/* layout custom */

.notifications-all-read-div > a:hover {
    text-decoration: none;
    color: #337ab7;
}

.notifications-all-read-div > a {
    font-size: 13px;
}

.no-border {
    border-left: unset !important;
    border-right: unset !important;
    border-bottom: unset !important;
    border-left: unset !important;
}

.no-hover:hover {
    background-color: unset !important;
}

.no-padding-c {
    padding-left: unset !important;
}

.reset-width-5 {
    width: 5px !important;
}




/*search css*/

/* Cubic Bezier Transition */
/* 
Search Page
***/
.search-page .bordered {
    border: 1px solid;
    border-color: #e7ecf1;
}

.search-page .search-bar {
    padding: 20px;
    margin-bottom: 40px;
    background-color: #fff;
}

    .search-page .search-bar input {
        border: none;
        background-color: #f3f6f9;
        color: #a0a9b4;
        height: 55px;
    }

    .search-page .search-bar button {
        color: #fff;
        height: 55px;
        width: 130px;
        margin-left: -3px;
        margin-top: -2px;
    }

    .search-page .search-bar .search-desc {
        margin: 0;
        color: #a0a9b4;
        font-size: 13px;
    }

.search-page .search-filter {
    background-color: #fff;
    padding: 40px 30px 0 30px;
    margin-bottom: 30px;
}

    .search-page .search-filter > .search-label {
        color: #a0a9b4;
        font-size: 11px;
        letter-spacing: 1px;
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 30px;
    }

        .search-page .search-filter > .search-label:first-child {
            margin-top: 0;
        }

    .search-page .search-filter input,
    .search-page .search-filter select {
        color: #727f89;
        font-weight: 700;
        font-size: 14px;
    }

    .search-page .search-filter button {
        margin: 40px 0;
        padding: 15px 0;
    }

    .search-page .search-filter .search-filter-divider {
        display: block;
        height: 1px;
    }

.search-page .search-pagination {
    text-align: center;
}

    .search-page .search-pagination > .pagination > li > a {
        margin: 0 3px;
        border: none;
        background: #ddd;
        color: #666;
    }

        .search-page .search-pagination > .pagination > li > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #3598DC;
        }

    .search-page .search-pagination > .pagination > .page-active > a {
        background-color: #3598DC;
        color: #fff;
    }

    .search-page .search-pagination.pagination-rounded > .pagination > li > a {
        border-radius: 50% !important;
    }

.search-content-1 .search-container {
    background-color: #fff;
}

    .search-content-1 .search-container > ul {
        padding: 0 20px 20px 20px;
        margin-bottom: 0;
    }

        .search-content-1 .search-container > ul .search-item {
            list-style: none;
            padding: 20px 0;
            border-bottom: 1px solid;
            border-color: #f4f6f8;
        }

            .search-content-1 .search-container > ul .search-item > a > img {
                width: 100px;
                float: left;
                margin-right: 20px;
            }

            .search-content-1 .search-container > ul .search-item > .search-content {
                padding-left: 120px;
            }

                .search-content-1 .search-container > ul .search-item > .search-content > .search-title {
                    font-size: 20px;
                    margin: 10px 0 20px 0;
                    font-weight: 600;
                }

                    .search-content-1 .search-container > ul .search-item > .search-content > .search-title > a {
                        color: #4e5a64;
                    }

                        .search-content-1 .search-container > ul .search-item > .search-content > .search-title > a:hover {
                            text-decoration: none;
                            color: #49a7fa;
                        }

                .search-content-1 .search-container > ul .search-item > .search-content > .search-desc {
                    color: #a0a9b4;
                    font-size: 13px;
                    margin: 0;
                }

            .search-content-1 .search-container > ul .search-item:last-child {
                border: none;
            }

.search-content-2 .search-container {
    background-color: #fff;
}

    .search-content-2 .search-container > ul {
        padding: 20px;
        margin-bottom: 0;
    }

        .search-content-2 .search-container > ul > .search-item-header {
            list-style: none;
            padding: 0 0 5px 0;
            border-bottom: 1px solid;
            border-color: #f4f6f8;
        }

            .search-content-2 .search-container > ul > .search-item-header h3 {
                font-size: 17px;
                color: #a0a9b4;
                margin: 5px 0 0 0;
            }

        .search-content-2 .search-container > ul .search-item {
            list-style: none;
            padding: 20px 0;
            border-bottom: 1px solid;
            border-color: #f4f6f8;
        }

            .search-content-2 .search-container > ul .search-item > .search-content p {
                margin: 0;
            }

            .search-content-2 .search-container > ul .search-item > .search-content .search-title {
                font-size: 19px;
                margin: 0 0 20px 0;
                font-weight: 600;
            }

                .search-content-2 .search-container > ul .search-item > .search-content .search-title > a {
                    color: #4e5a64;
                }

                    .search-content-2 .search-container > ul .search-item > .search-content .search-title > a:hover {
                        text-decoration: none;
                        color: #49a7fa;
                    }

            .search-content-2 .search-container > ul .search-item > .search-content .search-desc {
                color: #a0a9b4;
                font-size: 13px;
            }

                .search-content-2 .search-container > ul .search-item > .search-content .search-desc > a {
                    color: #49a7fa;
                }

                    .search-content-2 .search-container > ul .search-item > .search-content .search-desc > a:hover {
                        text-decoration: none;
                        color: #326b9e;
                    }

            .search-content-2 .search-container > ul .search-item > .search-content .search-counter-number,
            .search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
                text-align: center;
            }

            .search-content-2 .search-container > ul .search-item > .search-content .search-counter-number {
                font-size: 21px;
                color: #4e5a64;
                margin-bottom: 15px;
            }

            .search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
                font-size: 13px;
                color: #8b96a4;
            }

            .search-content-2 .search-container > ul .search-item:last-child {
                border: none;
            }

.search-content-3 .tile-container {
    margin-bottom: 30px;
}

    .search-content-3 .tile-container > .tile-thumbnail {
        height: 200px;
        overflow: hidden;
        position: relative;
    }

        .search-content-3 .tile-container > .tile-thumbnail img {
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

    .search-content-3 .tile-container > .tile-title {
        background-color: #fff;
        padding: 30px 20px;
    }

        .search-content-3 .tile-container > .tile-title > h3 {
            font-size: 19px;
            font-weight: 600;
            margin: 0;
            display: inline-block;
        }

            .search-content-3 .tile-container > .tile-title > h3 > a {
                color: #4e5a64;
            }

                .search-content-3 .tile-container > .tile-title > h3 > a:hover {
                    text-decoration: none;
                    color: #49a7fa;
                }

        .search-content-3 .tile-container > .tile-title i {
            float: right;
            font-size: 24px;
            margin: 0 5px;
        }

        .search-content-3 .tile-container > .tile-title > .tile-desc {
            font-size: 14px;
        }

            .search-content-3 .tile-container > .tile-title > .tile-desc > p {
                margin: 20px 0 0 0;
            }

                .search-content-3 .tile-container > .tile-title > .tile-desc > p > a:hover {
                    text-decoration: none;
                }

.search-content-4 .search-bar .extra-buttons button {
    margin-right: 20px;
}

    .search-content-4 .search-bar .extra-buttons button:last-child {
        margin-right: 0;
        width: 170px;
    }

.search-content-4 .search-table th {
    border: none;
}

    .search-content-4 .search-table th > a {
        color: #fff;
    }

        .search-content-4 .search-table th > a:hover {
            text-decoration: none;
            color: #eee;
        }

.search-content-4 .search-table th, .search-content-4 .search-table td {
    padding: 20px 30px;
    vertical-align: middle;
}

.search-content-4 .search-table td {
    border-color: #fff;
}

.search-content-4 .search-table .table-status {
    text-align: center;
}

    .search-content-4 .search-table .table-status i {
        font-size: 26px;
        padding-top: 10px;
    }

.search-content-4 .search-table .table-date {
    font-weight: 600;
    font-size: 14px;
    width: 180px;
}

    .search-content-4 .search-table .table-date a {
        color: #49a7fa;
    }

        .search-content-4 .search-table .table-date a:hover {
            text-decoration: none;
            color: #326b9e;
        }

.search-content-4 .search-table .table-title {
    width: 390px;
}

    .search-content-4 .search-table .table-title > h3 {
        margin: 0;
        color: #4e5a64;
        font-size: 19px;
        font-weight: 600;
    }

        .search-content-4 .search-table .table-title > h3 > a {
            color: #4e5a64;
        }

            .search-content-4 .search-table .table-title > h3 > a:hover {
                text-decoration: none;
                color: #49a7fa;
            }

    .search-content-4 .search-table .table-title > p {
        margin-bottom: 0;
        margin-top: 10px;
    }

        .search-content-4 .search-table .table-title > p > a {
            color: #49a7fa;
        }

            .search-content-4 .search-table .table-title > p > a:hover {
                text-decoration: none;
                color: #326b9e;
            }

.search-content-4 .search-table .table-desc {
    font-size: 14px;
    color: #8b96a4;
}

.search-content-4 .search-table .table-download {
    text-align: center;
}

    .search-content-4 .search-table .table-download i {
        font-size: 30px;
        padding-top: 10px;
    }

@media (max-width: 1024px) {
    .search-content-4 .search-bar .extra-buttons {
        margin-top: 30px;
    }

    .search-content-4 .search-table th, .search-content-4 .search-table td {
        vertical-align: top;
    }

    .search-content-4 .search-table .table-date {
        width: auto;
    }

    .search-content-4 .search-table .table-title {
        width: auto;
    }
}

@media (max-width: 991px) {
    .search-bar .search-desc {
        margin-top: 20px !important;
    }

    .search-pagination {
        margin-bottom: 40px;
    }

    .search-content-2 .search-container .search-item > .search-content.text-left {
        text-align: left;
    }

    .search-content-2 .search-container .search-item > .search-content .search-desc {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .search-content-2 .search-container .search-item > .search-content {
        text-align: center;
    }
}


.search-page .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #727f89;
    font-weight: 700;
}

.span-daterange {
    color: #727f89;
    font-weight: 700;
    font-size: 12px
}


.search-on-top {
    color: #a0a9b4;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}


.search-page .search-filter {
    padding: 30px 30px 0 30px !important;
}

.search-page .search-filter {
    padding-top: 40px !important;
}



@media (max-width: 767px) {
    /* 767px */
    .todo-tasklist-devider {
        display: block;
        height: 20px;
        margin: 20px -10px;
        background: #F1F3FA;
    }
    /* TASK HISTORY */
    .todo-task-history > li {
        padding: 9px 0;
    }

        .todo-task-history > li > .todo-task-history-date {
            width: 100px;
            font-size: 11px;
        }

    .hide-on-mobile {
        display: none !important;
    }

    .reset-padding {
        padding-right: unset !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 10px;
    }

    input[type='text'],
    input[type='number'],
    input[type='search'],
    textarea {
        font-size: 16px !important;
    }

    .form-group input {
        font-size: 16px !important;
    }

    .calendar-legend {
        float: left !important;
    }

        .calendar-legend div {
            display: block !important;
        }
}


/*
    page all css
*/

/* Cubic Bezier Transition */
/***
New Profile Page
***/
.profile-sidebar {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.profile-content {
    overflow: hidden;
}

/* PROFILE SIDEBAR */
.profile-sidebar-portlet {
    padding: 30px 0 0 0 !important;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 7px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

    .profile-userbuttons .btn {
        margin-right: 5px;
    }

        .profile-userbuttons .btn:last-child {
            margin-right: 0;
        }

    .profile-userbuttons button {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        padding: 6px 15px;
    }

.profile-usermenu {
    margin-top: 30px;
    padding-bottom: 20px;
}

    .profile-usermenu ul li {
        border-bottom: 1px solid #f0f4f7;
    }

        .profile-usermenu ul li:last-child {
            border-bottom: none;
        }

        .profile-usermenu ul li a {
            color: #93a3b5;
            font-size: 16px;
            font-weight: 400;
        }

            .profile-usermenu ul li a i {
                margin-right: 8px;
                font-size: 16px;
            }

            .profile-usermenu ul li a:hover {
                background-color: #fafcfd;
                color: #5b9bd1;
            }

        .profile-usermenu ul li.active a {
            color: #5b9bd1;
            background-color: #f6f9fb;
            border-left: 2px solid #5b9bd1;
            margin-left: -2px;
        }

.profile-stat {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f4f7;
}

.profile-stat-title {
    color: #7f90a4;
    font-size: 25px;
    text-align: center;
}

.profile-stat-text {
    color: #5b9bd1;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}

.profile-desc-title {
    color: #7f90a4;
    font-size: 17px;
    font-weight: 600;
}

.profile-desc-text {
    color: #7e8c9e;
    font-size: 14px;
}

.profile-desc-link i {
    width: 22px;
    font-size: 19px;
    color: #abb6c4;
    margin-right: 5px;
}

.profile-desc-link a {
    font-size: 14px;
    font-weight: 600;
    color: #5b9bd1;
}

/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
    /* 991px */
    /* 991px */
    .profile-sidebar {
        float: none;
        width: 100% !important;
        margin: 0;
    }

        .profile-sidebar > .portlet {
            margin-bottom: 20px;
        }

    .profile-content {
        overflow: visible;
    }

    .mag-form-action {
        position: static;
    }
}


.is-disabled[disabled] {
    cursor: default;
    background-color: #fff;
    /*border-color: transparent;
    outline-color: transparent;*/
    box-shadow: none;
}

    .is-disabled[disabled]:focus {
        border-color: #FFF;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
    }


.is-disabled-o[disabled] {
    cursor: default;
    background-color: #fff;
    box-shadow: none;
}

    .is-disabled-o[disabled]:focus {
        border-color: #FFF;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
    }

input[type='checkbox']:disabled {
    cursor: default;
}



.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .md-checkbox input[type=checkbox]:disabled ~ label, .md-checkbox input[type=checkbox]:disabled ~ label > .box, .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check, .md-checkbox input[type=checkbox][disabled] ~ label, .md-checkbox input[type=checkbox][disabled] ~ label > .box {
    cursor: default;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #FFF;
    cursor: default;
    background-color: #fff;
    /*border-color: transparent;
    outline-color: transparent;*/
    box-shadow: none;
}

.select2-container--bootstrap .select2-results__group {
    font-size: 14px;
    font-weight: 700;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
    color: unset;
    cursor: default;
}


select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}




.is-readonly-o {
    cursor: default !important;
    background-color: unset !important;
    opacity: 1;
}





.table-scrollable .dataTable th > .btn-group, .table-scrollable .dataTable td > .btn-group {
    position: unset !important;
    margin-top: -2px;
}


































#header_cart_bar3 > li a {
    text-decoration: none !important;
}


.dropdown-notifications-items > li a {
    text-decoration: none !important;
}

.dropdown-tasks-items > li a {
    text-decoration: none !important;
}


.notification-reminder {
    text-decoration: none !important;
}

.no-text-decoration {
    text-decoration: none !important;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #3598DC !important;
}

.tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #3598DC !important;
}


.form-control:focus {
    border-color: #3598dc !important;
}

.form-control:read-only {
    cursor: default;
}


.chats .message .actions li {
    margin: unset !important;
    padding: unset !important;
}



.table-action-button {
    margin-right: 2px !important;
    margin-bottom: 2px !important;
}

.timeline-log {
    margin-bottom: 15px !important;
}


.dataTables_wrapper .dataTables_processing {
    background: unset !important;
}


.no-uppercase {
    text-transform: unset !important;
}




.span-daterange-on-filter {
    color: #999 !important;
    font-weight: 700 !important;
    font-family: "Open Sans", sans-serif;
}

/* --------------------------------------------------------------------- */



/*!
 *  Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
 */
.la, .la-stack {
    display: inline-block
}

.la-fw, .la-li {
    text-align: center
}

@font-face {
    font-family: LineAwesome;
    src: url(../fonts/line-awesome.eot?v=1.1.);
    src: url(../fonts/line-awesome.eot??v=1.1.#iefix) format("embedded-opentype"),url(../fonts/line-awesome.woff2?v=1.1.) format("woff2"),url(../fonts/line-awesome.woff?v=1.1.) format("woff"),url(../fonts/line-awesome.ttf?v=1.1.) format("truetype"),url(../fonts/line-awesome.svg?v=1.1.#fa) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: LineAwesome;
        src: url(../fonts/line-awesome.svg?v=1.1.#fa) format("svg")
    }
}

.la {
    font: normal normal normal 16px/1 LineAwesome;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.la-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.la-2x {
    font-size: 2em
}

.la-3x {
    font-size: 3em
}

.la-4x {
    font-size: 4em
}

.la-5x {
    font-size: 5em
}

.la-fw {
    width: 1.28571429em
}

.la-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .la-ul > li {
        position: relative
    }

.la-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em
}

    .la-li.la-lg {
        left: -1.85714286em
    }

.la-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.li.pull-left {
    margin-right: .3em
}

.li.pull-right {
    margin-left: .3em
}

.la-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.la-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.la-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.la-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.la-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.la-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .la-flip-horizontal, :root .la-flip-vertical, :root .la-rotate-180, :root .la-rotate-270, :root .la-rotate-90 {
    filter: none
}

.la-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.la-stack-1x, .la-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.la-stack-1x {
    line-height: inherit
}

.la-stack-2x {
    font-size: 2em
}

.la-inverse {
    color: #fff
}

.la-500px:before {
    content: "\f100"
}

.la-adjust:before {
    content: "\f101"
}

.la-adn:before {
    content: "\f102"
}

.la-align-center:before {
    content: "\f103"
}

.la-align-justify:before {
    content: "\f104"
}

.la-align-left:before {
    content: "\f105"
}

.la-align-right:before {
    content: "\f106"
}

.la-amazon:before {
    content: "\f107"
}

.la-ambulance:before {
    content: "\f108"
}

.la-anchor:before {
    content: "\f109"
}

.la-android:before {
    content: "\f10a"
}

.la-angellist:before {
    content: "\f10b"
}

.la-angle-double-down:before {
    content: "\f10c"
}

.la-angle-double-left:before {
    content: "\f10d"
}

.la-angle-double-right:before {
    content: "\f10e"
}

.la-angle-double-up:before {
    content: "\f10f"
}

.la-angle-down:before {
    content: "\f110"
}

.la-angle-left:before {
    content: "\f111"
}

.la-angle-right:before {
    content: "\f112"
}

.la-angle-up:before {
    content: "\f113"
}

.la-apple:before {
    content: "\f114"
}

.la-archive:before {
    content: "\f115"
}

.la-area-chart:before {
    content: "\f116"
}

.la-arrow-circle-down:before {
    content: "\f117"
}

.la-arrow-circle-left:before {
    content: "\f118"
}

.la-arrow-circle-o-down:before {
    content: "\f119"
}

.la-arrow-circle-o-left:before {
    content: "\f11a"
}

.la-arrow-circle-o-right:before {
    content: "\f11b"
}

.la-arrow-circle-o-up:before {
    content: "\f11c"
}

.la-arrow-circle-right:before {
    content: "\f11d"
}

.la-arrow-circle-up:before {
    content: "\f11e"
}

.la-arrow-down:before {
    content: "\f11f"
}

.la-arrow-left:before {
    content: "\f120"
}

.la-arrow-right:before {
    content: "\f121"
}

.la-arrow-up:before {
    content: "\f122"
}

.la-arrows:before {
    content: "\f123"
}

.la-arrows-alt:before {
    content: "\f124"
}

.la-arrows-h:before {
    content: "\f125"
}

.la-arrows-v:before {
    content: "\f126"
}

.la-asterisk:before {
    content: "\f127"
}

.la-at:before {
    content: "\f128"
}

.la-automobile:before {
    content: "\f129"
}

.la-backward:before {
    content: "\f12a"
}

.la-balance-scale:before {
    content: "\f12b"
}

.la-ban:before {
    content: "\f12c"
}

.la-bank:before {
    content: "\f12d"
}

.la-bar-chart:before {
    content: "\f12e"
}

.la-bar-chart-o:before {
    content: "\f12f"
}

.la-barcode:before {
    content: "\f130"
}

.la-bars:before {
    content: "\f131"
}

.la-battery-0:before {
    content: "\f132"
}

.la-battery-1:before {
    content: "\f133"
}

.la-battery-2:before {
    content: "\f134"
}

.la-battery-3:before {
    content: "\f135"
}

.la-battery-4:before {
    content: "\f136"
}

.la-battery-empty:before {
    content: "\f137"
}

.la-battery-full:before {
    content: "\f138"
}

.la-battery-half:before {
    content: "\f139"
}

.la-battery-quarter:before {
    content: "\f13a"
}

.la-battery-three-quarters:before {
    content: "\f13b"
}

.la-bed:before {
    content: "\f13c"
}

.la-beer:before {
    content: "\f13d"
}

.la-behance:before {
    content: "\f13e"
}

.la-behance-square:before {
    content: "\f13f"
}

.la-bell:before {
    content: "\f140"
}

.la-bell-o:before {
    content: "\f141"
}

.la-bell-slash:before {
    content: "\f142"
}

.la-bell-slash-o:before {
    content: "\f143"
}

.la-bicycle:before {
    content: "\f144"
}

.la-binoculars:before {
    content: "\f145"
}

.la-birthday-cake:before {
    content: "\f146"
}

.la-bitbucket:before {
    content: "\f147"
}

.la-bitbucket-square:before {
    content: "\f148"
}

.la-bitcoin:before {
    content: "\f149"
}

.la-black-tie:before {
    content: "\f14a"
}

.la-bold:before {
    content: "\f14b"
}

.la-bolt:before {
    content: "\f14c"
}

.la-bomb:before {
    content: "\f14d"
}

.la-book:before {
    content: "\f14e"
}

.la-bookmark:before {
    content: "\f14f"
}

.la-bookmark-o:before {
    content: "\f150"
}

.la-briefcase:before {
    content: "\f151"
}

.la-btc:before {
    content: "\f152"
}

.la-bug:before {
    content: "\f153"
}

.la-building:before {
    content: "\f154"
}

.la-building-o:before {
    content: "\f155"
}

.la-bullhorn:before {
    content: "\f156"
}

.la-bullseye:before {
    content: "\f157"
}

.la-bus:before {
    content: "\f158"
}

.la-buysellads:before {
    content: "\f159"
}

.la-cab:before {
    content: "\f15a"
}

.la-calculator:before {
    content: "\f15b"
}

.la-calendar:before {
    content: "\f15c"
}

.la-calendar-check-o:before {
    content: "\f15d"
}

.la-calendar-minus-o:before {
    content: "\f15e"
}

.la-calendar-o:before {
    content: "\f15f"
}

.la-calendar-plus-o:before {
    content: "\f160"
}

.la-calendar-times-o:before {
    content: "\f161"
}

.la-camera:before {
    content: "\f162"
}

.la-camera-retro:before {
    content: "\f163"
}

.la-car:before {
    content: "\f164"
}

.la-caret-down:before {
    content: "\f165"
}

.la-caret-left:before {
    content: "\f166"
}

.la-caret-right:before {
    content: "\f167"
}

.la-caret-square-o-down:before, .la-toggle-down:before {
    content: "\f168"
}

.la-caret-square-o-left:before, .la-toggle-left:before {
    content: "\f169"
}

.la-caret-square-o-right:before, .la-toggle-right:before {
    content: "\f16a"
}

.la-caret-square-o-up:before, .la-toggle-up:before {
    content: "\f16b"
}

.la-caret-up:before {
    content: "\f16c"
}

.la-cart-arrow-down:before {
    content: "\f16d"
}

.la-cart-plus:before {
    content: "\f16e"
}

.la-cc:before {
    content: "\f16f"
}

.la-cc-amex:before {
    content: "\f170"
}

.la-cc-diners-club:before {
    content: "\f171"
}

.la-cc-discover:before {
    content: "\f172"
}

.la-cc-jcb:before {
    content: "\f173"
}

.la-cc-mastercard:before {
    content: "\f174"
}

.la-cc-paypal:before {
    content: "\f175"
}

.la-cc-stripe:before {
    content: "\f176"
}

.la-cc-visa:before {
    content: "\f177"
}

.la-certificate:before {
    content: "\f178"
}

.la-chain:before {
    content: "\f179"
}

.la-chain-broken:before {
    content: "\f17a"
}

.la-check:before {
    content: "\f17b"
}

.la-check-circle:before {
    content: "\f17c"
}

.la-check-circle-o:before {
    content: "\f17d"
}

.la-check-square:before {
    content: "\f17e"
}

.la-check-square-o:before {
    content: "\f17f"
}

.la-chevron-circle-down:before {
    content: "\f180"
}

.la-chevron-circle-left:before {
    content: "\f181"
}

.la-chevron-circle-right:before {
    content: "\f182"
}

.la-chevron-circle-up:before {
    content: "\f183"
}

.la-chevron-down:before {
    content: "\f184"
}

.la-chevron-left:before {
    content: "\f185"
}

.la-chevron-right:before {
    content: "\f186"
}

.la-chevron-up:before {
    content: "\f187"
}

.la-child:before {
    content: "\f188"
}

.la-chrome:before {
    content: "\f189"
}

.la-circle:before {
    content: "\f18a"
}

.la-circle-o:before {
    content: "\f18b"
}

.la-circle-o-notch:before {
    content: "\f18c"
}

.la-circle-thin:before {
    content: "\f18d"
}

.la-clipboard:before {
    content: "\f18e"
}

.la-clock-o:before {
    content: "\f18f"
}

.la-clone:before {
    content: "\f190"
}

.la-close:before {
    content: "\f191"
}

.la-cloud:before {
    content: "\f192"
}

.la-cloud-download:before {
    content: "\f193"
}

.la-cloud-upload:before {
    content: "\f194"
}

.la-cny:before {
    content: "\f195"
}

.la-code:before {
    content: "\f196"
}

.la-code-fork:before {
    content: "\f197"
}

.la-codepen:before {
    content: "\f198"
}

.la-coffee:before {
    content: "\f199"
}

.la-cog:before {
    content: "\f19a"
}

.la-cogs:before {
    content: "\f19b"
}

.la-columns:before {
    content: "\f19c"
}

.la-comment:before {
    content: "\f19d"
}

.la-comment-o:before {
    content: "\f19e"
}

.la-commenting:before {
    content: "\f19f"
}

.la-commenting-o:before {
    content: "\f1a0"
}

.la-comments:before {
    content: "\f1a1"
}

.la-comments-o:before {
    content: "\f1a2"
}

.la-compass:before {
    content: "\f1a3"
}

.la-compress:before {
    content: "\f1a4"
}

.la-connectdevelop:before {
    content: "\f1a5"
}

.la-contao:before {
    content: "\f1a6"
}

.la-copy:before {
    content: "\f1a7"
}

.la-copyright:before {
    content: "\f1a8"
}

.la-creative-commons:before {
    content: "\f1a9"
}

.la-credit-card:before {
    content: "\f1aa"
}

.la-crop:before {
    content: "\f1ab"
}

.la-crosshairs:before {
    content: "\f1ac"
}

.la-css3:before {
    content: "\f1ad"
}

.la-cube:before {
    content: "\f1ae"
}

.la-cubes:before {
    content: "\f1af"
}

.la-cut:before {
    content: "\f1b0"
}

.la-cutlery:before {
    content: "\f1b1"
}

.la-dashboard:before {
    content: "\f1b2"
}

.la-dashcube:before {
    content: "\f1b3"
}

.la-database:before {
    content: "\f1b4"
}

.la-dedent:before {
    content: "\f1b5"
}

.la-delicious:before {
    content: "\f1b6"
}

.la-desktop:before {
    content: "\f1b7"
}

.la-deviantart:before {
    content: "\f1b8"
}

.la-diamond:before {
    content: "\f1b9"
}

.la-digg:before {
    content: "\f1ba"
}

.la-dollar:before {
    content: "\f1bb"
}

.la-dot-circle-o:before {
    content: "\f1bc"
}

.la-download:before {
    content: "\f1bd"
}

.la-dribbble:before {
    content: "\f1be"
}

.la-dropbox:before {
    content: "\f1bf"
}

.la-drupal:before {
    content: "\f1c0"
}

.la-edit:before {
    content: "\f1c1"
}

.la-eject:before {
    content: "\f1c2"
}

.la-ellipsis-h:before {
    content: "\f1c3"
}

.la-ellipsis-v:before {
    content: "\f1c4"
}

.la-empire:before, .la-ge:before {
    content: "\f1c5"
}

.la-envelope:before {
    content: "\f1c6"
}

.la-envelope-o:before {
    content: "\f1c7"
}

.la-envelope-square:before {
    content: "\f1c8"
}

.la-eraser:before {
    content: "\f1c9"
}

.la-eur:before {
    content: "\f1ca"
}

.la-euro:before {
    content: "\f1cb"
}

.la-exchange:before {
    content: "\f1cc"
}

.la-exclamation:before {
    content: "\f1cd"
}

.la-exclamation-circle:before {
    content: "\f1ce"
}

.la-exclamation-triangle:before {
    content: "\f1cf"
}

.la-expand:before {
    content: "\f1d0"
}

.la-expeditedssl:before {
    content: "\f1d1"
}

.la-external-link:before {
    content: "\f1d2"
}

.la-external-link-square:before {
    content: "\f1d3"
}

.la-eye:before {
    content: "\f1d4"
}

.la-eye-slash:before {
    content: "\f1d5"
}

.la-eyedropper:before {
    content: "\f1d6"
}

.la-facebook-f:before, .la-facebook:before {
    content: "\f1d7"
}

.la-facebook-official:before {
    content: "\f1d8"
}

.la-facebook-square:before {
    content: "\f1d9"
}

.la-fast-backward:before {
    content: "\f1da"
}

.la-fast-forward:before {
    content: "\f1db"
}

.la-fax:before {
    content: "\f1dc"
}

.la-female:before {
    content: "\f1dd"
}

.la-fighter-jet:before {
    content: "\f1de"
}

.la-file:before {
    content: "\f1df"
}

.la-file-archive-o:before {
    content: "\f1e0"
}

.la-file-audio-o:before {
    content: "\f1e1"
}

.la-file-code-o:before {
    content: "\f1e2"
}

.la-file-excel-o:before {
    content: "\f1e3"
}

.la-file-image-o:before {
    content: "\f1e4"
}

.la-file-movie-o:before {
    content: "\f1e5"
}

.la-file-o:before {
    content: "\f1e6"
}

.la-file-pdf-o:before {
    content: "\f1e7"
}

.la-file-photo-o:before {
    content: "\f1e8"
}

.la-file-picture-o:before {
    content: "\f1e9"
}

.la-file-powerpoint-o:before {
    content: "\f1ea"
}

.la-file-sound-o:before {
    content: "\f1eb"
}

.la-file-text:before {
    content: "\f1ec"
}

.la-file-text-o:before {
    content: "\f1ed"
}

.la-file-video-o:before {
    content: "\f1ee"
}

.la-file-word-o:before {
    content: "\f1ef"
}

.la-file-zip-o:before {
    content: "\f1f0"
}

.la-files-o:before {
    content: "\f1f1"
}

.la-film:before {
    content: "\f1f2"
}

.la-filter:before {
    content: "\f1f3"
}

.la-fire:before {
    content: "\f1f4"
}

.la-fire-extinguisher:before {
    content: "\f1f5"
}

.la-firefox:before {
    content: "\f1f6"
}

.la-flag:before {
    content: "\f1f7"
}

.la-flag-checkered:before {
    content: "\f1f8"
}

.la-flag-o:before {
    content: "\f1f9"
}

.la-flash:before {
    content: "\f1fa"
}

.la-flask:before {
    content: "\f1fb"
}

.la-flickr:before {
    content: "\f1fc"
}

.la-floppy-o:before {
    content: "\f1fd"
}

.la-folder:before {
    content: "\f1fe"
}

.la-folder-o:before {
    content: "\f1ff"
}

.la-folder-open:before {
    content: "\f200"
}

.la-folder-open-o:before {
    content: "\f201"
}

.la-font:before {
    content: "\f202"
}

.la-fonticons:before {
    content: "\f203"
}

.la-forumbee:before {
    content: "\f204"
}

.la-forward:before {
    content: "\f205"
}

.la-foursquare:before {
    content: "\f206"
}

.la-frown-o:before {
    content: "\f207"
}

.la-futbol-o:before, .la-soccer-ball-o:before {
    content: "\f208"
}

.la-gamepad:before {
    content: "\f209"
}

.la-gavel:before {
    content: "\f20a"
}

.la-gbp:before {
    content: "\f20b"
}

.la-gear:before {
    content: "\f20c"
}

.la-gears:before {
    content: "\f20d"
}

.la-genderless:before {
    content: "\f20e"
}

.la-get-pocket:before {
    content: "\f20f"
}

.la-gg:before {
    content: "\f210"
}

.la-gg-circle:before {
    content: "\f211"
}

.la-gift:before {
    content: "\f212"
}

.la-git:before {
    content: "\f213"
}

.la-git-square:before {
    content: "\f214"
}

.la-github:before {
    content: "\f215"
}

.la-github-alt:before {
    content: "\f216"
}

.la-github-square:before {
    content: "\f217"
}

.la-glass:before {
    content: "\f218"
}

.la-globe:before {
    content: "\f219"
}

.la-google:before {
    content: "\f21a"
}

.la-google-plus:before {
    content: "\f21b"
}

.la-google-plus-square:before {
    content: "\f21c"
}

.la-google-wallet:before {
    content: "\f21d"
}

.la-graduation-cap:before {
    content: "\f21e"
}

.la-gittip:before, .la-gratipay:before {
    content: "\f21f"
}

.la-group:before {
    content: "\f220"
}

.la-h-square:before {
    content: "\f221"
}

.la-hacker-news:before {
    content: "\f222"
}

.la-hand-grab-o:before {
    content: "\f223"
}

.la-hand-lizard-o:before {
    content: "\f224"
}

.la-hand-o-down:before {
    content: "\f225"
}

.la-hand-o-left:before {
    content: "\f226"
}

.la-hand-o-right:before {
    content: "\f227"
}

.la-hand-o-up:before {
    content: "\f228"
}

.la-hand-paper-o:before {
    content: "\f229"
}

.la-hand-peace-o:before {
    content: "\f22a"
}

.la-hand-pointer-o:before {
    content: "\f22b"
}

.la-hand-rock-o:before {
    content: "\f22c"
}

.la-hand-scissors-o:before {
    content: "\f22d"
}

.la-hand-spock-o:before {
    content: "\f22e"
}

.la-hand-stop-o:before {
    content: "\f22f"
}

.la-hdd-o:before {
    content: "\f230"
}

.la-header:before {
    content: "\f231"
}

.la-headphones:before {
    content: "\f232"
}

.la-heart:before {
    content: "\f233"
}

.la-heart-o:before {
    content: "\f234"
}

.la-heartbeat:before {
    content: "\f235"
}

.la-history:before {
    content: "\f236"
}

.la-home:before {
    content: "\f237"
}

.la-hospital-o:before {
    content: "\f238"
}

.la-hotel:before {
    content: "\f239"
}

.la-hourglass:before {
    content: "\f23a"
}

.la-hourglass-1:before {
    content: "\f23b"
}

.la-hourglass-2:before {
    content: "\f23c"
}

.la-hourglass-3:before {
    content: "\f23d"
}

.la-hourglass-end:before {
    content: "\f23e"
}

.la-hourglass-half:before {
    content: "\f23f"
}

.la-hourglass-o:before {
    content: "\f240"
}

.la-hourglass-start:before {
    content: "\f241"
}

.la-houzz:before {
    content: "\f242"
}

.la-html5:before {
    content: "\f243"
}

.la-i-cursor:before {
    content: "\f244"
}

.la-ils:before {
    content: "\f245"
}

.la-image:before {
    content: "\f246"
}

.la-inbox:before {
    content: "\f247"
}

.la-indent:before {
    content: "\f248"
}

.la-industry:before {
    content: "\f249"
}

.la-info:before {
    content: "\f24a"
}

.la-info-circle:before {
    content: "\f24b"
}

.la-inr:before {
    content: "\f24c"
}

.la-instagram:before {
    content: "\f24d"
}

.la-institution:before {
    content: "\f24e"
}

.la-internet-explorer:before {
    content: "\f24f"
}

.la-ioxhost:before {
    content: "\f250"
}

.la-italic:before {
    content: "\f251"
}

.la-joomla:before {
    content: "\f252"
}

.la-jpy:before {
    content: "\f253"
}

.la-jsfiddle:before {
    content: "\f254"
}

.la-key:before {
    content: "\f255"
}

.la-keyboard-o:before {
    content: "\f256"
}

.la-krw:before {
    content: "\f257"
}

.la-language:before {
    content: "\f258"
}

.la-laptop:before {
    content: "\f259"
}

.la-lastfm:before {
    content: "\f25a"
}

.la-lastfm-square:before {
    content: "\f25b"
}

.la-leaf:before {
    content: "\f25c"
}

.la-leanpub:before {
    content: "\f25d"
}

.la-legal:before {
    content: "\f25e"
}

.la-lemon-o:before {
    content: "\f25f"
}

.la-level-down:before {
    content: "\f260"
}

.la-level-up:before {
    content: "\f261"
}

.la-life-bouy:before {
    content: "\f262"
}

.la-life-buoy:before {
    content: "\f263"
}

.la-life-ring:before, .la-support:before {
    content: "\f264"
}

.la-life-saver:before {
    content: "\f265"
}

.la-lightbulb-o:before {
    content: "\f266"
}

.la-line-chart:before {
    content: "\f267"
}

.la-link:before {
    content: "\f268"
}

.la-linkedin:before {
    content: "\f269"
}

.la-linkedin-square:before {
    content: "\f26a"
}

.la-linux:before {
    content: "\f26b"
}

.la-list:before {
    content: "\f26c"
}

.la-list-alt:before {
    content: "\f26d"
}

.la-list-ol:before {
    content: "\f26e"
}

.la-list-ul:before {
    content: "\f26f"
}

.la-location-arrow:before {
    content: "\f270"
}

.la-lock:before {
    content: "\f271"
}

.la-long-arrow-down:before {
    content: "\f272"
}

.la-long-arrow-left:before {
    content: "\f273"
}

.la-long-arrow-right:before {
    content: "\f274"
}

.la-long-arrow-up:before {
    content: "\f275"
}

.la-magic:before {
    content: "\f276"
}

.la-magnet:before {
    content: "\f277"
}

.la-mail-forward:before {
    content: "\f278"
}

.la-mail-reply:before {
    content: "\f279"
}

.la-mail-reply-all:before {
    content: "\f27a"
}

.la-male:before {
    content: "\f27b"
}

.la-map:before {
    content: "\f27c"
}

.la-map-marker:before {
    content: "\f27d"
}

.la-map-o:before {
    content: "\f27e"
}

.la-map-pin:before {
    content: "\f27f"
}

.la-map-signs:before {
    content: "\f280"
}

.la-mars:before {
    content: "\f281"
}

.la-mars-double:before {
    content: "\f282"
}

.la-mars-stroke:before {
    content: "\f283"
}

.la-mars-stroke-h:before {
    content: "\f284"
}

.la-mars-stroke-v:before {
    content: "\f285"
}

.la-maxcdn:before {
    content: "\f286"
}

.la-meanpath:before {
    content: "\f287"
}

.la-medium:before {
    content: "\f288"
}

.la-medkit:before {
    content: "\f289"
}

.la-meh-o:before {
    content: "\f28a"
}

.la-mercury:before {
    content: "\f28b"
}

.la-microphone:before {
    content: "\f28c"
}

.la-microphone-slash:before {
    content: "\f28d"
}

.la-minus:before {
    content: "\f28e"
}

.la-minus-circle:before {
    content: "\f28f"
}

.la-minus-square:before {
    content: "\f290"
}

.la-minus-square-o:before {
    content: "\f291"
}

.la-mobile:before {
    content: "\f292"
}

.la-mobile-phone:before {
    content: "\f293"
}

.la-money:before {
    content: "\f294"
}

.la-moon-o:before {
    content: "\f295"
}

.la-mortar-board:before {
    content: "\f296"
}

.la-motorcycle:before {
    content: "\f297"
}

.la-mouse-pointer:before {
    content: "\f298"
}

.la-music:before {
    content: "\f299"
}

.la-navicon:before {
    content: "\f29a"
}

.la-neuter:before {
    content: "\f29b"
}

.la-newspaper-o:before {
    content: "\f29c"
}

.la-object-group:before {
    content: "\f29d"
}

.la-object-ungroup:before {
    content: "\f29e"
}

.la-odnoklassniki:before {
    content: "\f29f"
}

.la-odnoklassniki-square:before {
    content: "\f2a0"
}

.la-opencart:before {
    content: "\f2a1"
}

.la-openid:before {
    content: "\f2a2"
}

.la-opera:before {
    content: "\f2a3"
}

.la-optin-monster:before {
    content: "\f2a4"
}

.la-outdent:before {
    content: "\f2a5"
}

.la-pagelines:before {
    content: "\f2a6"
}

.la-paint-brush:before {
    content: "\f2a7"
}

.la-paper-plane:before, .la-send:before {
    content: "\f2a8"
}

.la-paper-plane-o:before, .la-send-o:before {
    content: "\f2a9"
}

.la-paperclip:before {
    content: "\f2aa"
}

.la-paragraph:before {
    content: "\f2ab"
}

.la-paste:before {
    content: "\f2ac"
}

.la-pause:before {
    content: "\f2ad"
}

.la-paw:before {
    content: "\f2ae"
}

.la-paypal:before {
    content: "\f2af"
}

.la-pencil:before {
    content: "\f2b0"
}

.la-pencil-square:before {
    content: "\f2b1"
}

.la-pencil-square-o:before {
    content: "\f2b2"
}

.la-phone:before {
    content: "\f2b3"
}

.la-phone-square:before {
    content: "\f2b4"
}

.la-photo:before {
    content: "\f2b5"
}

.la-picture-o:before {
    content: "\f2b6"
}

.la-pie-chart:before {
    content: "\f2b7"
}

.la-pied-piper:before {
    content: "\f2b8"
}

.la-pied-piper-alt:before {
    content: "\f2b9"
}

.la-pinterest:before {
    content: "\f2ba"
}

.la-pinterest-p:before {
    content: "\f2bb"
}

.la-pinterest-square:before {
    content: "\f2bc"
}

.la-plane:before {
    content: "\f2bd"
}

.la-play:before {
    content: "\f2be"
}

.la-play-circle:before {
    content: "\f2bf"
}

.la-play-circle-o:before {
    content: "\f2c0"
}

.la-plug:before {
    content: "\f2c1"
}

.la-plus:before {
    content: "\f2c2"
}

.la-plus-circle:before {
    content: "\f2c3"
}

.la-plus-square:before {
    content: "\f2c4"
}

.la-plus-square-o:before {
    content: "\f2c5"
}

.la-power-off:before {
    content: "\f2c6"
}

.la-print:before {
    content: "\f2c7"
}

.la-puzzle-piece:before {
    content: "\f2c8"
}

.la-qq:before {
    content: "\f2c9"
}

.la-qrcode:before {
    content: "\f2ca"
}

.la-question:before {
    content: "\f2cb"
}

.la-question-circle:before {
    content: "\f2cc"
}

.la-quote-left:before {
    content: "\f2cd"
}

.la-quote-right:before {
    content: "\f2ce"
}

.la-ra:before {
    content: "\f2cf"
}

.la-random:before {
    content: "\f2d0"
}

.la-rebel:before {
    content: "\f2d1"
}

.la-recycle:before {
    content: "\f2d2"
}

.la-reddit:before {
    content: "\f2d3"
}

.la-reddit-square:before {
    content: "\f2d4"
}

.la-refresh:before {
    content: "\f2d5"
}

.la-registered:before {
    content: "\f2d6"
}

.la-renren:before {
    content: "\f2d7"
}

.la-reorder:before {
    content: "\f2d8"
}

.la-repeat:before {
    content: "\f2d9"
}

.la-reply:before {
    content: "\f2da"
}

.la-reply-all:before {
    content: "\f2db"
}

.la-retweet:before {
    content: "\f2dc"
}

.la-rmb:before {
    content: "\f2dd"
}

.la-road:before {
    content: "\f2de"
}

.la-rocket:before {
    content: "\f2df"
}

.la-rotate-left:before {
    content: "\f2e0"
}

.la-rotate-right:before {
    content: "\f2e1"
}

.la-rouble:before {
    content: "\f2e2"
}

.la-feed:before, .la-rss:before {
    content: "\f2e3"
}

.la-rss-square:before {
    content: "\f2e4"
}

.la-rub:before {
    content: "\f2e5"
}

.la-ruble:before {
    content: "\f2e6"
}

.la-rupee:before {
    content: "\f2e7"
}

.la-safari:before {
    content: "\f2e8"
}

.la-save:before {
    content: "\f2e9"
}

.la-scissors:before {
    content: "\f2ea"
}

.la-search:before {
    content: "\f2eb"
}

.la-search-minus:before {
    content: "\f2ec"
}

.la-search-plus:before {
    content: "\f2ed"
}

.la-sellsy:before {
    content: "\f2ee"
}

.la-server:before {
    content: "\f2ef"
}

.la-share:before {
    content: "\f2f0"
}

.la-share-alt:before {
    content: "\f2f1"
}

.la-share-alt-square:before {
    content: "\f2f2"
}

.la-share-square:before {
    content: "\f2f3"
}

.la-share-square-o:before {
    content: "\f2f4"
}

.la-shekel:before {
    content: "\f2f5"
}

.la-sheqel:before {
    content: "\f2f6"
}

.la-shield:before {
    content: "\f2f7"
}

.la-ship:before {
    content: "\f2f8"
}

.la-shirtsinbulk:before {
    content: "\f2f9"
}

.la-shopping-cart:before {
    content: "\f2fa"
}

.la-sign-in:before {
    content: "\f2fb"
}

.la-sign-out:before {
    content: "\f2fc"
}

.la-signal:before {
    content: "\f2fd"
}

.la-simplybuilt:before {
    content: "\f2fe"
}

.la-sitemap:before {
    content: "\f2ff"
}

.la-skyatlas:before {
    content: "\f300"
}

.la-skype:before {
    content: "\f301"
}

.la-slack:before {
    content: "\f302"
}

.la-sliders:before {
    content: "\f303"
}

.la-slideshare:before {
    content: "\f304"
}

.la-smile-o:before {
    content: "\f305"
}

.la-sort:before, .la-unsorted:before {
    content: "\f306"
}

.la-sort-alpha-asc:before {
    content: "\f307"
}

.la-sort-alpha-desc:before {
    content: "\f308"
}

.la-sort-amount-asc:before {
    content: "\f309"
}

.la-sort-amount-desc:before {
    content: "\f30a"
}

.la-sort-asc:before, .la-sort-up:before {
    content: "\f30b"
}

.la-sort-desc:before, .la-sort-down:before {
    content: "\f30c"
}

.la-sort-numeric-asc:before {
    content: "\f30d"
}

.la-sort-numeric-desc:before {
    content: "\f30e"
}

.la-soundcloud:before {
    content: "\f30f"
}

.la-space-shuttle:before {
    content: "\f310"
}

.la-spinner:before {
    content: "\f311"
}

.la-spoon:before {
    content: "\f312"
}

.la-spotify:before {
    content: "\f313"
}

.la-square:before {
    content: "\f314"
}

.la-square-o:before {
    content: "\f315"
}

.la-stack-exchange:before {
    content: "\f316"
}

.la-stack-overflow:before {
    content: "\f317"
}

.la-star:before {
    content: "\f318"
}

.la-star-half:before {
    content: "\f319"
}

.la-star-half-empty:before, .la-star-half-full:before, .la-star-half-o:before {
    content: "\f31a"
}

.la-star-o:before {
    content: "\f31b"
}

.la-steam:before {
    content: "\f31c"
}

.la-steam-square:before {
    content: "\f31d"
}

.la-step-backward:before {
    content: "\f31e"
}

.la-step-forward:before {
    content: "\f31f"
}

.la-stethoscope:before {
    content: "\f320"
}

.la-sticky-note:before {
    content: "\f321"
}

.la-sticky-note-o:before {
    content: "\f322"
}

.la-stop:before {
    content: "\f323"
}

.la-street-view:before {
    content: "\f324"
}

.la-strikethrough:before {
    content: "\f325"
}

.la-stumbleupon:before {
    content: "\f326"
}

.la-stumbleupon-circle:before {
    content: "\f327"
}

.la-subscript:before {
    content: "\f328"
}

.la-subway:before {
    content: "\f329"
}

.la-suitcase:before {
    content: "\f32a"
}

.la-sun-o:before {
    content: "\f32b"
}

.la-superscript:before {
    content: "\f32c"
}

.la-table:before {
    content: "\f32d"
}

.la-tablet:before {
    content: "\f32e"
}

.la-tachometer:before {
    content: "\f32f"
}

.la-tag:before {
    content: "\f330"
}

.la-tags:before {
    content: "\f331"
}

.la-tasks:before {
    content: "\f332"
}

.la-taxi:before {
    content: "\f333"
}

.la-television:before, .la-tv:before {
    content: "\f334"
}

.la-tencent-weibo:before {
    content: "\f335"
}

.la-terminal:before {
    content: "\f336"
}

.la-text-height:before {
    content: "\f337"
}

.la-text-width:before {
    content: "\f338"
}

.la-th:before {
    content: "\f339"
}

.la-th-large:before {
    content: "\f33a"
}

.la-th-list:before {
    content: "\f33b"
}

.la-thumb-tack:before {
    content: "\f33c"
}

.la-thumbs-down:before {
    content: "\f33d"
}

.la-thumbs-o-down:before {
    content: "\f33e"
}

.la-thumbs-o-up:before {
    content: "\f33f"
}

.la-thumbs-up:before {
    content: "\f340"
}

.la-ticket:before {
    content: "\f341"
}

.la-remove:before, .la-times:before {
    content: "\f342"
}

.la-times-circle:before {
    content: "\f343"
}

.la-times-circle-o:before {
    content: "\f344"
}

.la-tint:before {
    content: "\f345"
}

.la-toggle-off:before {
    content: "\f346"
}

.la-toggle-on:before {
    content: "\f347"
}

.la-trademark:before {
    content: "\f348"
}

.la-train:before {
    content: "\f349"
}

.la-intersex:before, .la-transgender:before {
    content: "\f34a"
}

.la-transgender-alt:before {
    content: "\f34b"
}

.la-trash:before {
    content: "\f34c"
}

.la-trash-o:before {
    content: "\f34d"
}

.la-tree:before {
    content: "\f34e"
}

.la-trello:before {
    content: "\f34f"
}

.la-tripadvisor:before {
    content: "\f350"
}

.la-trophy:before {
    content: "\f351"
}

.la-truck:before {
    content: "\f352"
}

.la-try:before {
    content: "\f353"
}

.la-tty:before {
    content: "\f354"
}

.la-tumblr:before {
    content: "\f355"
}

.la-tumblr-square:before {
    content: "\f356"
}

.la-turkish-lira:before {
    content: "\f357"
}

.la-twitch:before {
    content: "\f358"
}

.la-twitter:before {
    content: "\f359"
}

.la-twitter-square:before {
    content: "\f35a"
}

.la-umbrella:before {
    content: "\f35b"
}

.la-underline:before {
    content: "\f35c"
}

.la-undo:before {
    content: "\f35d"
}

.la-university:before {
    content: "\f35e"
}

.la-unlink:before {
    content: "\f35f"
}

.la-unlock:before {
    content: "\f360"
}

.la-unlock-alt:before {
    content: "\f361"
}

.la-upload:before {
    content: "\f362"
}

.la-usd:before {
    content: "\f363"
}

.la-user:before {
    content: "\f364"
}

.la-user-md:before {
    content: "\f365"
}

.la-user-plus:before {
    content: "\f366"
}

.la-user-secret:before {
    content: "\f367"
}

.la-user-times:before {
    content: "\f368"
}

.la-users:before {
    content: "\f369"
}

.la-venus:before {
    content: "\f36a"
}

.la-venus-double:before {
    content: "\f36b"
}

.la-venus-mars:before {
    content: "\f36c"
}

.la-viacoin:before {
    content: "\f36d"
}

.la-video-camera:before {
    content: "\f36e"
}

.la-vimeo:before {
    content: "\f36f"
}

.la-vimeo-square:before {
    content: "\f370"
}

.la-vine:before {
    content: "\f371"
}

.la-vk:before {
    content: "\f372"
}

.la-volume-down:before {
    content: "\f373"
}

.la-volume-off:before {
    content: "\f374"
}

.la-volume-up:before {
    content: "\f375"
}

.la-warning:before {
    content: "\f376"
}

.la-wechat:before {
    content: "\f377"
}

.la-weibo:before {
    content: "\f378"
}

.la-weixin:before {
    content: "\f379"
}

.la-whatsapp:before {
    content: "\f37a"
}

.la-wheelchair:before {
    content: "\f37b"
}

.la-wifi:before {
    content: "\f37c"
}

.la-wikipedia-w:before {
    content: "\f37d"
}

.la-windows:before {
    content: "\f37e"
}

.la-won:before {
    content: "\f37f"
}

.la-wordpress:before {
    content: "\f380"
}

.la-wrench:before {
    content: "\f381"
}

.la-xing:before {
    content: "\f382"
}

.la-xing-square:before {
    content: "\f383"
}

.la-y-combinator:before {
    content: "\f384"
}

.la-y-combinator-square:before {
    content: "\f385"
}

.la-yahoo:before {
    content: "\f386"
}

.la-yc:before {
    content: "\f387"
}

.la-yc-square:before {
    content: "\f388"
}

.la-yelp:before {
    content: "\f389"
}

.la-yen:before {
    content: "\f38a"
}

.la-youtube:before {
    content: "\f38b"
}

.la-youtube-play:before {
    content: "\f38c"
}

.la-youtube-square:before {
    content: "\f38d"
}

/*
  	Flaticon icon font: Flaticon
  	Creation date: 20/03/2017 20:02
  	*/
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    font-family: Flaticon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.flaticon-alarm-1:before {
    content: "\f132";
}

.flaticon-music-2:before {
    content: "\f109";
}

.flaticon-support:before {
    content: "\f100";
}

.flaticon-stopwatch:before {
    content: "\f101";
}

.flaticon-puzzle:before {
    content: "\f102";
}

.flaticon-settings-1:before {
    content: "\f103";
}

.flaticon-calendar-3:before {
    content: "\f104";
}

.flaticon-add-circular-button:before {
    content: "\f105";
}

.flaticon-plus:before {
    content: "\f106";
}

.flaticon-menu-1:before {
    content: "\f107";
}

.flaticon-menu:before {
    content: "\f108";
}

.flaticon-piggy-bank:before {
    content: "\f10a";
}

.flaticon-confetti:before {
    content: "\f10b";
}

.flaticon-rocket:before {
    content: "\f10c";
}

.flaticon-gift:before {
    content: "\f10d";
}

.flaticon-truck:before {
    content: "\f10e";
}

.flaticon-user-settings:before {
    content: "\f10f";
}

.flaticon-user-add:before {
    content: "\f110";
}

.flaticon-user-ok:before {
    content: "\f111";
}

.flaticon-internet:before {
    content: "\f112";
}

.flaticon-alert-2:before {
    content: "\f113";
}

.flaticon-alarm:before {
    content: "\f114";
}

.flaticon-grid-menu:before {
    content: "\f115";
}

.flaticon-up-arrow-1:before {
    content: "\f116";
}

.flaticon-more-1:before {
    content: "\f117";
}

.flaticon-more-v3:before {
    content: "\f117";
}

.flaticon-lock-1:before {
    content: "\f118";
}

.flaticon-profile-1:before {
    content: "\f119";
}

.flaticon-users:before {
    content: "\f11a";
}

.flaticon-map-location:before {
    content: "\f11b";
}

.flaticon-placeholder-2:before {
    content: "\f11c";
}

.flaticon-route:before {
    content: "\f11d";
}

.flaticon-more-v4:before {
    content: "\f11e";
}

.flaticon-lock:before {
    content: "\f11f";
}

.flaticon-multimedia-2:before {
    content: "\f120";
}

.flaticon-add:before {
    content: "\f121";
}

.flaticon-more-v5:before {
    content: "\f122";
}

.flaticon-more-v6:before {
    content: "\f123";
}

.flaticon-grid-menu-v2:before {
    content: "\f124";
}

.flaticon-suitcase:before {
    content: "\f125";
}

.flaticon-app:before {
    content: "\f126";
}

.flaticon-interface-9:before {
    content: "\f127";
}

.flaticon-time-3:before {
    content: "\f128";
}

.flaticon-list-3:before {
    content: "\f129";
}

.flaticon-list-2:before {
    content: "\f12a";
}

.flaticon-file-1:before {
    content: "\f12b";
}

.flaticon-folder-4:before {
    content: "\f12c";
}

.flaticon-folder-3:before {
    content: "\f12d";
}

.flaticon-folder-2:before {
    content: "\f12e";
}

.flaticon-folder-1:before {
    content: "\f12f";
}

.flaticon-time-2:before {
    content: "\f130";
}

.flaticon-search-1:before {
    content: "\f131";
}

.flaticon-tool-1:before {
    content: "\f133";
}

.flaticon-security:before {
    content: "\f134";
}

.flaticon-interface-8:before {
    content: "\f135";
}

.flaticon-interface-7:before {
    content: "\f136";
}

.flaticon-interface-6:before {
    content: "\f137";
}

.flaticon-placeholder-1:before {
    content: "\f138";
}

.flaticon-placeholder:before {
    content: "\f139";
}

.flaticon-web:before {
    content: "\f13a";
}

.flaticon-multimedia-1:before {
    content: "\f13b";
}

.flaticon-tabs:before {
    content: "\f13c";
}

.flaticon-signs-2:before {
    content: "\f13d";
}

.flaticon-interface-5:before {
    content: "\f13e";
}

.flaticon-network:before {
    content: "\f13f";
}

.flaticon-share:before {
    content: "\f140";
}

.flaticon-info:before {
    content: "\f141";
}

.flaticon-exclamation-2:before {
    content: "\f142";
}

.flaticon-music:before {
    content: "\f143";
}

.flaticon-medical:before {
    content: "\f144";
}

.flaticon-imac:before {
    content: "\f145";
}

.flaticon-profile:before {
    content: "\f146";
}

.flaticon-time-1:before {
    content: "\f147";
}

.flaticon-list-1:before {
    content: "\f148";
}

.flaticon-multimedia:before {
    content: "\f149";
}

.flaticon-interface-4:before {
    content: "\f14a";
}

.flaticon-file:before {
    content: "\f14b";
}

.flaticon-background:before {
    content: "\f14c";
}

.flaticon-chat-1:before {
    content: "\f14d";
}

.flaticon-graph:before {
    content: "\f14e";
}

.flaticon-pie-chart:before {
    content: "\f14f";
}

.flaticon-bag:before {
    content: "\f150";
}

.flaticon-cart:before {
    content: "\f151";
}

.flaticon-warning-2:before {
    content: "\f152";
}

.flaticon-download:before {
    content: "\f153";
}

.flaticon-edit-1:before {
    content: "\f154";
}

.flaticon-visible:before {
    content: "\f155";
}

.flaticon-line-graph:before {
    content: "\f156";
}

.flaticon-browser:before {
    content: "\f157";
}

.flaticon-statistics:before {
    content: "\f158";
}

.flaticon-paper-plane:before {
    content: "\f159";
}

.flaticon-cogwheel-2:before {
    content: "\f15a";
}

.flaticon-lifebuoy:before {
    content: "\f15b";
}

.flaticon-settings:before {
    content: "\f15c";
}

.flaticon-menu-button:before {
    content: "\f15d";
}

.flaticon-user:before {
    content: "\f15e";
}

.flaticon-apps:before {
    content: "\f15f";
}

.flaticon-clock-1:before {
    content: "\f160";
}

.flaticon-close:before {
    content: "\f161";
}

.flaticon-pin:before {
    content: "\f162";
}

.flaticon-circle:before {
    content: "\f163";
}

.flaticon-interface-3:before {
    content: "\f164";
}

.flaticon-technology-1:before {
    content: "\f165";
}

.flaticon-danger:before {
    content: "\f166";
}

.flaticon-exclamation-square:before {
    content: "\f167";
}

.flaticon-cancel:before {
    content: "\f168";
}

.flaticon-calendar-2:before {
    content: "\f169";
}

.flaticon-warning-sign:before {
    content: "\f16a";
}

.flaticon-more:before {
    content: "\f16b";
}

.flaticon-exclamation-1:before {
    content: "\f16c";
}

.flaticon-cogwheel-1:before {
    content: "\f16d";
}

.flaticon-more-v2:before {
    content: "\f16e";
}

.flaticon-up-arrow:before {
    content: "\f16f";
}

.flaticon-computer:before {
    content: "\f170";
}

.flaticon-alert-1:before {
    content: "\f171";
}

.flaticon-alert-off:before {
    content: "\f172";
}

.flaticon-map:before {
    content: "\f173";
}

.flaticon-interface-2:before {
    content: "\f174";
}

.flaticon-graphic-2:before {
    content: "\f175";
}

.flaticon-cogwheel:before {
    content: "\f176";
}

.flaticon-alert:before {
    content: "\f177";
}

.flaticon-folder:before {
    content: "\f178";
}

.flaticon-interface-1:before {
    content: "\f179";
}

.flaticon-interface:before {
    content: "\f17a";
}

.flaticon-calendar-1:before {
    content: "\f17b";
}

.flaticon-time:before {
    content: "\f17c";
}

.flaticon-signs-1:before {
    content: "\f17d";
}

.flaticon-calendar:before {
    content: "\f17e";
}

.flaticon-chat:before {
    content: "\f17f";
}

.flaticon-infinity:before {
    content: "\f180";
}

.flaticon-list:before {
    content: "\f181";
}

.flaticon-bell:before {
    content: "\f182";
}

.flaticon-delete:before {
    content: "\f183";
}

.flaticon-squares-4:before {
    content: "\f184";
}

.flaticon-clipboard:before {
    content: "\f185";
}

.flaticon-shapes:before {
    content: "\f186";
}

.flaticon-comment:before {
    content: "\f187";
}

.flaticon-squares-3:before {
    content: "\f188";
}

.flaticon-mark:before {
    content: "\f189";
}

.flaticon-signs:before {
    content: "\f18a";
}

.flaticon-squares-2:before {
    content: "\f18b";
}

.flaticon-business:before {
    content: "\f18c";
}

.flaticon-car:before {
    content: "\f18d";
}

.flaticon-light:before {
    content: "\f18e";
}

.flaticon-information:before {
    content: "\f18f";
}

.flaticon-dashboard:before {
    content: "\f190";
}

.flaticon-edit:before {
    content: "\f191";
}

.flaticon-location:before {
    content: "\f192";
}

.flaticon-technology:before {
    content: "\f193";
}

.flaticon-exclamation:before {
    content: "\f194";
}

.flaticon-tea-cup:before {
    content: "\f195";
}

.flaticon-notes:before {
    content: "\f196";
}

.flaticon-analytics:before {
    content: "\f197";
}

.flaticon-transport:before {
    content: "\f198";
}

.flaticon-layers:before {
    content: "\f199";
}

.flaticon-book:before {
    content: "\f19a";
}

.flaticon-squares-1:before {
    content: "\f19b";
}

.flaticon-clock:before {
    content: "\f19c";
}

.flaticon-graphic-1:before {
    content: "\f19d";
}

.flaticon-symbol:before {
    content: "\f19e";
}

.flaticon-graphic:before {
    content: "\f19f";
}

.flaticon-tool:before {
    content: "\f1a0";
}

.flaticon-laptop:before {
    content: "\f1a1";
}

.flaticon-event-calendar-symbol:before {
    content: "\f1a2";
}

.flaticon-logout:before {
    content: "\f1a3";
}

.flaticon-refresh:before {
    content: "\f1a4";
}

.flaticon-questions-circular-button:before {
    content: "\f1a5";
}

.flaticon-search-magnifier-interface-symbol:before {
    content: "\f1a6";
}

.flaticon-search:before {
    content: "\f1a7";
}

.flaticon-attachment:before {
    content: "\f1a8";
}

.flaticon-speech-bubble-1:before {
    content: "\f1a9";
}

.flaticon-open-box:before {
    content: "\f1aa";
}

.flaticon-coins:before {
    content: "\f1ab";
}

.flaticon-speech-bubble:before {
    content: "\f1ac";
}

.flaticon-squares:before {
    content: "\f1ad";
}

.flaticon-diagram:before {
    content: "\f1ae";
}



@font-face {
    font-family: 'gothic';
    src: url('../fonts/gothic.eot');
    src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}

body {
    background: #f9fafc;
}

.subhead-back {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: linear-gradient(to right, #c30f08, #b40d09, #a60b09, #970909, #890808);
}

a {
    color: #fb5353;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #0f85af;
        text-decoration: none;
    }

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif !important;
}

a, .nav-tabs > li {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.sencase {
    text-transform: capitalize !important;
}

.left-icon {
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    margin-top: -4px;
}

/*************** SCROLLBAR BASE CSS ***************/
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.5.1
 *
 * Copyright KingSora.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 13.07.2018
 */
html.os-html, html.os-html > .os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important
}

.os-padding, .os-viewport {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    bottom: 0
}

html.os-html > .os-host > .os-padding {
    /*position: absolute;*/
    position: static;
}

body.os-dragging, body.os-dragging * {
    cursor: default
}

.os-host, .os-host-textarea {
    position: relative;
    overflow: visible !important;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden !important;
    display: flex
}

    .os-host-flexbox > .os-padding > .os-viewport > .os-content {
        display: flex
    }

#hs-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#hs-dummy-scrollbar-size, .os-viewport {
    -ms-overflow-style: scrollbar !important
}

.os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important
}

.os-content-glue {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    direction: inherit;
    position: absolute;
    overflow: visible;
    width: auto !important;
    height: auto !important;
    z-index: 1
}

.os-host-overflow > .os-padding, .os-viewport {
    overflow: hidden
}

.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: static;
    display: block;
    height: 100%;
    width: 100%;
    visibility: visible
}

    .os-content > .os-textarea {
        direction: inherit !important;
        float: none !important;
        margin: 0 !important;
        max-height: none !important;
        max-width: none !important;
        border: none !important;
        border-radius: 0 !important;
        background: 0 0 !important;
        outline: transparent 0 !important;
        overflow: hidden !important;
        resize: none !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1;
        padding: 0
    }

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right: 0 !important
}

.os-content > .os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content > .os-textarea[wrap=off] {
    white-space: pre !important;
    margin: 0 !important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer, .os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: solid inherit;
    box-sizing: border-box
}

    .os-resize-observer-host:after {
        content: ''
    }

    .os-resize-observer-host:after, .os-resize-observer-host > .os-resize-observer {
        height: 200%;
        width: 200%;
        padding: inherit;
        border: inherit;
        margin: 0;
        display: block;
        box-sizing: content-box
    }

.os-resize-observer.observed, object.os-resize-observer {
    box-sizing: border-box !important
}

.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

    .os-size-auto-observer > .os-resize-observer {
        width: 1000%;
        height: 1000%;
        min-height: 1px;
        min-width: 1px
    }

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-name: hs-resize-observer-dummy-animation;
    animation-name: hs-resize-observer-dummy-animation
}

.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner {
    -webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
    transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s
}

html.os-html > .os-host > .os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar, .os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-handle, .os-scrollbar-track {
    pointer-events: auto;
    width: 100%;
    height: 100%
}

.os-scrollbar-track {
    position: relative;
    padding: 0 !important;
    border: none !important
}

.os-scrollbar-handle {
    position: absolute
}

.os-scrollbar-handle-off, .os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important
}

    .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
        opacity: 0 !important
    }

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl > .os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl > .os-scrollbar-corner, .os-host-rtl > .os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-padding + .os-scrollbar-corner, .os-scrollbar-auto-hidden, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar-corner.os-scrollbar-corner-resize, .os-scrollbar:hover {
    opacity: 1 !important;
    visibility: visible !important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.os-host-overflow {
    overflow: hidden !important
}

@-webkit-keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

@keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.os-theme-none > .os-scrollbar-corner, .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical {
    display: none !important
}

.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner {
    height: 10px;
    width: 10px;
    background-color: transparent
}

.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: 0 0
}

    .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
        background: 0 0
    }

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    border-radius: 70px !important;
}

    .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
        background: rgb(214, 214, 214);
    }

    .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
        background: rgba(255,255,255,.4)
    }

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(0,0,0,.55)
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255,255,255,.55)
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(0,0,0,.7)
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255,255,255,.7)
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}



/**** Helper classes ****/

.no-background {
    background: transparent;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-l {
    padding-left: 0 !important;
}

.no-padding-r {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-l {
    margin-left: 0 !important;
}

.no-margin-r {
    margin-right: 0 !important;
}

.no-margin-t {
    margin-top: 0 !important;
}

.no-margin-b {
    margin-bottom: 0 !important;
}

.no-float {
    float: none !important;
}

.height-auto {
    height: auto !important;
}

.br-6 {
    border-radius: 6px !important;
}

.badge {
    text-transform: uppercase;
    font-weight: 600;
}

/* Colors */

.cgiz {
    color: #c70f0f !important;
}

.cwhite {
    color: #fff !important;
}

.cgray {
    color: #6c757d !important;
}

.cblue {
    color: #1359D2 !important;
}

.cyellow {
    color: #ffa503 !important;
}

.cgreen {
    color: #28a745 !important;
}

.cred {
    color: #fb5353 !important;
}

.cpurple {
    color: #5e2572 !important;
}

.corange {
    color: #fc7242 !important;
}

.bwhite {
    background-color: #fff !important;
    color: #333 !important;
}

.cwhite {
    color: #ffffff !important;
}

.btn-giz.bwhite:hover,
.btn-giz.bwhite:focus,
.btn.bwhite:hover,
.btn.bwhite:focus {
    box-shadow: 0 0 0 !important;
}

.bgray {
    background-color: #6c757d !important;
    box-shadow: 0 2px 2px 0 rgba(108, 117, 125, 0.15), 0 3px 1px -2px rgba(108, 117, 125, 0.20), 0 1px 5px 0 rgba(108, 117, 125, 0.30) !important;
    color: #fff !important;
}

.btn-giz.bgray:hover,
.btn-giz.bgray:focus,
.btn.bgray:hover,
.btn.bgray:focus {
    box-shadow: 0 2px 2px 0 rgba(108, 117, 125, 0.15), 0 3px 1px -2px rgba(108, 117, 125, 0.20), 0 1px 5px 0 rgba(108, 117, 125, 0.30) !important;
}

.bblue {
    background-color: #007bff !important;
    box-shadow: 0 2px 2px 0 rgba(0, 123, 255, 0.15), 0 3px 1px -2px rgba(0, 123, 255, 0.20), 0 1px 5px 0 rgba(0, 123, 255, 0.30) !important;
    color: #fff !important;
}

.btn-giz.bblue:hover,
.btn-giz.bblue:focus,
.btn.bblue:hover,
.btn.bblue:focus {
    box-shadow: 0 2px 2px 0 rgba(0, 123, 255, 0.15), 0 3px 1px -2px rgba(0, 123, 255, 0.20), 0 1px 5px 0 rgba(0, 123, 255, 0.30) !important;
}

.byellow {
    background-color: #ffc107 !important;
    box-shadow: 0 2px 2px 0 rgba(255, 193, 7, 0.15), 0 3px 1px -2px rgba(255, 193, 7, 0.20), 0 1px 5px 0 rgba(255, 193, 7, 0.30) !important;
    color: #fff !important;
}

.btn-giz.byellow:hover,
.btn-giz.byellow:focus,
.btn.byellow:hover,
.btn.byellow:focus {
    box-shadow: 0 2px 2px 0 rgba(255, 193, 7, 0.15), 0 3px 1px -2px rgba(255, 193, 7, 0.20), 0 1px 5px 0 rgba(255, 193, 7, 0.30) !important;
}

.bgreen {
    background-color: #28a745 !important;
    box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.15), 0 3px 1px -2px rgba(40, 167, 69, 0.20), 0 1px 5px 0 rgba(40, 167, 69, 0.30) !important;
    color: #fff !important;
}

.btn-giz.bgreen:hover,
.btn-giz.bgreen:focus,
.btn.bgreen:hover,
.btn.bgreen:focus {
    box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.15), 0 3px 1px -2px rgba(40, 167, 69, 0.20), 0 1px 5px 0 rgba(40, 167, 69, 0.30) !important;
}

.bred {
    background-color: #fb5353 !important;
    box-shadow: 0 2px 2px 0 rgba(220, 53, 69, 0.15), 0 3px 1px -2px rgba(220, 53, 69, 0.20), 0 1px 5px 0 rgba(220, 53, 69, 0.30) !important;
    color: #fff !important;
}

.btn-giz.bred:hover,
.btn-giz.bred:focus,
.btn.bred:hover,
.btn.bred:focus {
    box-shadow: 0 2px 2px 0 rgba(220, 53, 69, 0.15), 0 3px 1px -2px rgba(220, 53, 69, 0.20), 0 1px 5px 0 rgba(220, 53, 69, 0.30) !important;
}

.bpurple {
    background-color: #7b428f !important;
    box-shadow: 0 2px 2px 0 rgba(94, 37, 114, 0.15), 0 3px 1px -2px rgba(94, 37, 114, 0.20), 0 1px 5px 0 rgba(94, 37, 114, 0.30) !important;
    color: #fff !important;
}

.btn-giz.bpurple:hover,
.btn-giz.bpurple:focus,
.btn.bpurple:hover,
.btn.bpurple:focus {
    box-shadow: 0 2px 2px 0 rgba(94, 37, 114, 0.15), 0 3px 1px -2px rgba(94, 37, 114, 0.20), 0 1px 5px 0 rgba(94, 37, 114, 0.30) !important;
}

.borange {
    background-color: #fc7242 !important;
    box-shadow: 0 2px 2px 0 rgba(252, 114, 66, 0.15), 0 3px 1px -2px rgba(252, 114, 66, 0.20), 0 1px 5px 0 rgba(252, 114, 66, 0.30) !important;
    color: #fff !important;
}

.btn-giz.borange:hover,
.btn-giz.borange:focus,
.btn.borange:hover,
.btn.borange:focus {
    box-shadow: 0 2px 2px 0 rgba(252, 114, 66, 0.15), 0 3px 1px -2px rgba(252, 114, 66, 0.20), 0 1px 5px 0 rgba(252, 114, 66, 0.30) !important;
}

.twhite {
    background-color: rgba(255, 255, 255, 0.20) !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.twhite:hover,
.btn.twhite:active {
    background-color: rgba(255, 255, 255, 0.30) !important;
}

.tgray {
    background-color: rgba(85, 85, 85, 0.20) !important;
    color: #555 !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tgray:hover,
.btn.tgray:active {
    background-color: rgba(85, 85, 85, 0.30) !important;
}

.tblue {
    background-color: rgba(46, 171, 225, 0.20) !important;
    color: #2eabe1 !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tblue:hover,
.btn.tblue:active {
    background-color: rgba(46, 171, 225, 0.10) !important;
}


.tyellow {
    background-color: rgba(254, 204, 92, 0.20) !important;
    color: #ffbc24 !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tyellow:hover,
.btn.tyellow:active {
    background-color: rgba(254, 204, 92, 0.10) !important;
}

.tpurple {
    background-color: rgba(94, 37, 114, 0.20) !important;
    color: #7b428f !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tpurple:hover,
.btn.tpurple:active {
    background-color: rgba(94, 37, 114, 0.10) !important;
}


.tgreen {
    background-color: rgba(84, 196, 96, 0.20) !important;
    color: #54C460 !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tgreen:hover,
.btn.tgreen:active {
    background-color: rgba(84, 196, 96, 0.10) !important;
}


.tred {
    background-color: rgba(251, 83, 83, 0.20) !important;
    color: #fb5353 !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tred:hover,
.btn.tred:active {
    background-color: rgba(251, 83, 83, 0.10) !important;
}


.tyellows {
    background-color: rgba(254, 204, 92, 0.20) !important;
    color: #fecc5c !important;
    padding: 2px 6px;
    border-radius: 20px;
}

.btn.tyellows:hover,
.btn.tyellows:active {
    background-color: rgba(254, 204, 92, 0.10) !important;
}



/* Rounded */

.rounded {
    border-radius: 50px;
}

/* Icons Alignment */

i.right {
    margin-left: 10px;
}

i.left {
    margin-right: 10px;
}

/* Links */

.l-link {
    position: relative;
}

    .l-link:after {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        top: 100%;
        left: 0;
        height: 1px;
        width: 0%;
        background-color: #fc7242;
        -webkit-transition: width 150ms ease;
        transition: width 150ms ease;
    }

    .l-link:hover:after {
        width: 100%;
    }

.form-dropdown .dropdown-menu {
    background-color: #f3f4f9;
    width: 100%;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    padding: 8px;
}

.form-dropdown .form-control {
    color: #727f89;
    font-weight: 700;
}

.form-dropdown .dropdown-menu li a {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    border-radius: 6px !important;
    padding: 8px 6px;
}

.dropdown-menu > li > a:hover {
    background-color: #e3e5ef;
}

.form-dropdown .dropdown-menu li a .la {
    font-size: 21px;
    margin-right: 5px;
    float: left;
    color: #fb5353;
    position: relative;
    top: -2px;
}


.select2-container--bootstrap .select2-selection--single .select2-selection__rendered .la {
    font-size: 21px;
    margin-right: 5px;
    float: left;
    color: #fb5353;
    position: relative;
    top: 5px;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered .fa {
    margin-right: 5px;
    float: left;
    position: relative;
    top: 7px;
}

.form-dropdown .dropdown-menu:before {
    display: none;
    content: unset;
}

.form-dropdown .la-angle-down {
    border-color: transparent;
    border-width: 0;
    height: 12px;
    right: 15px;
    position: absolute;
    top: 14px;
    width: 12px;
    display: table;
    font-weight: 700;
    font-size: 16px;
}

.form-dropdown.open .la-angle-down:before {
    content: "\f113";
}

.gradient-bcyan {
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
    background: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
}

    .gradient-bcyan.gradient-shadow {
        box-shadow: 0 6px 20px 0 rgba(38, 198, 218, 0.5);
    }


.gradient-byallow {
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
    background: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
}

    .gradient-byallow.gradient-shadow {
        box-shadow: 0 6px 20px 0 rgba(255, 111, 0, 0.3);
    }


.gradient-bpink {
    background: #FF5252;
    background: -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
    background: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
}

    .gradient-bpink.gradient-shadow {
        box-shadow: 0 6px 20px 0 rgba(244, 143, 177, 0.5);
    }


.gradient-bgreen {
    background: #43A047;
    background: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
    background: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
    color: #fff !important;
    border: 0 !important;
    background-size: 200% auto;
}

    .gradient-bgreen:hover, .gradient-bgreen:focus, .gradient-bgreen:active {
        box-shadow: 0 4px 15px rgba(100, 100, 100, 0.40) !important;
        background-position: right center;
    }

    .gradient-bgreen.gradient-shadow {
        box-shadow: 0 6px 20px 0 rgba(77, 182, 172, 0.5);
    }

/* Header */





.page-header.navbar .page-top {
    float: none;
    height: 64px;
}

.page-header.navbar .top-menu {
    display: table;
    width: 100%;
    height: 64px;
}

.page-header.navbar {
    box-shadow: 0 0 0;
    background-color: #fff;
    border-bottom: 0;
    width: 100%;
    left: auto;
    height: 64px;
    min-height: 64px;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        height: 64px;
    }

    .page-header.navbar .navbar-nav > li > a {
        line-height: 64px;
        padding: 0 15px !important;
        border-right: 1px solid #f3f4f9;
    }

    .page-header.navbar .navbar-nav > li:last-child > a {
        border-right: 0;
    }

.page-header-fixed .page-container {
    margin-top: 0;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: transparent;
}

.page-head-action button.btn {
    color: #FFFFFF !important;
    background-color: #fb5353 !important;
    border-color: #fb5353 !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
    border-radius: 60px !important;
}

.btn {
    border-radius: 6px !important;
}

.page-head-action a.btn {
    color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
    margin-top: -6px;
    padding-top: 2px;
    font-size: 21px;
}

    .page-head-action a.btn.btn-outline.grey-salsa {
        border-color: #bdbdbd !important;
        background-color: #bdbdbd !important;
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #000;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
    border-radius: 50% !important;
}

.badge-success,
.label-success {
    background-color: #54C460;
}

.badge-cart-count {
    background-color: #fb5353;
}

.badge-danger {
    background-color: #FE5C5C;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    height: 5px;
    width: 5px;
    text-align: center;
    padding: 5px;
    color: #fdb861;
    background-color: #fdb861;
    font-size: 0px !important;
    margin: -16px 0 0 -2px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #000;
}

.mt-element-ribbon .ribbon.ribbon-color-blue > .ribbon-sub {
    background-color: #fb5353;
    border-radius: 6px 0 0 6px !important;
}

    .mt-element-ribbon .ribbon.ribbon-color-blue > .ribbon-sub:after {
        border-color: #fb5353;
        border-left-color: #fb5353;
        border-right-color: #fb5353;
    }

.mt-element-ribbon .ribbon.ribbon-color-blue {
    background-color: #fb5353;
    color: #fff;
    padding: 10px 8px;
}

    .mt-element-ribbon .ribbon.ribbon-color-blue i {
        font-size: 24px;
    }




/* Tiles */
.tiles .tile {
    border: 0;
    height: auto;
    width: 100% !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    background-color: #ffffff;
    border-radius: 6px !important;
    height: 135px;
    margin: 0 0 15px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.modal .tiles .tile {
    background-color: #f3f4f9;
}

.tiles .tile:hover {
    box-shadow: 0 14px 28px rgba(100, 100, 100, 0.20);
}

.tiles .tile .tile-body {
    padding: 25px 10px 10px;
}

    .tiles .tile .tile-body img {
        float: none;
        margin-right: 0;
        max-height: 60%;
        max-width: 40%;
        margin: 0 auto;
    }

.tiles .tile .tile-object > .name {
    color: #444;
    width: 100%;
    margin: 5px 0 18px;
    text-align: center;
    font-weight: 600;
}

/* Popover */

.popover {
    border: 0;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    border-radius: 6px !important;
    min-width: 170px;
}

    .popover > .arrow {
        border-color: transparent !important;
    }

    .popover.top > .arrow {
    }

    .popover > .arrow:after {
        border-bottom-color: #e3e5ef !important;
    }

    .popover > .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #e3e5ef;
        border-bottom: 0;
        border-radius: 6px 6px 0 0 !important;
    }


/* Portlet */
.portlet.light {
    padding: 12px 20px 15px 20px;
    background-color: #fff;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px !important;
}

    .portlet.light .profile-sidebar .profile-userpic img {
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        border-radius: 6px !important;
    }

    .portlet.light .portlet-body {
        width: 100%;
    }


.profile-sidebar.pull-right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.profile-content {
    padding: 0;
    overflow: visible;
}

.profile-sidebar .side-actions {
    display: table;
    width: 100%;
}

    .profile-sidebar .side-actions .side-action {
        display: block;
        background-color: transparent;
        background-image: linear-gradient(to right, #890808, #970909, #a60b09, #b40d09, #c30f08);
        background-size: 200% auto;
        color: #fff;
        padding: 10px;
        border-radius: 60px !important;
        font-size: 16px;
        position: relative;
        padding-left: 55px;
        text-decoration: none;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
        margin-bottom: 20px;
    }

        .profile-sidebar .side-actions .side-action:hover,
        .profile-sidebar .side-actions .side-action:focus,
        .profile-sidebar .side-actions .side-action:active {
            background-image: linear-gradient(to right, #c30f08, #b40d09, #a60b09, #970909, #890808) !important;
            background-size: 200% auto;
            box-shadow: 0 4px 15px rgba(100, 100, 100, 0.40) !important;
            background-position: right center;
        }

        .profile-sidebar .side-actions .side-action i {
            font-size: 20px;
            position: absolute;
            left: -1px;
            top: -1px;
            background-color: #fb5353;
            padding: 11.5px;
            border-radius: 60px !important;
        }


    .profile-sidebar .side-actions .side-action-n {
        display: table;
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        color: #444;
    }

        .profile-sidebar .side-actions .side-action-n:hover {
            color: #fb5353;
        }

        .profile-sidebar .side-actions .side-action-n i {
            margin-right: 5px;
            font-size: 22px;
            color: #fb5353;
            position: relative;
            top: 2px;
        }

.portlet.light > .portlet-title > .caption > i {
    font-size: 23px;
    font-weight: 300;
    margin-top: -3px;
}

.portlet.light .portlet.light {
    box-shadow: 0 0 0;
    background-color: #f3f4f9;
    margin-bottom: 20px !important;
    border-radius: 6px !important;
}

.portlet.light .profile-content .portlet.light > .portlet-title {
    padding: 0;
    min-height: 48px;
    background-color: #e3e5ef;
    margin: -12px -20px 0;
    padding: 19px 15px 15px;
    border-radius: 6px 6px 0 0 !important;
}

.portlet.light .portlet.light > .portlet-title {
    padding: 0;
    min-height: 48px;
    padding: 19px 15px 15px;
    background-color: #e3e5ef;
    border-radius: 6px 6px 0 0 !important;
}

.portlet.light .portlet.light .portlet-body form {
    display: table;
    width: 100%;
}

.portlet.light .form-group > .control-label ~ .bootstrap-switch {
    display: block;
    margin-top: 2px
}

.portlet.light .portlet.light > .portlet-title > .caption .form-group {
    margin-bottom: 0;
}

    .portlet.light .portlet.light > .portlet-title > .caption .form-group input {
        margin: -12px 0;
    }

.portlet.light .portlet.light > .portlet-title > .caption {
    width: 60%;
}

    .portlet.light .portlet.light > .portlet-title > .caption > .caption-subject {
        color: #222 !important;
    }

.portlet.light .portlet.light > .portlet-title > .caption,
.portlet.light .portlet.light > .portlet-title > .tools {
    padding: 0;
}

.portlet.light .portlet.light > .portlet-title > .tools {
    padding: 0;
    position: relative;
    top: -2px;
}

.portlet.light .portlet.light > .portlet-title > .actions {
    padding: 0;
}

    .portlet.light .portlet.light > .portlet-title > .actions .tooltips {
        border-radius: 6px !important;
        padding: 5px 10px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    }

.portlet.light .profile-sidebar .portlet.light > .portlet-title {
    padding: 15px 10px 10px;
    min-height: none;
    display: table;
    width: 100%;
    border-radius: 6px !important;
}


.portlet.box.blue-hoki {
    border: 0;
    border-top: 0;
}

    .portlet.box.blue-hoki > .portlet-title {
        background-color: #fb5353;
        border-radius: 6px 6px 0 0 !important;
    }

.portlet.box > .portlet-body {
    background-color: #f3f4f9;
    padding: 15px;
    border-radius: 0 0 6px 6px !important;
}

.portlet.box.blue-hoki .select2-container--bootstrap.select2-container--disabled .select2-selection,
.portlet.box.blue-hoki .form-control {
    background-color: #e3e5ef;
}

.portlet.light .select2-container--bootstrap {
    margin-top: 0;
    width: 100% !important;
}

.portlet .portlet-body .actions > a {
    font-size: 14px !important;
    padding: 7px 10px !important;
    line-height: 1.44 !important;
}

.portlet .portlet-title .actions > a {
    font-size: 14px !important;
    padding: 7px 10px !important;
    line-height: 1.44 !important;
}

    .portlet .portlet-title .actions > a > i {
        font-size: 18px !important;
        position: relative;
        top: 2px;
        margin-top: -2px;
        display: inline-block;
        margin-right: 6px;
    }


/* Side Bar */

.user-area {
    background-color: #fb5353;
    display: table;
    width: 100%;
}

    .user-area > img {
        height: 80px;
        text-align: center;
        display: block;
        margin: 20px auto;
    }

    .user-area .user-area-menu {
        text-align: center;
        color: #fff;
        margin: 20px 0;
    }

        .user-area .user-area-menu h4 {
            font-weight: 600;
            font-size: 14px;
        }

        .user-area .user-area-menu a {
            width: 30px;
            height: 30px;
            background-color: rgba(255, 255, 255, 0.50);
            display: inline-block;
            border-radius: 50% !important;
            font-size: 21px;
            line-height: 30px;
            margin: 10px 5px 0;
            text-align: center;
            color: #c70f0f;
        }

            .user-area .user-area-menu a:hover,
            .user-area .user-area-menu a:focus {
                background-color: #fff;
            }

            .user-area .user-area-menu a[data-tooltip]:before {
                font-size: 9px;
                background-color: #fff;
                color: #000;
            }

.page-sidebar .page-sidebar-menu {
    padding-bottom: 50px;
}

.lang-area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 255px;
    text-align: center;
    padding: 15px 20px;
    border-top: 1px solid #e3e5ef;
    background-color: #ffffff;
    z-index: 9999;
}

    .lang-area > a {
        margin-right: 10px;
        color: #000;
    }

        .lang-area > a:hover {
            color: #fb5353;
        }

        .lang-area > a > img {
            position: relative;
            top: -2px;
            margin-right: 5px;
        }


@media (min-width: 992px) {
    .page-sidebar {
        width: 255px;
    }
}


.page-sidebar.navbar-collapse.collapse {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh !important;
    /*height: calc(100vh - 70px) !important;*/
    overflow: hidden !important;
    box-shadow: 0 0px 6px rgba(100, 100, 100, 0.20);
    border: 0;
    z-index: 9999;
}

.page-sidebar .nicescroll {
    height: calc(100vh - 76px);
}

.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
    color: #c3c3c3;
    font-size: 24px;
    background-color: transparent;
    padding: 4px 5px;
    position: relative;
    top: 3px;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.page-sidebar .page-sidebar-menu > li.open > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
    background-color: transparent;
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
    background-color: transparent;
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
    background-color: transparent;
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    color: #222;
    padding: 7px 15px;
}

    .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
        margin-left: 6px;
    }

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    background: transparent;
    color: #222;
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: transparent;
    color: #222;
}

    .page-sidebar .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
        background: transparent;
    }

.page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
    color: #222;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
    font-size: 20px;
    color: #c3c3c3;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #222;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    color: #222;
    background: transparent !important;
}

    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
        color: #fb5353;
    }

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before {
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before {
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    color: #c3c3c3;
    position: relative;
    top: 8px;
}

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before {
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before {
    color: #c3c3c3;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before {
    margin-top: -10px;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before {
    color: #fb5353;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before {
    margin-top: -8px;
}


@media (max-width: 991px) {
    .page-header {
        display: inline-block !important;
    }

    .page-sidebar.navbar-collapse.in {
        position: relative !important;
        overflow: hidden !important;
        overflow-y: auto !important;
        display: block !important;
    }

    .page-sidebar.navbar-collapse.collapse {
        height: unset !important;
    }
}

/* Feeds */
.feeds li {
    background-color: #f3f4f9;
    color: #222;
    padding: 10px;
    border-radius: 6px !important;
}

    .feeds li > a {
        color: #222;
        font-weight: bold;
        display: table;
        width: 102%;
        margin: -10px -10px -10px -10px;
        padding: 10px;
    }

        .feeds li > a:hover,
        .feeds li > a:focus,
        .feeds li > a:active {
            color: #fb5353;
        }

    .feeds li .col1 > .cont > .cont-col1 > .label {
        padding: 11px 11px 13px 11px;
        border-radius: 50% !important;
        width: 42px;
        height: 42px;
        line-height: 19px;
        text-align: center;
    }

    .feeds li .col1 > .cont > .cont-col2 > .desc {
        margin-left: 50px;
        padding-top: 12px;
        padding-bottom: 11px;
    }

    .feeds li .col2 {
        margin-top: 9px;
    }

    .feeds li .col1 > .cont > .cont-col1 > .label > i {
        font-size: 21px;
    }

/* Tabs */

.new-tabs .nav-tabs {
    border-bottom: 0;
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 20px;
}

    .new-tabs .nav-tabs > li:first-child {
        margin-left: 0
    }

    .new-tabs .nav-tabs > li:hover,
    .tabbable-line > .nav-tabs > li:hover {
        border-bottom: 0 !important;
    }

.new-tabs .actions,
.tabbable-line > .actions {
    margin-bottom: 0;
}

    .new-tabs .actions .btn,
    .tabbable-line > .actions .btn,
    .table-toolbar .actions .btn {
        box-shadow: 0 0 0 !important;
        color: #444;
    }

        .new-tabs .actions .btn:hover,
        .new-tabs .actions .btn:focus,
        .tabbable-line > .actions .btn:hover,
        .tabbable-line > .actions .btn:focus,
        .table-toolbar .actions .btn:hover,
        .table-toolbar .actions .btn:focus,
        .new-tabs .actions .btn.active
        .tabbable-line > .actions .btn.active,
        .table-toolbar .actions .btn.active {
            box-shadow: 0 0 0 !important;
            background-color: #f3f4f9;
        }

    .new-tabs .actions .contact-status,
    .tabbable-line > .actions .contact-status {
        background-color: transparent;
    }

    .new-tabs .actions .btn i,
    .tabbable-line > .actions .btn i,
    .table-toolbar .actions .btn i {
        font-size: 20px;
        margin-right: 5px;
        position: relative;
        top: 2px;
        margin-top: -2px;
    }

.new-tabs .nav-tabs > li.active,
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 0 !important;
    background-color: #fb5353;
    border-radius: 6px !important;
    color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    position: relative;
}

    .new-tabs .nav-tabs > li.active:before {
        content: '';
        position: absolute;
        bottom: -21px;
        left: calc(50% - 15px);
        display: inline-block !important;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #eee;
        border-left: 15px solid transparent;
        border-bottom-color: #f3f4f9;
    }

.new-tabs .nav-tabs > li,
.tabbable-line > .nav-tabs > li {
    border-bottom: 0 !important;
}

.subtabs {
    margin-top: 10px !important;
}

    .subtabs .nav-tabs {
        margin-top: 0;
        padding: 5px;
        border: 0;
        background-color: #f3f4f9;
        border-radius: 6px !important;
    }


        .subtabs .nav-tabs > li.active:before {
            content: none;
        }

        .subtabs .nav-tabs > li.active {
            background-color: transparent;
            box-shadow: 0 0 0;
        }

            .subtabs .nav-tabs > li.active > a {
                color: #fb5353 !important;
            }

.page-container-bg-solid .new-tabs .tab-content,
.page-container-bg-solid .tabbable-line > .tab-content {
    border-top: 0;
    margin-top: 30px;
}

.tabbable-line > .nav-tabs > li > a > i {
    font-size: 17px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.tabbable-line > .nav-tabs > li:hover > a > i {
    color: #333;
}

.new-tabs .nav-tabs > li.active > a,
.tabbable-line > .nav-tabs > li.active > a,
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #fff;
}


.new-tabs .nav-tabs > li,
.portlet.light > .portlet-title > .nav-tabs > li {
    margin-left: 10px;
}

    .new-tabs .nav-tabs > li > a,
    .portlet.light > .portlet-title > .nav-tabs > li > a {
        padding: 9px;
        border: 0;
        background-color: transparent;
        color: #777;
    }

        .new-tabs .nav-tabs > li > a [class^="flaticon-"],
        .new-tabs .nav-tabs > li > a [class*=" flaticon-"] {
            font-size: 20px;
            margin-right: 10px;
            position: relative;
            top: 2px;
            line-height: 0;
            color: #fb5353;
        }

    .new-tabs .nav-tabs > li:hover > a {
        color: #333;
    }

    .new-tabs .nav-tabs > li.active > a,
    .new-tabs .nav-tabs > li.active > a [class^="flaticon-"],
    .new-tabs .nav-tabs > li.active > a [class*=" flaticon-"],
    .portlet.light > .portlet-title > .nav-tabs > li.active > a {
        color: #fff;
        background-color: transparent;
        border: 0;
    }

.feeds li .col2 > .date {
    font-style: normal;
    color: #b7b7b7;
}


/* Page */

.page-content-wrapper,
.page-content-wrapper .page-content {
    min-height: 85vh !important;
}

.page-head {
    margin: 20px 0 20px 255px;
}

    .page-head .page-title {
        margin-bottom: 0;
        margin-left: 0;
        padding: 0 0 5px;
    }

        .page-head .page-title h1 span {
            color: #000 !important;
            font-weight: bold;
            font-size: 26px;
        }

        .page-head .page-title h1 i {
            color: #c80f0f;
            padding: 5px 3px 5px 5px;
            border-radius: 50%;
            font-size: 30px;
            position: relative;
            top: 3px;
            text-align: center;
            right: 0px;
            width: 40px;
            height: 40px;
            display: none;
        }

.breadcrumb {
    padding: 0 0 25px;
    color: #c80f0f;
    margin-top: -10px;
    margin-left: 5px;
    display: table;
    width: 100%;
}

    .breadcrumb li a,
    .breadcrumb li span {
        color: #c80f0f !important;
        font-size: 12px !important;
    }

        .breadcrumb li a:hover {
            color: #fb5353 !important;
        }

    .breadcrumb i {
        margin: 0 10px 0 7px !important;
    }

    .breadcrumb .fa-circle:before {
        font: normal normal normal 16px/1 LineAwesome;
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: "\f112";
        font-size: 14px;
    }

    .breadcrumb > li:first-child i:first-child {
        color: #c80f0f !important;
        background-color: #fb5353;
        padding: 5px 3px 5px 5px;
        border-radius: 50%;
        font-size: 30px !important;
        position: relative;
        top: 3px;
        text-align: center;
        right: 0px;
        width: 40px;
        height: 40px;
        margin: 0 !important;
    }

.cart-empty {
    height: auto;
    padding: 50px 15px;
}

    .cart-empty a {
        font-size: 70px;
        border: 2px solid #54c460;
        border-radius: 6px !important;
        text-decoration: none;
        color: #54c460;
        width: 100px;
        height: 100px;
        display: block;
        margin: 20px auto 30px;
    }

        .cart-empty a:hover {
            border: 2px solid #fb5353;
            color: #fb5353;
        }

    .cart-empty .cart-empty-message {
        color: #222 !important;
        position: relative;
        font-size: 16px;
    }

#feeds {
    display: table;
    width: 100%;
}

    #feeds .actions {
        padding: 0;
        margin: 0;
    }

        #feeds .actions .btn {
            padding: 6px 20px;
            margin-bottom: 0px;
            box-shadow: 0 0 0 !important;
            background-color: #54C460;
            color: #fff;
        }

            #feeds .actions .btn:hover {
                background-color: #fb5353;
                color: #fff;
            }

.feed-items .feed-item {
    background-color: #f3f4f9;
    display: block;
    border-radius: 6px !important;
    overflow: hidden;
    margin-bottom: 20px;
    height: 120px;
}

    .feed-items .feed-item h4 {
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 14px;
    }

        .feed-items .feed-item h4 a {
            color: #444;
        }

            .feed-items .feed-item h4 a:hover {
                color: #fb5353;
            }

    .feed-items .feed-item p {
        margin: 4px 0;
        font-size: 13px;
    }

        .feed-items .feed-item p img {
            height: 20px;
            width: auto;
            position: relative;
            top: -3px;
            margin-right: 5px;
            min-height: unset;
        }

        .feed-items .feed-item p a {
            color: #54c360;
        }

            .feed-items .feed-item p a:hover {
                color: #fb5353;
            }

    .feed-items .feed-item span {
        font-size: 12px;
    }

    .feed-items .feed-item img {
        margin: 0px auto;
        width: 100%;
        min-height: 120px;
    }

.feed-items .pag {
    text-align: center;
}

.pagination > li a:hover,
.pagination > li a:focus {
    background-color: #fb5353 !important;
    color: #fff !important;
}


/* Chats */
.timeline-log {
    margin-top: 15px !important;
}

.chats li.in .datetime,
.chats li.in .timeline-body-time {
    float: right;
    margin-right: 25px;
    margin-top: -5px;
}

.chats li.out .datetime,
.chats li.out .timeline-body-time {
    float: left;
    margin-left: 25px;
    margin-top: -5px;
}

.chats > li {
    position: relative;
}

    .chats > li .message {
        background: #f5f6fa !important;
        padding: 15px;
        border-radius: 6px !important;
    }

    .chats > li.out .message {
        border-right: 0;
        text-align: right;
        margin-right: 75px;
    }

    .chats > li.in .message {
        text-align: left;
        border-left: 0;
        margin-left: 75px;
    }

    .chats > li.out .message .arrow {
        top: 8px;
        right: -13px;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 13px solid #f5f6fa;
    }

    .chats > li.in .message .arrow {
        top: 8px;
        left: -13px;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 13px solid #f5f6fa;
    }

    .chats > li .avatar {
        height: 60px;
        width: 60px;
    }

    .chats > li.out:before,
    .chats > li.in:before {
        content: "\f18a";
        font: normal normal normal 16px/1 LineAwesome;
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-size: 16px;
        font-weight: bold;
        color: #FE5C5C;
        background-color: #FE5C5C;
        border-radius: 50% !important;
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 1;
    }

    .chats > li.in:before {
        color: #54C460;
        left: auto;
        right: 15px;
        background-color: #54C460;
    }

    .chats > li .name {
        color: #fb5353;
        font-size: 15px;
        font-weight: 400;
    }


.log-chats p {
    margin: 0;
}

.log-chats .media {
    margin-bottom: 30px;
    overflow: visible;
    display: block;
    min-height: 95px;
}

    .log-chats .media > a {
        text-decoration: none;
        width: 100px;
    }

        .log-chats .media > a p {
            color: #3598dc;
            font-weight: bold;
            text-transform: uppercase;
            margin-top: 10px;
            text-align: center;
            font-size: 11px;
        }

        .log-chats .media > a:hover p {
            color: #fb5353;
        }

    .log-chats .media .media-body {
        background-color: #f3f4f9;
        padding: 15px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
        border-radius: 6px !important;
        position: relative;
        overflow: visible;
    }

    .log-chats .media.in .media-body:before {
        content: '';
        display: block;
        position: absolute;
        top: 20px;
        left: -13px;
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 13px solid #f3f4f9;
    }

    .log-chats .media.out .media-body:before {
        content: '';
        display: block;
        position: absolute;
        top: 20px;
        right: -13px;
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 13px solid #f3f4f9;
    }

    .log-chats .media .media-body p {
        margin: 30px 0;
        min-height: 25px;
    }

    .log-chats .media .media-body > span {
        font-size: 12px;
        color: #999;
        position: absolute;
        left: 15px;
        bottom: 15px;
    }

        .log-chats .media .media-body > span:first-child {
            bottom: auto;
            top: 15px;
        }


    .log-chats .media.in .media-body > span {
        left: auto;
        right: 15px;
    }

    .log-chats .media .media-body > span i {
        font-size: 18px;
        color: #fff;
        background-color: #54c460;
        border-radius: 50% !important;
        padding: 3px;
        position: relative;
        margin-left: 6px;
        top: 3px;
    }

    .log-chats .media.out .media-body > span i {
        background-color: #fe5c5c;
        margin-right: 6px;
        margin-left: 0;
    }



/* Footer */
.page-footer .page-footer-inner {
    float: right;
}


/* Form */

.upload-photo {
    position: relative;
    overflow: hidden;
    display: table;
    border-radius: 6px !important;
}

    .upload-photo > img {
        height: 150px;
        margin: 0px auto 14px !important;
    }

    .upload-photo > a {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 11px;
        width: 100%;
        text-align: center;
        background-color: #32c065;
        color: #fff;
        padding: 2px 0;
    }

        .upload-photo > a:hover {
            background-color: #13d278;
        }


.portlet.light .input-group-btn .select2-container--bootstrap {
    width: 120px !important;
}

    .portlet.light .input-group-btn .select2-container--bootstrap .select2-selection {
        border-radius: 0 6px 6px 0 !important;
        border-left: 1px solid #ddd;
    }


.input-group .dropdown-menu {
    left: -42px !important;
}


    .input-group .dropdown-menu:before {
        left: 49px !important;
    }

    .input-group .dropdown-menu:after {
        left: 50px !important;
    }

.input-group-btn .md-checkbox-inline {
    margin: 0;
}

.input-group-btn .md-checkbox {
    background-color: #fdb861;
    display: block;
    line-height: 42px;
    height: 42px;
    width: 42px;
    text-align: center;
    border-radius: 6px 0 0 6px !important;
}

    .input-group-btn .md-checkbox label > .box {
        border: 2px solid #fff;
        top: 11px;
        left: 11px;
    }

    .input-group-btn .md-checkbox label > .check {
        top: 8px;
        left: 16px;
        border-color: #fff !important;
    }

    .input-group-btn .md-checkbox label {
        background-color: #fd6161;
        display: block;
        line-height: 42px;
        height: 42px;
        width: 42px;
        text-align: center;
        border-radius: 6px 0 0 6px !important;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

    .input-group-btn .md-checkbox input[type=checkbox]:checked ~ label {
        background-color: #32c065;
    }

.form-title {
    font-weight: 400;
    margin: 0 15px 15px;
}


/* input [type = file]
----------------------------------------------- */

#txt-payroll-forex-rate.form-control:focus {
    z-index: 2;
}

input[type=file] {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

.control-fileupload {
    display: block;
    border: 0;
    background: #f3f4f9;
    border-radius: 6px !important;
    width: 100%;
    height: 42px;
    line-height: 54px;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
    position: relative;
    /* File upload button */
}

    .control-fileupload:before,
    .control-fileupload input,
    .control-fileupload label {
        cursor: pointer !important;
    }

    .control-fileupload:before {
        padding: 11px 12px;
        margin-bottom: 0;
        font-size: 14px;
        color: #ffffff;
        vertical-align: middle;
        cursor: pointer;
        background-color: #54C460;
        border-radius: 0 6px 6px 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        transition: color 0.2s ease;
        content: attr(data-content);
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        line-height: 20px;
        text-align: center;
    }

    .control-fileupload:hover:before,
    .control-fileupload:focus:before {
        background-color: #48b153;
        color: #fff;
        text-decoration: none;
    }

    .control-fileupload label {
        line-height: 24px;
        color: #444;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        z-index: 1;
        margin-right: 90px;
        margin-bottom: 0px;
        cursor: text;
    }

/*.form-group .help-block {
    display: none !important;
}*/

.form-group.has-error .help-block {
    display: block;
    /*position: absolute;*/
    font-size: 11px;
}

.form-group .help-block-error {
    display: inline;
}

.identification-page .form-group .is-disabled[disabled] {
    /*height: 21px;*/
}

.identification-page .form-group .input-group-addon {
    display: none;
}

    .identification-page .form-group .input-group-addon.visible {
        display: table-cell;
    }

.new-employement-page .form-group.has-error .help-block {
    display: block !important;
    position: absolute;
    font-size: 11px;
}

.search-page .search-filter {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    border-radius: 6px !important;
    padding-top: 5px !important;
}

    .search-page .search-filter .portlet {
        box-shadow: 0 0 0;
        background-color: #f3f4f9;
        margin-bottom: 20px !important;
        border-radius: 6px !important;
    }

        .search-page .search-filter .portlet > .portlet-title {
            background-color: #f3f4f9;
            padding: 6px 20px 2px;
            min-height: auto;
            border-radius: 6px !important;
            border: 0;
        }

        .search-page .search-filter .portlet > .portlet-body {
            padding: 10px;
        }

.form-control.main-input {
    background-color: #fff;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1) !important;
}

.form-control {
    width: 100%;
    height: 42px;
    line-height: 32px;
    padding: 6px 12px;
    background-color: #f3f4f9;
    border: 0;
    border-radius: 6px !important;
    box-shadow: 0 0 0 !important;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #35bc73;
}

.alert {
    border: 0;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
}

.input-icon > i {
    color: #fb5353;
    width: 22px;
    font-size: 22px;
    margin: 11px 8px 8px;
    z-index: 99 !important;
}

.has-success .input-icon > i {
    color: #38ba5f;
}

.input-icon > .form-control {
    padding-left: 35px;
}

.md-checkbox label > .check {
    top: -4px;
    left: 6px;
    width: 10px;
    height: 20px;
    border: 2px solid #fb5353;
    border-color: #fb5353 !important;
    border-top: none;
    border-left: none;
    opacity: 0;
    z-index: 5;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.md-checkbox label > span.inc {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}


.md-checkbox label > span:last-child:not(.box) {
    display: unset !important;
    position: unset !important;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


.dropdown-menu {
    padding: 0px;
    min-width: 200px;
    background-color: #ffffff;
    border: 0;
    font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
}

.daterangepicker .ranges,
.daterangepicker .ranges ul {
    width: 200px;
}

    .daterangepicker .ranges li {
        font-size: 13px;
        background: transparent;
        border: 0;
        color: #222;
        padding: 7px 10px;
        border-radius: 6px !important;
    }

        .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
            background: #fb5353 !important;
            border: 0 !important;
            color: #fff;
        }

.daterangepicker.opensleft:before {
    border-bottom: 7px solid #fff;
    border-bottom-color: rgb(255, 255, 255);
}

.daterangepicker.dropup.opensleft:before {
    border-top: 7px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-bottom: 0;
}

.daterangepicker .ranges .btn {
    border: 0;
    width: 47%;
    float: left;
    border-radius: 6px !important;
    padding: 7px 5px;
    margin: 1.5%;
}

    .daterangepicker .ranges .btn.blue {
        background-color: #42a249;
    }

        .daterangepicker .ranges .btn.blue:hover {
            background-color: #3db157;
        }

.select2-container--bootstrap .select2-selection {
    background-color: #f5f6fa;
    border: 0;
    border-radius: 6px !important;
    color: #222;
    font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif;
    height: 42px;
    line-height: 29px;
}

.select2-container--bootstrap .select2-selection--multiple {
    height: unset !important;
    min-height: 42px;
    padding-bottom: 10px;
}

.select2-container--disabled .select2-selection {
    background-color: #e3e5ef !important;
}

.input-group .select2-container--bootstrap .select2-selection {
    border-radius: 0 6px 6px 0 !important;
}

.input-group .select2-container--disabled {
    margin: 0 !important;
}

    .input-group .select2-container--disabled .select2-selection {
        background-color: #e3e5ef;
    }

.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
    height: 12px;
    left: -8px;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 21%;
    width: 12px;
    display: table;
}

    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before {
        content: "\f110";
        font: normal normal normal 16px/1 LineAwesome;
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-size: 16px;
        font-weight: bold;
        color: #999;
    }


.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b:before {
    content: "\f113";
}

.select2-container--bootstrap .select2-dropdown {
    border-color: transparent;
    overflow-x: hidden;
    margin-top: -1px;
    border: 0;
    background-color: #f5f6fa;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    padding: 8px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: #dfe1ea;
    border: 0;
    color: #222;
    font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif;
    font-size: 14px;
    margin: 5px 0;
    border-radius: 6px !important;
    padding: 6px 5px;
}

.select2-container--bootstrap {
    margin-top: 10px;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    border-radius: 6px !important;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #e3e5ef;
    color: #333;
}

.select2-selection__choice {
    background-color: #e3e5ef !important;
    border: 1px solid #e3e5ef !important;
    border-radius: 60px !important;
    padding: 3px 5px !important;
    margin: 8px 0 0 6px !important;
}

.select2-bootstrap-append .input-group-btn {
    vertical-align: bottom;
}

    .select2-bootstrap-append .input-group-btn button {
        min-height: 42px;
    }

.md-checkbox-inline {
    margin: 10px 0 5px 0;
    float: left;
}

.modal#modal_User .tabbable-line > .nav-tabs {
    display: table;
    margin: 0px auto;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgb(255, 255, 255);
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    border-bottom: 0;
    border-top: 7px solid #fff;
}

.jstree-default .jstree-hovered {
    background-color: #e3e5ef;
}

.bootstrap-switch {
    border-radius: 60px !important;
    background-color: #f3f4f9;
    border-color: #f3f4f9 !important;
}

.portlet.light .portlet.light .bootstrap-switch {
    background-color: #e3e5ef;
    border-color: #e3e5ef !important;
    display: block;
    margin-top: 5px;
}

    .portlet.light .portlet.light .bootstrap-switch .bootstrap-switch-label {
        background: #e3e5ef;
    }

    .portlet.light .portlet.light .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
    .portlet.light .portlet.light .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
        background: #ccced6;
    }

.bootstrap-switch .bootstrap-switch-container {
    height: 38px;
}

.bootstrap-switch .bootstrap-switch-label {
    background: #f3f4f9;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #9c9c9c;
    width: 38px !important;
    height: 38px;
    border-radius: 50% !important;
    background: #e3e5ef;
    position: relative;
    top: -2px;
}

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default i, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default i {
        padding-top: 6px;
    }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #fb5353;
    width: 38px !important;
    height: 38px;
    border-radius: 50% !important;
}

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary i, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary i {
        padding-top: 7px;
    }



.portlet.light .portlet.light .form-group iframe.editable,
.portlet.light .portlet.light .is-disabled-o:not([disabled]),
.portlet.light .portlet.light .form-control:not([disabled]),
.portlet.light .portlet.light .select2-container--bootstrap .select2-selection {
    background-color: #ffffff !important;
    cursor: initial !important;
}

.portlet.light .portlet.light .form-control[disabled],
.portlet.light .portlet.light .form-control[readonly],
.portlet.light .portlet.light fieldset[disabled] .form-control
.portlet.light .portlet.light .product-column .form-control,
.portlet.light .portlet.light .is-disabled-o[disabled],
.portlet.light .portlet.light .is-disabled[disabled],
.portlet.light .portlet.light .select2-container--bootstrap.select2-container--disabled .select2-selection {
    background-color: #e3e5ef !important;
    cursor: not-allowed !important;
}

.pap-head .form-control.btn-group {
    background-color: transparent !important;
}

.portlet.light .portlet.light .product-column .form-control:not([disabled]) {
    background-color: #fff !important;
    cursor: initial !important;
}

.vakata-context, .vakata-context ul {
    font-size: 14px;
    font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    border: 0;
    z-index: 999999999999;
    border-radius: 6px !important;
}




.pass-options {
    background-color: #f3f4f9;
    padding: 16px 10px;
    border-radius: 6px !important;
    margin-top: 25px;
}

    .pass-options .pass-option {
        margin: 5px 0;
        padding: 5px 10px;
    }

        .pass-options .pass-option span {
            font-weight: bold;
        }

        .pass-options .pass-option i {
            font-size: 18px;
            background-color: #54C460;
            color: #fff !important;
            float: right;
            padding: 3px;
            border-radius: 50%;
        }

.portlet.light .form-actions {
    border-top: 0;
}


/* Login */

.login .content .forget-form .alert.alert-success {
    background-color: #27ca70 !important;
    border-color: #32c066 !important;
}

.login {
    background-color: #eceded !important;
    height: 100vh;
}

    .login .content {
        background-color: #fff;
        max-width: 490px;
        margin: 0 auto;
        padding: 20px 30px 15px;
        border-radius: 6px !important;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
        overflow: hidden;
    }

        .login .content .login-form .alert.alert-success {
            background-color: #27ca70 !important;
            border-color: #32c066 !important;
        }

        .login .content .form-actions {
            border-bottom: 0;
            padding: 0px;
            margin-left: 0;
            margin-right: 0;
            display: table;
            width: 100%;
            margin-top: 30px;
        }

            .login .content .form-actions .md-checkbox {
                display: inline-block;
            }

            .login .content .form-actions .btn {
                border-radius: 6px !important;
                box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
                padding: 9px;
                font-size: 14px;
                font-weight: bold;
                letter-spacing: 1px;
                background-color: #fb5353;
                border-color: #fb5353;
                float: right;
                margin-top: 20px;
                display: table;
            }

                .login .content .form-actions .btn:hover,
                .login .content .form-actions .btn:focus,
                .login .content .form-actions .btn:active {
                    background-color: #fb5353c7;
                    border-color: #fb535300;
                }

        .login .content .forget-password {
            margin-top: 25px;
            margin: 4px -30px -15px;
            background-color: #ffffff;
            padding: 15px 30px;
        }

            .login .content .forget-password h4 {
                margin-top: 0;
                font-weight: 400;
                color: #000;
                font-size: 16px;
            }

            .login .content .forget-password a {
                color: #fb5353;
            }

    .login .input-password::placeholder {
        font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif;
        letter-spacing: normal;
    }

    .login .input-password {
        font-family: Verdana;
        letter-spacing: 0.125em;
    }

        .login .input-password[readonly] {
            background-color: #f3f4f9;
        }



/* Modal */

.modal .modal-body .page-head {
    margin: 10px 0px 10px;
    text-align: center;
}

.modal.bottom-modal .bm-title {
    margin: 0 0 30px;
    float: left;
}

    .modal.bottom-modal .bm-title a {
        color: #fff;
        font-weight: 600;
    }

        .modal.bottom-modal .bm-title a:hover {
            color: #e6e6e6;
        }

.modal.bottom-modal .bm-close {
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    margin: 4px 0px 0 20px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

    .modal.bottom-modal .bm-close:hover {
        color: #1e843d;
    }

.modal.bottom-modal .bm-actions a.btn {
    color: #222;
    background-color: #fff;
    font-size: 14px;
}

    .modal.bottom-modal .bm-actions a.btn:hover {
        background-color: #f3f4f9;
    }

.modal.bottom-modal .bm-actions a .la {
    position: relative;
    top: 2px;
    font-size: 19px;
    margin-right: 4px;
    margin-top: -2px;
}

.modal.bottom-modal.fade.in {
    top: auto !important;
    bottom: 0;
}

.modal.bottom-modal.fade {
    top: auto !important;
    bottom: -100%;
}

.modal.fade.bottom-modal .modal-dialog {
    -webkit-transform: translate(0,60vh);
    -ms-transform: translate(0,60vh);
    -o-transform: translate(0,60vh);
    transform: translate(0,60vh);
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    transition: transform .4s ease-out;
    margin: 0;
    width: 100%;
    height: 65vh;
    border-radius: 0 !important;
}

.modal.in.bottom-modal .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal.bottom-modal .modal-header,
.modal.bottom-modal .modal-footer {
    border-radius: 0 !important;
}

.modal.fade.bottom-modal .modal-dialog .modal-content {
    border-radius: 0 !important;
    overflow: hidden;
    min-height: 100%;
    padding: 10px 15px;
    background-color: #f3f4f9;
    position: relative;
}

    .modal.fade.bottom-modal .modal-dialog .modal-content.top-green:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background-image: linear-gradient(to right, #890808, #970909, #a60b09, #b40d09, #c30f08);
    }

.modal.bottom-modal .modal-body .portlet {
    background-color: #ffffff;
    margin-bottom: 30px !important;
}

    .modal.bottom-modal .modal-body .portlet.bm-vrt .portlet-body {
        height: 42vh;
        display: block;
        overflow: hidden;
    }

    .modal.bottom-modal .modal-body .portlet.bm-hrz .portlet-body {
    }

    .modal.bottom-modal .modal-body .portlet .portlet-title {
        background-color: transparent;
        padding: 0px 5px 5px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

    .modal.bottom-modal .modal-body .portlet.light .portlet-title .caption {
        padding: 10px 0;
    }

.modal.bottom-modal .mt-actions .mt-action .mt-action-img {
    width: 50px;
}

.modal.bottom-modal .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {
    padding: 5px 10px 0 0;
}

.modal-scrollable, .modal {
    overflow: hidden !important;
}

.modal {
    overflow-y: hidden !important;
}

.modal-content {
    border: 0;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
}

.modal .modal-header {
    border-bottom: 0;
    background-color: #f3f4f9;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    border-radius: 6px 6px 0 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

.modal .modal-body {
    padding: 76px 15px;
}

.modal .modal-footer {
    background-color: #f3f4f9;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    border-radius: 0 0 6px 6px !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}


    .modal .modal-footer .btn.giz {
        background-color: #f14141 !important;
        color: #fff;
        border: 0;
        border-radius: 6px !important;
        padding: 10px 20px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }


        .modal .modal-footer .btn.giz:hover,
        .modal .modal-footer .btn.giz:focus,
        .modal .modal-footer .btn.giz:active {
            background-color: #fb5353 !important;
            color: #fff;
            text-decoration: none;
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -ms-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
        }





    .modal .modal-footer .btn.blue,
    .modal .modal-footer .btn.green {
        background-color: #fb5353;
        border: 0;
        border-radius: 6px !important;
        padding: 10px 20px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

        .modal .modal-footer .btn.blue:hover {
            opacity: 0.8;
        }

    .modal .modal-footer .btn.modal-close,
    .modal .modal-footer .btn.dark,
    .modal .modal-footer .btn.btn-outline.red {
        background-color: #e5e5e5;
        border: 0;
        color: #222;
        border-radius: 6px !important;
        padding: 10px 20px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

        .modal .modal-footer .btn.modal-close:hover,
        .modal .modal-footer .btn.modal-close:active,
        .modal .modal-footer .btn.dark:hover,
        .modal .modal-footer .btn.dark:active,
        .modal .modal-footer .btn.btn-outline.red:hover,
        .modal .modal-footer .btn.btn-outline.red:active {
            background-color: #e5e5e5;
            color: #222;
            opacity: 0.8;
        }

.modal .modal-dialog {
    border-radius: 6px !important;
}

.modal-open .daterangepicker {
    z-index: 99999 !important;
}

.modal.doc-info-modal .modal-body h4 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
}

.modal.doc-info-modal .modal-body .col-md-12 img {
    height: 120px;
    margin-bottom: 30px;
}

.modal.doc-info-modal .modal-body h4 span {
    display: block;
    margin-top: 10px;
    font-weight: 100;
    color: #777;
}

.modal.doc-info-modal .modal-body .col-md-6 .md-checkbox label {
    display: block;
    color: #fff;
    padding: 10px 10px 10px 45px;
    border-radius: 6px !important;
    margin-bottom: 20px;
}

    .modal.doc-info-modal .modal-body .col-md-6 .md-checkbox label > .box {
        top: 9px;
        left: 15px;
        border: 2px solid #fff;
    }

    .modal.doc-info-modal .modal-body .col-md-6 .md-checkbox label > .check {
        top: 6px;
        left: 20px;
        border: 2px solid #fff;
        border-top: none;
        border-left: none;
    }

.modal.doc-info-modal .modal-body .col-md-6 .odendi.md-checkbox label {
    background-color: #54c460;
}

.modal.doc-info-modal .modal-body .col-md-6 .odenecek.md-checkbox label {
    background-color: #FE5C5C;
}


.modal-overflow .modal-body {
    display: table;
    width: 100%;
}

.modal .form-group {
    display: table;
    width: 100%;
}

    .modal .form-group .select2-container--bootstrap {
        margin-top: 0;
        width: 100% !important;
    }


.modal .control-label {
    margin-top: 8px;
}

.modal#modal_Status_Transfer .modal-body h4 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0;
}

    .modal#modal_Status_Transfer .modal-body h4 > span {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.3;
        font-weight: 200;
    }

        .modal#modal_Status_Transfer .modal-body h4 > span i {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            line-height: 25px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            margin-right: 5px;
        }

        .modal#modal_Status_Transfer .modal-body h4 > span.emp img {
            height: 25px;
            width: 25px;
            border-radius: 50% !important;
            margin-right: 5px;
        }

.modal .modal-actions {
    margin: 15px 0;
}

    .modal .modal-actions a {
        text-align: center;
        display: block;
        color: #333;
        border-radius: 6px !important;
        padding: 10px 5px;
    }

        .modal .modal-actions a.selected,
        .modal .modal-actions a:hover {
            background-color: #f3f4f9;
        }

        .modal .modal-actions a i {
            display: block;
            background-color: #fb5353;
            width: 50px;
            height: 50px;
            margin: 0px auto;
            border-radius: 50%;
            color: #fff;
            line-height: 50px;
            font-size: 30px;
            padding: 0;
            margin-bottom: 15px;
        }

.modal.uploading-process .modal-dialog {
    max-width: 400px;
}

.modal.uploading-process .modal-body {
    padding: 15px;
}

    .modal.uploading-process .modal-body p {
        font-size: 16px;
    }

        .modal.uploading-process .modal-body p > i {
            margin-right: 10px;
        }

#modal_Error.modal-body {
    display: block;
    word-wrap: break-word;
}

    #modal_Error.modal-body code {
        background-color: unset !important;
        border: unset !important;
        box-shadow: unset !important;
    }

    #modal_Error.modal-body pre {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

#modal_Error .modal-error-body {
    margin-bottom: 10px;
    word-break: break-word;
}






/* Buttons */


.btn-giz, .btn-large, .btn-small {
    position: relative;
    text-decoration: none;
    color: #333;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    cursor: pointer;
    box-shadow: 0 0 0;
    border-radius: 6px !important;
    font-size: 14px;
    padding: 4px 15px;
    height: auto;
    margin: 10px;
    display: inline-block;
    line-height: 36px;
    text-transform: capitalize;
}

    .btn-giz:hover, .btn-giz:focus, .btn-large:hover, .btn-large:focus, .btn-small:hover, .btn-small:focus {
        color: #333;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 0;
    }

    .btn-giz:before, .btn-large:before, .btn-small:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: transparent;
        z-index: 0;
        position: absolute;
        border-radius: 6px !important;
        left: 0;
        top: 0;
        -webkit-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
    }

    .btn-giz:hover:before, .btn-giz:focus:before, .btn-large:hover:before, .btn-large:focus:before, .btn-small:hover:before, .btn-small:focus:before {
        background-color: rgba(0, 0, 0, 0.05);
    }




.portlet.light > .portlet-title > .actions .btn-icon-only {
    height: 30px;
    width: 30px;
    padding: 3px;
}

    .portlet.light > .portlet-title > .actions .btn-icon-only > i {
        font-size: 17px;
    }

.idle-timeout-dialog-keepalive {
    background-color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    color: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
}

.portlet.light .btn.green:not(.btn-outline),
.idle-timeout-dialog-keepalive {
    background-color: #fb5353;
    border-color: #fb5353;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
}

.portlet.light .btn.btn-outline.red {
    border-color: #e7505a;
    color: #fff;
    background: #e7505a;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
}

.portlet.light .btn.btn-outline.yellow {
    border-color: #c49f47;
    color: #fff;
    background: #c49f47;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
}

.portlet.light .btn.default:not(.btn-outline) {
    color: #222;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
}

a.btn + a.btn {
    margin-left: 3px;
}

.portlet.light .btn.blue:not(.btn-outline),
.portlet.light .btn.btn-outline.blue {
    background-color: #00adeb;
    border-color: #00adeb;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
    color: #fff;
}

    .portlet.light .btn.blue:not(.btn-outline).btn-new,
    .portlet.light .btn.btn-outline.blue.btn-new {
        border-radius: 100px !important;
    }

.portlet.light .input-group-btn .btn.blue:not(.btn-outline),
.portlet.light .input-group-btn .btn.btn-outline.blue {
    padding: 10px;
    margin: 10px;
}

.portlet.light .input-group-addon,
.modal .input-group-btn .btn.default,
.portlet.light .input-group-addon button,
.portlet.light .input-group-btn .btn.default:not(.btn-outline),
.portlet.light .input-group-btn .btn.btn-outline.default {
    box-shadow: 0 0 0 !important;
    border-radius: 0 6px 6px 0 !important;
    background: #fb5353;
    border: 0;
    color: #ffffff !important;
    padding: 11px 20px;
    font-weight: 400;
}

/*

    .portlet.light .input-group-addon button,
    .portlet.light .input-group-addon button:hover,
    .portlet.light .input-group-addon button:focus,
    .portlet.light .input-group-addon .btn.default:not(.btn-outline),
    .portlet.light .input-group-addon .btn.default:not(.btn-outline):hover,
    .portlet.light .input-group-addon .btn.default:not(.btn-outline):focus {
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: 0 0 0 !important;
        color: #fff !important;
        padding: 0 !important;
        font-size: 22px;
        margin: -6px 0;
    }

.portlet.light .input-group-addon {
    padding: 0;
    border: 0;
    box-shadow: 0 0 0;
    background-color: #f3f4f9;
    border-radius: 0 6px 6px 0 !important;
    border-left: 1px solid #e5e5e5;
    text-align: left;
    width: 31%;
}
    */
.datepicker .active,
.datepicker .active:hover,
.datepicker .active:focus,
.datepicker .active:active {
    background-color: #fb5353 !important;
    border-radius: 6px !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    border-radius: 6px !important;
}

.portlet.light table .input-group .select2-container--bootstrap {
    margin-top: 10px;
}

.portlet.light .input-group-btn .btn.blue:not(.btn-outline),
.portlet.light .input-group-btn .btn.btn-outline.blue,
.portlet.light .input-group .select2-container--disabled {
    margin: 0 10px;
}

.portlet.light table .input-group-btn .btn.blue:not(.btn-outline),
.portlet.light table .input-group-btn .btn.btn-outline.blue,
.portlet.light table .input-group .select2-container--disabled {
    margin: 0;
}

.portlet.light .tabbable-line > .actions .btn.blue:not(.btn-outline),
.portlet.light .tabbable-line > .actions .btn.btn-outline.blue {
    border-radius: 100px !important;
}

    .portlet.light .tabbable-line > .actions .btn.blue:not(.btn-outline):hover,
    .portlet.light .tabbable-line > .actions .btn.blue:not(.btn-outline):focus,
    .portlet.light .tabbable-line > .actions .btn.btn-outline.blue:hover,
    .portlet.light .tabbable-line > .actions .btn.btn-outline.blue:focus {
        box-shadow: 0 4px 15px rgba(100, 100, 100, 0.40) !important;
    }

.portlet.light .btn.blue-hoki:not(.btn-outline) {
    background-color: #67809F;
    border-color: #67809F;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
    color: #fff;
}

    .portlet.light .btn.blue-hoki:not(.btn-outline):hover,
    .portlet.light .btn.blue-hoki:not(.btn-outline):focus,
    .portlet.light .btn.btn-outline.yellow:hover,
    .portlet.light .btn.btn-outline.yellow:focus,
    .portlet.light .btn.default:not(.btn-outline):hover,
    .portlet.light .btn.default:not(.btn-outline):focus
    .portlet.light .btn.green:not(.btn-outline):hover,
    .portlet.light .btn.green:not(.btn-outline):focus,
    .portlet.light .btn.btn-outline.blue:hover,
    .portlet.light .btn.btn-outline.blue:focus
    .portlet.light .btn.blue:not(.btn-outline):hover,
    .portlet.light .btn.blue:not(.btn-outline):focus,
    .portlet.light .btn.btn-outline.red:hover,
    .portlet.light .btn.btn-outline.red:focus {
        box-shadow: 0 4px 15px rgba(100, 100, 100, 0.40) !important;
    }

.portlet.light .btn.reference-action {
    background-color: #fb5353;
    color: #fff !important;
    border: 0;
    margin-top: 6px;
}

.portlet > .portlet-body.blue-hoki, .portlet.blue-hoki {
    background-color: #fff;
}


.portlet > .portlet-body .btn.btn-outline.grey-mint {
    background-color: #e5e5e5;
    border: 0;
    color: #222;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
}


.subpage-header .btn {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
    padding: 10px 50px 10px 20px;
    border-radius: 100px !important;
    border: 0;
    background-image: linear-gradient(to right, #890808, #970909, #a60b09, #b40d09, #c30f08);
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

    .subpage-header .btn:hover, .subpage-header .btn:focus {
        box-shadow: 0 4px 15px rgba(100, 100, 100, 0.40) !important;
        background-position: right center;
    }

    .subpage-header .btn i:first-child {
        font-size: 20px;
        position: absolute;
        right: -1px;
        top: -1px;
        background-color: #fb5353;
        padding: 0;
        border-radius: 60px !important;
        width: 42px;
        height: 42px;
        line-height: 40px;
        text-align: center;
    }


.btn-bg-gradient-x-purple-blue {
    transition: .5s;
    background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),color-stop(50%,#32cafe),to(#9f78ff));
    background-image: -webkit-linear-gradient(left,#9f78ff 0,#32cafe 50%,#9f78ff 100%);
    background-image: -moz-linear-gradient(left,#9f78ff 0,#32cafe 50%,#9f78ff 100%);
    background-image: -o-linear-gradient(left,#9f78ff 0,#32cafe 50%,#9f78ff 100%);
    background-image: linear-gradient(90deg,#9f78ff 0,#32cafe 50%,#9f78ff 100%);
    background-size: 200% auto
}

    .btn-bg-gradient-x-purple-blue.btn-glow {
        -webkit-box-shadow: 0 0 12px 0 #9f78ff;
        box-shadow: 0 0 12px 0 #9f78ff
    }

    .btn-bg-gradient-x-purple-blue.active, .btn-bg-gradient-x-purple-blue:active, .btn-bg-gradient-x-purple-blue:hover {
        background-image: -webkit-gradient(linear,left top,right top,from(#9f78ff),color-stop(50%,#32cafe),to(#9f78ff)) !important;
        background-image: -webkit-linear-gradient(left,#9f78ff 0,#32cafe 50%,#9f78ff 100%) !important;
        background-image: -moz-linear-gradient(left,#9f78ff 0,#32cafe 50%,#9f78ff 100%) !important;
        background-image: -o-linear-gradient(left,#9f78ff 0,#32cafe 50%,#9f78ff 100%) !important;
        background-image: linear-gradient(90deg,#9f78ff 0,#32cafe 50%,#9f78ff 100%) !important;
        background-position: right center
    }

.btn.btn-new {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
    padding: 10px 50px 10px 20px;
    border-radius: 60px !important;
    border: 0;
    margin-top: 10px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
    background-color: transparent !important;
    background-image: linear-gradient(to right, #890808, #970909, #a60b09, #b40d09, #c30f08) !important;
    background-size: 500% auto;
    color: #fff;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}


    .btn.btn-new:hover, .btn.btn-new:focus, .btn.btn-new:active {
        background-size: 500% auto;
        box-shadow: 0 4px 15px rgba(100, 100, 100, 0.40) !important;
        background-position: right center
    }

    .btn.btn-new:before {
        content: "\f2c2";
        font: normal normal normal 16px/1 LineAwesome;
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        font-size: 20px;
        position: absolute;
        right: -1px;
        top: -1px;
        background-color: #fb5353;
        padding: 11.5px;
        border-radius: 60px !important;
    }

.btns-new {
    position: fixed;
    bottom: 80px;
    right: 20px;
    height: 42px;
    width: 175px;
    z-index: 9999;
}

    .btns-new:hover {
        height: 170px;
    }

    .btns-new .main-btn-new {
        z-index: 9999;
    }

    .btns-new .sub-btn-new1,
    .btns-new .sub-btn-new2,
    .btns-new .sub-btn-new3,
    .btns-new .sub-btn-new4 {
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

    .btns-new:hover .sub-btn-new1,
    .btns-new:hover .sub-btn-new2,
    .btns-new:hover .sub-btn-new3,
    .btns-new:hover .sub-btn-new4 {
        opacity: 1;
        visibility: visible;
    }

    .btns-new:hover .sub-btn-new1 {
        margin-bottom: 60px;
    }

    .btns-new:hover .sub-btn-new2 {
        margin-bottom: 120px;
    }

.modal .actions > a {
    font-size: 14px;
    padding: 7px 10px;
}



/* Tables */
.table-scrollable {
    border: 0;
}

.main-table {
    margin-bottom: 80px;
}

.table.dataTable > tbody > tr {
    height: 50px;
}

    .table.dataTable > tbody > tr.child span.dtr-title {
        min-width: 200px;
    }

.table-search {
    float: right;
    min-width: 300px;
    margin: 0 15px -42px;
    position: relative;
    z-index: 2;
}

.main-table .table-scrollable {
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 6px !important;
}


.main-table .form-control {
    background-color: #fff;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1) !important;
}

#table_Users_wrapper .dataTables_filter {
    display: none;
}

#table_Roles_wrapper .dataTables_filter {
    display: none;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px 10px 10px;
}

.dataTables_wrapper .dataTables_processing i {
    background-color: #fb5353;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transform-origin: 50% 50%;
    padding: 7px;
}

table.dataTable > tbody > tr.child {
    background: transparent !important;
}

.dataTables_wrapper .dataTables_processing i:before {
    content: "\f2e1";
    font: normal normal normal 16px/1 LineAwesome;
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #ffffff;
    font-size: 36px;
}

table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
    background: #f3f4f9 !important;
}

table.dataTable tbody td .btn-circle > i {
    position: relative;
    top: 2px;
    padding-right: 0;
    padding-left: 0;
    margin-right: unset;
    margin-left: unset;
    padding-top: unset;
    padding-bottom: unset;
    margin-top: unset;
    font-size: 18px;
}

.modal-body table.dataTable tbody td .btn-circle > i {
    right: 2px;
    top: 1px;
}





.dtr-data > .actions {
    margin-top: 5px;
}

    .dtr-data > .actions > .btn-circle > i {
        /*position: relative;
        top: 2px;
        padding-right: 0;
        padding-left: 0;
        margin-right: unset;
        margin-left: unset;
        padding-top: unset;
        padding-bottom: unset;
        margin-top: unset;
        font-size: 18px;
        right: 4px;*/
    }

    .dtr-data > .actions > .btn-circle.right-align > i {
        right: 5px;
    }




td.wrapok {
    white-space: normal !important;
}

#table-employee_wrapper .table-scrollable, #table_Users_wrapper .table-scrollable {
    overflow-x: auto;
}


table.dataTable {
    border: 0;
    border-radius: 6px !important;
    overflow: hidden;
}

    table.dataTable tbody tr,
    table.dataTable tfoot tr {
        background-color: #f3f4f9;
    }

.main-table table.dataTable tbody tr,
.main-table table.dataTable tfoot tr {
    background-color: #fff;
}

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background: #e3e5ef !important;
}



.main-table .table-hover > tbody > tr:hover, .main-table .table-hover > tbody > tr:hover > td {
    background: #f7f7fa !important;
}

.table-hover > tbody > tr > td.editing,
.table-hover > tbody > tr > td[contenteditable='true']:focus {
    background: #fff !important;
    outline: none;
}

.table-hover > tbody > tr > td.editing {
    border-right: 1px solid #e3e5ef;
}

    .table-hover > tbody > tr > td.editing .select2-container--bootstrap {
        margin: -8px -28px -5px -10px !important;
        width: calc(100% + 20px) !important;
        max-width: unset;
    }


.table-hover > tbody > tr:hover > td.editing,
.table-hover > tbody > tr:hover > td[contenteditable='true']:focus,
.table-hover > tbody > tr:hover > td.editing .select2-container--bootstrap .select2-selection {
    background: #f8f8fa !important;
    outline: none;
}

.portlet.light .portlet.light table.dataTable tbody tr {
    background-color: #e3e5ef;
}

.portlet.light .portlet.light .table-hover > tbody > tr:hover,
.portlet.light .portlet.light .table-hover > tbody > tr:hover > td {
    background: #f3f4f9 !important;
}

.portlet.light .input-group {
    width: 100%;
}

.table td .table-img {
    height: 35px;
    border-radius: 50% !important;
}

.table td .table-status,
.cycle-status {
    height: 15px;
    width: 15px;
    border-radius: 50% !important;
    display: inline-block;
    margin: -2px 5px;
}

.cycle-status {
    margin: 1px 5px;
}

.table td .table-status-icon {
    font-size: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.portlet.light table.dataTable tbody td .input-group-btn .bootstrap-touchspin-up,
.portlet.light .input-group-btn .bootstrap-touchspin-up {
    margin-left: 4px;
    width: 42px;
    height: 42px;
    line-height: 32px;
    padding: 6px 12px;
    background-color: #e3e5ef;
    border: 0;
    border-radius: 6px !important;
    box-shadow: 0 0 0 !important;
    color: #222 !important;
}

.portlet.light table.dataTable tbody td .input-group-btn .bootstrap-touchspin-down,
.portlet.light .input-group-btn .bootstrap-touchspin-down {
    margin-right: 4px;
    width: 42px;
    height: 42px;
    line-height: 32px;
    padding: 6px 12px;
    background-color: #e3e5ef;
    border: 0;
    border-radius: 6px !important;
    box-shadow: 0 0 0 !important;
    color: #222 !important;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    padding: 10px;
}

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 6px !important;
        border-top-left-radius: 6px !important;
        padding: 10px;
    }

    .input-group-btn:last-child > .btn.blue {
        background-color: #54C460 !important;
        border-color: #54C460 !important;
    }

.form-control[disabled],
.input-group .input-group-btn + .form-control[disabled] {
    background-color: #e3e5ef;
}

.form-horizontal .control-label {
    margin-bottom: 10px;
    padding-top: 0;
    margin-top: 7px;
}

.summary-tab .form-group .portlet .form-group {
    min-height: unset !important;
    margin: 0 0 0 30px;
}

.summary-tab .form-group .portlet > h4 {
    margin-bottom: 20px;
}

.summary-tab .form-group .control-label {
    text-align: left;
}

table.dataTable tr th {
    background-color: #e3e5ef !important;
    border-bottom: 2px solid #e3e5ef;
}

.main-table .dataTable tr th {
    background-color: #f7f7fa !important;
    border-bottom: 1px solid #e3e5ef;
    font-weight: 600;
    padding: 15px;
}


table.dataTable tbody th, table.dataTable tfoot th, table.dataTable tfoot td, table.dataTable tbody td {
    padding: 8px 10px 5px;
    vertical-align: middle;
    border-top: 1px solid #e3e5ef;
}

.main-table .dataTable tbody th, .main-table table.dataTable tfoot th, .main-table table.dataTable tfoot td, .main-table table.dataTable tbody td {
    border-top: 1px solid #f7f7fa;
}

table.dataTable tbody td .select2,
table.dataTable tbody td input {
    width: 100% !important;
    max-width: 200px;
}

table.dataTable tbody td .select2-container--bootstrap .select2-selection,
table.dataTable tbody td input {
    background-color: #ffffff;
}

table.dataTable tbody td > a {
    text-decoration: none;
    color: #65A0D0 !important;
    font-weight: 600;
}

table.dataTable tbody td .btn-group {
    background-color: transparent;
    border-radius: 100px !important;
}

table.dataTable tbody td .btn-circle {
    border: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 50% !important;
    color: #fff !important;
}

.portlet.light table.dataTable tbody td .btn.blue:not(.btn-outline), .portlet.light table.dataTable tbody td .btn.btn-outline.blue,
.portlet.light table.dataTable tbody td .btn.btn-outline.red {
    border: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 50% !important;
    color: #fff !important;
}

.portlet.light table.dataTable tbody td .btn {
    border: 0;
    border-radius: 50% !important;
    color: #fff !important;
    margin-right: 2px;
    margin-bottom: 2px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.40) !important;
    margin-top: 0;
    overflow: visible;
}

    .portlet.light table.dataTable tbody td .btn .la {
        font-size: 19px;
        margin: 1px 0 0 -2px;
        top: 0;
    }

    .portlet.light table.dataTable tbody td .btn.btn-outline.green-sharp {
        background-color: #2ab4c0;
    }

    .portlet.light table.dataTable tbody td .btn.blue-steel {
        background-color: #4B77BE;
    }

    .portlet.light table.dataTable tbody td .btn.red-sunglo {
        background-color: #E26A6A;
    }

    .portlet.light table.dataTable tbody td .btn.yellow-lemon {
        background-color: #F7CA18;
    }

    .portlet.light table.dataTable tbody td .btn.green-meadow {
        background-color: #1BBC9B;
    }

    .portlet.light table.dataTable tbody td .btn.green {
        background-color: #32c5d2;
    }

.modal .modal-body .portlet {
    background-color: #f3f4f9;
    border-radius: 6px !important;
}

    .modal .modal-body .portlet > .portlet-title {
        background-color: #f3f4f9;
        padding: 14px 20px;
        min-height: auto;
        border-radius: 6px !important;
        border: 0;
    }

    .modal .modal-body .portlet > .portlet-body {
        padding: 10px;
    }

    .modal .modal-body .portlet > .portlet-title > .tools {
        padding: 0;
    }



.portlet > .portlet-title > .tools > a.portlet-edit-button {
    color: #ffffff !important;
    width: 30px !important;
    height: 30px !important;
    text-align: center;
    padding-top: 8px;
    border-radius: 50% !important;
    margin-top: -5px;
    font-size: 18px;
    background-color: #fb5353;
}

.portlet > .portlet-title > .tools > a.fa-pencil:before {
}



ul.pagination {
    border-radius: 6px !important;
    overflow: hidden;
}

.pagination > li a {
    background-color: #f3f4f9 !important;
    color: #222 !important;
    border: 0;
}

.main-table .pagination > li a {
    background-color: #fff !important;
    color: #000 !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff !important;
    background-color: #fb5353 !important;
}

.table-offer.table > tfoot > tr > td,
.table-offer.table > tbody > tr > th,
.table-offer.table > tfoot > tr > th,
.table-offer.table > tbody > tr > td {
    border-top: 1px solid #f3f4f9 !important;
}

.table-invoice.table > thead > tr > th, .table-invoice.table > tbody > tr > th, .table-invoice.table > tfoot > tr > th, .table-invoice.table > thead > tr > td, .table-invoice.table > tbody > tr > td, .table-invoice.table > tfoot > tr > td {
    padding: 5px !important;
    border-top: 1px solid #f3f4f9 !important;
}

table.dataTable tr td .form-control[disabled],
table.dataTable tr td .form-control.is-disabled-o {
    background-color: transparent;
}

table.dataTable tbody tr td .form-control.isNumber,
table.dataTable tbody tr td .form-control.is-discount,
table.dataTable tbody tr td .form-control.discount-type {
    background-color: #e3e5ef;
}

.table-offer.table tbody:before,
.table-offer.table tbody:after {
    display: none !important;
}

.shifts-table td > img {
    height: 25px;
    width: 25px;
    border-radius: 50% !important;
    margin-right: 5px;
}


/* Note */
.portlet .note:not(.ignore-core) {
    padding: 20px 10px;
    border: 0;
    border-radius: 6px !important;
    margin-bottom: 20px !important;
}

.portlet .note .label {
    padding: 6px;
    border-radius: 6px !important;
}

.portlet .note.note-info:not(.ignore-core) {
    background-color: #e3e5ef;
}

/* Pap Pages */

.pap-head {
    background-color: #f3f4f9;
    display: table;
    width: 100%;
    border-radius: 6px !important;
    margin-bottom: 20px;
    padding: 15px;
}

    .pap-head .pap-title {
        margin-bottom: 20px;
        background-color: #e3e5ef;
        padding: 15px;
        border-radius: 6px !important;
    }

        .pap-head .pap-title h2 {
            margin: 0;
        }

        .pap-head .pap-title .btn-group .btn.blue:not(.btn-outline),
        .pap-head .pap-title .btn-group .portlet.light .btn.btn-outline.blue {
            padding: 4px 10px;
            position: relative;
            top: 1px;
        }

    .pap-head .col-md-6 h4 {
        color: #222;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .pap-head .col-md-6 h4 span {
            color: #999;
        }

    .pap-head .col-md-6 .mt-actions .mt-action {
        padding: 0;
        margin-bottom: 20px;
    }

        .pap-head .col-md-6 .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
            vertical-align: bottom;
        }


    .pap-head .col-md-6 .col-xs-2 {
        margin-top: 18px;
    }

    .pap-head .col-md-6 h2.text-right {
        margin-top: 40px;
        display: inline-block;
        width: 100%;
    }

        .pap-head .col-md-6 h2.text-right span {
            color: #fb5353;
        }

.pap-actions .col-xs-12 {
    margin: 20px 0;
}

/* Charts */

.pe-chart#easypie-chart {
    text-align: center;
    position: relative;
    display: table;
    margin: 0px auto;
}

    .pe-chart#easypie-chart .easypie-percent {
        position: absolute;
        top: 35px;
        left: 30px;
        display: block;
        font-size: 18px;
        font-weight: bold;
    }

/* Görüşme Page */

.pe-contact-detail {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    background-color: #f3f4f9;
    padding: 15px;
    border-radius: 6px !important;
}

    .pe-contact-detail .pe-contact-detail-head {
        display: table;
        width: 100%;
        margin-bottom: 20px;
    }

        .pe-contact-detail .pe-contact-detail-head h4,
        .pe-contact-detail .pe-contact-detail-head p {
            margin: 0;
        }

            .pe-contact-detail .pe-contact-detail-head h4 span {
                background-color: #fb5353;
                padding: 5px;
                width: 35px;
                height: 35px;
                text-align: center;
                display: inline-block;
                line-height: 1;
                border-radius: 50% !important;
                color: #fff;
                font-size: 24px;
            }

            .pe-contact-detail .pe-contact-detail-head p > span {
                background-color: #fb5353;
                padding: 1px 10px 3px 5px;
                border-radius: 100px !important;
                color: #fff;
                margin-left: 5px;
                display: inline-block;
            }

                .pe-contact-detail .pe-contact-detail-head p > span i {
                    margin-right: 7px;
                    position: relative;
                    top: 2px;
                    font-size: 20px;
                }

    .pe-contact-detail .pe-contact-detail-body .pe-contact-detail-body-chart,
    .pe-contact-detail .pe-contact-detail-body .pe-contact-detail-body-text {
        display: table-cell;
        vertical-align: middle;
    }

    .pe-contact-detail .pe-contact-detail-body .pe-contact-detail-body-text {
        padding-left: 20px;
    }

        .pe-contact-detail .pe-contact-detail-body .pe-contact-detail-body-text h5 {
            font-weight: bold;
        }

            .pe-contact-detail .pe-contact-detail-body .pe-contact-detail-body-text h5 img {
                height: 30px;
                width: 30px;
                border-radius: 50% !important;
                display: inline-block;
                position: relative;
                top: -2px;
                margin-right: 8px;
            }

    .pe-contact-detail .pe-contact-detail-foot {
        display: table;
        width: 100%;
        margin-top: 20px;
        background-color: #54c460;
        border-radius: 6px !important;
        color: #fff;
        padding: 15px;
    }

        .pe-contact-detail .pe-contact-detail-foot .pe-contact-detail-foot-head {
            display: table;
            width: 100%;
        }

            .pe-contact-detail .pe-contact-detail-foot .pe-contact-detail-foot-head h4 {
                font-weight: bold;
                margin-top: 0;
                margin: 10px 0 20px;
            }

                .pe-contact-detail .pe-contact-detail-foot .pe-contact-detail-foot-head h4 i {
                    font-size: 30px;
                    position: relative;
                    top: 4px;
                    margin-top: -10px;
                    margin-right: 8px;
                }

            .pe-contact-detail .pe-contact-detail-foot .pe-contact-detail-foot-head p {
                margin: 10px 0 20px;
            }

        .pe-contact-detail .pe-contact-detail-foot .pe-contact-detail-foot-text p {
            margin: 0;
        }


/* Sweet Alert */
.sweet-overlay {
    z-index: 99999;
}

.sweet-alert {
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
    outline: none !important;
    z-index: 99999;
}

    .sweet-alert .btn.confirm {
        background-color: #54C460;
        border: 0;
        border-radius: 6px !important;
        padding: 10px 20px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

        .sweet-alert .btn.confirm:hover {
            opacity: 0.8;
        }


    .sweet-alert .btn.cancel {
        background-color: #e5e5e5;
        border: 0;
        color: #222;
        border-radius: 6px !important;
        padding: 10px 20px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

        .sweet-alert .btn.cancel:hover {
            background-color: #e5e5e5;
            color: #222;
            opacity: 0.8;
        }

    .sweet-alert .sa-icon .sa-line {
        background-color: #ffffff !important;
        border-radius: 10px !important;
        z-index: 3 !important;
    }

    .sweet-alert .sa-placeholder {
        border: 4px solid #5cb85c !important;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        background-color: #5cb85c !important;
    }

    .sweet-alert .sa-icon.sa-error {
        border-color: #ef4836 !important;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
        background-color: #ef4836 !important;
    }

    .sweet-alert .sa-icon.sa-warning {
        border-color: #f4d03f !important;
        /*background-color: #f4d03f !important;*/
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
    }

        .sweet-alert .sa-icon.sa-warning .sa-body,
        .sweet-alert .sa-icon.sa-warning .sa-dot {
            /*background-color: #fff !important;*/
        }

        .sweet-alert .sa-icon.sa-warning .sa-body {
            border-radius: 2px !important;
        }

        .sweet-alert .sa-icon.sa-warning .sa-dot {
            border-radius: 50% !important;
        }

    .sweet-alert .sa-icon.sa-info {
        border-color: #ff8e00 !important;
        /*background-color: #ff8e00 !important;*/
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20) !important;
    }

        .sweet-alert .sa-icon.sa-info::before {
            background-color: #ff8e00 !important;
        }

        .sweet-alert .sa-icon.sa-info::after {
            background-color: #ff8e00 !important;
        }

    .sweet-alert .sa-confirm-button-container {
        margin-left: 5px;
    }


/* Text Editor */
.portlet.light ul.wysihtml5-toolbar {
    margin-left: -10px;
}

    .portlet.light ul.wysihtml5-toolbar .btn.default:not(.btn-outline) {
        color: #222;
        background-color: #e3e5ef;
        border-color: #e3e5ef;
        border-radius: 6px !important;
        box-shadow: 0 0 0 !important;
        margin-left: 10px;
    }


/* Steps */


.form-wizard .steps > li > a.step > .number {
    color: #777;
    height: 30px;
    width: 30px;
    padding: 4px;
    margin-right: 0;
}

.form-wizard .steps > li.active > a.step .number {
    background: #43A047;
    background: -webkit-linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
    background: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
}

.form-wizard .steps > li.done > a.step .number {
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
    background: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
}

.form-wizard .steps > li.done > a.step .desc i {
    color: #fff;
    background-color: #38b669;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 3px;
    position: absolute;
    top: 0;
    right: 40%;
}


.form-wizard .steps > li.incomplete > a.step .number {
    background: #ff6f00;
    background: -webkit-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
    background: linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
}

.form-wizard .steps > li.incomplete > a.step .desc i {
    /*#38b669*/
    color: #fff;
    background-color: red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 3px;
    position: absolute;
    top: 0;
    right: 40%;
}


.form-wizard .steps > li.incomplete > a.step > .number {
    background-color: #eee !important;
    background: #eee;
}


#form-user-wizard .form-group {
    min-height: unset !important;
}

#form-user-wizard .form-wizard .form-actions {
    border-top: unset !important;
}


.form-wizard .steps > li > a.step > .desc {
    display: table;
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
    color: #777;
    white-space: nowrap;
}

.progress-bar-success {
    background-color: #32c065;
}

.rate {
    display: table;
    max-width: 260px;
    width: 100%;
    margin-left: 10px;
}

    .rate > p {
        float: left;
        display: inline-block;
        line-height: 2;
        margin-right: 10px !important;
    }

    .rate .stars {
        float: right;
    }

        .rate .stars > i {
            float: left;
            color: #e3e5ef;
            font-size: 16px;
            margin-top: 2px;
        }

        .rate .stars > p {
            float: right;
            line-height: 2.2;
        }


.tab-content > .active {
    display: table;
    width: 100%;
}

.form-wizard .form-group {
    min-height: 80px;
}

.form-wizard .form-actions {
    padding: 0 15px 30px;
    margin-left: 15px;
}

.portlet-form .form-section, .form .form-section {
    margin: 30px 0px 30px 15px;
    border-bottom: 0;
    font-size: 20px;
}

.md-radio label > span {
    position: relative;
}

.md-radio label > br {
    display: none;
}

.md-radio label > .inc,
.md-radio label > .check,
.md-radio label > .box {
    display: block;
    position: absolute;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.md-radio label > .check {
    background: #fb5353;
}

/* Blocks */

.num-block {
    min-height: 130px;
    display: table;
    width: 100%;
}

    .num-block .portlet-title {
        border-bottom: 0;
    }

    .num-block > .portlet-title {
        margin-bottom: 0;
    }

        .num-block > .portlet-title > .caption,
        .num-block > .portlet-title > .actions {
            padding-bottom: 0;
        }

    .num-block > span {
        font-size: 35px;
    }

.upload-block .dropzone {
    background-color: #f3f4f9;
    border: 0;
    font-size: 14px;
    vertical-align: middle;
    width: 100%;
    margin: 0px auto;
    border-radius: 6px !important;
}

    .upload-block .dropzone .dz-message i {
        font-size: 60px;
        display: block;
        color: rgba(54, 187, 97, 0.4);
        margin-bottom: 10px;
    }

.block-profile {
    min-height: 289px;
}

    .block-profile .profile-contact i {
        font-size: 21px;
    }

    .block-profile .profile-contact i {
        font-size: 21px;
        position: relative;
        top: 2px;
        margin-right: 4px;
    }

    .block-profile.paypils-user {
        min-height: unset;
    }

        .block-profile.paypils-user .profile-info img {
            max-height: 40px;
            margin-right: 10px;
            width: auto;
            display: inline-block;
            max-width: 115px;
            vertical-align: middle;
        }

        .block-profile.paypils-user .profile-info h2 {
            font-size: 16px;
            margin: 5px 0;
        }

        .block-profile.paypils-user .profile-info p {
            margin: 5px 0;
        }

            .block-profile.paypils-user .profile-info p span {
                font-weight: 600;
            }

        .block-profile.paypils-user .profile-contact {
            margin: 0;
        }

            .block-profile.paypils-user .profile-contact li {
                margin: 10px 0;
            }

                .block-profile.paypils-user .profile-contact li span {
                    font-weight: 600;
                    margin-left: 10px;
                }

.paypils-table tbody tr th > span,
.paypils-table tbody tr td > span {
    float: right;
}

.paypils-table tfoot tr td,
.paypils-table tbody tr td {
    border-right: 1px solid #e7ecf1;
}

    .paypils-table tfoot tr td:last-child,
    .paypils-table tbody tr td:last-child {
        border-right: 0;
    }

.paypils-table .sub-td-parent {
    font-weight: bold;
}

.paypils-table .sub-td {
    padding-left: 25px;
}

.paypils-table.content-table .sub-td {
    padding-left: 15px;
}

.paypils-table .sub-td:before {
    content: '- ';
    float: left;
    padding-right: 4px;
}


/* Profile */
#portlet-Identification .form-horizontal .control-label {
    line-height: 2.5;
    margin-top: 2px;
}

.portlet.light form.is-editing .input-group-addon:not(.visible) {
    display: none;
}

.profile-img {
    position: relative;
}

    .profile-img .change-logo-button {
        position: absolute;
        bottom: 0;
        background-color: #3cb459;
        color: #fff;
        padding: 5px 3px;
        width: 100%;
        text-align: center;
        border-radius: 0 0 6px 6px !important;
    }

.my-profile .portlet.light p {
    margin: 10px 0;
}

.my-profile .portlet.light .la {
    position: relative;
    top: 4px;
    margin-right: 4px;
}

.my-profile .portlet.light .fa {
    margin-right: 4px;
}

.my-profile .portlet.light .actions .la {
    top: 2px;
    font-size: 19px;
}

.my-profile .portlet.light .actions {
    margin: 0;
    padding: 2px 0 0;
}

    .my-profile .portlet.light .actions .btn {
        color: #222 !important;
        font-size: 14px;
        box-shadow: 0 0 0 !important;
    }

        .my-profile .portlet.light .actions .btn:hover {
            background-color: #f3f4f9;
        }

.my-profile .portlet.light .profile-info .la {
    top: 1px;
    font-size: 18px;
}

.my-profile .portlet.light .profile-info h3 {
    margin-top: 10px;
}

.my-profile .my-profile-id .font-hg {
    font-size: 30px;
}

.my-profile .my-profile-exp .note {
    padding: 0 10px;
    margin-bottom: 15px !important;
}

    .my-profile .my-profile-exp .note h4 {
        margin-bottom: 0;
    }

    .my-profile .my-profile-exp .note p {
        margin: 0;
    }

.my-profile .profile-contact {
    margin: 0;
}

    .my-profile .profile-contact .portlet-title,
    .my-profile .profile-contact .portlet-body {
        margin: 0;
        padding: 0;
    }

.my-profile .my-profile-lang .progress {
    height: 12px;
    border-radius: 6px !important;
}

.my-profile .my-profile-lang .note {
    padding: 0 10px;
    margin-bottom: 15px !important;
    display: table;
    width: 100%;
}

    .my-profile .my-profile-lang .note h5 {
        font-weight: 600 !important;
    }

    .my-profile .my-profile-lang .note p {
        margin: 0;
    }

.my-profile .bm-profile-actions {
    display: table;
    width: 100%;
}


    .my-profile .bm-profile-actions .bm-profile-action {
        color: #222;
        display: table;
        margin: 0px auto 30px;
        font-size: 13px;
        min-height: 91px;
    }

        .my-profile .bm-profile-actions .bm-profile-action .la {
            display: table;
            font-size: 30px;
            text-align: center;
            background-color: #38b85f;
            width: 45px;
            height: 45px;
            line-height: 45px;
            border-radius: 50%;
            margin: 0px auto 10px;
            color: #fff;
            -webkit-transition: all 200ms;
            -moz-transition: all 200ms;
            -ms-transition: all 200ms;
            -o-transition: all 200ms;
            transition: all 200ms;
        }

        .my-profile .bm-profile-actions .bm-profile-action:hover .la {
            background-color: #fb5353;
        }


/* Tooltip */
table.dataTable tbody td .btn,
[data-tooltip] {
    cursor: pointer;
    position: relative;
    overflow: visible;
    /********** Default Behavior ********* */
    /********** Timeout Variant ********* */
    /********** Tooltip Sizes ********* */
    /********** Top Tooltip ********* */
    /********** Right Tooltip ********* */
    /********** Bottom Tooltip ********* */
    /********** Left Tooltip ********* */
}

    table.dataTable tbody td .btn:before,
    table.dataTable tbody td .btn:after,
    [data-tooltip]:before, [data-tooltip]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
        z-index: 1;
    }

    table.dataTable tbody td .btn:before,
    [data-tooltip]:before {
        padding: 5px;
        min-width: 75px;
        max-width: 110px;
        border-radius: 6px;
        background: #222;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.2;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
        white-space: normal;
    }

    table.dataTable tbody td .btn:before {
        content: attr(data-title);
        font-size: 12px;
        min-width: 75px;
    }

    table.dataTable tbody td .btn.overwrite-width:before {
        min-width: 100px;
    }

    table.dataTable tbody td .btn:before,
    [data-tooltip].btn:before {
        background: inherit;
        color: #fff;
    }

    table.dataTable tbody td .btn:after,
    [data-tooltip]:after {
        border: 8px solid transparent;
        width: 0;
        content: "";
        font-size: 0;
        line-height: 0;
    }

    table.dataTable tbody td .btn:hover:before,
    table.dataTable tbody td .btn:hover:after,
    [data-tooltip]:hover:before, [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1;
    }

    [data-tooltip].t-xl:before {
        width: 200px;
    }

    [data-tooltip].t-lg:before {
        width: 170px;
    }

    [data-tooltip].t-md:before {
        width: 140px;
    }

    [data-tooltip].t-sm:before {
        width: 110px;
    }

    [data-tooltip].t-xs:before {
        width: 80px;
    }

    table.dataTable tbody td .btn:before,
    [data-tooltip].t-top:before {
        bottom: 100%;
        left: 50%;
        margin-bottom: 5px;
        transform: translateX(-50%);
    }

    table.dataTable tbody td .long-description:before,
    [data-tooltip].t-top:not(.no-left):before {
        left: -25%;
    }

    table.dataTable tbody td .btn:after,
    [data-tooltip].t-top:after {
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-top: 8px solid #000;
        border-bottom: none;
    }

    [data-tooltip].btn.t-top:after {
        border-top-color: inherit;
    }

    table.dataTable tbody td .btn:after {
        display: none;
    }

    table.dataTable tbody td .btn:hover:before,
    table.dataTable tbody td .btn:hover:after,
    [data-tooltip].t-top:hover:before, [data-tooltip].t-top:hover:after {
        transform: translateX(-50%) translateY(-5px);
    }

    [data-tooltip].t-right:before {
        top: 50%;
        left: 100%;
        margin-left: 5px;
        transform: translateY(-50%);
    }

    [data-tooltip].t-right:after {
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        border-right: 8px solid #000;
        border-left: none;
    }

    [data-tooltip].btn.t-right:after {
        border-right-color: inherit;
    }

    [data-tooltip].t-right:hover:before, [data-tooltip].t-right:hover:after {
        transform: translateX(5px) translateY(-50%);
    }

    [data-tooltip].t-bottom:before {
        top: 100%;
        left: 50%;
        margin-top: 5px;
        transform: translateX(-50%);
    }

    [data-tooltip].t-bottom:after {
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 8px solid #000;
        border-top: none;
    }

    [data-tooltip].btn.t-bottom:after {
        border-bottom-color: inherit;
    }

    [data-tooltip].t-bottom:hover:before, [data-tooltip].t-bottom:hover:after {
        transform: translateX(-50%) translateY(5px);
    }

    [data-tooltip].t-left:before {
        top: 50%;
        right: 100%;
        margin-right: 5px;
        transform: translateY(-50%);
    }

    [data-tooltip].t-left:after {
        top: 50%;
        right: 100%;
        transform: translateY(-50%);
        border-left: 8px solid #000;
        border-right: none;
    }

    [data-tooltip].btn.t-left:after {
        border-left-color: inherit;
    }

    [data-tooltip].t-left:hover:before, [data-tooltip].t-left:hover:after {
        transform: translateX(-5px) translateY(-50%);
    }

    [data-tooltip].t-red:before,
    [data-tooltip].cred:before,
    [data-tooltip].bred:before {
        background-color: #fb5353 !important;
        color: #fff !important;
    }

    [data-tooltip].t-green:before,
    [data-tooltip].cgreen:before,
    [data-tooltip].bgreen:before {
        background-color: #54C460 !important;
        color: #fff !important;
    }

    [data-tooltip]:after {
        border: 0;
    }

    [data-tooltip].t-yellow:before,
    [data-tooltip].cyellow:before,
    [data-tooltip].byellow:before {
        background-color: #ffa503 !important;
        color: #fff !important;
    }




/* Documents */
.document-set {
    position: relative;
}

    .document-set > .portlet-title {
        border-bottom: 0;
        margin: -12px -19px -14px !important;
        min-height: unset !important;
        border-radius: 6px !important;
        overflow: hidden;
        padding: 0 !important;
    }

        .document-set > .portlet-title .caption {
            cursor: pointer;
        }

            .document-set > .portlet-title .caption .caption-subject .fa {
                margin-left: 10px;
                font-size: 20px;
            }

            .document-set > .portlet-title .caption.collapsed .caption-subject .fa:before {
                content: "\f107";
            }

        .document-set > .portlet-title > .caption p {
            font-size: 12px;
            margin: 3px 0 0 0;
            display: table;
        }

        .document-set > .portlet-title > .caption {
            padding: 19px 15px 15px !important;
            width: 87% !important;
        }

        .document-set > .portlet-title > .tools {
            margin: 0;
            padding: 21px 15px 0 0 !important;
        }

            .document-set > .portlet-title > .tools .label {
                font-size: 11px;
                padding: 9px;
                font-weight: bold;
                font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif !important;
            }


        .document-set > .portlet-title > .caption > i {
            background-color: #40ab51;
            color: #fff !important;
            margin: -21px 10px -15px -15px !important;
            height: 75px;
            width: 55px;
            line-height: 25px;
            padding-top: 13px;
            text-align: center;
            border-radius: 0 0 0 6px !important;
        }


            .document-set > .portlet-title > .caption > i > span {
                display: block;
                font-family: 'Open Sans','gothic','Roboto','Lato', sans-serif !important;
                font-size: 16px;
                font-weight: bold;
            }


    .document-set ul li {
        display: table;
        width: 100%;
        margin: 10px 0;
        padding: 10px 0;
        border-top: 1px solid #e3e5ef;
    }

    .document-set.team-set ul li {
        margin: 0;
        padding: 0;
    }

    .document-set ul li:first-child {
        margin-top: 5px;
        padding-top: 20px;
        border-top: 0;
    }

    .document-set.team-set ul li:first-child {
        margin-top: 5px;
        padding-top: 0;
        border-top: 0;
    }


    .document-set ul li .pull-left p {
        margin-bottom: 0;
        font-weight: bold;
        line-height: 25px;
    }

    .document-set.team-set ul li .pull-left p {
        margin-top: 11px;
        font-weight: 400;
        line-height: unset;
    }

    .document-set ul li .pull-left p img {
        height: 35px;
        width: 35px;
        position: relative;
        top: -4px;
        margin-right: 10px;
        border-radius: 50% !important;
    }

    .document-set ul li .pull-left p span {
        font-size: 11px;
        margin-right: 15px;
        color: #a2a3ab;
    }

    .document-set ul li .doc-type-action {
        display: inline-block;
        font-size: 12px;
        margin-left: 20px;
        line-height: 4.25;
    }


        .document-set ul li .doc-type-action .select2-selection {
            height: 30px;
            line-height: 20px;
            position: relative;
            top: 7px;
        }

        .document-set ul li .doc-type-action .select2-selection__arrow b {
            margin-top: 0px;
        }

        .document-set ul li .doc-type-action .select2-dropdown {
            background-color: #ffffff !important;
        }

        .document-set ul li .doc-type-action input {
            max-width: 130px;
        }

.l-multiple .select2-container--bootstrap .select2-selection {
    display: table;
    width: 100%;
}

.l-multiple .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    display: table;
    width: calc(100% - 20px);
    margin: 5px 10px;
}

    .l-multiple .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice:first-child {
        margin-top: 10px;
    }

/* ORG Chart */

div.orgChart div.node {
    cursor: default;
    border: 0;
    display: inline-block;
    padding: 8px;
    width: 120px;
    height: 60px;
    background: #f3f4f9;
    background-image: none;
    line-height: 1.3em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.20);
    border-radius: 6px !important;
}

div.orgChart tr.lines td.line {
    border-color: #ccc;
}

div.orgChart h2 {
    font-size: 12.5px;
    line-height: 1.4;
}

    div.orgChart h2:hover {
        background: transparent;
        cursor: inherit;
    }

/* Logo */

.page-logo {
    margin: 0;
}

    .page-logo > a {
        float: none;
    }

    .page-logo .logo-default {
        text-align: center;
        margin: 15px auto 15px !important;
        /*height: 40px;*/
        display: block;
        width: auto;
        max-width: 80%;
    }


/* Time Line */



/* Blocks */

.portlet.light.portlet-block {
    position: relative;
    padding-bottom: 30px;
}

    .portlet.light.portlet-block > .portlet-title > .caption {
        display: table;
        color: #444;
        padding: 7px 0 10px;
    }

.portlet-block .portlet-title .caption img {
    float: left;
    width: 30px;
}

.portlet-block .portlet-title .caption img {
    float: left;
    width: 30px;
    margin-right: 10px;
}

.portlet-block .portlet-title .caption > span {
    float: left;
    line-height: 1.8;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

    .portlet-block .portlet-title .caption > span > i {
        font-size: 34px;
        color: #fb5353;
        float: left;
        margin: -5px 5px -5px 0;
    }

.portlet-block > .portlet-title > .actions > .btn {
    box-shadow: 0 0 0 !important;
    background-color: transparent;
    color: #444;
}

.portlet-block > .portlet-title > .actions > .dropdown > a {
    box-shadow: 0 0 0 !important;
    background-color: transparent;
    color: #444;
}

    .portlet-block > .portlet-title > .actions > .dropdown > a:hover,
    .portlet-block > .portlet-title > .actions > .dropdown > a:focus {
        color: #fb5353;
    }

    .portlet-block > .portlet-title > .actions > .dropdown > a > i {
        font-size: 26px;
        top: 6px;
        margin-right: 0;
        margin-top: -8px;
    }

.portlet-block > .portlet-title > .actions > .dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

.portlet-block > .portlet-title > .actions .dropdown > .dropdown-menu:before {
    left: auto;
    right: 18px;
}

.portlet-block > .portlet-title > .actions .dropdown > .dropdown-menu:after {
    left: auto;
    right: 19px;
}

.portlet-block .portlet-body {
    display: table;
    width: 100%;
}

    .portlet-block .portlet-body .portlet-block-item {
        display: table;
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #f3f4f9;
        position: relative;
        min-height: 46px;
    }

        .portlet-block .portlet-body .portlet-block-item:last-child {
            border-bottom: 0;
        }

    .portlet-block .portlet-body .portlet-block-sample {
        width: 50px;
        position: absolute;
        top: 12%;
    }

        .portlet-block .portlet-body .portlet-block-sample img {
            width: 100%;
            height: auto;
        }

        .portlet-block .portlet-body .portlet-block-sample > span {
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            display: block;
        }

            .portlet-block .portlet-body .portlet-block-sample > span span {
                font-size: 12px;
                font-weight: 600;
                text-align: center;
                display: block;
            }

        .portlet-block .portlet-body .portlet-block-sample i {
            height: 50px;
            width: 50px;
            text-align: center;
            background-color: #f3f4f9;
            border-radius: 50%;
            line-height: 50px;
            font-size: 30px;
            color: #fb5353;
        }

    .portlet-block .portlet-body .portlet-block-content {
        padding-left: 60px;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
    }

        .portlet-block .portlet-body .portlet-block-content h4 {
            margin: 5px 0 5px;
            font-size: 14px;
            font-weight: 500;
        }

            .portlet-block .portlet-body .portlet-block-content h4 a {
                color: #444;
            }

        .portlet-block .portlet-body .portlet-block-content p {
            margin: 0 0 5px;
            font-size: 12px;
        }

        .portlet-block .portlet-body .portlet-block-content a {
            color: #15d178;
        }

            .portlet-block .portlet-body .portlet-block-content a:hover,
            .portlet-block .portlet-body .portlet-block-content a:focus {
                color: #fb5353;
            }


    .portlet-block .portlet-body .portlet-block-action {
        opacity: 0;
        float: right;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

    .portlet-block .portlet-body .portlet-block-item:hover .portlet-block-action {
        opacity: 1;
    }

    .portlet-block .portlet-body .portlet-block-action .dropdown > a {
        font-size: 26px;
        line-height: 0.5;
        overflow: visible;
        display: inline-block;
        color: #cacaca;
    }

        .portlet-block .portlet-body .portlet-block-action .dropdown > a:hover {
            color: #fb5353;
        }

    .portlet-block .portlet-body .portlet-block-action .dropdown > ul.dropdown-menu {
        min-width: 120px;
        left: auto;
        right: 0;
        margin-top: 0;
    }

    .portlet-block .portlet-body .portlet-block-action .dropdown > .dropdown-menu:before,
    .portlet-block .portlet-body .portlet-block-action .dropdown > .dropdown-menu:after,
    .portlet-block .portlet-block-footer .dropdown > .dropdown-menu:before,
    .portlet-block .portlet-block-footer .dropdown > .dropdown-menu:after {
        display: none !important;
    }

    .portlet-block .portlet-body .portlet-block-action .dropdown:hover > ul.dropdown-menu {
        display: block;
    }

    .portlet-block .portlet-body .portlet-block-action .dropdown > ul.dropdown-menu li > a:hover,
    .portlet-block .portlet-block-footer .dropdown > ul.dropdown-menu li > a:hover {
        background-color: #f3f4f9;
    }

    .portlet-block .portlet-body .portlet-block-action .dropdown > ul.dropdown-menu li > a,
    .portlet-block .portlet-block-footer .dropdown > ul.dropdown-menu li > a {
        padding: 5px 13px;
        color: #444;
        font-size: 12px;
        font-weight: 500;
    }

        .portlet-block .portlet-body .portlet-block-action .dropdown > ul.dropdown-menu li > a i,
        .portlet-block .portlet-block-footer .dropdown > ul.dropdown-menu li > a i {
            font-size: 16px;
            margin-right: 5px;
            color: #15d178;
        }

        .portlet-block .portlet-body .portlet-block-action .dropdown > ul.dropdown-menu li > a:hover i,
        .portlet-block .portlet-block-footer .dropdown > ul.dropdown-menu li > a:hover i {
            color: #fb5353;
        }

.portlet-block .portlet-block-footer {
    display: table;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 6px 6px !important;
}

    .portlet-block .portlet-block-footer .dropdown > ul.dropdown-menu {
        bottom: 100% !important;
        top: auto !important;
    }

    .portlet-block .portlet-block-footer > a {
        padding: 5px 0;
        background-color: #f3f4f9;
        color: #999;
    }

        .portlet-block .portlet-block-footer > a:hover {
            padding: 5px 0;
            background-color: #ecedf5;
            color: #444;
        }

.portlet.light.portlet-head {
    padding: 0;
}

    .portlet.light.portlet-head > .portlet-title,
    .portlet.light .portlet.light.portlet-head > .portlet-title {
        border-bottom: 0;
        border-radius: 6px !important;
        background-color: #f3f4f9;
    }

        .portlet.light.portlet-head > .portlet-title > .md-checkbox,
        .portlet.light .portlet.light.portlet-head > .portlet-title > .md-checkbox {
            float: left;
            position: relative;
            top: 6px;
            margin-right: 10px;
        }

        .portlet.light.portlet-head > .portlet-title > .caption {
            display: table;
            color: #444;
            padding: 3px 0 10px;
        }

.portlet-head .portlet-title .caption img {
    float: left;
    width: 30px;
    margin-right: 10px;
    max-height: 35px;
}

.portlet-head .portlet-title .caption > span {
    float: left;
    line-height: 1.8;
}

/* Inbox Block */

.portlet-block.inbox-block .portlet-body .portlet-block-sample i {
    height: auto;
    width: 50px;
    background-color: transparent;
    line-height: initial;
}

/* Quick Blocks */

.portlet-block.quick-block .portlet-body .portlet-block-item {
    min-height: auto;
    border: 0;
    padding-bottom: 3px;
}

.portlet-block.quick-block .portlet-body .portlet-block-sample {
    width: 25px;
}

    .portlet-block.quick-block .portlet-body .portlet-block-sample i {
        height: auto;
        width: auto;
        background-color: transparent;
        line-height: initial;
        font-size: 20px;
        position: relative;
        top: -2px;
    }

.portlet-block.quick-block .portlet-body .portlet-block-content {
    padding-left: 25px;
}

/* Block Profile */

.my-profile .portlet.light.portlet-block {
    height: auto;
}

    .my-profile .portlet.light.portlet-block .profile-info .la {
        top: 4px;
        margin-right: 4px;
        font-size: 2em;
    }

    .my-profile .portlet.light.portlet-block .profile-info .fa {
        top: 4px;
        margin-right: 4px;
        font-size: 16px;
        margin-left: 5px;
    }

.my-profile .portlet-block .profile-contact,
.my-profile .portlet-block .profile-work-information {
    margin: 46px 0 0;
}

.my-profile .portlet-block .portlet-body {
    height: auto;
    padding: 0;
}

.my-profile .portlet-block .profile-contact p,
.my-profile .portlet-block .profile-work-information p {
    margin-top: 0;
}

/* Block Tabs */
.portlet-tabs {
    display: table;
    position: relative;
    width: calc(100% + 41px);
    margin-bottom: 10px;
    padding: 20px 0 0;
    background-color: transparent;
    margin: -11px -20px 10px;
}

    .portlet-tabs .nav-tabs {
        border-bottom: 0;
    }

        .portlet-tabs .nav-tabs > li {
            padding-left: 0;
        }

            .portlet-tabs .nav-tabs > li:first-child {
                padding-left: 15px;
            }

            .portlet-tabs .nav-tabs > li.active > a,
            .portlet-tabs .nav-tabs > li.active > a:focus,
            .portlet-tabs .nav-tabs > li.active > a:hover {
                color: #444;
                background-color: #f3f4f9;
                border: 1px solid;
            }

            .portlet-tabs .nav-tabs > li > a {
                border: 0;
                display: block;
                border-radius: 6px !important;
                background-color: transparent;
                text-align: center;
                padding: 10px 0;
                margin: 0;
                color: #444;
                font-weight: 600;
                border: 1px solid;
            }

                .portlet-tabs .nav-tabs > li > a:hover,
                .portlet-tabs .nav-tabs > li > a:focus {
                    background-color: #f3f4f9;
                }

                .portlet-tabs .nav-tabs > li > a > span {
                    display: block;
                    font-size: 35px;
                    margin-bottom: 10px;
                    text-align: center;
                }

.num-block {
    min-height: 132px;
    display: table;
    width: 100%;
    position: relative;
}

    .num-block.no-content:before {
        content: 'there is no content';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #eaebf1;
        padding: 55px 15px 15px;
        text-align: center;
        color: #93959c;
    }

    .num-block .portlet-title {
        border-bottom: 0;
    }

    .num-block > .portlet-title {
        margin-bottom: 0;
    }

        .num-block > .portlet-title > .caption,
        .num-block > .portlet-title > .actions {
            padding-bottom: 0;
        }


.num-block-employee {
    cursor: pointer !important;
}

    .num-block-employee:hover {
        box-shadow: 0 14px 28px rgba(100, 100, 100, 0.20);
    }

.txt-block {
    min-height: 132px;
    position: relative;
}

    .txt-block h3 {
        margin-top: 0;
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: 400;
    }

    .txt-block p {
        margin-bottom: 5px;
        margin-left: 10px;
        font-size: 16px;
    }


.portlet.light.portlet-block .sort {
    background-color: #f3f4f9;
    margin: 0 -20px;
    padding: 5px 20px;
    display: table;
    width: calc(100% + 41px);
}

    .portlet.light.portlet-block .sort h5 {
        font-size: 14px;
        float: left;
        margin: 3px 0 0;
    }

    .portlet.light.portlet-block .sort span {
        font-size: 16px;
        cursor: pointer;
        float: right;
        color: #444;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms;
    }

        .portlet.light.portlet-block .sort span:hover,
        .portlet.light.portlet-block .sort span:focus,
        .portlet.light.portlet-block .sort span:active {
            color: #fb5353;
        }






.ms-custom-header {
    text-align: center;
    padding: 3px;
    background: #fff;
    color: #666;
    margin-bottom: 15px;
    font-size: 16px;
}


.ms-custom-header {
    background: unset;
    margin-bottom: 15px;
}


.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    padding: 5px 10px !important;
}


/* Mobiliys Calendar */

.mo-calendar {
    margin-bottom: 30px;
}

    .mo-calendar .mo-calendar-head,
    .mo-calendar .mo-calendar-row {
        width: 100%;
        position: relative;
    }

    .mo-calendar .mo-calendar-footer {
        background-color: #f3f4f9;
        font-size: 11px;
    }

    .mo-calendar .mo-calendar-head > div,
    .mo-calendar .mo-calendar-row > div {
        display: table-cell;
        padding: 10px 1px;
        text-align: center;
        border: 1px solid #e3e5ee;
        border-left: 0;
        vertical-align: middle;
    }

    .mo-calendar .mo-calendar-row > div {
        border-top: 0;
    }

        .mo-calendar .mo-calendar-head > div:first-child,
        .mo-calendar .mo-calendar-row > div:first-child {
            display: table-cell;
            width: 10% !important;
            text-align: left;
            padding-left: 3px;
            border-left: 0;
        }

        .mo-calendar .mo-calendar-row > div img {
            height: 25px;
            width: 25px;
            border-radius: 50% !important;
            margin-right: 5px;
        }

        .mo-calendar .mo-calendar-row > div > span {
            position: absolute;
            padding: 5px 0;
            border-radius: 6px !important;
        }


    .mo-calendar.mo-calendar-day .mo-calendar-head,
    .mo-calendar.mo-calendar-day .mo-calendar-row {
        display: flex;
    }

        .mo-calendar.mo-calendar-day .mo-calendar-head > div,
        .mo-calendar.mo-calendar-day .mo-calendar-row > div {
            width: 3.75%;
        }

    .mo-calendar.mo-calendar-week .mo-calendar-head,
    .mo-calendar.mo-calendar-week .mo-calendar-row,
    .mo-calendar.mo-calendar-month .mo-calendar-head,
    .mo-calendar.mo-calendar-month .mo-calendar-row {
        display: table;
    }

        .mo-calendar.mo-calendar-week .mo-calendar-head > div,
        .mo-calendar.mo-calendar-week .mo-calendar-row > div {
            width: 12.85%;
        }

        .mo-calendar.mo-calendar-week .mo-calendar-row > div,
        .mo-calendar.mo-calendar-month .mo-calendar-row > div {
            position: relative;
        }

            .mo-calendar.mo-calendar-week .mo-calendar-row > div > span,
            .mo-calendar.mo-calendar-month .mo-calendar-row > div > span {
                width: 100% !important;
                left: 0 !important;
                position: relative;
                display: block;
                margin-bottom: 3px;
            }

        .mo-calendar.mo-calendar-month .mo-calendar-head > div,
        .mo-calendar.mo-calendar-month .mo-calendar-row > div {
            width: 14.28%;
        }

            .mo-calendar.mo-calendar-month .mo-calendar-head > div:first-child,
            .mo-calendar.mo-calendar-month .mo-calendar-row > div:first-child {
                display: table-cell;
                width: 14.28% !important;
                text-align: center;
                padding: 10px 1px;
                border-left: 1px solid #e3e5ee;
            }


.jcrop-keymgr {
    opacity: 0;
}


.bootstrap-datetimepicker-widget {
    z-index: 999999999;
}

a.action-button {
    margin-right: 7px !important;
}

.calendar-legend div {
    display: inline-block;
    margin-bottom: 15px
}

.calendar-legend .label {
    margin-left: 10px;
    padding-left: 15px;
    margin-right: 5px
}

/* Form */

/* input [type = file]
----------------------------------------------- */

.fileinput-l {
    padding-left: unset !important;
    padding-right: unset !important;
}

input[type=file] {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
}

.fileinput {
    display: block;
    border: 0;
    background: #f3f4f9;
    border-radius: 6px !important;
    width: 100%;
    height: 42px;
    line-height: 54px;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
    position: relative;
    /* File upload button */
}

.fileinput-p:before,
.fileinput-p input,
.fileinput-p label {
    cursor: pointer !important;
}

.fileinput-p:before {
    padding: 11px 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #ffffff;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f14141;
    border-radius: 0 6px 6px 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.2s ease;
    content: attr(data-text-value);
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    line-height: 20px;
    text-align: center;
}

.fileinput-p:hover:before,
.fileinput-p:focus:before {
    background-color: #fb5353;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.fileinput label {
    line-height: 24px;
    color: #444;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    margin-right: 90px;
    margin-bottom: 0px;
    cursor: text;
}

.fileinput .btn-file,
.fileinput .btn-file.btn.green:not(.btn-outline) {
    color: #727f89 !important;
    float: none !important;
    background-color: transparent !important;
    border-color: transparent !important;
    position: static !important;
    margin-top: -16px !important;
    padding: 0 !important;
}


/* Main Loading */

.main-loading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.27);
    z-index: 9999999;
}

    .main-loading .loader {
        position: relative;
        top: 50%;
        left: 0;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: -70px auto 0;
    }


/* Data Items */


.data-item {
    display: table;
    margin: 5px 0;
    padding: 5px 0 10px;
    width: 100%;
    border-bottom: 1px solid #F1F1F1;
}


.info-blocks .portlet-body .col-md-6:first-child {
    border-right: 1px solid #F1F1F1;
}

.personal-block .data-item,
.address-block .data-item,
.bank-block .data-item {
    width: auto;
}

.data-item:last-child {
    border-bottom: 0;
}

.data-item .data-item-title {
    display: table-caption;
}

    .data-item .data-item-title h3 {
        font-size: 16px;
        font-weight: 400;
        white-space: nowrap;
    }

.data-item .data-item-media, .data-item .data-item-content {
    display: table-cell;
    vertical-align: middle;
}

    .data-item .data-item-media img {
        height: 45px;
        width: 45px;
        border-radius: 15px !important;
        margin-right: 10px;
    }

    .data-item .data-item-media i {
        height: 45px;
        width: 45px;
        text-align: center;
        line-height: 45px;
        font-size: 26px;
        border-radius: 15px !important;
        margin-right: 10px;
        padding: 0;
        display: block;
    }

    .data-item .data-item-content h5,
    .data-item .data-item-content p {
        margin: 5px 0;
    }

    .data-item .data-item-content h5 {
        font-size: 16px;
        font-weight: 400;
    }

    .data-item .data-item-content p > i {
        font-size: 22px;
        margin-right: 5px;
        color: #fecc5c;
        position: relative;
        top: 2px;
    }



.salary-table,
#table-project-information {
    width: 100%;
}

    .salary-table th,
    #table-project-information th {
        font-weight: 600;
    }

    .salary-table th,
    #table-project-information th,
    .salary-table td,
    #table-project-information td {
        margin: 5px 0;
        padding: 15px 15px 15px;
        border-left: 1px solid #F1F1F1;
    }

        .salary-table th:first-child,
        #table-project-information th:first-child,
        .salary-table td:first-child,
        #table-project-information td:first-child {
            border-left: 0;
        }

    .salary-table tr,
    #table-project-information tr {
        border-bottom: 1px solid #F1F1F1;
    }

    .salary-table tbody tr:last-child,
    #table-project-information tbody tr:last-child {
        border-bottom: 0;
    }

.ignore-margin-padding th, .ignore-margin-padding td {
    margin: unset !important;
    padding: 2px !important;
}

.ignore-margin-padding .remove-margin-bottom {
    margin-bottom: 0px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

/* Print Template */



.print-template .print-footer, .print-template .print-footer-space {
    height: 150px;
}

.print-template .print-header, .print-template .print-header-space {
    height: 150px;
}

    .print-template .print-header .container,
    .print-template .print-footer .container {
        padding: 13px 30px;
    }

.print-template .container {
    position: relative;
}

.print-template .btn > i {
    margin-right: 5px;
    font-size: 16px;
}

.print-template .btn:hover {
    opacity: 0.8;
}

.print-template .print-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

    .print-template .print-footer:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 150px;
        left: 0;
        bottom: 0;
        background-color: #eceded;
    }

.print-template .print-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

    .print-template .print-header:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 160px;
        left: 0;
        top: 0;
        background-color: #f9e7e7;
    }

.print-template .print-content {
    background-color: #ffffff;
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 10px 0;
    border-radius: 6px !important;
}

    .print-template .print-content h1 {
        font-weight: 300;
        font-size: 14px;
        text-align: center;
        margin: 30px 0 0;
        background-color: #eceded;
        padding: 5px;
    }

.print-template table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .print-template table.content-table {
        width: 100%;
        border: 1px solid #F1F1F1;
    }

        .print-template table.content-table th {
            font-weight: 600;
        }

        .print-template table.content-table th,
        .print-template table.content-table td {
            text-align: left;
            padding: 5px;
            border-left: 1px solid #F1F1F1;
        }

            .print-template table.content-table th:first-child,
            .print-template table.content-table td:first-child {
                border-left: 0;
            }

        .print-template table.content-table tr {
            border-bottom: 1px solid #F1F1F1;
        }

        .print-template table.content-table tbody tr:last-child {
            border-bottom: 0;
        }

        .print-template table.content-table tr td h4 {
            margin: 5px 0 4px;
        }

        .print-template table.content-table tr td p {
            margin: 0;
        }

.print-template .page {
    page-break-after: always;
}

.print-template .sec-full {
    width: 100%;
    display: table;
    margin-bottom: 3px;
    border-bottom: 1px solid #d2cfcf;
    padding-bottom: 5px;
}

.print-template .sec-left {
    width: 33.33333%;
    float: left;
}

.print-template .sec-center {
    width: 33.33333%;
    float: left;
}

.print-template .sec-right {
    width: 33.33333%;
    float: right;
}

.print-template .print-header .info .info-content img {
    max-height: 35px;
    max-width: unset;
    margin: 0px 8px 0 0;
    border-radius: 50% !important;
    display: inline-block;
}

.print-template .print-header .info .info-content h4 {
    display: inline-block;
    margin: 0;
    position: relative;
    top: 4px;
}

.print-template .info .info-content img {
    max-height: 30px;
    max-width: unset;
    margin-bottom: 5px;
    float: none;
}

.print-template .info .info-content {
    float: left;
}

.print-template .info .sign-place {
    width: 180px;
    height: 90px;
    background-color: #fff;
    border-radius: 6px !important;
    text-align: center;
    padding-top: 32px;
    font-size: 21px;
    color: #f1f1f1;
}

.print-template .info .info-content h4 {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 14px;
}

.print-template .info .info-content p {
    margin: 5px 0;
}

    .print-template .info .info-content p span {
        font-weight: 600;
    }


@page {
    margin: 20mm
}

@media print {

    html, body {
        background-color: #ffffff;
        font-size: 10px;
    }

    .os-scrollbar-handle {
        display: none !important;
    }

    .modal {
        display: none !important;
    }

    .print-template .print-header,
    .print-template .print-footer,
    .print-template .print-header:before,
    .print-template .print-footer:before {
        position: fixed;
    }

    .print-template .print-header {
        top: 0;
    }

        .print-template .print-header,
        .print-template .print-header:before,
        .print-template .print-header-space {
            height: 170px;
        }

            .print-template .print-header .info .info-content h4 {
                top: -10px;
            }

    .print-template .info .sign-place {
        height: 58px;
    }

    .print-template .print-header .container,
    .print-template .print-footer .container {
        padding: 13px 30px;
    }

    .print-template thead {
        display: table-header-group;
    }

    .print-template tfoot {
        display: table-footer-group;
    }

    .print-template button {
        display: none;
    }

    .print-template body {
        margin: 0;
    }

    .print-template .print-content {
        box-shadow: 0 0 0;
        margin: 0 auto;
    }
}



/* menu content */
#inner-content-div::-webkit-scrollbar {
    width: 10px;
}

#inner-content-div {
    overflow-y: auto;
    height: calc(100vh - 205px) !important;
}

    /* button */
    #inner-content-div::-webkit-scrollbar-button {
        background: #f6f8fc;
    }

    /* Handle */
    #inner-content-div::-webkit-scrollbar-thumb {
        background: #f6f8fc;
    }

        /* Handle on hover */
        #inner-content-div::-webkit-scrollbar-thumb:hover {
            background: #f6f8fc;
        }

    /* Track */
    #inner-content-div::-webkit-scrollbar-track {
        background: #f6f8fc;
    }

    /* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #f6f8fc;
}

        /* Corner */
    #inner-content-div::-webkit-scrollbar-corner {
        background: #f6f8fc;
    }

    /* Resizer */
    #inner-content-div::-webkit-resizer {
        background: #f6f8fc;
    }



/*  Calendar */

/*body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}*/

/*
.calendar-header {
    background-color: #fb5353;
    color: white;
    border: 0;
}

.calendar .calendar-header .year-title:hover,
.calendar .calendar-header .prev:hover,
.calendar .calendar-header .next:hover {
    background: rgba(255, 255, 255, 0.2);
}


*/

/*.calendar .calendar-header .year-title {
    color: #fb5353;
}*/

/*.calendar table.month .day-header {
    color: #fb5353;
}*/

/*.calendar table.month .month-title {
    color: #fb5353;
}*/

.calendar table.month td.disabled {
    color: white !important;
    background-image: -webkit-repeating-linear-gradient( 135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
    background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
    background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
    background-image: repeating-linear-gradient( 135deg, rgba(0,0,0,0), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px 4px;
}



/*.calendar .calendar-header .year-title:hover,
    .calendar .calendar-header .prev:hover,
    .calendar .calendar-header .next:hover {
        background: rgba(255, 255, 255, 0.2);
    }

    .calendar .calendar-header .year-neighbor {
        color: inherit;
        opacity: 0.7;
    }

    .calendar .calendar-header .year-neighbor2 {
        color: inherit;
        opacity: 0.4;
    }

.calendar .month-container {
    height: 210px;
}

.calendar table.month {
    height: 100%;
}

    .calendar table.month .month-title {
        background-color: #CC251F;
        color: white;
        padding: 5px;
    }

    .calendar table.month .day-header {
        padding-top: 8px;
        border-bottom: 2px solid #CC251F;
    }

    .calendar table.month td.day .day-content {
        padding: 5px 8px;
    }*/


/* DASHBOARD */

.dashboard-stat2 {
    padding-bottom: 5px !important;
}

    .dashboard-stat2 .display .number h3 > small {
        font-size: 14px !important;
    }



/**
    BLOG
*/

@charset "UTF-8";
/* Cubic Bezier Transition */
/***
Blog Page
***/
.blog-page .bordered {
    border: 1px solid;
    border-color: #e7ecf1;
}

.blog-page .blog-container {
    margin-bottom: 30px;
}

.blog-page .blog-title > a {
    color: #4e5a64;
    font-weight: 600;
}

    .blog-page .blog-title > a:hover {
        color: #3598DC;
        text-decoration: none;
    }

.blog-content-1 .blog-img-thumb {
    overflow: hidden;
    position: relative;
}

    .blog-content-1 .blog-img-thumb img {
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        margin: auto;
    }

.blog-content-1 .blog-post-content {
    padding: 20px 30px 30px 30px;
    background-color: #fff;
}

    .blog-content-1 .blog-post-content > .blog-post-title {
        margin: 0 0 30px 0;
    }

        .blog-content-1 .blog-post-content > .blog-post-title > a {
            font-size: 20px;
        }

    .blog-content-1 .blog-post-content > .blog-post-desc {
        color: #a0a9b4;
        font-size: 14px;
        margin: 15px 0;
    }

    .blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta {
        display: inline-block;
        margin-right: 10px;
    }

        .blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > a {
            color: #9aa5b2;
            font-size: 13px;
            font-weight: 600;
        }

            .blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > a:hover {
                color: #3598DC;
                text-decoration: none;
            }

        .blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > i {
            margin-right: 5px;
        }

        .blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta:last-child {
            margin-right: 0;
        }

.blog-content-1 .blog-post-lg > .blog-img-thumb {
    height: 480px;
}

.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-desc {
    margin-bottom: 30px;
}

.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot {
    border-top: 1px solid;
    border-top-color: #f0f1f2;
    padding-top: 20px;
    text-align: right;
}

    .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags {
        text-align: left;
        float: left;
        padding: 0;
    }

        .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li {
            list-style: none;
            display: inline-block;
            margin-right: 5px;
        }

            .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li > a {
                background-color: #f4f6f8;
                color: #a0a9b4;
                font-size: 11px;
                font-weight: 600;
                padding: 7px 10px;
            }

                .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li > a:hover {
                    background-color: #3598DC;
                    color: #fff;
                    text-decoration: none;
                }

            .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li:last-child {
                margin-right: 0;
            }

.blog-content-1 .blog-post-sm > .blog-img-thumb {
    height: 200px;
}

.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-title {
    margin: 0 0 15px 0;
}

.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-foot {
    border: none;
}

.blog-content-1 .blog-quote {
    background-color: #fff;
    padding-bottom: 30px;
}

    .blog-content-1 .blog-quote > .blog-quote-label {
        color: #fff;
        padding: 30px 40px 80px 40px;
        font-size: 18px;
        line-height: 28px;
    }

        .blog-content-1 .blog-quote > .blog-quote-label > i {
            display: block;
            font-size: 30px;
            margin-bottom: 15px;
        }

    .blog-content-1 .blog-quote > .blog-quote-avatar {
        width: 110px;
        height: 110px;
        border-radius: 50% !important;
        margin: -55px auto 25px auto;
        overflow: hidden;
    }

        .blog-content-1 .blog-quote > .blog-quote-avatar img {
            width: 100%;
        }

    .blog-content-1 .blog-quote > .blog-quote-author {
        text-align: center;
    }

        .blog-content-1 .blog-quote > .blog-quote-author > .blog-quote-title {
            font-size: 20px;
            margin: 0 0 15px 0;
        }

        .blog-content-1 .blog-quote > .blog-quote-author > .blog-quote-desc {
            font-size: 16px;
            color: #9aa5b2;
            margin: 0;
        }

.blog-content-1 .blog-video > .blog-img-thumb {
    height: 330px;
}

    .blog-content-1 .blog-video > .blog-img-thumb img {
        margin: 0;
    }

.blog-content-1 .blog-video > .blog-video-play i {
    color: #da555b;
    background-color: rgba(0, 0, 0, 0.64);
    font-size: 35px;
    padding: 27px 20px;
    position: absolute;
    z-index: 5;
    margin: -90px 0 0 20px;
    border-radius: 50%;
}

.blog-content-1 .blog-video > .blog-video-content {
    text-align: center;
    padding: 30px;
}

    .blog-content-1 .blog-video > .blog-video-content > .blog-video-title {
        font-size: 20px;
        margin: 0 0 15px 0;
    }

    .blog-content-1 .blog-video > .blog-video-content > .blog-video-desc {
        font-size: 16px;
        color: #9aa5b2;
        margin: 0;
    }

.blog-content-1 .blog-banner {
    background-position: center;
    text-align: center;
    padding: 100px 0;
}

    .blog-content-1 .blog-banner > .blog-banner-title > a {
        color: #fff;
    }

        .blog-content-1 .blog-banner > .blog-banner-title > a:hover {
            color: #3598DC;
        }

.blog-content-2 .blog-single-content {
    padding: 40px 30px 15px 30px;
    background-color: #fff;
}

    .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title {
        font-size: 25px;
        font-weight: 600;
        color: #4e5a64;
        margin: 0 0 40px 0;
        display: inline-block;
    }

    .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date {
        float: right;
        font-size: 13px;
        font-weight: 600;
        margin-top: 7px;
    }

        .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > i {
            margin-right: 5px;
        }

        .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > a {
            color: #9aa5b2;
        }

            .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > a:hover {
                color: #3598DC;
                text-decoration: none;
            }

    .blog-content-2 .blog-single-content > .blog-single-img {
        margin: 0 0 35px 0;
    }

        .blog-content-2 .blog-single-content > .blog-single-img > img {
            width: 100%;
        }

    .blog-content-2 .blog-single-content > .blog-single-desc > p {
        margin: 0 0 35px 0;
        font-size: 16px;
        color: #7e8691;
        line-height: 24px;
    }

    .blog-content-2 .blog-single-content > .blog-single-foot {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #f0f1f2;
        padding: 20px 0 25px 0;
        margin-bottom: 20px;
    }

        .blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags {
            text-align: left;
            padding: 0;
            margin: 0;
        }

            .blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li {
                list-style: none;
                display: inline-block;
                margin-right: 5px;
            }

                .blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li > a {
                    background-color: #f4f6f8;
                    color: #a0a9b4;
                    font-size: 11px;
                    font-weight: 600;
                    padding: 7px 10px;
                }

                    .blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li > a:hover {
                        background-color: #3598DC;
                        color: #fff;
                        text-decoration: none;
                    }

                .blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li:last-child {
                    margin-right: 0;
                }

    .blog-content-2 .blog-single-content .blog-comments {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        margin: 6px 10px 3px 0;
    }

        .blog-content-2 .blog-single-content .blog-comments .blog-comments-title {
            font-size: 20px;
        }

        .blog-content-2 .blog-single-content .blog-comments .c-comment-list {
            margin-bottom: 60px;
        }

            .blog-content-2 .blog-single-content .blog-comments .c-comment-list .media {
                margin: 30px 0;
            }

                .blog-content-2 .blog-single-content .blog-comments .c-comment-list .media .media-body > .media:last-child {
                    margin-bottom: 0;
                }

            .blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-object {
                height: 50px;
                width: 50px;
                border-radius: 50px !important;
            }

            .blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > a {
                color: #9aa5b2;
                font-weight: 600;
            }

                .blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > a:hover {
                    color: #3598DC;
                    text-decoration: none;
                }

            .blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > .c-date {
                font-size: 14px;
            }

        .blog-content-2 .blog-single-content .blog-comments i {
            position: relative;
            top: 2px;
        }

        .blog-content-2 .blog-single-content .blog-comments input:focus,
        .blog-content-2 .blog-single-content .blog-comments textarea:focus {
            outline: 0;
            border: 1px solid #ccc;
        }

.blog-content-2 .blog-single-sidebar {
    padding: 40px 30px;
    background-color: #fff;
}

    .blog-content-2 .blog-single-sidebar .blog-sidebar-title {
        font-weight: 600;
        font-size: 14px;
        color: #4e5a64;
        letter-spacing: 1px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-search input {
        font-size: 14px;
        color: #a0a9b4;
    }

        .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-search input:focus {
            outline: 0;
            border: 1px solid #ccc;
        }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul {
        padding: 0;
    }

        .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li {
            list-style: none;
            margin-bottom: 10px;
            position: relative;
        }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li > a {
                color: #49a7fa;
                font-size: 16px;
                padding-left: 20px;
                display: block;
            }

                .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li > a:hover {
                    text-decoration: none;
                    color: #3598DC;
                }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li:before {
                content: "•";
                color: #dae0e5;
                font-size: 30px;
                position: absolute;
                margin-top: -9px;
            }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags {
        text-align: left;
        padding: 0;
        margin: 20px 0 0 0;
    }

        .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li {
            list-style: none;
            display: inline-block;
            margin: 0 5px 20px 0;
        }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li > a {
                background-color: #f4f6f8;
                color: #a0a9b4;
                font-size: 11px;
                font-weight: 600;
                padding: 7px 10px;
            }

                .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li > a:hover {
                    background-color: #3598DC;
                    color: #fff;
                    text-decoration: none;
                }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li:last-child {
                margin-right: 0;
            }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul {
        padding: 0;
    }

        .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #f0f1f2;
            padding: 20px 0;
        }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li > a {
                color: #49a7fa;
                font-size: 16px;
            }

                .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li > a:hover {
                    text-decoration: none;
                    color: #3598DC;
                }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li:first-child {
                padding-top: 0;
            }

            .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li:last-child {
                border: none;
            }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui .ui-margin {
        margin: 0;
    }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui .ui-padding {
        padding: 0 5px 5px 0;
    }

    .blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui img {
        width: 100%;
    }

@media (max-width: 991px) {
    .blog-content-1 .blog-post-lg > .blog-img-thumb {
        height: 330px;
    }

    .blog-content-1 .blog-post-sm > .blog-img-thumb {
        height: 170px;
    }

    .blog-content-1 .blog-video > .blog-img-thumb {
        height: 301px;
    }

        .blog-content-1 .blog-video > .blog-img-thumb img {
            height: auto;
            width: 100%;
        }
}

@media (max-width: 480px) {
    .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot {
        text-align: left;
    }

        .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags {
            float: none;
        }

        .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-meta {
            margin-right: 10px;
            margin-top: 10px;
        }

    .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title {
        margin-bottom: 0px;
    }

    .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date {
        float: none;
        margin-bottom: 40px;
    }
}

.mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content {
    padding-left: unset !important;
}

.mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
    color: #fb5353 !important;
}

.employee-services-list .mt-list-item {
    background-color: #fff;
}

    .employee-services-list .mt-list-item:hover {
        cursor: pointer;
    }

/* overall */

.dt-buttons {
    display: none;
}