body {
    color: #000;
    font-weight: 400;
}

.body-overlay {
    position: fixed;
    background: rgba(0,0,0,.5);
    display: none;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
}

    .body-overlay.open {
        opacity: 1;
        display: block;
    }

img {
    max-width: 100%;
    max-height: 100%;
}

.font-size-15 {
    font-size: 15px;
}

.mt-0 {
    margin-top: 0 !important;
}

.mtb-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

m-0 {
    margin: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.form-control, output {
    color: #000;
}

form .form-group a {
    font-weight: 600;
}

form label, td label, td label span {
    font-weight: 500 !important;
}

.flot-right {
    float: right;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-v-center {
    align-items: center;
}

.flex-v-end {
    align-items: flex-end;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-column {
    flex-direction: column;
}

.flexBox {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

    .flexBox .col {
        margin-left: 15px;
        margin-right: 15px;
    }

.pLR-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.display-flex {
    display: flex;
}

.btn-xsm {
    padding: 3px 8px !important;
    font-size: 11px !important;
}

.font-danger {
    color: #ff2400 !important;
}

.assignmentButtons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn.danger {
    background-color: #ed6b75;
    color: #fff;
}

.searchRight .dataTables_wrapper .dataTables_filter {
    text-align: right;
}

.noSearch_noLength .dataTables_wrapper > div.row:first-child {
    display: none;
}

body {
    background: #fff;
}

    body.simple-page {
        background-color: #f0f0f0 !important;
        height: auto;
    }

        body.simple-page .header {
            background-color: #364150;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 999;
        }

            body.simple-page .header .page-logo {
                margin-left: 10px;
                display: inline;
            }

        body.simple-page .pageContent {
            margin: 80px 30px 50px 30px;
        }

    body.bg-white {
        background-color: #fff !important;
    }

    body.simple-page .page-footer {
        visibility: visible !important;
    }

    body .page-container, body .page-footer, body .page-header {
        visibility: hidden;
    }

input[type=date] {
    line-height: 10px !important;
}

.flexRow {
    display: flex;
    flex-wrap: wrap;
}

.flexRowCenter {
    align-items: center;
}

.input-xsmall + .select2 {
    width: 150px !important;
}

.input-small + .select2 {
    width: 200px !important;
}

.input-large + .select2 {
    width: 300px !important;
}

table.layout-fixed {
    table-layout: fixed !important;
}

table.layout-auto {
    table-layout: auto !important;
}

table tr.odd {
    background-color: #fff !important;
}

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: unset !important;
}

#printInstructions .modal-body li, #printInstructions .modal-body p {
    font-size: 15px;
    font-weight: 500;
    color: #777;
}

#printInstructions .modal-body li {
    margin-bottom: 20px;
}

    #printInstructions .modal-body li span {
        font-weight: 700;
        color: #555;
    }

#printInstructions .output-preview {
    margin-top: 40px;
}

    #printInstructions .output-preview .col {
        text-align: center;
    }

        #printInstructions .output-preview .col:first-child {
            margin-bottom: 40px;
        }

    #printInstructions .output-preview h2 {
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #printInstructions .output-preview img {
        opacity: .6;
    }

.formSteps ul {
    display: flex;
}

.formSteps li {
    flex: 1;
    text-align: center;
    position: relative;
}

    .formSteps li:not(:last-child):before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        top: 25px;
        left: 50%;
        z-index: 1;
    }

    .formSteps li.bg-light-before:before {
        background-color: #c2c2c2 !important;
    }

    .formSteps li .icon {
        width: 50px;
        height: 50px;
        border: 2px solid #999;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        margin-bottom: 5px;
        position: relative;
        z-index: 2;
        background-color: #fff;
    }

    .formSteps li:not(.completed) .icon {
        border-color: #c2c2c2 !important;
    }

    .formSteps li .icon i {
        line-height: 45px;
        font-size: 20px;
        font-weight: 600;
    }

    .formSteps li:not(.completed) .icon i {
        color: #c2c2c2 !important;
    }

    .formSteps li .heading {
        font-weight: 500;
        color: #555;
    }

    .formSteps li .text {
        font-weight: 400;
        color: #777;
    }

.select2-container--bootstrap .select2-selection--single {
    height: 30px !important;
    line-height: 1 !important;
}

span.select2 {
    text-align: left;
}

.multipleGrids .grid {
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.2);
    border-radius: 5px;
    overflow: auto;
}

.multipleGrids .grid-title {
    display: block;
    padding: 5px;
    background-color: #fff;
}

.multipleGrids .RadGrid .rgHeader:last-child {
    border-right: none !important;
}

.multipleGrids .RadGrid .rgHeader:first-child {
    border-left: none !important;
}

#colorPicker {
    background-color: #e0e0e0;
    width: 250px;
    position: absolute;
    top: -152px;
    left: 95px;
}

#Close_colorPicker {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
}

    #Close_colorPicker:hover {
        color: #333;
    }

#colorPicker ul {
    padding: 22px 0 5px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #colorPicker ul li {
        list-style: none;
        width: 50px;
        height: 30px;
        margin: 5px;
        cursor: pointer;
    }

.fullMenu {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 9px 10px;
    white-space: normal;
    color: #b8b8b8;
    cursor: pointer;
}

    .fullMenu:hover {
        color: #dcdcdc !important;
        background: #565e6a !important;
    }

    .fullMenu i {
        position: absolute;
        right: 5px;
        top: 12px;
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 15px 6px 12px 8px;
}

.top-menu a.dropdown-toggle .nameImage {
    float: left;
    height: 30px;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #eee;
    color: #2b3643;
    border-radius: 5px;
}

.login .content {
    padding: 10px 30px !important;
}

.login-form .form-actions, .login-form .loginLogo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loginLogo img {
    width: 200px;
    margin: 25px 0 40px 0;
}

.loginLogo h3 {
    text-transform: uppercase;
}

@media only screen and (max-width:768px) {
    .login .content {
        width: 100% !important;
        border-radius: unset !important;
    }
}

body.login {
    background-color: #fff;
}

.loginForm {
    display: flex;
    height: 100%;
    margin: 0;
    align-content: center;
}

    .loginForm .login-left {
        background-image: url(../../assets/img/bg/all-platforms.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        padding: 3rem 3.5rem;
    }

        .loginForm .login-left:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #00f;
            background: -moz-linear-gradient(bottom,#00f,#4d4dff);
            opacity: .9;
        }

        .loginForm .login-left .col {
            flex: 1;
        }

        .loginForm .login-left .intro {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .loginForm .login-left .intro h3 {
                color: #fff;
                font-size: 24px;
                font-weight: 500;
                margin-bottom: 20px;
            }

            .loginForm .login-left .intro p {
                font-size: 14px;
                font-weight: 500;
                color: rgba(255,255,255,.7);
            }

    .loginForm .login-start {
        padding-top: 0 !important;
    }

    .loginForm .copyright {
        display: flex;
        align-items: flex-end;
        color: #fff !important;
    }

    .loginForm .login-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .loginForm .content h3.form-title {
        margin-bottom: 40px;
    }

    .loginForm .login-right label {
        color: #6c7a8d;
        font-weight: 500;
    }

    .loginForm .forget-password h4, .loginForm .forget-password p {
        color: #6c7a8d !important;
        font-weight: 400;
    }

    .loginForm .content {
        margin: 0 auto 0 !important;
        padding: 0 60px !important;
        width: 100% !important;
        max-width: 650px !important;
    }

    .loginForm .loginLogo img {
        width: auto;
        max-width: 100%;
        margin: 0;
    }

    .loginForm #btnlogin, .loginForm .btn.blue {
        background-color: #33f !important;
        border-color: #33f !important;
        color: #fff;
    }

    .loginForm .forgetPwd {
        color: #5867dd !important;
        font-weight: 500;
    }

    .loginForm #forget-password:hover {
        color: #5867dd !important;
    }

    .loginForm .form-group {
        margin-bottom: 25px !important;
    }

        .loginForm .form-group.last {
            margin-bottom: 0 !important;
        }

    .loginForm .form-control, .loginForm .select2-selection {
        background-color: #fff !important;
        border: none !important;
        border-bottom: 2px solid #dde3ec !important;
        height: 43px !important;
    }

    .loginForm .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
        color: #8290a3 !important;
        font-size: 14px !important;
    }

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.hidden-menu {
    display: none;
}

ul.list-decimal li {
    list-style-type: decimal;
}

.pos-relative {
    position: relative !important;
}

.RadComboBox > table {
    width: 100% !important;
}

.form-group.two-column > label {
    display: block;
}

.form-group.two-column .form-control {
    display: inline !important;
    width: calc(50% - 30px) !important;
}

.heading-box .RadInput .riTextBox, .heading-box .form-control, .heading-box .rcbArrowCell, .heading-box .rcbInput, .heading-box .ruFakeInput, .search-box .RadInput .riTextBox, .search-box .form-control, .search-box .rcbArrowCell, .search-box .rcbInput, .search-box .ruFakeInput {
    background-color: #fff !important;
}

.RadForm_Outlook.rfdTextbox input[disabled][type=text], .RadForm_Outlook.rfdTextbox input[disabled][type=text]:hover, .RadForm_Outlook.rfdTextbox input[readonly][type=text], .RadForm_Outlook.rfdTextbox input[readonly][type=text]:hover, .rcbDisabled td.rcbArrowCell, .rcbDisabled td.rcbInputCell, .rcbReadOnly td.rcbArrowCell, .rcbReadOnly td.rcbInputCell, input[disabled][type=text], input[readonly][type=text], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
    border: none !important;
    font-weight: 200 !important;
    cursor: not-allowed !important;
}

.rgMasterTable input[disabled][type=text], .rgMasterTable input[disabled][type=text]:focus, .rgMasterTable input[disabled][type=text]:hover, .rgMasterTable input[readonly][type=text], .rgMasterTable input[readonly][type=text]:focus, .rgMasterTable input[readonly][type=text]:hover, .rgMasterTable select[disabled], .rgMasterTable select[readonly], .rgMasterTable textarea[disabled], .rgMasterTable textarea[readonly] {
    border: 1px solid #e4e3e3 !important;
}

.rcbDisabled td.rcbArrowCell a, .rcbReadOnly td.rcbArrowCell a {
    opacity: .5;
}

.switch {
    position: relative;
}

.switch-label {
    position: absolute;
    top: 2px;
    left: 45px;
}

.page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
    max-width: unset !important;
}

    .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu.menu-medium {
        min-width: 225px !important;
    }

    .page-header.navbar .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu.menu-large {
        min-width: 250px !important;
    }

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.menu-medium:hover > .sub-menu {
    width: 240px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.menu-medium:hover {
    width: 286px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.menu-large:hover > .sub-menu {
    width: 260px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.menu-large:hover {
    width: 306px !important;
}

@font-face {
    font-family: goodtimes;
    src: url(../font-goodtimes/goodtimesrg.ttf);
}

span.logo-default {
    font-family: goodtimes;
    font-size: 15px;
    color: #fff;
    line-height: 45px;
}

.menu-toggler.responsive-toggler img, .page-header.navbar .menu-toggler.sidebar-toggler {
    margin: 0;
    position: relative;
    top: 10px;
}

.profile-sidebar .leftLinks {
    padding-bottom: 10px;
}

    .profile-sidebar .leftLinks h3 {
        color: #777;
        padding-left: 10px;
        font-size: 15px;
        font-weight: 500;
    }

    .profile-sidebar .leftLinks li {
        padding: 10px;
    }

        .profile-sidebar .leftLinks li a {
            color: #777;
        }

.profile-content .dataTables_wrapper .row:first-child {
    display: none;
}

.profile-userpic {
    position: relative;
}

    .profile-userpic > label {
        position: absolute;
        top: 84px;
        left: 119px;
    }

    .mt-radio, .profile-userpic .mt-checkbox {
        padding-left: 22px !important;
    }

.profile-content .portlet-body h3 {
    color: #7b7e8a;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px;
}

    .profile-content .portlet-body h3 i {
        font-size: 20px;
    }

    .profile-content .portlet-body h3:first-child {
        margin-top: 0;
    }

.profile-icons .modal-body img {
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
}

.profile-icons .nav.nav-tabs li a {
    padding-top: 0 !important;
}

.nav.nav-tabs li a {
    color: #000 !important;
}

    .nav.nav-tabs li a:hover, .nav.nav-tabs li.active a {
        color: #000 !important;
    }

.profile-icons .modal-body .tab-content {
    margin-top: 30px !important;
}

.btn-export {
    background: 0 0;
    padding: 15px !important;
}

    .btn-export i {
        font-size: 22px !important;
    }

.rgFilterRow .rgFilter {
    display: none !important;
}

.m--bg-bg10 {
    background-color: #ceb180 !important;
}

.hor-menu.iconOnly .nav li .menuText, .hor-menu:not(.iconOnly) .menuIcon {
    display: none;
}

.hor-menu.iconOnly .nav li .menuIcon {
    display: block;
}

.hor-menu.iconOnly .navbar-nav > li > a {
    padding: 14px 10px !important;
}

.hor-menu.iconOnly .open:not(.btn-group) > .dropdown-menu::before {
    left: 10px;
}

.page-header.navbar .menu-toggler.responsive-toggler {
    height: 50px;
    margin: 0 6px;
}

.RadGrid .rgGroupHeader td div, .ruBrowse, .ruClear {
    height: unset !important;
}

.page-header.navbar .menu-toggler.responsive-toggler > span {
    position: relative;
    top: 22px;
}

.page-sidebar .page-sidebar-menu.hidden-sm > li:nth-child(2) > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.hidden-sm > li:nth-child(2) > a {
    border-top: 1px solid transparent !important;
}

.page-sidebar .page-sidebar-menu.visible-sm > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.visible-sm > li > a {
    line-height: 10px !important;
}

    .page-sidebar .page-sidebar-menu.visible-sm > li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.visible-sm > li > a > .arrow::before {
        top: 10px !important;
    }

.page-bar-calander {
    bottom: 12px;
    position: relative;
}

.RadGrid table.rgMasterTable td.rgPagerCell:last-child, table.border-right-0 {
    border-right: none !important;
}

table.rgGroupPanel {
    border: none !important;
}

ul.pagination li.active a:hover {
    color: #fff !important;
}

.RadComboBoxDropDown_Default .rcbDisabled, .RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput, .form-control.input-sm, .rcbInput, .select2-container--bootstrap .select2-selection, .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 400;
}

.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:hover > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow::before {
    color: #fff;
}

.RadGrid_Outlook .rgGroupHeader {
    line-height: 0 !important;
}

    .RadGrid_Outlook .rgGroupHeader td {
        padding: 10px !important;
        border: 0 !important;
    }

.RadGrid .rgGroupHeader td div div {
    padding: 0 !important;
    top: unset !important;
}

    .RadGrid .rgGroupHeader td div div div {
        top: unset !important;
    }


.page-quick-sidebar-wrapper:not(.quick-info-active) {
    width: 450px !important;
    right: -450px !important;
}

    .page-quick-sidebar-wrapper:not(.quick-info-active),
    .page-quick-sidebar-wrapper:not(.quick-info-active) .page-quick-sidebar {
        border-left: none !important;
    }





.page-quick-sidebar-open .page-quick-sidebar-wrapper:not(.quick-info-active) {
    transition: right .3s;
    right: 0 !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar:not(.open) {
    display: none;
}

.page-quick-sidebar-wrapper, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
    width: 600px !important;
}

.page-quick-sidebar-wrapper {
    right: -600px;
}

    .page-quick-sidebar-wrapper, .page-quick-sidebar-wrapper .page-quick-sidebar {
        background: #fff !important;
        border-left: 1px solid #eee;
    }

.page-quick-sidebar-toggler > i {
    color: #000 !important;
}

    .page-quick-sidebar-toggler > i:hover {
        color: #000 !important;
    }

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
    color: #666 !important;
    font-size: 16px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
    color: #333 !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
    border-bottom: 1px dashed #ddd;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li.media-heading, .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
        border-bottom: unset !important;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li.media-heading {
        padding-bottom: 0 !important;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
        background: unset !important;
        cursor: unset !important;
    }

.page-quick-sidebar-wrapper .page-quick-sidebar #quick_sidebar_tab_3 .media .media-body {
    display: flex;
    width: auto;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .media .media-image {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .announcements .media .media-body {
    vertical-align: middle;
}

.page-quick-sidebar-wrapper .page-quick-sidebar #quick_sidebar_tab_3 .media i {
    line-height: 15px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
    margin-bottom: 15px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
    color: #000 !important;
    flex: 1;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list.announcements .media .media-body .media-heading {
    font-size: 14px;
    line-height: 24px;
    word-spacing: 1px;
    letter-spacing: 1px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
    color: #000 !important;
    font-size: 12px;
    flex: 2;
}




.page-quick-sidebar-wrapper .page-quick-sidebar:not(.quick-info) .media-list .media .media-body .media-heading {
    font-weight: 400;
}

.page-quick-sidebar-toggler.announcements,
.page-quick-sidebar-toggler.notifications,
.page-quick-sidebar-toggler.tasks,
.page-quick-sidebar-toggler.logged-user {
    top: 0;
    padding: 10px 0;
}

    .page-quick-sidebar-toggler.announcements i,
    .page-quick-sidebar-toggler.notifications i,
    .page-quick-sidebar-toggler.tasks i,
    .page-quick-sidebar-toggler.logged-user i {
        color: #eee !important;
    }

        .page-quick-sidebar-toggler.announcements i:hover,
        .page-quick-sidebar-toggler.notifications i:hover,
        .page-quick-sidebar-toggler.tasks i:hover,
        .page-quick-sidebar-toggler.logged-user i:hover {
            color: #fff !important;
        }

.page-quick-sidebar-wrapper .page-quick-sidebar.announcements .page-quick-sidebar-chat .page-quick-sidebar-chat-users,
.page-quick-sidebar-wrapper .page-quick-sidebar.notifications .page-quick-sidebar-chat .page-quick-sidebar-chat-users,
.page-quick-sidebar-wrapper .page-quick-sidebar.tasks .page-quick-sidebar-chat .page-quick-sidebar-chat-users,
.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
    padding: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .sidebar-header-info {
    padding: 20px;
    display: flex;
    align-items: center;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .sidebar-header-info h3 {
        font-size: 15px;
        font-weight: 400;
        margin: 0;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .sidebar-header-info h3 strong {
            font-weight: 600;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .sidebar-header-info h3 i {
            font-weight: 500;
            margin-right: 2px;
        }

    .page-quick-sidebar-wrapper .page-quick-sidebar .sidebar-header-info a {
        background-color: #eee;
        font-size: 12px;
        color: #000;
        border-radius: 15px;
        padding: 5px 15px;
        margin-left: 10px !important;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .sidebar-header-info a:hover {
            background-color: #fff;
        }

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .sidebar-header-info h3 span {
    display: block;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .sidebar-header-info h3 span:first-child {
        margin-bottom: 5px;
        font-weight: 300;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .sidebar-header-info h3 span:last-child {
        font-weight: 600;
        color: #000;
    }

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .sidebar-header-info h3:first-child {
    margin-right: 15px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.announcements li.media,
.page-quick-sidebar-wrapper .page-quick-sidebar.notifications li.media,
.page-quick-sidebar-wrapper .page-quick-sidebar.tasks li.media {
    display: flex;
    align-items: center;
    margin: 0 20px;
    padding: 15px 0 !important;
    border-color: #ebedf2 !important;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar.announcements li.media .media-status,
    .page-quick-sidebar-wrapper .page-quick-sidebar.notifications li.media .media-status,
    .page-quick-sidebar-wrapper .page-quick-sidebar.tasks li.media .media-status {
        margin-top: 0 !important;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar.announcements li.media .media-status .label,
        .page-quick-sidebar-wrapper .page-quick-sidebar.notifications li.media .media-status .label,
        .page-quick-sidebar-wrapper .page-quick-sidebar.tasks li.media .media-status .label {
            border-radius: 10px;
            padding: 4px 10px;
            color: #000 !important;
            font-size: 12px;
            letter-spacing: 1px;
        }

.page-quick-sidebar-wrapper .page-quick-sidebar.tasks .media-heading a {
    color: #000;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user li a {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    color: #000;
    display: block;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar.logged-user li a i {
        margin-right: 10px;
        font-weight: bold;
    }

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .user-details {
    /* margin:60px 20px;
    padding-bottom: 60px;*/
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*border-bottom: 1px dashed #ebedf2;*/
    margin-bottom: 40px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .user-pic {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-bottom: 15px;
    box-shadow: 0 2px 2px #ddd;
    /*border: 3px solid #fff;*/
}

    .page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .user-pic .nameImage {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 28px;
        letter-spacing: 2px;
        background-color: #fff;
        color: #000;
    }

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .user-name {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .user-right {
    color: #000;
    font-weight: 500;
    font-size: 12px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .line-break {
    border-top: 1px dashed #ddd;
    margin: 30px 20px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .heading {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 10px 20px;
    margin-bottom: 0;
}

.page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .app-area {
    padding: 10px 20px;
    display: flex;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .app-area .btn {
        flex: 1;
        font-size: 14px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar.logged-user .app-area .btn i {
            font-size: 18px;
            margin-right: 5px;
        }

input[type=file] {
    font-size: 12px !important;
    padding: 5px 10px !important;
}

.dash-spacer {
    padding: 0 3px !important;
    position: relative;
    display: inline-block;
}

.RadUpload .ruFileWrap {
    padding-right: 0 !important;
}

.ruBrowse, .ruClear {
    background-image: none !important;
    width: unset !important;
    margin-top: 0 !important;
    padding: 6px 14px 7px !important;
    cursor: pointer !important;
}

.height-auto {
    height: auto !important;
}

.RadPicker, .RadUploadSubmit {
    height: unset !important;
}

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

.margin-left-10 {
    margin-left: 10px;
}

.padding-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dropdowns .rgMasterTable td:first-child {
    border: 0 !important;
}

.display-hide, .display-none {
    display: none !important;
}

.RadGrid_Outlook .rgAltRow > td:first-child, .RadGrid_Outlook .rgFilterRow > td:first-child, .RadGrid_Outlook .rgHeader:first-child, .RadGrid_Outlook .rgRow > td:first-child, .RadGrid_Outlook th.rgResizeCol:first-child {
    padding-left: 7px !important;
}

.RadUploadSubmit {
    background: 0 0 !important;
    width: unset !important;
    font-family: unset !important;
}

.riTextBox.riDisabled {
    cursor: not-allowed !important;
}

table {
    font-size: 13px;
}

.file-inline {
    display: inline-block !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.bg-color-0 {
    background-color: #e1f1fd !important;
}

.bg-color-none {
    background-color: transparent !important;
}

.border-top-none {
    border-top: none !important;
}

.form-group.chk-inline input[type=checkbox] {
    margin: 0 !important;
}

    .form-group.chk-inline input[type=checkbox] + label {
        position: relative;
        top: -2px;
        padding-left: 0 !important;
    }

.form-group-label-block .form-group label {
    display: block !important;
}

#lblmsg, .message, span[style='color:Green'], span[style='color:Green'] b, span[style='color:Red'], span[style='color:Red'] b {
    font-weight: 500 !important;
    color: #cc020c !important;
}

table.rgMasterTable td, table.rgMasterTable th, table.rgMasterTable tr {
    white-space: unset !important;
}

    table.rgMasterTable td label {
        margin-bottom: 0 !important;
    }

span.accordion-toggle {
    cursor: pointer;
}

.accordion-note .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
    background-position: left 12px !important;
}

.accordion-note .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    background: url(../../assets/img/accordion-plusminus.png) left -19px no-repeat !important;
}

.accordion-note .panel .panel-title .accordion-toggle {
    padding: 10px 0;
}

.note.note-custom {
    border-left: 5px solid #fff;
    margin-bottom: 12px !important;
}

.row-start, body:not(.alerts) .page-bar + .row {
    margin-bottom: 45px;
}

    body:not(.alerts) .page-bar + .row:not(.no-bg) {
        background: #fff !important;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.btn-info-custom {
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    left: 138px;
}

.btn-info-leave {
    background-color: #ff0;
    width: 18px !important;
    height: 18px !important;
    position: absolute !important;
    margin-left: 5px;
}

    .btn-info-leave .fa-info {
        color: #666;
    }

.btn-info-custom i {
    line-height: 1px !important;
}

.portlet.box.red {
    border: none !important;
}

iframe body {
    background-color: #fff !important;
}

.RadGrid_Outlook .rgMasterTable, .table td, .table th {
    font-size: 12px;
}

.RadGrid_Outlook .rgActiveRow td, .RadGrid_Outlook .rgEditRow td, .RadGrid_Outlook .rgHoveredRow td, .RadGrid_Outlook .rgSelectedRow td {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.shadow-none {
    box-shadow: none;
}

.page-breadcrumb li:first-child {
    font-size: 18px;
}

    .page-breadcrumb li:first-child:after {
        content: "";
        background-color: #888;
        margin-left: 20px;
        margin-right: 20px;
        padding: 0 .8px;
    }

.page-toolbar .dropdown-checkboxes {
    padding: 20px;
    border-radius: 4px !important;
}

    .page-toolbar .dropdown-checkboxes label {
        margin-bottom: 15px;
        margin-top: 0;
        font-size: 13px !important;
        color: #7b7e8a !important;
    }

.page-toolbar .daterangepicker.dropdown-checkboxes label {
    margin-bottom: 0;
    margin-top: 0;
}

.page-toolbar .daterangepicker.dropdown-checkboxes li {
    margin-bottom: 0 !important;
}

.page-toolbar .btn-group > .dropdown-menu {
    box-shadow: 0 0 15px 1px rgba(69,65,78,.2) !important;
}

.page-toolbar .btn.btn-outline.default {
    border-color: none !important;
    color: #212529;
    background: 0 0;
    font-weight: 400;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 6px 0;
    margin: 5px 0;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li:first-child {
        padding-top: 0;
        margin-top: 0;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li span.details, .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li span.details a {
        vertical-align: middle;
        padding: 0 5px 0 0;
        font-size: 1.2rem;
        color: #000;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li span.details a:hover {
            color: #333 !important;
            text-decoration: none !important;
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li span.time {
        vertical-align: middle;
        padding: 0;
        font-size: 1rem !important;
        color: #7b7e8a;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list li span.time .badge {
            font-size: 1rem !important;
            padding: 5px 6px 2px !important;
            height: 22px !important;
            min-width: 22px !important;
        }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu ul.scroller {
    padding: 20px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    padding: 20px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 250px;
}

.theme-panel, .theme-panel > .theme-options > .theme-option {
    width: 210px;
}

    .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-green, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-green2 {
        background: #10becd;
    }

    .theme-panel .toggler {
        display: none !important;
    }

    .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default {
        background: #0a8cf0 !important;
    }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default:before {
            content: "Blue";
        }

    .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-green {
        background: #299781 !important;
    }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-green:before {
            content: "Green";
        }

    .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-gray {
        background: #677888 !important;
    }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-gray:before {
            content: "Gray";
        }

    .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {
        background: #2e40d4 !important;
    }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple:before {
            content: "Purple";
        }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default:before, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-gray:before, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-green:before, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple:before {
            position: absolute;
            top: 15px;
            border-bottom: 1px dashed;
        }

.theme-panel {
    float: left;
    margin-right: unset !important;
    right: unset !important;
}

    .theme-panel > .theme-options {
        right: unset !important;
        background-color: #3d3d3d;
        border-radius: unset !important;
    }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul {
            margin-top: unset !important;
        }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
                margin-top: 30px !important;
            }

                .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover {
                    border: none;
                }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > span.title {
    display: block;
    padding: 0 0 5px;
    font-weight: 400;
    color: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > span.desc {
    display: block;
    padding: 0;
    color: #fff;
    font-weight: 300;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > span.desc a {
        color: #fff;
    }

.mt-element-list.mt-element-list-style-2 .list-todo.mt-list-head .list-count {
    padding: 16px !important;
}

.rgEditForm .form-inline .RadPicker table td:last-child, .rgHeaderDiv {
    padding-right: 0 !important;
}

.mt-element-list .list-todo.mt-list-head a:hover {
    color: #fff !important;
}

.mt-element-list.mt-element-list-style-2 .list-todo.mt-list-head .list-count a i {
    font-size: 1.1rem !important;
}

div:focus, table td:focus, table th:focus, table tr:focus, table:focus {
    outline: 0 !important;
}

.RadUpload, .RadUploadProgressArea {
    width: auto !important;
    text-align: unset !important;
}

    .RadUpload:not(.claim-file,.apply-leave) .ruButton.ruClear {
        margin-top: 10px;
    }

.block {
    display: block !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-10, .padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.width-minus-20px {
    width: calc(100% - 20px) !important;
}

.width-auto {
    width: auto !important;
}

.width-0 {
    width: 0 !important;
}

.height-0 {
    height: 0 !important;
}

.width-20px {
    width: 20px !important;
    min-width: 20px !important;
}

.width-32px, .width-35px {
    width: 32px !important;
    min-width: 32px !important;
}

.width-50px {
    width: 50px !important;
}

.width-60px {
    width: 60px !important;
}

.width-70px {
    width: 70px !important;
}

.width-78px {
    width: 78px !important;
}

.width-85px {
    width: 85px !important;
}

.min-width-85 {
    min-width: 85px !important;
}

.width-90px {
    width: 90px !important;
}

.width-100px {
    width: 100px !important;
}

.width-112px {
    width: 112px !important;
}

.width-120px {
    width: 120px !important;
}

.width-125px {
    width: 125px !important;
}

.width-135px {
    width: 135px !important;
}

.width-150px {
    width: 150px !important;
}

.width-160px {
    width: 160px !important;
}

.width-300px {
    width: 300px !important;
}

.width-400px {
    width: 400px !important;
}

.required-red {
    color: red !important;
}

table {
    border: 0;
}

.RadToolBar_Office2007 .rtbOuter, .rgMasterTable .rcbInputCell input[type=text]:focus, .rgMasterTable .rcbInputCell input[type=text]:hover {
    border: none !important;
}

.RadToolBar_Office2007 .rtbInner {
    height: unset !important;
}

.rgHeaderDiv {
    margin-right: 0 !important;
}

    .rgHeaderDiv.scroll {
        width: calc(100% - 17px) !important;
    }

.rgMasterTable, ul.rwControlButtons {
    width: 100% !important;
}

.search-box {
    margin-bottom: 10px;
}

    .search-box .btn {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

.rgEditForm .form-inline .form-group {
    vertical-align: top;
}

.rgEditForm .RadPicker {
    display: inline-block !important;
    height: auto !important;
}

.rgEditForm .control-label {
    display: block !important;
}

.rgEditForm .form-inline .RadPicker:last-child, .rgEditForm .form-inline .form-control:not(.padding-right-0), .rgEditForm .form-inline input[type=checkbox] + label {
    margin-right: 15px !important;
}

.rgEditForm .form-inline table td {
    padding-right: 5px !important;
}

.rgEditForm .label-inline label {
    width: 125px !important;
}

.rgEditForm .input-medium {
    width: 200px !important;
}

.rgEditForm .RadPicker .RadInput .riTextBox:not(.riTextBox-custom) {
    width: 90px !important;
}

#tabPageTraining .rgEditForm table#RadGrid1_ctl00_ctl02_ctl02_mainTable > tbody > tr > td > table > tbody > tr {
    vertical-align: top !important;
}

@media (min-width:768px) {
    .rgEditForm .form-inline .form-group {
        margin-bottom: 20px;
    }
}

@media (max-width:768px) {
    .rgEditForm .text-center {
        text-align: left !important;
    }

    .rgEditForm span.approver, .rgEditForm span.cpfpayable {
        display: block;
        margin-top: 5px;
    }
}

@media (max-width:480px) {
    .rgEditForm .input-medium, .rgEditForm label {
        display: block !important;
    }
}

@media (max-width:362px) {
    .rgEditForm .ruButton.ruClear {
        display: block !important;
        margin-top: 5px;
    }
}

table td, table th {
    padding: 10px;
}

.form-group td {
    padding: 0 !important;
}

table.table-custom-border {
    font: 12px/16px "segoe ui",arial,sans-serif;
}

    table.table-custom-border th {
        font-weight: 600 !important;
        padding-top: 7px;
        padding-bottom: 7px;
    }

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    display: none;
}

html .rfdSkinnedButton.rfdInputDisabled, html .rfdTextarea textarea[disabled], html .rfdTextbox input[type=password][disabled], html.rfdTextbox input[type=text][disabled] {
    opacity: 1 !important;
}

.canvasjs-chart-credit {
    color: #fff !important;
}

.font-red-haze {
    color: #ed6b75 !important;
}

.progress-bar.red-haze {
    background-color: #ed6b75 !important;
}

.RadCalendar_Outlook .rcTitlebar, .RadGrid .rgEditForm table td, .RadGrid_Outlook .rgFooter, .RadGrid_Outlook .rgFooterDiv, .rgFooter {
    background: 0 0 !important;
}

.delete-icon-chrome {
    position: relative;
    left: 2px;
    visibility: visible;
    content: url('delete.png');
    width: 16px;
    height: 16px;
}

.edit-icon-chrome {
    position: relative;
    left: 2px;
    visibility: visible;
    content: url('edit.png');
    width: 16px;
    height: 16px;
}
.delete-icon {
    position: relative;
    left: 2px;
    visibility: visible;
    content: url('delete.png');
    width: 16px;
    height: 16px;
}

.edit-icon {
    position: relative;
    left: 2px;
    visibility: visible;
    content: url('edit.png');
    width: 16px;
    height: 16px;
}
/* .delete-icon-chrome::after, .edit-icon-chrome::after {
        left: 28px;
        position: absolute;
        visibility: visible;
    }

.edit-icon::after {
    content: "\f040";
}

.delete-icon::after {
    content: "\f1f8";
}*/

.RadGrid.RadGrid {
    width: 100% !important;
}

.RadGrid .rgDetailTable, .RadGrid .rgMasterTable {
    border-collapse: collapse !important;
}

.rgFilterRow td {
    position: relative;
}

.input-filter, .rgFilterRow .rgFilterBox {
    width: 100% !important;
    height: 28px !important;
    border-radius: 20px;
    padding-left: 10px !important;
    padding-right: 22px !important;
    border-color: rgba(211,211,211,.8) !important;
}

    .input-filter + i.filter-search-icon, .rgFilterRow .rgFilterBox + i.filter-search-icon {
        position: absolute;
        right: 15px;
        top: 10px;
        color: #d3d3d3;
        font-size: 16px;
    }

    .input-filter + i.filter-search-icon {
        top: 16px;
    }

.RadGrid .rgEditForm {
    border-top: none !important;
}

    .RadGrid .rgEditForm .heading {
        padding-top: 20px;
        text-align: center;
    }

.RadComboBox .rcbInputCell .rcbEmptyMessage {
    font-style: unset !important;
}

.RadTabStripLeft_Outlook .rtsLink, .RadTabStripRight_Outlook .rtsLink {
    background-image: none !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .RadTabStripLeft_Outlook .rtsLink.rtsSelected, .RadTabStripRight_Outlook .rtsLink.rtsSelected {
        border-right: none;
    }

.RadTabStrip .rtsUL, .RadTabStripVertical .rtsLevel, .RadTabStripVertical .rtsUL {
    float: none !important;
}

.RadTabStripVertical, .RadTabStripVertical .rtsLevel {
    display: unset !important;
}

    .RadTabStripVertical .rtsLink {
        text-align: left !important;
    }

.RadTabStrip .rtsLI {
    display: inline-block !important;
    float: unset !important;
    padding-bottom: 5px !important;
}

.RadTabStripTop_Default .rtsLink {
    background-image: none !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 15px 0;
}

.RadTabStripBottom_Default .rtsLevel .rtsLink, .RadTabStripBottom_Default .rtsLevel .rtsOut, .RadTabStripBottom_Default_Baseline .rtsLevel, .RadTabStripTop_Default .rtsLevel .rtsLink, .RadTabStripTop_Default .rtsLevel .rtsOut, .RadTabStripTop_Default_Baseline .rtsLevel {
    background-image: none !important;
}

.RadGrid .rgCommandRow, .RadGrid .rgGroupPanel, .RadGrid .rgPager {
    background: 0 0 !important;
}

.RadInput_Default .riTextBox {
    color: #000 !important;
}

.radInvalidCss_Default {
    color: #424242 !important;
}

.RadInput.RadInput_Default .riTextBox, .RadUpload .ruFakeInput, .radEnabledCss_Default, .radFocusedCss_Default, .radHoverCss_Default, .radInvalidCss_Default {
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px;
}

.RadUpload .ruFakeInput, .RadUpload .ruStyled .ruFileInput {
    box-sizing: border-box !important;
}

.RadGrid .rgAdd, .RadGrid .rgRefresh {
    display: none;
}

.RadGrid .rgGroupPanel {
    padding: 5px 0;
}

#RAD_SPLITTER_PANE_CONTENT_Radpane111 {
    overflow: visible !important;
}

.RadToolBar .rtbUL {
    white-space: normal !important;
}

.heading-box .RadToolBar_Office2007 .rtbOuter {
    border: none !important;
}

.heading-box {
    padding: 5px 0 !important;
    margin-bottom: 10px !important;
}

    .heading-box .heading-box {
        margin-bottom: 0 !important;
    }

    .heading-box select {
        margin-top: 3.5px !important;
    }

.sec-printSetup {
    text-align: right;
    position: relative;
    right: -233px;
    transition: all 1s linear;
}

    .sec-printSetup .form-group {
        padding: 0 !important;
    }

    .sec-printSetup select {
        min-width: unset !important;
    }

    .sec-printSetup.showSection {
        right: 0;
    }

    .sec-printSetup select.input-sm {
        height: 26px !important;
        margin-top: 0 !important;
        padding: 2px !important;
    }

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn span.rtbText:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 5px;
}

.rtbUL .rtbItem a.rtbWrap {
    border-radius: 2px;
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(1) span.rtbText:before {
    content: "\f02f";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(2) span.rtbText:before {
    content: "\f1c3";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(3) span.rtbText:before {
    content: "\f1c2";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(4) span.rtbText:before {
    content: "\f248";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(6) span.rtbText:before {
    content: "\f021";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(7) span.rtbText:before {
    content: "\f0c7";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn:nth-child(8) span.rtbText:before {
    content: "\f201";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .print-btn span.rtbText:before {
    content: "\f02f";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .excel-btn span.rtbText:before {
    content: "\f1c3";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .word-btn span.rtbText:before {
    content: "\f1c2";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .ungroup-btn span.rtbText:before {
    content: "\f248";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .reset-default-btn span.rtbText:before {
    content: "\f021";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .save-changes-btn span.rtbText:before {
    content: "\f0c7";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .clear-sorting-btn span.rtbText:before {
    content: "\f021";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .pdf-btn span.rtbText:before {
    content: "\f1c1";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .calendar-btn span.rtbText:before {
    content: "\f080";
}

.RadToolBar ul.rtbUL li.rtbItem.rtbBtn .export-btn span.rtbText:before {
    content: "\f1c1";
}

.RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td, .RadGrid .rgHeader, .RadGrid .rgRow td, .RadGrid th.rgResizeCol, tr.rgNoRecords td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

tr.rgNoRecords td {
    padding-left: 7px !important;
    border: 1px solid;
    border-top: none !important;
}

.RadGrid .rgHeader {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

th.rgHeader, th.rgHeader a {
    font-weight: 600 !important;
    color: #333 !important;
}

.RadGrid .rgPager > td, .RadGrid.RadGrid, .RadToolBar_Office2007 .rtbMiddle, td.rgGroupCol {
    border: 0 !important;
}

.rgMasterTable {
    border: none;
}

#RAD_SPLITTER_PANE_CONTENT_Radpane1, #RAD_SPLITTER_PANE_CONTENT_Radpane111, #Radsplitter11 {
    height: 100% !important;
}

.RadGrid .rgPager {
    border: 0;
}

.RadGrid .rgCommandCell, .RadGrid td.rgPagerCell {
    border-top: none !important;
}

.RadGrid .rgEditForm, .rgEditForm, hr.no-border, input[type=submit], span.form-control {
    border: none !important;
}

.RadGrid .rgCommandCell {
    padding: 10px 5px !important;
}

.rgPagerCell.Advanced {
    padding: 10px 0 !important;
}

li.rtbSeparator, li.rtbTemplate {
    display: none !important;
}

.alerts li.rtbTemplate {
    display: unset !important;
}

.alerts .portlet-title {
    padding: 0 10px;
}

.alerts .portlet > .portlet-title > .caption > i {
    color: #fff;
}

.alerts .portlet.box > .portlet-body {
    padding: 0 5px;
}

.alerts .RadGrid .rgHeader:last-child {
    border-right: none !important;
}

.alerts .portlet > .portlet-title > .tools > a {
    margin-top: 7px;
}

li.rtbTemplate .btn-count {
    line-height: 28px !important;
    background-color: #eee !important;
    font-size: 16px;
    min-width: 34px;
    min-height: 34px;
    width: unset !important;
    height: unset !important;
    margin-top: 4px !important;
}

.btn.btn-sm:not(.md-skip), .btn:not(#imgbtnfetch) {
    margin: 8px 3px;
}

body:not(.alerts) .rtbUL .rtbItem a.rtbWrap {
    margin: 5px 2px;
}

body.alerts .portlet > .portlet-title > .actions .btn-icon-only {
    padding: 1px 0 3px;
    margin: 0 2px;
}

body.alerts .RadToolBar ul.rtbUL li.rtbItem.rtbBtn span.rtbText:before {
    font: normal normal normal 18px/1 FontAwesome;
    line-height: 25px;
    padding-right: unset;
}

.RadToolBar_Office2007 .rtbWrap {
    color: #000 !important;
}

.search-box td {
    padding: 4px 0;
}

    .search-box td input[type=button], tr.heading-box td input[type=button] {
        border: none !important;
        margin-right: 10px !important;
    }

.RadGrid.RadGrid:not(.RadGridSimple) {
    overflow-x: auto;
    overflow-y: hidden;
}

.RadGrid .rgEditForm, .rgEditForm {
    box-shadow: none;
}

.RadGrid .rgCommandTable {
    border-bottom: none !important;
}

#btnConfirmPanel, #imgbtnsavePanel {
    display: inline-block !important;
}

span.form-control {
    padding: 2px 12px;
}

.no-padding, .no-padding-tb {
    padding: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.line-height-45 {
    line-height: 45px;
}

.width-80-pcent {
    width: 50% !important;
}

tr.search-box .row > div {
    padding: 8px 30px 12px;
}

tr.search-box .row div input[type=button], tr.search-box .row div input[type=image] {
    margin-top: 17px !important;
}

tr.search-box #imgbtnfetch, tr.search-box input[type=image], tr.search-box input[type=submit].textfields {
    margin: 24px 0 10px;
}

tr.search-box div {
    padding-top: 5px;
    padding-bottom: 5px;
}

tr.search-box:not(.search-box-style2) input[type=button].textfields, tr.search-box:not(.search-box-style2) input[type=submit] {
    margin: 24px 0 10px;
    float: right;
}

.grid-style-1 .page-links .icon, tr.search-box:not(.search-box-style2) input[type=image] {
    float: left;
}

tr.search-box.search-box-withoutControl input[type=button].textfields {
    margin: 0 !important;
}

.search-box .form-group {
    padding: 0 3px;
}

    .search-box .form-group:first-child {
        padding-left: 0;
    }

.search-box select {
    min-width: 120px;
}

.search-box .select2-selection {
    background-color: #fff !important;
}

.search-box label {
    display: block;
    font-size: 13px;
}

.search-box input[type=checkbox]:not(.switch-toggle) + label {
    display: inline;
    padding-left: 5px;
}

.search-box input[type=file] {
    border: none;
    display: inline;
}

.search-box .RadComboBox .rcbArrowCell, .search-box .RadComboBox .rcbInputCell {
    border: 1px solid #f6dede;
    background-image: none !important;
    background-color: #fff;
}

.search-box input[type=file]:focus {
    outline: 0;
}

.search-box #chkList label {
    display: unset;
}

td#sitetd, td#sitetd .row > div, td#sitetd div {
    padding: 0 !important;
}

.search-box .RadComboBox .rcbInputCell .rcbInput {
    background-color: #fff;
    height: 30px;
}

.search-box .RadComboBox .rcbArrowCell a {
    text-indent: unset;
    height: 15px;
    text-align: center;
    color: gray;
}

    .search-box .RadComboBox .rcbArrowCell a:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f107";
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > span.user-img {
    float: left;
    margin-top: -5px;
    margin-right: 5px;
    height: 29px;
    display: inline-block;
    padding-left: 30px;
    border-radius: 50%;
}

.mt-widget-3 {
    border: none !important;
}

    .mt-widget-3 .mt-head {
        margin-bottom: 0 !important;
        border-radius: 10px;
    }

.rgEditForm .form-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}

.rgEditForm hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rgEditForm .form .form-body {
    padding: 10px;
}

.rgEditForm .form-actions {
    background: 0 0 !important;
    padding: 0 8px 20px;
}

.RadPanelBar_Default a.rpLink {
    line-height: 36px !important;
    border-bottom: 1px solid #fff;
}

.rcTable .riTextBox {
    width: 100%;
    height: 30px;
}

.roster-setting table {
    width: 100% !important;
}

.roster-setting .rpRootGroup > .rpFirst .rpTemplate table td {
    padding: 5px 10px !important;
}

button.ui-dialog-titlebar-close {
    position: relative;
    background-color: transparent;
    border: none;
}

    button.ui-dialog-titlebar-close:after {
        content: "\f00d";
        font: normal normal normal 16px/1 FontAwesome;
        position: absolute;
        top: 0;
        left: 0;
    }

.col-rosterbox-event .close-evetn i, .col-timesheet-event .close-evetn i {
    line-height: 28px;
}

.noHover-Effect .rgRow:hover {
    background: unset !important;
}

.angular-calander {
    display: inline;
    position: relative;
}

    .angular-calander ul {
        left: -373px !important;
        min-width: 518px;
    }

    .angular-calander .ng-isolate-scope table {
        width: 100%;
    }

    .angular-calander i.glyphicon {
        top: 0 !important;
    }

.timesheet-section {
    display: flex;
    width: 100%;
}

    .timesheet-section .m-widget24 .m-widget24__item .m-widget24__title {
        margin-top: 1.8rem !important;
    }

    .timesheet-section .m-widget20__chart canvas {
        margin-top: 45px;
    }

    .timesheet-section .col-left, .timesheet-section .col-right {
        width: 100px;
    }

    .timesheet-section .col-left {
        flex-grow: 10;
    }

    .timesheet-section .col-right {
        flex-grow: 2;
        padding-left: 20px;
        display: none;
    }

.col-timesheet-event .close-evetn {
    position: absolute;
    right: 25px;
    top: 17px;
    background: #e6e6fa;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.rosterbox-section .event-btn, .timesheet-section .event-btn {
    position: fixed;
    top: 50%;
    font-size: 14px;
    font-weight: 400;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    word-spacing: 3px;
}

.timesheet-section .event-btn {
    right: -44px;
    transform: rotate(90deg);
    padding: 6px 10px;
    cursor: pointer;
}

.RadGrid .SelectedRowLock td {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

tr.disable-row, tr.disable-row:hover {
    background: #e1e5ec !important;
    opacity: .65;
    cursor: not-allowed;
}

.rosterbox-section {
    display: flex;
    width: 100%;
}

    .rosterbox-section .col-left, .rosterbox-section .col-right {
        width: 100px;
    }

    .rosterbox-section .col-left {
        flex-grow: 2;
        display: none;
    }

    .rosterbox-section .col-right {
        flex-grow: 10;
        padding-left: 20px;
    }

    .rosterbox-section .event-btn {
        left: 200px;
        transform: rotate(-90deg);
        padding: 6px 10px;
        cursor: pointer;
    }

body.page-sidebar-closed .rosterbox-section .event-btn {
    left: 10px;
}

.col-rosterbox-event {
    position: relative;
}

    .col-rosterbox-event .m-portlet .m-portlet__body {
        padding: 10px;
    }

    .col-rosterbox-event .close-evetn {
        position: absolute;
        right: 12px;
        top: 15px;
        background: #e6e6fa;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        text-align: center;
        cursor: pointer;
    }

.RadComboBox.RadComboBox_Default {
    display: block !important;
}

.RadComboBox .rcbInputCell {
    border: 1px solid #f6dede;
    background-image: none !important;
    background-color: #fff;
    border-right: none !important;
}

    .RadComboBox .rcbInputCell .rcbInput {
        background-color: #fff;
        height: 30px;
    }

.RadComboBox .rcbArrowCell {
    background-image: none !important;
    border-left: none !important;
}

    .RadComboBox .rcbArrowCell a {
        text-indent: unset !important;
        height: 15px !important;
        text-align: center !important;
        color: gray !important;
    }

        .RadComboBox .rcbArrowCell a:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f0d7";
        }

.RadComboBox .rcbInputCell .rcbInput, .RadComboBox .rcbInputCell .rcbInput.rfdDecorated {
    padding: 5px 7px !important;
    border: 0 !important;
}

#rbpayfrequency td:first-child, .exampleWrapper:not(.exampleWrapper-employee) .mt-checkbox, .exampleWrapper:not(.exampleWrapper-employee) .mt-radio {
    padding-left: 0 !important;
}

.RadComboBox .rcbInputCell .rcbInput.rfdDecorated:focus, .RadComboBox .rcbInputCell .rcbInput:focus {
    outline: 0 !important;
    border: 0 !important;
}

.emp-thumb-pic, .noprofilepic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.noprofilepic {
    background-color: #e6e6fa;
    font-size: 24px;
    line-height: 50px;
    font-weight: 500;
    text-transform: uppercase;
}

.border-dashed {
    border: 1px dashed #e0e0e0;
}

.border-dashed-bottom {
    border-bottom: 1px dashed #e0e0e0;
}

.accordion-note-headings {
    padding-top: 20px;
    padding-bottom: 10px;
}

    .accordion-note-headings.accordion-note-first {
        padding-top: 0;
    }

    .accordion-note-headings .note {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 50%;
    }

.note-full-width .accordion-note-headings .note {
    width: 100%;
}

.accordion-note-headings .note h4 {
    margin-bottom: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}

.emp-details {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}

#tabPagePersonal .RadUpload .ruClear {
    margin-top: 10px;
}

#rbpayfrequency td {
    padding-top: 4px !important;
}

.exampleWrapper {
    background: #fff !important;
}

    .exampleWrapper:after, .exampleWrapper:before {
        display: table;
        content: "";
        clear: both;
    }

label.mt-checkbox label.rfdCheckboxChecked, label.mt-checkbox label.rfdCheckboxUnchecked, label.mt-radio label.rfdRadioChecked, label.mt-radio label.rfdRadioUnchecked {
    background: 0 0 !important;
}

.exampleWrapper .form-group input[type=checkbox]:not(.switch-toggle) + label, .exampleWrapper .form-group input[type=radio] + label {
    margin: 0 4px !important;
}

#tbsCompany .form-group > label:first-child {
    display: block !important;
}

#trPaySlipSetup1 .portlet.light, #trPayslipSetup2 .portlet.light {
    -webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    -moz-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    background-color: transparent;
}

    #trPaySlipSetup1 .portlet.light .tdstand:nth-child(1), #trPayslipSetup2 .portlet.light .tdstand:nth-child(1) {
        width: 210px;
    }

    #trPaySlipSetup1 .portlet.light .tdstand:nth-child(2), #trPayslipSetup2 .portlet.light .tdstand:nth-child(2) {
        width: 60px;
    }

.no-margin {
    margin: 0 !important;
}

.grid-style-1 .page-links {
    display: flex;
    padding-bottom: 20px;
}

    .grid-style-1 .page-links .detail {
        padding-left: 15px;
        position: relative;
        overflow: hidden;
    }

    .grid-style-1 .page-links .icon .img-icon {
        font-size: 42px;
        line-height: 48px;
    }

    .grid-style-1 .page-links .detail h3 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 0 !important;
        color: #000;
    }

        .grid-style-1 .page-links .detail h3 + span {
            font-size: 18px;
        }

    .grid-style-1 .page-links .detail a {
        display: block;
        font-size: 18px;
    }

        .grid-style-1 .page-links .detail a i {
            font-size: 1.1rem;
        }

.rgCommandRow .rgCommandCell a {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.rgCommandRow .rgCommandCell .rgCommandTable td:first-child a:before, .rgCommandRow .rgCommandCell .rgCommandTable td:last-child a:before {
    font: normal normal normal 14px/1 FontAwesome;
    position: relative !important;
    padding-right: 5px !important;
}

.rgCommandRow .rgCommandCell .rgCommandTable td:first-child a:before {
    content: "\f196";
}

.rgCommandRow .rgCommandCell .rgCommandTable td:last-child a:before {
    content: "\f021";
}

.note.note-info input[type=image] {
    position: relative;
    top: 5px;
}

body.ket-form table td, body.ket-form table th {
    border: 0 !important;
    padding: 5px !important;
}

body.ket-form .ket-table .input-group {
    display: block !important;
}

.input-group table th, body.ket-form label {
    color: #789 !important;
}

.input-group {
    color: #bc8f8f !important;
}

.rgPager .rgPageFirst, .rgPager .rgPageLast, .rgPager .rgPageNext, .rgPager .rgPagePrev {
    background-image: url(../../assets/img/icons-pagination.png) !important;
}

.rgPager .rgPageFirst {
    background-position: 1px 1px !important;
}

.rgPager .rgPagePrev {
    background-position: -39px 1px !important;
}

.rgPager .rgPageNext {
    background-position: -78px 1px !important;
}

.rgPager .rgPageLast {
    background-position: -120px 1px !important;
}

.rgPager .rgPagerCell {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.rgPager .rgWrap input[type=text] {
    height: 20px !important;
}

.rgPager .btn:not(.md-skip).btn-sm {
    padding: 2px 5px !important;
}

.rgPager .rgPagerTextBox {
    min-width: 30px !important;
}

.rgPager .rgPagerLabel:last-child {
    padding-left: 10px !important;
}

.RadGrid .rgNumPart a {
    line-height: 20px !important;
}

.rgPager .rgCurrentPage, .rgPager .rgCurrentPage span, .rgPager a:hover, .rgPager a:hover span {
    background: 0 0 !important;
}

.RadMenu .rmGroup .rmSlide {
    top: 0 !important;
}

.RadMenu ul.rmGroup, .RadMenu ul.rmGroup ul.rmVertical {
    position: relative !important;
}

    .RadMenu ul.rmGroup ul.rmVertical:before, .RadMenu ul.rmGroup:before {
        position: absolute !important;
        left: 0;
        width: 23px;
        content: " ";
        height: 100%;
    }

.rmItem .rmSlide .rmItem input[type=checkbox] {
    margin-right: 5px;
}

@media only screen and (max-width:780px) {
    .rgMasterTable td, .rgMasterTable th {
        width: 150px;
    }

    .rgMasterTable tr {
        white-space: unset !important;
    }
}

.GridToolTip_Outlook, .RadGrid_Outlook, .RadGrid_Outlook .rgCommandRow table, .RadGrid_Outlook .rgDetailTable, .RadGrid_Outlook .rgEditForm table, .RadGrid_Outlook .rgGroupPanel table, .RadGrid_Outlook .rgMasterTable, .RadGrid_Outlook .rgPager table, .RadTabStrip_Default .rtsLink, .bars, .chart, .dropdown-menu, .label, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content, .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a, .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge, .pie, .primary-font, .select2-container--bootstrap .select2-selection, .table.table-light > thead > tr > th, body, button, h1, h2, h3, h4, h5, h6, input[type=button], input[type=checkbox], input[type=file], input[type=radio], input[type=submit], input[type=text], label, select, textarea, tt {
    font-family: Montserrat !important;
}

.open:not(.btn-group) > .dropdown-menu::before, .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu::before {
    display: block !important;
    content: "";
    top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #364150;
    position: absolute;
    margin: -10px 0 0;
    width: 15px;
}

.open:not(.btn-group) > .dropdown-menu::before {
    left: 30px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu::before {
    right: 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu::after {
    display: none !important;
}

.theme-panel {
    margin-top: -4px;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    margin-top: 12px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
    margin-top: 6px;
    border-radius: 4px 4px 0 0 !important;
}

.open > .dropdown-menu {
    -webkit-animation: m-header-menu-submenu-fade-in .5s ease 1,m-header-menu-submenu-move-up .5s ease-out 1;
    -moz-animation: m-header-menu-submenu-fade-in .5s ease 1,m-header-menu-submenu-move-up .5s ease-out 1;
    -ms-animation: m-header-menu-submenu-fade-in .5s ease 1,m-header-menu-submenu-move-up .5s ease-out 1;
    -o-animation: m-header-menu-submenu-fade-in .5s ease 1,m-header-menu-submenu-move-up .5s ease-out 1;
    animation: m-header-menu-submenu-fade-in .5s ease 1,m-header-menu-submenu-move-up .5s ease-out 1;
}

@-webkit-keyframes m-header-menu-submenu-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes m-header-menu-submenu-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes m-header-menu-submenu-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes m-header-menu-submenu-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes m-header-menu-submenu-move-up {
    from {
        margin-top: 50px;
    }

    to {
        margin-top: 12px !important;
    }
}

@-moz-keyframes m-header-menu-submenu-move-up {
    from {
        margin-top: 50px;
    }

    to {
        margin-top: 12px !important;
    }
}

@-o-keyframes m-header-menu-submenu-move-up {
    from {
        margin-top: 50px;
    }

    to {
        margin-top: 12px !important;
    }
}

@keyframes m-header-menu-submenu-move-up {
    from {
        margin-top: 50px;
    }

    to {
        margin-top: 12px !important;
    }
}

#browsers_chart {
    max-height: 280px;
}

.table > tfoot > tr > td, .table > tfoot > tr > th {
    padding: 8px 10px;
}

.dataTable .mt-checkbox, .modal .mt-checkbox, .modal .mt-radio {
    padding-left: 18px;
}

.modal-body {
    padding: 30px 15px;
}

.modal-footer {
    background-color: #e5e5e5;
}

.modal .table {
    margin-bottom: 0;
}

@media (min-width:768px) {
    .modal-dialog-2 {
        width: 750px;
    }
}

.modal-dialog-2 .table-checkable tr > td:first-child, .table-checkable tr > th:first-child {
    min-width: unset !important;
}

.pagination a[title=First], .pagination a[title=Last], .pagination a[title=Next], .pagination a[title=Prev] {
    padding: 9px 6px;
}

.select2-container .select2-selection--single {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group .select2-container--bootstrap {
    max-width: 300px;
}

table.dataTable tbody td {
    vertical-align: middle;
}

    table.dataTable tbody td .mt-radio {
        margin-bottom: 0 !important;
    }

div.stars {
    display: inline-block;
}

.fc-unthemed .fc-event-dot.fc-start .fc-content:before, .fc-unthemed .fc-event.fc-start .fc-content:before, input.star {
    display: none;
}

label.star {
    float: right;
    padding: 2px;
    font-size: 22px;
    color: #f08080;
    transition: all .2s;
}

input.star:checked ~ label.star:before {
    content: '\f005';
    color: #f08080;
    transition: all .25s;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}

.stars-yellow label.star {
    color: #ffca1a !important;
}

.stars-yellow input.star:checked ~ label.star::before {
    color: #ffca1a !important;
}

.fc-toolbar.fc-header-toolbar.search-box {
    padding: 15px;
}

hr.fc-divider {
    padding: 0;
    border-top-width: 0;
}

.time-block select {
    margin-top: 0 !important;
}

.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content {
    text-align: center;
    padding: 5px 0;
}

#calendar table th {
    padding: 10px 0;
}

.fc-widget-header div {
    text-align: center;
}

.RadCalendar .rcRow td, .RadCalendar .rcWeek th {
    text-align: center !important;
}

.editOption {
    padding: 5px;
    border-top: none !important;
}

    .editOption > span {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        cursor: default;
        margin: 2px;
        padding: 2px 5px;
        display: inline-block;
    }

        .editOption > span > span.fa {
            color: #999;
            cursor: pointer;
        }

            .editOption > span > span.fa:hover {
                color: #666;
            }

.modal-body .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.Default.reWrapper, .Default.reWrapper td {
    border: none !important;
}

.mt-element-ribbon .ribbon-content {
    padding-top: 12px !important;
    padding-left: 10px !important;
}

    .mt-element-ribbon .ribbon-content:last-child {
        padding-bottom: 12px !important;
    }

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt, .mt-element-ribbon {
    padding: 0 !important;
}

    .mt-element-ribbon .ribbon {
        position: unset !important;
    }

.RadGrid_Default .rgCommandTable {
    border-top: none !important;
}

.Default.reWrapper {
    position: relative !important;
}

.RadTabStripLeft_Outlook .rtsLink, .RadTabStripRight_Outlook .rtsLink {
    border: 1px solid #fff;
    border-bottom: none;
}

.RadTabStripTop_Default .rtsLink, .table-custom-border tr td, .table-custom-border tr th {
    border: 1px solid #fff;
}

    .RadTabStripTop_Default .rtsLink.rtsSelected {
        border-bottom: none;
    }

.exampleWrapper .custom-report li {
    margin: 0 1px;
}

    .exampleWrapper .custom-report li a {
        border: none !important;
        color: #000 !important;
    }

.rgPager a {
    border: 1px solid #fff;
}

td.rgSorted {
    background-color: unset !important;
}

.RadGrid .rgHeader, .RadGrid .rgHeaderDiv, .RadGrid th.rgResizeCol, .RadSplitter.RadSplitter_Default, .RadToolBar_Office2007 .rtbItemFocused .rtbIn, .RadToolBar_Office2007 .rtbItemFocused .rtbMid, .RadToolBar_Office2007 .rtbItemFocused .rtbOut, .RadToolBar_Office2007 .rtbItemFocused .rtbWrap, .RadToolBar_Office2007 .rtbItemHovered .rtbIn, .RadToolBar_Office2007 .rtbItemHovered .rtbMid, .RadToolBar_Office2007 .rtbItemHovered .rtbOut, .RadToolBar_Office2007 .rtbItemHovered .rtbWrap, .RadToolBar_Office2007 .rtbMiddle, .RadToolBar_Office2007 .rtbSplBtnFocused .rtbIn, .RadToolBar_Office2007 .rtbSplBtnFocused .rtbMid, .RadToolBar_Office2007 .rtbSplBtnFocused .rtbOut, .RadToolBar_Office2007 .rtbSplBtnFocused .rtbWrap, tr.rgGroupHeader ~ tr.rgAltRow {
    background: 0 0 !important;
}

.rtbUL .rtbItem a.rtbWrap {
    background: #eee !important;
    box-shadow: none !important;
}

    .rtbUL .rtbItem a.rtbWrap:hover {
        background: #fff !important;
    }

.RadGrid table th.rgHeader a, .single-table-design .RadGrid .rgHeader a {
    color: #f5f5f5 !important;
    font-weight: 700 !important;
}

.RadGrid .rgHeader.rgSorted a {
    color: #484848 !important;
}

.RadMenu_Outlook .rmGroup, .RadMenu_Outlook .rmGroup .rmVertical, .RadMenu_Outlook .rmMultiColumn {
    border: none !important;
}

.RadForm_Outlook.rfdHeading h4 {
    color: inherit !important;
    border-bottom: inherit !important;
}

.alerts .RadGrid .rgHeader.rgSorted {
    background-color: unset !important;
}

    .alerts .RadGrid .rgHeader.rgSorted a, .alerts .table-scrollable > table > thead > tr > th, .alerts .table-scrollable > table > thead > tr > th a {
        background: 0 0 !important;
        border-bottom: 1px solid #eee !important;
        color: #000 !important;
        font-weight: 400 !important;
        font-size: 12px;
    }

.RadCalendar_Outlook .rcRow td, .RadPanelBar_Default a.rpExpanded {
    border-color: #fff !important;
}

.RadPanelBar_Default a.rpLink {
    background: 0 0 !important;
}

.ui-widget-content .ui-state-default:first-child {
    background-color: #bbb !important;
}

.RadComboBoxDropDown_Default .rcbFooter, .RadComboBoxDropDown_Default .rcbHeader, .RadComboBoxDropDown_Default .rcbMoreResults, .RadComboBoxDropDown_Default .rcbMoreResults a, a.rcCalPopup {
    background: 0 0 !important;
}

.RadComboBoxDropDown_Default {
    border-color: transparent !important;
    border-top: none !important;
}

table.layout-fixed {
    table-layout: fixed !important;
}

.appraisal tr .sno {
    width: 20px !important;
}

.appraisal tr .obj {
    width: 100% !important;
}

.appraisal tr .obj-300 {
    width: 300px !important;
}

.appraisal tr .rpl {
    width: 350px !important;
}

.appraisal tr .rmk, .appraisal tr .rpl-200 {
    width: 200px !important;
}

table.gradeSetupSingle tbody td:last-child, table.gradeSetupSingle thead th:last-child {
    display: none;
}

table#gradeSetup tbody td:nth-child(2) {
    width: 200px;
}

table#gradeSetup tbody td:nth-child(3), table#gradeSetup tbody td:nth-child(4) {
    width: 80px;
}

table#gradeSetup tbody td:nth-child(6), table#gradeSetup tbody td:nth-child(7) {
    width: 120px;
}

table#gradeSetup tbody td:last-child {
    width: 40px;
}

table#gradeSetup a.removeGradeRow {
    display: block;
    padding-top: 6px;
}

.formStepsAppraisalStatus {
    margin-top: 20px;
    margin-bottom: 30px;
}

.nav.nav-tabs.nav-justified > li > a {
    color: #666 !important;
}

    .nav.nav-tabs.nav-justified > li > a:focus, .nav.nav-tabs.nav-justified > li > a:hover {
        color: #333 !important;
        border-bottom-color: #ddd !important;
    }

.nav.nav-tabs.nav-justified > li.active > a {
    border-bottom-color: transparent !important;
}

@media screen and (max-width:920px) {
    .appraisal tr .obj {
        width: 400px !important;
    }
}

@media screen and (max-width:768px) {
    .appraisal tr .obj {
        width: 300px !important;
    }
}

@media screen and (max-width:468px) {
    .appraisal tr .obj {
        width: 200px !important;
    }
}

.loader {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    z-index: 9999 !important;
    left: 45%;
    top: 45%;
}

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

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

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

    100% {
        transform: rotate(360deg);
    }
}

.inline-switch-S2 {
    display: inline;
    padding-left: 42px;
    position: relative;
}

.search-box .inline-switch-S2 {
    top: 8px;
}

.inline-switch-S2 > label, .inline-switch-S2 > span {
    top: 3px;
    position: relative;
}

.inline-switch-S2 .switch {
    position: absolute;
    top: 0;
    left: 0;
}

.inline-switch select {
    margin-right: 5px;
}

.inline-switch .switch {
    position: absolute;
    padding-top: 3px;
}

.portlet-leave {
    box-shadow: 0 1px 3px 2px #ddd !important;
    padding: 3px 10px 10px !important;
}

#accordion-moreInfo .portlet {
    box-shadow: none !important;
    border: 1px dashed #ddd;
    margin-bottom: 0 !important;
}

.leave-request .form-group {
    padding-right: 20px;
    padding-bottom: 20px;
}

#lblLeaveApplyEmpName, #lblLeaveApplyEmpName > span {
    display: block;
}

    #lblLeaveApplyEmpName > span {
        margin-bottom: 8px;
        border: 1px dashed #ccc;
        padding: 10px;
    }

@media screen and (min-width:1600px) {
    .col-big-6 {
        width: 50% !important;
    }
}

a.rcCalPopup {
    text-indent: unset !important;
    color: transparent;
}

    a.rcCalPopup.rcDisabled {
        cursor: not-allowed;
    }

    a.rcCalPopup:before {
        content: "\f073";
        font: normal normal normal 14px/1 FontAwesome;
        color: #b8b8b8;
        font-size: 20px;
    }

.search-box a.rcCalPopup:before {
    color: #fff5ee;
}

.bg-default a.rcCalPopup:before {
    color: #b0b0b0;
}

.RadCalendarPopup {
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 0 5px #ccc !important;
}

.RadCalendar .rcTitlebar {
    padding: 3px 4px !important;
    border: 0 !important;
}

.RadCalendar_Default .rcWeek th {
    padding: 5px 3px !important;
}

.RadCalendar .rcMain, .RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span, .RadCalendarMonthView .rcHover a, .RadCalendarMonthView a {
    padding: 4px !important;
}

    .RadCalendarMonthView a:hover, .RadCalendarMonthView_Default .rcSelected a, .RadCalendar_Default .rcRow .rcHover a, .RadCalendar_Default .rcRow .rcSelected a, .RadCalendar_Outlook .rcRow .rcHover, .RadCalendar_Outlook .rcRow .rcHover a, .RadCalendar_Outlook .rcRow .rcSelected, .RadCalendar_Outlook .rcRow .rcSelected a {
        background-color: #e1e5ec !important;
        color: #666 !important;
        border: none !important;
        background-image: none !important;
    }

.RadGrid.payrpt .rgAltRow, .RadGrid.payrpt .rgRow, .custom-calander td.fc-today {
    background: unset !important;
}

.RadCalendar_Default .rcWeek th {
    color: #333;
    border: 0 #e0e0e0 !important;
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.RadCalendar .rcMain {
    border: 0 !important;
}

table.RadCalendarMonthView, table.RadCalendarMonthView td {
    border-color: #e0e0e0 !important;
}

.RadCalendar .rcRow:first-child td {
    padding-top: 5px;
}

.RadCalendar .rcRow td {
    border-width: 0 !important;
}

table.RadCalendarMonthView td {
    padding: 0 4px !important;
}

.RadCalendarMonthView_Default .rcButtons {
    border-top: 1px solid #e0e0e0 !important;
    padding: 7px 0 !important;
}

    .RadCalendarMonthView_Default .rcButtons input[type=button] {
        padding: 3px 6px !important;
        border-radius: 2px !important;
        border: 0 !important;
    }

.col-IB-6 {
    width: 49.8%;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
}

._720kb-datepicker-calendar-body, ._720kb-datepicker-calendar-days-header, ._720kb-datepicker-calendar-header, ._720kb-datepicker-calendar-years-pagination-pages, .rgMasterTable .datepicker {
    position: unset !important;
}

._720kb-datepicker-calendar {
    margin-left: 0 !important;
}

#myModal .colnamebold {
    font-weight: 500;
}

.m-widget24 .m-widget24__item .m-widget24__stats {
    margin-top: 4px !important;
}

.custom-calander .fc-day-grid td:not(.fc-axis).fc-event-container a, body.shiftSetup .table-scrollable, body.shiftSetup table.dataTable {
    margin: 0 !important;
}

.payrpt table, .payrpt table td {
    border: none !important;
}

    .payrpt table tr {
        border-bottom: 1px dashed #ddd;
    }

        .payrpt table tr:last-child {
            border-bottom: none;
        }

.RadGrid.payrpt .rgAltRow > td:first-child, .RadGrid.payrpt .rgRow > td:first-child {
    border-left: none !important;
}

.RadGrid.payrpt .rgAltRow > td:last-child, .RadGrid.payrpt .rgRow > td:last-child {
    border-right: none !important;
}

.custom-calander .fc-day-grid td:not(.fc-axis).fc-event-container {
    padding: .2rem 0 !important;
}

.custom-calander .fc-event .fc-title, .custom-calander .fc-unthemed .fc-event-dot .fc-title {
    font-size: .9rem !important;
}

.custom-calander.custom-calander-home .fc-title {
    position: relative;
    bottom: 2px;
}

    .custom-calander.custom-calander-home .fc-title:before, .employee-off-calendar .fc-title:before {
        display: inline-block;
        font: normal normal normal 18px/1 LineAwesome !important;
        font-size: 16px;
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        padding-right: 2px;
        position: relative;
        top: 2px;
    }

.custom-calander .fc-day-top {
    line-height: 24px;
}

.custom-calander .fc-today:not(.fc-day-header) .fc-day-number, .custom-calander .fc-today:not(.fc-day-header) a {
    background: #f08080 !important;
    color: #fff !important;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
}

.custom-calander td.fc-event-container a {
    border-radius: unset !important;
}

    .custom-calander td.fc-event-container a .fc-content {
        text-align: left !important;
        padding-left: 5px !important;
    }

.custom-calander .Birthday {
    background-color: rgba(152,22,244,.1) !important;
    border-left: 3px solid #9816f4 !important;
}

    .custom-calander .Birthday .fc-title {
        color: #9816f4 !important;
    }

.custom-calander.custom-calander-home .Birthday .fc-title:before {
    content: "\f146";
}

.custom-calander .Holiday {
    background-color: rgba(9,126,216,.1) !important;
    border-left: 3px solid #097ed8 !important;
}

    .custom-calander .Holiday .fc-title {
        color: #097ed8 !important;
    }

.custom-calander.custom-calander-home .Holiday .fc-title:before {
    content: "\f2bd";
    transform: rotate(20deg);
}

.custom-calander .ProbationEnds {
    background-color: rgba(255,184,34,.1) !important;
    border-left: 3px solid #ffb822 !important;
}

    .custom-calander .ProbationEnds .fc-title {
        color: #ffb822 !important;
    }

.custom-calander.custom-calander-home .ProbationEnds .fc-title:before {
    content: "\f178";
}

.custom-calander .DocumentsExpiry, .custom-calander .PassportExpiry {
    background-color: rgba(244,81,108,.1) !important;
    border-left: 3px solid #f4516c !important;
}

    .custom-calander .DocumentsExpiry .fc-title, .custom-calander .PassportExpiry .fc-title {
        color: #f4516c !important;
    }

.custom-calander.custom-calander-home .PassportExpiry .fc-title:before {
    content: "\f1cf";
}

.custom-calander.custom-calander-home .DocumentsExpiry .fc-title:before {
    content: "\f1ce";
}

.homePage .fc-unthemed .fc-list-heading .fc-list-heading-alt, .homePage .fc-unthemed .fc-list-heading .fc-list-heading-main, .homePage .fc-unthemed th.fc-day-header > a, .homePage .fc-unthemed th.fc-day-header > span {
    color: #fff !important;
}

.homePage table:not(.fc-list-table) .fc-widget-header {
    height: 30px !important;
    line-height: 30px !important;
}

.homePage .dropdown-custom .dropdown-menu li:not(:last-child) a {
    border-bottom: 1px dashed #ddd;
}

.homePage .dropdown-custom .dropdown-menu li a:hover, .homePage .dropdown-menu li a:focus {
    background-color: #eee !important;
    color: #333 !important;
}

.employee-off-calendar .fc-title {
    position: relative;
    bottom: 4px;
}

    .employee-off-calendar .fc-title:before {
        content: "\f161";
    }

.show-detailPopup {
    cursor: pointer;
}

.m--bg-6 {
    background-color: #f9812a;
}

.m--bg-10 {
    background-color: #ceb180;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text_small {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
}

.nav li.empty-link a:hover, li.m-tabs__item.active a {
    color: #fff !important;
}

li.empty-link a:hover {
    cursor: unset;
}

a.m-tabs__link:focus, a.m-tabs__link:hover, li.m-tabs__item.active, li.m-tabs__item.active a {
    background-color: #00c5dc !important;
    color: #fff !important;
}

    li.m-tabs__item.active a {
        border-radius: 20px !important;
    }

@media only screen and (min-width:993px) {
    .m-portlet.m-portlet--full-height-last {
        height: 100% !important;
        margin-bottom: 0 !important;
    }
}

.m-portlet__head-style2 {
    padding-top: 23px !important;
    padding-bottom: 10px !important;
}

.m-portlet .m-portlet__head-style2 .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text .m-portlet__head-desc {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    font-family: inherit;
}

.tab-content .detail {
    display: inline-block;
    width: 24.8%;
    padding: 0 10px 30px 0;
    vertical-align: top;
}

    .tab-content .detail h3 {
        font-size: 16px;
        font-weight: 400;
    }

    .tab-content .detail .links {
        padding-top: 5px;
    }

table#dlCategory td {
    vertical-align: top;
}

table#dlCategory .category-heading {
    font-size: 16px;
}

table#dlCategory hr {
    border-top: 1px dashed rgba(0,0,0,.1);
}

table#dlCategory a {
    font-size: 13px;
    text-transform: uppercase;
}

table#dlCategory .category-heading ~ table td {
    padding-bottom: 0 !important;
}

.userRights .rcbArrowCell, .userRights .rcbInputCell {
    background: #fff !important;
}

.RadGrid.userRights .rgEditRow td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#DataList1 > tbody > tr > td:first-child {
    padding-left: 0 !important;
}

#DataList1 > tbody > tr > td:last-child {
    padding-right: 0 !important;
}

.page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #364150;
    z-index: 999;
    height: 40px;
    padding: 0;
}

    .page-footer .page-footer-inner {
        float: none;
        display: block;
        text-align: center;
        color: #fff;
        line-height: 40px;
    }

body.shiftSetup .dataTables_wrapper > .row, form.flexible-shift #Sec_beforeSchedule, form.flexible-shift .tab-shift-Lateness {
    display: none;
}

.RadGrid table, .RadGrid table td, .RadGrid table th, table.rgMasterTable, table.rgMasterTable .rgAltRow td:first-child, table.rgMasterTable .rgAltRow td:last-child, table.rgMasterTable .rgFilterRow td:first-child, table.rgMasterTable .rgFilterRow td:last-child, table.rgMasterTable .rgRow td:first-child, table.rgMasterTable .rgRow td:last-child, table.rgMasterTable .rgSelectedRow td, table.rgMasterTable tbody, table.rgMasterTable td, table.rgMasterTable td.rgCommandCell, table.rgMasterTable td.rgPagerCell, table.rgMasterTable tfoot, table.rgMasterTable th, table.rgMasterTable thead, table.rgMasterTable tr.rgHoveredRow td {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
}

#m_calendar table td {
    border: 1px solid;
}

.no-calendar-popover .m-popover {
    display: none !important;
}

body.shiftSetup .dataTables_wrapper {
    overflow: hidden;
}

.nav-tabs, body.shiftSetup .nav-pills {
    margin-bottom: 20px !important;
}

.fs-wrap {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    width: 200px;
}

.fs-label-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: default;
}

.fs-dropdown, .fs-label-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .fs-label-wrap .fs-label {
        padding: 6px 22px 6px 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 200px;
    margin-top: 5px;
    z-index: 1000;
}

    .fs-dropdown .fs-options {
        max-height: 200px;
        overflow: auto;
    }

.fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: 0;
    padding: 6px 0;
    width: 100%;
}

.fs-optgroup-label, .fs-option, .fs-search {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

    .fs-option:last-child {
        border-bottom: none;
    }

.fs-search {
    padding: 0 8px;
}

.fs-no-results {
    padding: 6px 8px;
}

.fs-option {
    cursor: pointer;
    word-break: break-all;
}

    .fs-option.disabled {
        opacity: .4;
        cursor: default;
    }

    .fs-option.hl {
        background-color: #f5f5f5;
    }

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: #0a8cf0;
    border-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
}

.fs-optgroup-label {
    font-weight: 700;
    text-align: center;
}

.hidden {
    display: none;
}

.timesheetSetting .inline-switch-S2 {
    position: unset !important;
}

.timesheetSetting .form-group {
    position: relative !important;
}

    .timesheetSetting .form-group > label {
        text-transform: capitalize;
    }

.timesheetSetting .inline-switch-S2 .switch {
    left: 340px !important;
}

.timesheetSetting .input-inline {
    position: absolute !important;
    left: 340px !important;
}

.timesheetSetting #tab_publicholiday .inline-switch-S2 .switch, .timesheetSetting #tab_publicholiday .input-inline {
    left: 420px !important;
}

.timesheetSetting .form-group .input-inline {
    margin-right: 0 !important;
}

.timesheetSetting .two-column {
    position: absolute !important;
}

    .timesheetSetting .two-column .form-control {
        display: inline !important;
        position: unset !important;
    }

.shift_general .two-column, .timesheetSetting.shift_general .inline-switch-S2 .switch, .timesheetSetting.shift_general .input-inline {
    left: 180px !important;
}

.shift_overtime .two-column, .timesheetSetting.shift_overtime .inline-switch-S2 .switch, .timesheetSetting.shift_overtime .input-inline {
    left: 210px !important;
}

.timesheetSetting.shift_overtime .small-space .inline-switch-S2 .switch, .timesheetSetting.shift_overtime .small-space .input-inline, .timesheetSetting.shift_overtime .small-space .two-column {
    left: 100px !important;
}

.timesheetSetting.shift_lateness .inline-switch-S2 .switch, .timesheetSetting.shift_lateness .input-inline {
    left: 260px !important;
}

.center-box {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.center-box-inner {
    background: #fff;
    border-radius: 20px;
    padding: 10px !important;
}

    .center-box-inner .heading {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        color: #666;
        margin-bottom: 24px;
    }

@media only screen and (min-width:540px) {
    .center-box-inner {
        width: 520px;
        background: #fff;
        border-radius: 20px;
        padding: 40px !important;
    }
}

@media only screen and (max-width:540px) {
    #colorPicker {
        left: 0;
    }
}

table.timesheetTable td, table.timesheetTable th, table.timesheetTable tr {
    white-space: nowrap !important;
}

.announcement-section {
    max-width: 540px;
    position: relative;
    margin: 0 auto;
}

.announcement-add {
    margin-top: 20px;
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

    .announcement-add .form-group.button-control {
        margin-bottom: 0;
        text-align: right;
        margin-top: 20px;
    }

        .announcement-add .form-group.button-control hr {
            border-top: 1px solid #eee !important;
        }

    .announcement-add .form-group {
        padding: 0 5px;
        position: relative;
    }

        .announcement-add .form-group #spnCharLeft_outer {
            display: block;
            text-align: right;
            margin-top: 5px;
        }

    .announcement-add input[type=time] {
        line-height: 10px;
    }

#UlAnnouncment + div {
    margin-left: 70px;
}

.announcement-list .alert-info {
    position: relative;
}



.announcement-list .announcement:not(:first-child) {
    margin-top: 20px;
}

.announcement .announcement-inner {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 0 20px;
    box-shadow: 0 0 0 1px #dddfe2;
}

.announcement-header {
    display: flex;
    margin-bottom: 20px;
}

    .announcement-header .image {
        width: 48px;
        height: 48px;
        margin-right: 10px;
    }

        .announcement-header .image img {
            max-width: 100%;
            max-height: 100%;
        }

    .announcement-header .title {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .announcement-header .subtitle {
        font-size: 12px;
        font-weight: 400;
    }





.announcement-list .announcment-text {
    font-size: 14px;
    line-height: 20px;
}

.announcement-list .alert-info hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-style: dashed;
}

.announcement-list .moreDetail {
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    padding-top: 10px;
}

    .announcement-list .moreDetail i {
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        bottom: -14px;
        font-size: 20px !important;
        padding: 0 !important;
        height: 30px;
        width: 45px;
        line-height: 15px;
        left: 0;
        right: 0;
        margin: 0 auto !important;
    }

.announcement-list .expanded + .moreDetail i:before {
    content: "\f106" !important;
}

.announcement-list .moreDetail_box {
    display: none;
}

    .announcement-list .moreDetail_box.expanded {
        display: block;
    }

#loadMore {
    border-radius: 20px;
}

.table-employeeList .emp-image, .table-employeeList .nameImage {
    width: 50px;
    height: 50px;
}

.table-employeeList .nameImage, .table-employeeList .nameImageBig {
    background-color: #cacaca;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}

.table-employeeList .emp-image img, .table-employeeList .emp-image-big img {
    max-width: 100%;
}

#emp_list td {
    white-space: nowrap;
}

    #emp_list td a {
        display: block;
        margin-bottom: 2px;
    }

div.employeeList #emp_directory_filter, div.employeeList #emp_list_filter {
    text-align: right;
}

.employeeList .nav-tabs {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    float: right;
}

    .employeeList .nav-tabs li a {
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        font-size: 14px;
    }

    .employeeList .nav-tabs li.active a {
        background-color: #eee;
    }

#emp_list_wrapper .table-scrollable {
    border: 0;
}

#emp_directory tbody tr td:first-child, #emp_directory thead {
    display: none;
}

#emp_directory_wrapper .table-scrollable {
    overflow: hidden;
    border: 0;
    border-top: 1px solid #eee;
}

#emp_directory {
    margin-top: 20px !important;
}

    #emp_directory td.sorting_1 {
        background-color: unset !important;
    }

    #emp_directory .row {
        padding: 15px 0;
    }

.table-employeeList .emp-image-big, .table-employeeList .nameImageBig {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 30px;
    line-height: 100px;
    font-size: 24px;
    letter-spacing: 2px;
}

.employeeList .about-block span, .employeeList .contact-block span {
    display: block;
    color: #000;
    font-size: 14px;
}

    .employeeList .about-block span a {
        font-size: 16px;
        font-weight: 500;
    }

.employeeList .about-block span {
    line-height: 25px;
}

.employeeList .contact-block span {
    line-height: 30px;
}

    .employeeList .contact-block span i {
        margin-right: 5px;
    }

.exportBox {
    position: relative;
    justify-content: flex-end;
    right: -288px;
    transition: all 1s linear;
}

#EmployeeGeneralList .exportBox:not(.showSection), #TimesheetGeneralList .exportBox:not(.showSection) {
    right: 0;
}

.dashboard .emp-general-list:hover {
    cursor: pointer;
}

.exportBox.showSection {
    right: 0;
}

.exportBox .form-group:not(:last-child) {
    margin-right: 5px;
}

.exportBox .form-group .btn {
    margin: 0 !important;
    background: #eee !important;
    color: #666;
    padding: 4px 6px;
}

.exportBox .form-group select {
    margin-top: 0 !important;
}

.exportBox .form-group .btn i {
    font-size: 14px;
}

.boxSection {
    margin-bottom: 20px !important;
}

.columnChoser .btn {
    margin: 0 !important;
    color: #666;
}

    .columnChoser .btn.text {
        cursor: default;
        box-shadow: none !important;
    }

.columnChoser .dropdown-toggle {
    height: 34px;
}

.columnChoser .dropdown-menu {
    min-width: 225px;
    padding: 10px;
}

    .columnChoser .dropdown-menu > label {
        display: flex;
        align-items: center;
    }

        .columnChoser .dropdown-menu > label:not(:last-child) {
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px dashed #ddd;
        }

.columnChoser span.switch {
    margin-right: 5px;
}

    .columnChoser span.switch + span {
        color: #777;
        font-weight: 500;
    }

.jobopenings .jobinfo-count {
    font-size: 15px;
    font-weight: 400;
}

.jobopenings .jobinfo-new {
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    margin-top: 5px;
}

.jobopenings .jobinfo-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
}

.jobopenings .jobinfo-detail {
    color: #777;
    font-size: 13px;
    line-height: 20px;
}

.jobopenings .jobinfo-lead {
    color: #222;
}

.jobopenings .jobinfo-ago {
    color: #858585;
    font-size: 14px;
    line-height: 20px;
}

.jobopenings .icon-section a {
    border-radius: 3px;
    color: #b1b1b1;
    padding: 4px;
    margin-left: 1px;
    min-width: 12px;
}

    .jobopenings .icon-section a i {
        font-size: 14px;
    }

#candidate_list_wrapper > .row:first-child {
    width: 250px;
    position: absolute;
    top: 5px;
}

    #candidate_list_wrapper > .row:first-child div {
        width: 100%;
    }

    #candidate_list_wrapper > .row:first-child > div:first-child {
        display: none;
    }

.candidates .icon-section a {
    color: #b1b1b1;
    padding: 3px;
}

    .candidates .icon-section a i {
        font-size: 14px;
    }

select.candidateSelect + span.select2 {
    width: 220px;
    text-align: left;
}

select.candidateSelect.inline-block + span.select2 {
    display: inline-block !important;
}

    select.candidateSelect.inline-block + span.select2 + a i {
        font-size: 14px;
    }

select.jobopeningSelect + span.select2 {
    width: 150px;
    text-align: left;
}

td.td-jobStatus {
    width: 250px;
}

select.jobStatus + span.select2 {
    display: inline-block;
    width: 120px;
}

    select.jobStatus + span.select2 + a {
        color: #b1b1b1;
        padding-left: 5px;
    }

        select.jobStatus + span.select2 + a i {
            font-size: 14px;
        }

table#candidate_list td:nth-child(1), table#candidate_list th:nth-child(1) {
    width: 20%;
}

table#candidate_list td:nth-child(2), table#candidate_list th:nth-child(2) {
    width: 20%;
}

table#candidate_list td:nth-child(3), table#candidate_list th:nth-child(3) {
    width: 10%;
    min-width: 150px;
}

table#candidate_list td:nth-child(4), table#candidate_list th:nth-child(4) {
    width: 20%;
    min-width: 260px;
}

table#candidate_list td:nth-child(5), table#candidate_list td:nth-child(6), table#candidate_list td:nth-child(7), table#candidate_list th:nth-child(5), table#candidate_list th:nth-child(6), table#candidate_list th:nth-child(7) {
    width: 10%;
}

.cke_button_on, .cke_combo_button, .cke_toolgroup {
    background-color: transparent !important;
}

.question {
    display: flex;
    align-items: center;
}

    .question > span {
        margin: 0 5px;
    }

    .question .switch-toggle + label {
        margin-bottom: 0;
    }

    .question span.onoff:not(.customQuestions-onoff) {
        display: none;
    }

    .question .switch.checked + span + span.onoff {
        display: block;
    }

    .question span.onoff > span {
        border: 1px solid #bbb;
        margin: 0;
        cursor: pointer;
        width: 18px;
        height: 18px;
        text-align: center;
        display: inline-block;
        line-height: 25px;
    }

    .question span.onoff span.on {
        border-right: none;
    }

        .question span.onoff span.off span, .question span.onoff span.on span {
            visibility: hidden;
            font-size: 18px;
        }

    .question span.onoff.ON span.on span {
        visibility: visible;
    }

    .question span.onoff.OFF span.off span {
        visibility: visible;
    }

.customQuestions-section.form-inline .form-group {
    margin-bottom: 15px;
}

.removeCustomQuestion {
    cursor: pointer;
    color: #777;
}

.addeditjob .form-actions .btn i {
    font-size: 15px;
}

.addeditjob h3 span {
    font-size: 18px;
}


#previewApplication_model input[type=date] {
    line-height: 10px !important;
}

.jobsDisplay {
    display: flex;
    justify-content: center;
}

    .jobsDisplay .halfSection {
        width: 992px;
        position: relative;
    }

        .jobsDisplay .halfSection .title {
            color: #888;
            padding: 15px 15px 15px 20px;
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 400;
            border-left: 5px solid rgba(10,140,240,.4);
            background: #f5f5f5;
        }

        .jobsDisplay .halfSection .totalJobs {
            font-size: 22px;
            background-color: rgba(10,140,240,.6);
            border-radius: 50% !important;
            margin: auto;
            padding: 3px 10px;
            position: absolute;
            right: 20px;
            top: 10px;
            color: #fff;
            font-weight: 400;
        }

table#opened_Jobs thead {
    display: none;
}

table#opened_Jobs {
    background-color: transparent;
}

    table#opened_Jobs td {
        padding: 5px 0;
    }

        table#opened_Jobs td:first-child {
            display: none;
        }

    table#opened_Jobs .portlet {
        position: relative;
        margin-bottom: 0;
        border-radius: 8px;
    }

    table#opened_Jobs .jobinfo-title {
        font-size: 18px;
        line-height: 34px;
        font-weight: 400;
        text-transform: uppercase;
        margin-right: 210px;
    }

    table#opened_Jobs .jobinfo-detail {
        font-size: 14px;
        color: #888;
        margin-right: 210px;
    }

        table#opened_Jobs .jobinfo-detail span {
            padding: 0 3px;
        }

            table#opened_Jobs .jobinfo-detail span:first-child {
                padding-left: 0;
            }

    table#opened_Jobs td .jobinfo-btn {
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

        table#opened_Jobs td .jobinfo-btn .btn {
            font-size: 12px;
            background-color: rgba(255,250,205,.7);
            color: #888;
        }

            table#opened_Jobs td .jobinfo-btn .btn:hover {
                color: #888 !important;
            }

.jobDetailsHeader {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

    .jobDetailsHeader .jobIcon {
        font-size: 40px;
        float: left;
    }

        .jobDetailsHeader .jobIcon i {
            line-height: 48px;
        }

    .jobDetailsHeader .jobDetails {
        margin-left: 54px;
    }

.jobDetailsFooter {
    border-top: 1px dashed #ddd;
    margin-top: 30px;
    padding-top: 10px;
}

.jobHeading h3 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
}

.jobHeading span {
    color: #555;
}

.jobDetailsSidebar .list-items:not(.media-list-form) > li {
    border-bottom: 1px dashed #ddd;
}

.jobDetailsSidebar .list-items > li:last-child {
    border-bottom: none;
}

.jobDetailsSidebar .media {
    padding: 15px 0;
}

.jobDetailsSidebar .media-list-form {
    margin-bottom: 0;
}

    .jobDetailsSidebar .media-list-form .media {
        margin-top: 0 !important;
    }

.jobDetailsSidebar .media i {
    float: left;
    line-height: 23px;
    margin-right: 5px;
    position: relative;
    font-size: 15px;
    color: #888;
}

.jobDetailsSidebar h4.media-heading {
    font-size: 15px;
    font-weight: 400;
    color: #777;
}

.jobDetailsSidebar .media-list-form .media h4.media-heading {
    font-size: 13px;
}

.jobDetailsSidebar .media-heading-sub {
    font-weight: 500;
    color: #555;
}

.applyJobButton {
    width: 300px;
}

.jobButtonSection.description .btnJobApplyNow, .jobButtonSection.description .btnJobDescription {
    display: none;
}

.jobButtonSection.apply .btnJobApply {
    display: none;
}

#applicantTracking .jobDetailsHeader {
    padding-bottom: 20px;
}

#applicantTracking #fullJobDetails {
    cursor: pointer;
}

#applicantTracking .jobDetailsBody {
    padding-top: 15px;
}

#applicantTracking .jobMoreDetails {
    max-height: 0;
    overflow: hidden;
    transition: max-height 2s linear;
}

    #applicantTracking .jobMoreDetails.show {
        max-height: 2000px;
    }

#applicantTracking .applicantSection {
    padding-top: 13px;
}

#applicantTracking .totalApplicants, #applicantTracking .totalApplicants i {
    font-size: 16px;
    color: #82af13;
    font-weight: 500;
}

#applicantTracking .addApplicants, #applicantTracking .addApplicants i {
    font-size: 12px;
    font-weight: 500;
}

#applicantTracking .addApplicants {
    margin-left: 15px;
}

table#applicants_list td:nth-child(1), table#applicants_list th:nth-child(1) {
    width: 30%;
}

table#applicants_list td:nth-child(2), table#applicants_list th:nth-child(2) {
    width: 15%;
    min-width: 140px;
}

table#applicants_list td:nth-child(3), table#applicants_list td:nth-child(4), table#applicants_list td:nth-child(6), table#applicants_list th:nth-child(3), table#applicants_list th:nth-child(4), table#applicants_list th:nth-child(6) {
    width: 10%;
}

table#applicants_list td:nth-child(5), table#applicants_list th:nth-child(5) {
    width: 25%;
    min-width: 260px;
}

.candidateInfo .jobDetailsHeader {
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 0;
}

.candidateInfo .leftTopFlexBox {
    display: flex;
    justify-content: space-between;
}

    .candidateInfo .leftTopFlexBox .actionBox a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        padding: 0;
    }

        .candidateInfo .leftTopFlexBox .actionBox a:hover {
            color: #666 !important;
        }

        .candidateInfo .leftTopFlexBox .actionBox a i {
            font-size: 14px;
            line-height: 30px;
        }

.candidateInfo .nav-tabs {
    margin-bottom: 0 !important;
}

    .candidateInfo .nav-tabs > li > a {
        padding: 15px;
        font-size: 14px;
    }

.candidateInfo .tab-content {
    border: 1px solid #ddd;
    border-top: none;
}

    .candidateInfo .tab-content .tab-pane {
        padding: 40px 20px 20px 20px;
    }

.candidateInfo .rightTopFlexBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.candidateInfo .rightTopButton i {
    font-size: 18px;
    color: #999;
}

.candidateInfo .starsBig label.star {
    padding: 0 5px;
    font-size: 32px;
    margin-bottom: 0;
}

.candidateInfo .select2-container--bootstrap .select2-selection--single {
    height: 34px !important;
    line-height: 1.5 !important;
}

.candidateInfo .select2-container--bootstrap .select2-selection--single {
    line-height: 1.5 !important;
}

.customQuestions ol {
    margin: 0;
    padding-left: 10px;
}

.customQuestions li:not(:last-child) {
    margin-bottom: 10px;
}

.customQuestions h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
}

.customQuestions .question {
    font-size: 14px;
    font-weight: 400;
}

.customQuestions .answer {
    font-weight: 400;
    color: #777;
}

.formStepsOfferStatus, .offerDetails, .offerLetter {
    margin-bottom: 40px;
}

    .formStepsOfferStatus li:last-child .icon {
        border: none !important;
    }

    .attachedFiles .title, .offerDetails .title, .offerLetter .title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
    }

.offerExpire {
    margin-bottom: 20px;
}

.offerDetailsInner {
    display: flex;
}

    .offerDetailsInner .col {
        border: 1px solid rgba(221,221,221,.6);
        border-radius: 5px;
        padding: 20px 10px;
        text-align: center;
        flex: 1;
    }

        .offerDetailsInner .col:not(:last-child) {
            margin-right: 10px;
        }

    .offerDetailsInner .heading, .offerExpire .description {
        color: #777;
        font-weight: 400;
        margin-bottom: 2px;
    }

    .offerDetailsInner .description, .offerExpire .heading {
        color: #555;
        font-weight: 500;
    }

.offerLetter .offerLetterText {
    border: 1px solid rgba(221,221,221,.6);
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

    .offerLetter .offerLetterText a.btn {
        position: absolute;
        bottom: -22px;
        left: 50%;
        transform: translateX(-50%);
    }

.attachedFilesInner {
    display: flex;
}

    .attachedFilesInner .col {
        border: 1px solid rgba(221,221,221,.6);
        border-radius: 5px;
        padding: 20px 10px;
        cursor: pointer;
        margin-right: 10px;
    }

        .attachedFilesInner .col:hover {
            background-color: rgba(221,221,221,.3);
        }

        .attachedFilesInner .col .fileName {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 20px;
            color: #555;
        }

        .attachedFilesInner .col .fileInfo {
            font-weight: 500;
            color: #777;
        }

#offerAttachedFile .modal-body object {
    padding-left: 50px;
    padding-right: 50px;
}

.notesBlock .tabbable-line > .tab-content {
    border-top: none !important;
    padding: 0 !important;
}

.notesBlock .nav-tabs {
    margin-bottom: 30px !important;
}

.notesBlock .tabbable-line > .nav-tabs {
    display: flex;
    justify-content: flex-end;
}

    .notesBlock .tabbable-line > .nav-tabs > li {
        border-width: 3px !important;
        float: none;
    }

.notesBlock .formBlock {
    background: rgba(235,235,235,.7);
    padding: 20px 20px 5px 20px;
    display: flex;
}

    .notesBlock .formBlock .commenterImage {
        margin-right: 20px;
        width: 55px;
        height: 55px;
    }

        .notesBlock .formBlock .commenterImage img {
            border-radius: 50%;
        }

    .notesBlock .formBlock .addComment {
        width: 100%;
    }

.notesBlock .form-control {
    background-color: #fff !important;
}

.candidateInfo .notesBlock .form-group .btn:first-child {
    margin-left: 0 !important;
}

.candidateInfo .notesBlock .form-group .btn:last-child {
    margin-right: 0 !important;
}

.candidateInfo .notesBlock .form-group .btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.commentsBlock {
    margin-top: 30px;
}

    .commentsBlock .commentsList:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px dashed #ebebeb;
    }

.messageBox {
    display: flex;
}

    .messageBox .leftBlock {
        margin: 0 20px;
        width: 55px;
        height: 55px;
    }

        .messageBox .leftBlock img {
            border-radius: 50%;
        }

    .messageBox .rightBlock {
        flex-grow: 1;
    }

        .messageBox .rightBlock .mainHeading {
            font-size: 15px;
            font-weight: 500;
        }

        .messageBox .rightBlock .subHeading {
            font-weight: 500;
            color: #777;
        }

        .messageBox .rightBlock .comment {
            margin-top: 10px;
            color: #444;
        }

        .messageBox .rightBlock .status {
            color: #777;
            font-weight: 400;
            margin-top: 10px;
        }

    .messageBox .actionBox a {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        padding: 0;
        color: #777;
    }

        .messageBox .actionBox a i {
            font-size: 14px;
            line-height: 25px;
        }

    .messageBox .actionBox {
        visibility: hidden;
    }

    .messageBox:hover .actionBox {
        visibility: visible;
    }

    .commentsList .reply, .messageBox .rightBlock .status span {
        font-weight: 500;
    }

.commentsList .reply {
    margin-top: 20px;
    margin-left: 20px !important;
}

    .commentsList .reply i {
        color: #555;
    }

.replyBlock {
    margin-left: 65px !important;
    margin-top: 20px;
}

    .replyBlock .replyList {
        margin-bottom: 10px;
    }

.replyList.editMode .messageBox {
    display: none;
}

.replyBlock .addReplyBlock, .replyBlock.addMode .addReply {
    display: none;
}

.replyBlock.addMode .addReplyBlock {
    display: flex;
}

.uploadedImage {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .uploadedImage img {
        border-radius: 50%;
    }

.nameImage {
    width: 45px;
    height: 45px;
    background-color: #cacaca;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.historyBlock .historyList {
    display: flex;
}

    .historyBlock .historyList:not(:last-child) {
        margin-bottom: 20px;
    }

.historyBlock .leftBlock {
    margin-right: 20px;
}

    .historyBlock .leftBlock .icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #ddd;
        text-align: center;
    }

        .historyBlock .leftBlock .icon i {
            line-height: 50px;
            font-size: 18px;
        }

.historyBlock .rightBlock {
    flex-grow: 1;
}

    .historyBlock .rightBlock .heading {
        font-size: 15px;
        font-weight: 500;
        color: #777;
    }

        .historyBlock .rightBlock .heading span {
            font-weight: 600;
        }

        .historyBlock .rightBlock .heading .rating {
            display: flex;
        }

            .historyBlock .rightBlock .heading .rating .stars {
                margin-left: 10px;
            }

            .historyBlock .rightBlock .heading .rating label.star {
                font-size: 15px;
                margin-bottom: 0;
                padding: 0 2px;
            }

    .historyBlock .rightBlock .name {
        font-weight: 500;
    }

    .historyBlock .rightBlock .comment {
        padding: 5px 0;
        color: #444;
    }

    .historyBlock .rightBlock .datetime {
        color: #777;
        font-weight: 500;
    }

.historyList .actionBox a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
}

    .historyList .actionBox a i {
        font-size: 14px;
        line-height: 30px;
    }

.historyList .actionBox {
    visibility: hidden;
}

.historyList:hover .actionBox {
    visibility: visible;
}

.createOffer .editableBlock {
    min-height: 300px;
    border: 1px solid rgba(221,221,221,.6);
    padding: 10px;
}

.createOffer .note-editor .editableBlock {
    height: 300px;
    border: none;
}

.createOffer .editableBlock.emailSubject {
    min-height: 50px;
    border-bottom: none;
}

.addFiles, .previewEmail {
    position: relative;
}

    .addFiles a#previewOfferLink, .previewEmail a#previewEmailLink {
        position: absolute;
        right: 5px;
        top: 0;
        font-weight: 500;
    }

#addFiles .modal-footer {
    text-align: left;
}

#addFiles .list-items:not(.media-list-form) > li {
    border-bottom: 1px dashed #ddd;
}

#addFiles .list-items > li:last-child {
    border-bottom: none;
}

#addFiles .media {
    padding: 10px 0;
    margin-top: 0 !important;
}

#addFiles .media-list {
    margin-bottom: 0 !important;
}

#addFiles .media i {
    float: left;
    line-height: 23px;
    margin-right: 10px;
    position: relative;
    font-size: 15px;
    color: #888;
}

#addFiles h4.media-heading {
    font-size: 15px;
    font-weight: 500;
    color: #555;
}

#addFiles .media-heading-sub {
    font-weight: 400;
    color: #777;
}

#previewEmail .emailHeader {
    margin-bottom: 20px;
}

    #previewEmail .emailHeader .heading {
        font-weight: 500;
        color: #555;
        padding-right: 5px;
    }

    #previewEmail .emailHeader .text {
        font-weight: 400;
        color: #777;
    }

#previewOffer {
    padding: 0 !important;
}

    #previewOffer .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #previewOffer .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
        background-color: #f0f0f0;
    }

    #previewOffer .modal-header {
        background-color: #fff;
    }

    #previewOffer .modal-body {
        padding: 40px 110px;
    }

    #previewOffer .header {
        text-align: center;
    }

        #previewOffer .header .date {
            margin-top: 10px;
            font-size: 14px;
            color: #999;
            font-weight: 400;
        }

    #previewOffer hr {
        height: 1px;
        margin: 40px 0;
    }

    #previewOffer .portlet.light {
        padding: 40px 110px;
        margin-bottom: 0;
    }

    #previewOffer .previewOfferBody {
        font-size: 14px;
        font-weight: 500;
        color: #777;
        line-height: 24px;
    }

    #previewOffer .footer .heading {
        font-size: 15px;
        font-weight: 500;
        color: #0a8cf0;
    }

    #previewOffer .footer .offerRead {
        margin: 10px 0;
        font-weight: 500;
        color: #555;
    }

    #previewOffer .signatureBlock .text, #previewOffer .signaturebox {
        width: 300px;
    }

        #previewOffer .datebox label, #previewOffer .signaturebox label {
            opacity: .3;
            padding: 8px 0;
            margin-bottom: 0;
        }

    #previewOffer .dateBlock .text, #previewOffer .signatureBlock .text {
        color: #777;
        border-top: 1px solid #777;
        margin-top: 5px;
        padding-top: 10px;
    }

    #previewOffer .dateBlock .text, #previewOffer .datebox {
        width: 100px;
    }

    #previewOffer .dateBlock {
        margin-top: 20px;
    }

    #previewOffer .headBlock {
        display: flex;
        margin-top: 10px;
    }

        #previewOffer .headBlock .leftBlock {
            margin-right: 10px;
        }

        #previewOffer .headBlock .mainHeading {
            font-weight: 500;
            font-size: 15px;
        }

        #previewOffer .headBlock .subHeading {
            font-weight: 500;
        }

body.offerLetter #previewOffer {
    background-color: #f0f0f0;
    padding: 40px 110px !important;
}

    body.offerLetter #previewOffer .signaturebox + .text {
        position: relative;
    }

    body.offerLetter #previewOffer .removeSignature {
        position: absolute;
        right: 0;
        color: #0a8cf0;
        cursor: pointer;
    }

        body.offerLetter #previewOffer .removeSignature:hover {
            color: #0a8cf0;
            font-weight: 400;
        }

    body.offerLetter #previewOffer .signaturebox, body.offerLetter #previewOffer .signaturebox label {
        cursor: pointer;
    }

    body.offerLetter #previewOffer .datebox label {
        opacity: 1 !important;
        color: #555;
    }

.hirePacket hr {
    margin: 30px 0;
}

.hirePacket .requiredBox {
    position: absolute;
    top: 0;
    right: 15px;
}

.hirePacket .candidateInfo {
    margin-bottom: 30px;
}

    .hirePacket .candidateInfo .icon {
        float: left;
        font-size: 40px;
        margin-right: 10px;
    }

        .hirePacket .candidateInfo .icon i {
            line-height: 30px;
        }

    .hirePacket .candidateInfo .name {
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 400;
    }

.hirePacket .heading {
    margin-bottom: 20px;
}

    .hirePacket .heading h3 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .hirePacket .heading p {
        color: #777;
        font-weight: 400;
        margin-bottom: 0;
    }

.emailQuestions .selectionBox {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

    .emailQuestions .selectionBox .chkBox {
        display: flex;
        align-items: center;
        color: #555;
    }

        .emailQuestions .selectionBox .chkBox span.switch {
            margin-right: 5px;
        }

            .emailQuestions .selectionBox .chkBox span.switch label {
                margin-bottom: 0;
            }

    .emailQuestions .selectionBox .chooseBox {
        margin-left: 5px;
        margin-right: 5px;
    }

        .emailQuestions .selectionBox .chooseBox .btn {
            color: #777;
            min-width: 150px;
            padding: 5px;
            text-align: left;
        }

            .emailQuestions .selectionBox .chooseBox .btn i {
                position: absolute;
                right: 5px;
            }

        .emailQuestions .selectionBox .chooseBox .dropdown-menu > li > a:focus, .emailQuestions .selectionBox .chooseBox .dropdown-menu > li > a:hover {
            background-color: #eee !important;
            color: #555 !important;
        }

.emailQuestions .customQuestions-section .headingBox p {
    color: #999;
    font-weight: 400;
}

    .emailQuestions .customQuestions-section .headingBox p > span {
        float: right;
        right: -22px;
        position: relative;
    }

    .emailQuestions .customQuestions-section .headingBox p span.icon {
        font-size: 18px;
        position: relative;
        top: 5px;
    }

.sendPacket {
    float: right;
    margin-right: 10px !important;
}

.wizardForm {
    position: relative;
    padding: 20px 60px !important;
    margin-bottom: 0 !important;
}

    .wizardForm legend {
        display: none;
    }

    .wizardForm .commands {
        position: absolute;
        right: 60px;
        top: 7px;
    }

        .wizardForm .commands a, .wizardForm .commands a:hover {
            background-color: #0a8cf0;
            color: #f5f5f5 !important;
            border-radius: 15px;
            padding: 5px 10px 4px 10px !important;
        }

            .wizardForm .commands a.submit, .wizardForm .commands a.submit:hover {
                background-color: #0a8cf0;
                color: #eee !important;
            }

    .wizardForm .steps {
        list-style: none;
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .wizardForm .steps li {
            color: #b0b1b3;
            font-size: 24px;
            float: left;
            padding: 12px 30px;
            transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
        }

            .wizardForm .steps li span {
                font-size: 11px;
                display: block;
            }

            .wizardForm .steps li.current {
                color: #000;
            }

    .wizardForm .breadcrumb {
        height: 37px;
        background-color: transparent;
        margin-bottom: 30px;
    }

        .wizardForm .breadcrumb li {
            background: #eee;
            font-size: 14px;
            line-height: 14px;
        }

            .wizardForm .breadcrumb li.current:after {
                border-top: 18px solid transparent;
                border-bottom: 18px solid transparent;
                border-left: 6px solid #0a8cf0;
                content: ' ';
                position: absolute;
                top: 0;
                right: -6px;
            }

            .wizardForm .breadcrumb li.current {
                background: #0a8cf0;
                color: #eee;
                position: relative;
                font-weight: 500;
            }

            .wizardForm .breadcrumb li:last-child:after {
                border: none;
            }

        .wizardForm .breadcrumb > li + li::before {
            content: "";
        }

    .wizardForm .welcomeBox h3 {
        color: #0a8cf0;
        font-weight: 400;
        font-size: 28px;
    }

    .wizardForm .welcomeBox p {
        color: #999;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }

.welcomeBox + hr {
    margin-top: 40px;
    margin-bottom: 40px;
}

.joiningBox {
    display: flex;
    border: 1px solid rgba(10,140,240,.2);
    border-left: 3px solid #0a8cf0 !important;
    align-content: center;
}

    .joiningBox:not(:last-child) {
        margin-bottom: 40px;
    }

    .joiningBox .col {
        flex: 1;
        position: relative;
        padding: 20px 20px;
    }

        .joiningBox .col:not(:last-child) {
            margin-right: 20px;
        }

            .joiningBox .col:not(:last-child):after {
                content: "";
                position: absolute;
                right: 15px;
                border-right: 1px dashed #ddd;
                height: 100%;
                top: 0;
            }

    .joiningBox .title {
        color: #0a8cf0;
        font-weight: 400;
        font-size: 22px;
        padding-bottom: 20px;
    }

    .joiningBox .joinDetailOuter {
        display: flex;
    }

    .joiningBox .joinDetail {
        align-items: center;
        flex: 1;
    }

        .joiningBox .joinDetail i {
            color: #0a8cf0;
            font-size: 24px;
            margin-right: 10px;
        }

        .joiningBox .joinDetail span {
            font-size: 18px;
            color: #777;
            font-weight: 400;
        }

    .joiningBox .contactBox .nameImage {
        float: left;
        margin-right: 10px;
    }

    .joiningBox .contactBox .name {
        font-weight: 500;
        font-size: 15px;
    }

    .joiningBox .contactBox .designation {
        color: #777;
        font-weight: 400;
    }

    .joiningBox .contactBox .email a {
        color: #0a8cf0 !important;
        font-weight: 400 !important;
    }

.wizardForm .accordion-note-headings.firstNode {
    padding-top: 0 !important;
}

.wizardForm .form-control, .wizardForm .select2-selection {
    background-color: transparent !important;
}

.wizardForm #familyInfo hr {
    border-top: 1px dashed #ddd;
    margin-top: 15px;
    margin-bottom: 20px;
}

.ms-list-style2 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

    .ms-list-style2 .ms-container {
        width: 700px !important;
    }

        .ms-list-style2 .ms-container .ms-list {
            height: 400px !important;
        }

.richTextToolBar {
    background-color: #eee;
    padding: 10px 10px 6px 10px;
}

div[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: #999;
}

.placeholderBlock {
    position: fixed;
    right: 0;
}

    .placeholderBlock .searchBox {
        border-bottom: 1px dashed #ddd;
        padding-bottom: 10px;
    }

#placeholders {
    margin-bottom: 0;
}

    #placeholders li.media {
        padding: 0;
    }

        #placeholders li.media button {
            border: none;
            width: 100%;
            text-align: left;
            padding: 10px;
            background-color: transparent;
            font-size: 13px;
        }

#tempPlaceholderspan {
    visibility: hidden;
}

#placeholders li.media .media-heading {
    margin-bottom: 0;
}

#placeholders .placeHolderLabel .media-heading-sub {
    display: none;
}

.csEditor img {
    background-color: #ddd;
}

#shiftForm button[type=button] {
    color: #777;
}

td.delete-link, td.edit-link {
    cursor: pointer;
}

.btn-group.workGroup > button i {
    font-size: 15px;
    color: #000;
}

.btn-group.workGroup ul.dropdown-menu {
    margin-top: 10px;
}

    .btn-group.workGroup ul.dropdown-menu li {
        padding: 10px 15px;
    }

        .btn-group.workGroup ul.dropdown-menu li:first-child {
            padding-top: 20px;
        }

        .btn-group.workGroup ul.dropdown-menu li:last-child {
            padding-bottom: 20px;
        }

        .btn-group.workGroup ul.dropdown-menu li a {
            padding: 0 !important;
            margin: 0 !important;
        }

            .btn-group.workGroup ul.dropdown-menu li a i {
                margin-right: 5px;
                color: #000;
            }

            .btn-group.workGroup ul.dropdown-menu li a:hover, .btn-group.workGroup ul.dropdown-menu li:hover a {
                background-color: unset !important;
                color: #222 !important;
            }

.page-timesheet .search-box .form-group {
    padding: 1px !important;
}

    .page-timesheet .search-box .form-group:first-child {
        padding-left: 0 !important;
    }

    .page-timesheet .search-box .form-group .btn:not(.btn-file) {
        margin: 0 !important;
        padding: 5px 6px !important;
    }

    .page-timesheet .search-box .form-group .input-xsmall {
        width: 55px !important;
    }

    .page-timesheet .search-box .form-group input[type=file] {
        width: 93px !important;
    }

.page-timesheet .gridSettings {
    padding-bottom: 10px;
}

    .page-timesheet .gridSettings i {
        font-size: 16px;
    }

.timesheetContainer {
    width: 100%;
    height: 300px;
    overflow: scroll !important;
    position: relative;
}

    .timesheetContainer table {
        border-collapse: separate;
        border-spacing: 0;
        position: absolute;
        width: 100%;
    }

    .timesheetContainer td, .timesheetContainer th {
        border-right: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;
    }

    .fixed-cell, .timesheetContainer th {
        background: #eee;
    }

    .timesheetContainer .cross {
        position: relative;
        z-index: 1;
    }

table.timesheetTable .tool {
    color: #a9a9a9;
}

    table.timesheetTable .tool.icon-dayNight:hover {
        color: #716aca;
    }

table.timesheetTable .rgRow, table.timesheetTable .rgRow:hover {
    background-color: #fff !important;
}

table.timesheetTable tr.ph-day {
    background-color: rgba(46,139,87,.1) !important;
}

    table.timesheetTable tr.ph-day td {
        color: #2e8b57 !important;
    }

    table.timesheetTable tr.ph-day:hover {
        background-color: rgba(46,139,87,.1) !important;
    }

table.timesheetTable .tool.icon-PhDay:hover {
    color: #2e8b57;
}

table.timesheetTable tr.off-day {
    background-color: rgba(255,99,71,.1) !important;
}

    table.timesheetTable tr.off-day td {
        color: red !important;
    }

    table.timesheetTable tr.off-day:hover {
        background-color: rgba(255,99,71,.1) !important;
    }

table.timesheetTable .tool.icon-OffDay:hover {
    color: red;
}

table.timesheetTable tr.birth-day {
    background-color: rgba(54,163,247,.1) !important;
}

    table.timesheetTable tr.birth-day td {
        color: #36a3f7 !important;
    }

    table.timesheetTable tr.birth-day:hover {
        background-color: rgba(54,163,247,.1) !important;
    }

table.timesheetTable .tool.icon-BirthDay:hover {
    color: #36a3f7 !important;
}

table.timesheetTable tr.leave-day {
    background-color: rgba(138,43,226,.1) !important;
}

    table.timesheetTable tr.leave-day td {
        color: #8a2be2 !important;
    }

    table.timesheetTable tr.leave-day:hover {
        background-color: rgba(138,43,226,.1) !important;
    }

table.timesheetTable .tool.icon-LeaveDay:hover {
    color: #8a2be2;
}

table.timesheetTable .tool {
    position: relative;
}

    .tool::after, table.timesheetTable .tool::before {
        position: absolute;
        left: 50%;
        opacity: 0;
        z-index: -100;
    }

    table.timesheetTable .tool:focus::after, table.timesheetTable .tool:focus::before, table.timesheetTable .tool:hover::after, table.timesheetTable .tool:hover::before {
        opacity: 1;
        z-index: 100;
    }

    table.timesheetTable .tool::before {
        border-style: solid;
        border-width: 1em .75em 0 .75em;
        border-color: rgba(62,71,79,.7) transparent transparent transparent;
        bottom: 100%;
        margin-left: -.8em;
        content: " ";
    }

table.timesheetTable tr:first-child .tool::before {
    bottom: 0;
    top: 12px;
    transform: rotate(180deg);
}

table.timesheetTable .tool::after {
    background: rgba(62,71,79,.7);
    border-radius: .25em;
    bottom: 170%;
    color: #fff;
    width: 17.5em;
    padding: 1em;
    margin-left: -8.75em;
    content: attr(data-tip);
    text-align: center;
}

table.timesheetTable tr:first-child .tool::after {
    bottom: -46px;
}

#tblUploadDocuments .form-control {
    width: 250px !important;
}

#tblUploadDocuments .actionBlock a:first-child {
    margin-right: 10px;
}

#tblUploadDocuments .form-inline .form-group:not(:last-child) {
    margin-right: 10px;
}

.RadGrid.tabSetting {
    width: 300px !important;
    overflow: hidden !important;
}

.tabSetting {
    display: flex;
    flex-wrap: wrap;
}

    .tabSetting .col {
        display: flex;
        flex-wrap: wrap;
        width: 190px;
        margin-bottom: 15px;
    }

        .tabSetting .col .switch {
            margin-right: 5px;
        }

table td {
    font-weight: 600 !important;
    color: #000 !important;
}

.timesheetGrid .tooltip {
    z-index: 9999 !important;
}

    .timesheetGrid .tooltip img {
        width: 200px !important;
        height: 200px !important;
        max-width: 100% !important;
    }

.timesheetGrid .imgCol i {
    font-size: 15px;
    font-weight: 500;
}

.dueBox {
    display: flex;
}

    .dueBox .blockBox {
        width: 150px;
    }

.inlineBox {
    display: flex;
}

    .inlineBox .box:not(:first-child) {
        margin-left: 10px;
    }

.onboardingTaskAdd .inlineBox .box:nth-child(2) {
    margin-left: 5px;
}

.cancelTask:hover {
    color: #666 !important;
}

.checkboxBlock {
    display: flex;
    flex-wrap: wrap;
}

    .checkboxBlock .col {
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        margin-bottom: 15px;
    }

        .checkboxBlock .col .switch {
            margin-right: 5px;
        }

#selectedFor, .iconSelectedFor {
    color: #555;
    font-weight: 500;
}

#selectedRequiredFor {
    padding-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    #selectedRequiredFor > div {
        margin-right: 10px !important;
        cursor: unset !important;
        color: #777;
        font-weight: 500 !important;
        text-transform: unset !important;
        font-size: 12px !important;
    }

    #selectedRequiredFor .removeRequiredFor {
        cursor: pointer;
        font-size: 15px;
        color: #555;
    }

#requiredFor .select2 {
    width: 220px;
}

#requiredFor #chooserBox {
    margin-top: 20px;
}

#requiredFor .select2-search {
    display: none;
}

.accordion-simple {
    margin-bottom: 0;
}

    .accordion-simple .panel {
        box-shadow: none;
    }

        .accordion-simple .panel .panel-title .accordion-toggle {
            padding: 10px 0;
        }

    .accordion-simple .panel-body {
        padding: 0;
    }

    .accordion-simple .panel-heading {
        background: #fff;
    }

        .accordion-simple .panel-heading .panel-title {
            font-size: 15px;
        }

        .accordion-simple .panel-heading + .panel-collapse > .panel-body {
            border-top: none;
        }

    .accordion-simple .media-list {
        background-color: #eee;
        padding: 10px;
    }

        .accordion-simple .media-list li {
            cursor: pointer;
            padding: 10px;
            border: 1px solid;
            border-color: transparent;
            margin-top: 0;
        }

            .accordion-simple .media-list li:hover {
                background: #fff;
                border: 1px solid #ccc;
            }

.path {
    position: relative;
    margin-top: 50px;
}

.pathLine {
    position: absolute;
    z-index: 1;
    height: calc(100% - 5px);
    width: 1px;
    top: 0;
    left: 35px;
    border-left: 4px solid #ddd;
}

.pathLevels {
    position: relative;
    padding: 0;
}

    .pathLevels .removeRow {
        position: absolute;
        cursor: pointer;
        color: #777;
        top: 5px;
        left: -5px;
    }

.pathLevel {
    list-style: none;
    padding-bottom: 40px;
    clear: both;
}

    .pathLevel .levelIcon {
        width: 70px;
        height: 70px;
        background-color: #ddd;
        color: #fff;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        line-height: 70px;
        border-radius: 50% !important;
        position: absolute;
        left: 0;
        z-index: 5;
        border: 0;
    }

    .pathLevel .levelAdd {
        position: absolute;
        left: 0;
        z-index: 5;
        border: 0;
    }

    .pathLevel .levelContent {
        width: 700px;
        display: inline-block;
        position: relative;
    }

.levelContent .removePath {
    position: absolute;
    top: 10px;
    right: 10px;
}

.pathLevel .levelContentInner {
    margin-left: 90px;
    background-color: #fff;
    padding: 30px;
    border: 2px solid #ddd;
}

    .pathLevel .levelContentInner:before {
        content: '';
        position: absolute;
        top: 28px;
        height: 0;
        width: 0;
        border: 10px solid transparent;
        left: 70px;
        border-right: 10px solid #ddd;
    }

.sec-trainingModules .moduleHeading {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 5px;
}

.sec-trainingModules .moduleDetails {
    margin-bottom: 5px;
}

    .sec-trainingModules .moduleDetails:last-child {
        margin-bottom: 15px;
    }

.sec-careerPathGraph {
    text-align: center;
    overflow: auto;
}

.careerPathGraph {
    position: relative;
    display: flex;
}

    .careerPathGraph ul {
        margin-left: 20px;
        padding: 0;
    }

    .careerPathGraph li {
        padding-top: 20px;
        text-align: center;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .careerPathGraph li:only-child {
            padding-top: 0;
        }

        .careerPathGraph li a {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px 10px;
            background-color: #eee;
            border-radius: 5px;
            border: 1px solid #ccc;
            text-decoration: none;
            text-transform: uppercase;
            color: #555;
            font-family: arial,verdana,tahoma;
            font-size: 12px;
            width: 200px;
            min-height: 42px;
        }

        .careerPathGraph li:not(.verticalMove):not(.lateralMove):not(.currentPosition) a {
            cursor: unset !important;
        }

        .careerPathGraph li:not(.currentPosition) a:focus, .careerPathGraph li:not(.currentPosition) a:hover {
            color: #555 !important;
        }

        .careerPathGraph li.pathActive a:before {
            content: "\f0da";
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            left: -5px;
        }

li.track > ul:before {
    border-left: none;
}

.current .colorBox, .currentPosition a, .modal-header.current {
    background-color: #3cb371 !important;
    color: #fff !important;
}

.modal-header.vertical, .vertical .colorBox, .verticalMove a {
    background-color: wheat !important;
}

.lateral .colorBox, .lateralMove a, .modal-header.lateral {
    background-color: #b0c4de !important;
}

.pathDefination {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

    .pathDefination > div {
        display: flex;
    }

        .pathDefination > div:not(:first-child) {
            margin-left: 15px;
        }

    .pathDefination .colorBox {
        width: 30px;
        height: 20px;
        margin-right: 5px;
    }

.singlePathDetails .modal-body {
    padding: 15px;
}

    .singlePathDetails .modal-body .form-group:last-child {
        margin-bottom: 0;
    }

    .singlePathDetails .modal-body .form-group label {
        font-size: 15px;
        font-weight: 500;
        color: #555;
    }

    .singlePathDetails .modal-body .form-group .heading {
        color: #555;
        font-weight: 500;
    }

    .singlePathDetails .modal-body .form-group .description, .singlePathDetails .modal-body .form-group li {
        font-weight: 500;
        color: #777;
    }

    .singlePathDetails .modal-body .form-group ul {
        list-style-type: circle;
        padding-left: 20px;
    }

.trainingCourse #accordion-moreInfo-1 label.heading {
    color: #999;
    font-weight: 500;
}

.trainingCourse #accordion-moreInfo-1 label.detail {
    color: #555;
    font-weight: 500;
}

th.rgHeader .mt-checkbox > span::after {
    border-color: #fff;
}

body.appraisal th.rgHeader .mt-checkbox > span {
    top: -3px;
}

.rangeSlider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-top: 15px;
}

    .rangeSlider:hover {
        opacity: 1;
    }

    .rangeSlider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #0a8cf0;
        cursor: pointer;
    }

    .rangeSlider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #0a8cf0;
        cursor: pointer;
    }

.rangeSliderValue {
    margin-left: 20px;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.resultBox, body.previewResult {
    background-color: #f2f2f2;
}

.topBorderBar {
    width: 100%;
    height: 10px;
    background: #0a86ea;
}

.resultBox .title {
    color: #0a86ea;
    display: block;
    font-size: 30px;
    font-weight: 400;
    margin: 0 auto;
    padding: 20px 0 50px 0;
    text-align: center;
}

.quizBox {
    display: flex;
    justify-content: center;
    margin: 0;
    padding-bottom: 50px;
}

.quizBoxInner {
    background: #f9f9f9;
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    padding: 0;
}

.quizBox fieldset, .quizBox legend {
    border: 0;
}

.quizBox fieldset {
    margin-bottom: 30px;
    padding: 40px 30px;
    border-left: 4px solid #f9f9f9;
    position: relative;
}

.quizBox:not(.quizBoxFill) fieldset.star {
    margin-bottom: 20px;
    padding-bottom: 22px;
}

.quizBox fieldset:last-child {
    margin-bottom: 0;
}

.quizBox fieldset:hover {
    border-left: 4px solid #0a8cf0;
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.3);
    background-color: #fff;
}

.resultBox .questionNumber {
    position: absolute;
    left: -60px;
    font-size: 18px;
    font-weight: 500;
    color: #777;
}

.quizBox .heading {
    font-size: 18px;
    margin-bottom: 20px;
    color: #545e6b;
    font-weight: 400;
    line-height: 28px;
}

.quizBox fieldset.star .heading {
    margin-bottom: 15px;
}

.quizBox .detail label.star::before {
    font-size: 32px;
}

.quizBox fieldset .remarksBlock {
    margin-top: 35px;
}

.quizBox fieldset.star .remarksBlock {
    margin-top: 20px;
}

.resultBox .remarksBlock textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    width: 400px;
}

    .resultBox .remarksBlock textarea:focus, .resultBox .remarksBlock textarea:hover {
        border-bottom-color: #0a8cf0;
    }

.mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-radio-outline > span {
    border: 1px solid #bbb;
}

.resultBox .mt-radio-inline {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
}

.resultBox .mt-radio {
    margin-bottom: 0;
}

.closePreview {
    width: 50px;
    height: 40px;
    align-items: center;
    background-color: #7d7d7d;
    background-color: rgba(125,125,125,.6);
    border-radius: 20px;
    bottom: 30px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 50px;
    text-align: center;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-content: center;
}

    .closePreview a i {
        color: #e0e0e0;
        font-size: 20px;
        vertical-align: middle;
        font-weight: 300;
    }

.resultBox .mt-radio > span::after {
    background: #0a8cf0;
}

.general-item-list > .item {
    width: 430px;
}

    .general-item-list > .item > .item-head {
        margin-bottom: 5px;
    }

        .general-item-list > .item > .item-head:after, .general-item-list > .item > .item-head:before {
            content: " ";
            display: table;
        }

        .general-item-list > .item > .item-head:after {
            clear: both;
        }

        .general-item-list > .item > .item-head > .item-details {
            display: inline-block;
            float: left;
            width: 100%;
            position: relative;
        }

            .general-item-list > .item > .item-head > .item-details > .item-pic {
                height: 35px;
                margin-right: 10px;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                -o-border-radius: 100%;
                border-radius: 100%;
            }

            .general-item-list > .item > .item-head > .item-details > .item-name {
                display: inline-block;
                margin-right: 10px;
                font-size: 18px;
                line-height: 50px;
                font-weight: 500;
            }

            .general-item-list > .item > .item-head > .item-details > .item-icon {
                display: inline-block;
                height: 50px;
                width: 50px;
                border-radius: 30px;
                color: #fff;
                font-size: 20px;
                text-align: center;
                line-height: 50px;
                margin-right: 10px;
                float: left;
                background-image: linear-gradient(-45deg,#f55151,#ca475b);
                font-size: 24px;
            }

            .general-item-list > .item > .item-head > .item-details > .item-status {
                position: absolute;
                top: 10px;
                right: 10px;
            }

    .general-item-list > .item > .item-body {
        font-size: 15px;
        color: #000;
        line-height: 22px;
        margin-top: 10px;
        min-height: 66px;
    }

        .general-item-list > .item > .item-body .item-more {
            font-size: 16px;
            margin-top: 10px;
            cursor: pointer;
            line-height: 20px;
            font-weight: 500;
        }

.modelQRCode .modal-title {
    font-size: 20px;
    line-height: 24px;
}

.modelQRCode .modal-header p {
    font-size: 14px;
    margin-top: 5px;
    line-height: 20px;
    color: #000;
    margin-bottom: 0;
}

.modelQRCode .manualCode, .modelQRCode .qrCode {
    border: 3px solid #e7e7e7;
    border-radius: 3px;
    box-sizing: border-box;
}

.modelQRCode .qrCode {
    width: 140px;
    height: 140px;
}

.modelQRCode .manualCode {
    width: 250px;
    height: 120px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.manualCode .head {
    text-transform: uppercase;
    color: #777;
    letter-spacing: .5px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 500;
}

.manualCode .key {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.modelQRCode .btnNext {
    margin: 10px 0 0 0 !important;
}

.manualCode .infoNote {
    font-size: 12px;
    font-weight: 400;
}

.modelQRCode .appDownload {
    text-align: left;
    font-weight: 400;
}

    .modelQRCode .appDownload span {
        cursor: pointer;
    }

.modelQRCode .authGoogle {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .modelQRCode .authGoogle .icon {
        background-color: #ddd;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        line-height: 30px;
        margin-right: 5px;
    }

.modelQRCode .modal-footer {
    text-align: left;
    margin-top: 24px;
}

.flexForm {
    display: flex;
    height: 100%;
}

    .flexForm .center-box {
        display: flex;
        justify-content: center;
        width: 100%;
    }

        .flexForm .center-box .header {
            text-align: center;
        }

            .flexForm .center-box .header img {
                width: 150px;
                margin-bottom: 10px;
            }

        .flexForm .center-box .form-title {
            color: #6c7a8d;
            text-align: center;
            font-size: 22px;
            font-weight: 400 !important;
            text-transform: uppercase;
            margin-bottom: 30px;
        }

.note-toolbar .btn-group > .btn {
    box-shadow: unset !important;
}

.note-toolbar .btn.btn-sm {
    padding: 5px 10px !important;
}

.note-toolbar .note-current-color-button {
    margin-right: 0 !important;
    border-right: 0 !important;
}

.note-toolbar .note-color .dropdown-toggle {
    margin-left: 0 !important;
}

.note-color.open .dropdown-toggle + .dropdown-menu {
    display: flex;
    justify-content: space-between;
    width: 350px;
    padding: 10px;
}

.note-toolbar-wrapper {
    height: auto !important;
}

.note-group-image-url {
    display: none;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    position: relative;
    padding: 6px 10px !important;
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background-color: #eee !important;
    color: #555 !important;
}

.ms-container .ms-selection li.ms-elem-selection .switch {
    position: absolute;
    right: 5px;
    top: 4px;
}

    .ms-container .ms-selection li.ms-elem-selection .switch label {
        margin: 0 !important;
    }

.reportTable {
    width: 100%;
    margin-bottom: 20px;
}

    .reportTable thead tr:first-child th {
        border-top: none;
    }

    .reportTable td, .reportTable th {
        font-size: 13px !important;
        border: 1px solid;
    }

    .reportTable td {
        font-weight: 400 !important;
    }

        .reportTable td:first-child, .reportTable th:first-child {
            border-left: none;
        }

        .reportTable td:last-child, .reportTable th:last-child {
            border-right: none;
        }

        .reportTable td:first-child {
            width: 500px;
        }

    .reportTable .partNumber {
        font-size: 16px !important;
        font-weight: 500 !important;
    }

        .reportTable .partNumber .pointList {
            font-size: 13px;
            font-weight: 400;
            margin-top: 10px;
        }

    .reportTable .headerCenter div {
        width: 300px;
    }

.flexbox.headerBox {
    align-items: flex-end;
}

.headerBox .col {
    margin: 0;
    text-align: left;
}

    .headerBox .col div {
        font-weight: 500;
    }

    .headerBox .col:nth-child(2) {
        text-align: center;
    }

        .headerBox .col:nth-child(2) div:not(:last-child) {
            margin-bottom: 5px;
        }

        .headerBox .col:nth-child(2) div:first-child {
            font-size: 15px;
        }

        .headerBox .col:nth-child(2) div:nth-child(2) {
            font-size: 18px;
        }

        .headerBox .col:nth-child(2) div:last-child {
            font-size: 13px;
        }

.reportTable .pointList div:first-child {
    margin-right: 5px;
}

.reportTable .pointList.indented {
    margin-left: 20px;
}

.reportTable1 td:last-child, .reportTable1 th:not(.partNumber):last-child {
    text-align: center;
}

.reportTable2 td:last-child, .reportTable2 td:nth-child(2), .reportTable2 th:not(.partNumber):last-child, .reportTable2 th:not(.partNumber):nth-child(2) {
    text-align: center;
}

.reportTable3 td:last-child, .reportTable3 th:not(.partNumber):last-child {
    text-align: center;
}

.reportTable3 td label.heading {
    margin-bottom: 10px;
}

    .reportTable3 td label.heading span {
        display: block;
        font-size: 15px;
        font-weight: 500;
    }

.lmsReport .reportNotes {
    list-style-type: decimal;
    padding-left: 10px;
}

    .lmsReport .reportNotes li:not(:last-child) {
        margin-bottom: 5px;
    }

.incident-form .form-inline .form-group:not(:last-child) {
    margin-right: 25px;
}

.incident-form .RadGrid, .incident-form .form-group {
    margin-bottom: 40px !important;
}

.incident-form .RadGrid {
    border: 1px solid #f3f4f7 !important;
    padding: 20px;
}

.incident-form h4 {
    margin-bottom: 20px !important;
    font-weight: 400;
    font-size: 16px;
}

.incident-form .date-picker, .incident-form .time-picker {
    max-width: 200px;
}

.incident-form .thumbnail {
    width: 200px;
    height: 150px;
    background: 0 0;
    border: none;
    -webkit-box-shadow: 0 1px 8px 1px rgba(69,65,78,.2);
    box-shadow: 0 1px 8px 1px rgba(69,65,78,.2);
}

.file-group {
    margin: -7.5px -15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .file-group .fileinput {
        text-align: center;
        margin-bottom: 0;
        margin: 7.5px 15px;
    }

    .file-group .btn-file {
        background-color: #fff !important;
    }

    .file-group .fileinput i {
        font-size: 15px;
        color: #777;
    }

@media only screen and (max-width:1380px) {
    .incident-form .thumbnail {
        width: 170px;
        height: 128px;
    }
}

@media only screen and (max-width:680px) {
    .incident-form .fileinput {
        display: block;
    }

    .incident-form .form-actions {
        text-align: center;
    }
}

@media only screen and (max-width:480px) {
    .incident-form .thumbnail {
        width: 150px;
        height: 113px;
    }
}

@media only screen and (max-width:380px) {
    .incident-form .thumbnail {
        width: 125px;
        height: 94px;
    }
}

@media only screen and (min-width:687px) {
    .incident-form {
        padding: 20px;
    }
}

.modal-body .image-view:not(:last-child) {
    margin-bottom: 10px;
}

.incident-details .col {
    font-size: 15px;
    font-weight: 500;
    color: #555;
}

    .incident-details .col span {
        color: #777;
    }

.incident-view .portlet {
    width: 100%;
}

    .incident-view .portlet h3 {
        font-size: 18px;
        font-weight: 500;
        color: #555;
        text-align: center;
        padding: 10px 10px 20px 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #f3f4f7;
    }

    .incident-view .portlet .form-group-new {
        margin-bottom: 15px;
    }

.incident-view span.detail, .incident-view span.heading {
    display: block;
    font-size: 15px;
}

.incident-view span.heading {
    margin-bottom: 5px;
    font-weight: 500;
}

.incident-view.attachments .heading {
    font-size: 22px !important;
    margin-bottom: 15px !important;
    text-align: center;
}

.incident-view .portlet .RadGrid {
    border: 1px solid #f3f4f7 !important;
    padding: 20px;
}

@media only screen and (max-width:991px) {
    .incident-view > .flex {
        width: 100%;
    }
}

.slideshow-container {
    max-width: 600px;
    position: relative;
    margin: auto;
}

.slideshow .next, .slideshow .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.slideshow .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    .slideshow .next:hover, .slideshow .prev:hover {
        background-color: rgba(0,0,0,.5);
    }

.slideshow .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease;
}

    .slideshow .active, .slideshow .dot:hover {
        background-color: #717171;
    }

.slideshow .fade-in {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (min-width:1380px) {
    .slideshow-container {
        max-width: 800px;
    }
}

@media only screen and (max-width:300px) {
    .slideshow .next, .slideshow .prev {
        font-size: 11px;
    }
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .general-item-list > .item {
    padding: 15px;
    width: 100%;
    border-bottom: .07rem dashed #ebedf2;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .general-item-list > .item > .item-head > .item-status {
        color: #c0c9cc;
        top: 10px;
        position: relative;
        display: inline-block;
        float: right;
        font-size: 1rem;
        font-weight: 500;
    }

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .general-item-list > .item > .item-head > .item-details {
        width: auto;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .general-item-list > .item > .item-head > .item-details > .item-name {
            font-size: 15px;
        }

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages {
    padding: 0 15px;
    position: relative;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post {
        transition: display .3s;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 13px;
    }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post .body {
            color: #777;
            display: block;
            font-size: 14px;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post .avatar {
            width: 45.71429px;
            border-radius: 50% !important;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.in .avatar {
            float: left;
            margin-right: 10px;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.out .avatar {
            float: right;
            margin-left: 10px;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post .name {
            font-size: 12px;
            font-weight: 300;
            color: #8496a7;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post .datetime {
            font-size: 13px;
            font-weight: 500;
            color: #999;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post .message {
            display: block;
            padding: 10px 20px;
            position: relative;
            color: #90a1af;
            background: #ebedf2;
            border-radius: 10px;
        }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.in .message {
            text-align: left;
            margin-left: 55px;
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
                display: block;
                position: absolute;
                top: 15px;
                left: -6px;
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-right-width: 6px;
                border-right-style: solid;
                border-right-color: #ebedf2;
            }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.out .message {
            margin-right: 55px;
            text-align: right;
        }

            .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
                display: block;
                position: absolute;
                top: 9px;
                right: -6px;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-left-width: 6px;
                border-left-style: solid;
                border-left-color: #36424c;
            }

        .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.out .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user-messages .post.out .name {
            text-align: right;
        }

.m-list-timeline.m-scrollable {
    padding: 15px;
}

.m-list-timeline__group {
    margin: 0 0 30px 0;
}

.m-list-timeline__heading {
    margin: 0 0 18px 0;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
}

.m-list-timeline__items::before {
    background-color: #ebedf2;
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 3px;
}

.m-list-timeline__items {
    position: relative;
    padding: 0;
    margin: 0;
}

    .m-list-timeline__items .m-list-timeline__item {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 6px 0;
        padding-top: 6px;
        margin: 5px 0;
        margin-top: 5px;
    }

        .m-list-timeline__items .m-list-timeline__item:first-child {
            padding-top: 0;
            margin-top: 0;
        }

        .m-list-timeline__items .m-list-timeline__item:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
        }

.m-list-timeline .m-list-timeline__items .m-list-timeline__item.m-list-timeline__item--read {
    opacity: .5;
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 20px;
}

    .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge::before {
        position: absolute;
        display: block;
        content: '';
        width: 7px;
        height: 7px;
        left: 0;
        top: 50%;
        margin-top: -3.5px;
        border-radius: 100%;
        background-color: #ebedf2;
    }

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding: 0 5px 0 0;
    font-size: 1rem;
    color: #575962;
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 80px;
    padding: 0 0 0 5px;
    font-size: .85rem;
    color: #7b7e8a;
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__pic {
    display: table-cell;
    width: 45px;
    height: 45px;
}

    .m-list-timeline__items .m-list-timeline__item .m-list-timeline__pic img {
        border-radius: 50%;
        width: 35px;
        height: 35px;
    }

.m-list-timeline_pic .m-list-timeline__items::before {
    left: 48px;
}

.m-list-timeline_time .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    text-align: left;
    font-size: 1.2rem;
    font-weight: 500;
    color: #898b96;
    width: 60px;
}

.m-list-timeline_time .m-list-timeline__items::before {
    left: 63px;
}

.m-timeline-3 {
    padding: 15px;
}

    .m-timeline-3 .m-timeline-3__item {
        disply: table;
        margin-bottom: 1rem;
        position: relative;
    }

        .m-timeline-3 .m-timeline-3__item:before {
            position: absolute;
            display: block;
            width: .28rem;
            -webkit-border-radius: .3rem;
            -moz-border-radius: .3rem;
            -ms-border-radius: .3rem;
            -o-border-radius: .3rem;
            border-radius: .3rem;
            height: 70%;
            left: 5.1rem;
            top: .46rem;
            content: "";
        }

        .m-timeline-3 .m-timeline-3__item .m-timeline-3__item-time {
            display: table-cell;
            vertical-align: top;
            padding-top: .6rem;
            font-weight: 500;
            font-size: 1.3rem;
            position: absolute;
            text-align: right;
            width: 3.57rem;
        }

        .m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc {
            display: table-cell;
            width: 100%;
            vertical-align: top;
            font-size: 1rem;
            padding-left: 7rem;
        }

            .m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-text {
                font-size: 1rem;
                font-weight: 400;
            }

            .m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-user-name .m-timeline-3__item-link {
                font-size: .85rem;
                text-decoration: none;
            }

@media (max-width:768px) {
    .m-timeline-3 .m-timeline-3__item {
        margin-left: 0;
    }
}

.m-timeline-3__item .m-timeline-3__item-time {
    color: #898b96;
}

.m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-text {
    color: #7b7e8a;
}

.m-timeline-3__item.m-timeline-3__item--brand:before {
    background: #716aca;
}

.m-timeline-3__item.m-timeline-3__item--metal:before {
    background: #c4c5d6;
}

.m-timeline-3__item.m-timeline-3__item--light:before {
    background: #fff;
}

.m-timeline-3__item.m-timeline-3__item--accent:before {
    background: #00c5dc;
}

.m-timeline-3__item.m-timeline-3__item--focus:before {
    background: #9816f4;
}

.m-timeline-3__item.m-timeline-3__item--primary:before {
    background: #5867dd;
}

.m-timeline-3__item.m-timeline-3__item--success:before {
    background: #34bfa3;
}

.m-timeline-3__item.m-timeline-3__item--info:before {
    background: #e7e9f5;
}

.m-timeline-3__item.m-timeline-3__item--warning:before {
    background: #ffb822;
}

.m-timeline-3__item.m-timeline-3__item--danger:before {
    background: #f4516c;
}


/*grapical-report*/
.grapical-report-block .table-scrollable {
    border: 0;
}

.table-grapical-report {
    border-color: #eee !important;
}

    .table-grapical-report thead {
        display: none;
    }

    .table-grapical-report tr {
        background: #fff !important;
    }

    .table-grapical-report td {
        padding: 20px 10px !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-color: #eee !important;
    }

    .table-grapical-report tr:first-child td {
        border-top: 0 !important;
    }

.grapical-report .col-text > span {
    display: block;
}

.grapical-report .col-text {
    position: relative;
}

    .grapical-report .col-text i {
        font-size: 44px;
        color: gray;
    }

    .grapical-report .col-text .title {
        font-size: 18px;
        margin-bottom: 5px;
    }

        .grapical-report .col-text .title a {
            color: #000;
        }

    .grapical-report .col-text .description {
        font-weight: 400;
    }

        .grapical-report .col-text .description span {
            font-weight: 600;
        }

.grapical-report .col-graph .graph-box {
    min-width: 100px;
    padding: 10px;
    text-align: center;
    border: solid 1px #eee;
    border-radius: 5px;
}

    .grapical-report .col-graph .graph-box span {
        display: block;
    }

    .grapical-report .col-graph .graph-box .data {
        font-size: 16px;
        font-weight: 500;
    }

    .grapical-report .col-graph .graph-box .text {
        font-size: 12px;
        font-weight: 400;
    }

    .grapical-report .col-graph .graph-box .progress {
        margin-top: 5px;
        margin-bottom: 0;
        height: .5rem;
    }



@media only screen and (max-width:991px) {
    .grapical-report .col-text {
        text-align: center;
        margin-bottom: 20px;
    }

    .grapical-report .col-graph .graph-box:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:992px) {
    .grapical-report {
        display: flex;
        align-items: center;
    }

        .grapical-report .col-text i {
            position: absolute;
        }

        .grapical-report .col-text .title {
            margin-left: 50px;
        }

        .grapical-report .col-text .description {
            margin-left: 50px;
        }

        .grapical-report .col-graph {
            display: flex;
            justify-content: flex-end;
        }

            .grapical-report .col-graph .graph-box {
                margin-left: 20px;
                float: left;
            }
}
/*grapical-report*/

/*grapical-report Detail*/
.col-appraisal-detail {
    position: relative;
}

    .col-appraisal-detail > span {
        display: block;
    }

    .col-appraisal-detail i {
        font-size: 44px;
        color: gray;
    }

    .col-appraisal-detail .title {
        font-size: 18px;
        margin-bottom: 5px;
    }

        .col-appraisal-detail .title a {
            color: #000;
        }

    .col-appraisal-detail .description {
        font-weight: 400;
    }

        .col-appraisal-detail .description span {
            font-weight: 600;
        }

.grapical-report-tabs {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
}

    .grapical-report-tabs::after,
    .grapical-report-tabs::before {
        content: " ";
        display: table;
    }

    .grapical-report-tabs::after {
        clear: both;
    }

    .grapical-report-tabs li {
        display: block;
    }

        .grapical-report-tabs li:not(:first-child) {
            margin-left: 10px;
        }

    .grapical-report-tabs a {
        display: block;
        min-width: 100px;
        padding: 10px;
        text-align: center;
        border: solid 1px #eee;
        border-radius: 5px;
        transition: all 0.5s ease 0s;
    }

    .grapical-report-tabs .active a {
        background-color: #42a5f5;
        transition: all 0.5s ease 0s;
        text-decoration: none;
    }

        .grapical-report-tabs .active a:hover {
            cursor: unset;
        }

    .grapical-report-tabs a span {
        display: block;
    }

    .grapical-report-tabs a .data {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .grapical-report-tabs a .text {
        font-size: 12px;
        font-weight: 400;
        color: #000;
    }

    .grapical-report-tabs .active .data,
    .grapical-report-tabs .active .text {
        color: #fff;
    }

@media only screen and (max-width:991px) {
    .col-appraisal-detail {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:992px) {
    .col-appraisal-detail i {
        position: absolute;
    }

    .col-appraisal-detail .title {
        margin-left: 50px;
    }

    .col-appraisal-detail .description {
        margin-left: 50px;
    }
}
/*grapical-report Detail*/


.m--font-accent {
    color: #00c5dc !important;
}

.m--font-brand {
    color: #716aca !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.whoisinreport .table-scrollable {
    margin: 0 !important;
}

table.whoisin th {
    vertical-align: middle !important;
}

    table.whoisin th:not(.text-left), table.whoisin td:not(.text-left) {
        text-align: center !important;
    }

#whoisinlistdetailed td a i {
    margin-left: 5px;
}

/*Extended Menus*/
.page-header-new.navbar .hor-menu .navbar-nav > li > a {
    padding: 12.5px 8px 12.5px 10px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    /*27/8/23*/
    /*height: 45px;
    padding:0;*/
}

.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle {
    /*27/8/23*/
    /*padding: 16px 10px !important;*/
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    top: 6px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.logged-user {
    height: 45px;
    display: flex;
    align-items: center;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.logged-user a {
        padding: 0 !important;
        display: flex;
        align-items: center;
    }

li.dropdown.logged-user .nameLine {
    width: 2px;
    height: 16px;
    background-color: rgba(255,255,255,.18);
    display: inline-block;
    position: relative;
    margin-right: 20px;
    margin-left: 10px;
}

.menu-extended .classic-menu-dropdown {
    position: relative;
}

    .menu-extended .classic-menu-dropdown .menuText {
        display: flex;
        justify-content: space-between;
    }

.menu-extended > .dropdown-menu::before {
    display: block !important;
    content: "";
    top: 0;
    left: 12px !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #364150;
    border-bottom-color: #364150 !important;
    position: absolute;
    margin: -10px 0 0;
    width: 15px;
}

.menu-extended .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0 !important;
    border-left: 3px solid rgba(255,255,255,.18) !important;
}

    .menu-extended .dropdown-menu .dropdown-menu::before {
        content: unset;
    }

.menu-extended .menuDotted {
    padding-top: 8px !important;
    padding-bottom: 17px !important;
    padding-right: 10px !important;
}

    .menu-extended .menuDotted .menuText {
        font-size: 22px;
        letter-spacing: 2px;
    }
/*Extended Menus*/