.input-validation-error {
    border: 1px solid #C9302C !important;
}

.validation-summary-errors {
    color: #C9302C !important;
}

.field-validation-error {
    color: #C9302C !important;
    display: block;
}

.field-validation-valid {
    display: none;
}

.error {
    color: #C9302C !important;
}

td.currency-column {
    text-align: right;
}

.uiversion-1 .modulenav {
    margin-top: -120px;
    min-height: 120px;
    max-height: 120px;
}

.modulenav {
    -webkit-transition: all 0.5s ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.5s ease-in-out 0.3s;
    -o-transition: all 0.5s ease-in-out 0.3s;
    transition: all 0.5s ease-in-out 0.3s;
    white-space: nowrap;
    background: #385566;
    position: relative;
}

    .modulenav .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -20px;
    }

    .modulenav a.btn {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding-left: 5px;
        padding-right: 5px;
    }

    .modulenav.open {
        margin-top: 0 !important;
        -moz-box-shadow: inset 0 0 10px #000;
        -webkit-box-shadow: inset 0 0 10px #000;
        box-shadow: inset 0 0 10px #000;
    }

    .modulenav .content {
    }

        .modulenav .content > a {
            -moz-box-shadow: 0 0 5px #555 !important;
            -webkit-box-shadow: 0 0 5px #555 !important;
            box-shadow: 0 0 5px #555 !important;
            margin: 10px 0 0 10px;
        }

            .modulenav .content > a:last-child {
                margin-right: 15px;
            }

#moduleMenuToggler i {
    -webkit-transition: all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    #moduleMenuToggler i.open {
    }

.sidebar.no-sidebar {
    width: 0;
}

    .sidebar.no-sidebar + .main-content {
        margin-left: 0;
    }

        .sidebar.no-sidebar + .main-content > .breadcrumbs {
            margin-left: 43px;
        }

.sidebar.menu-min.no-sidebar .sidebar-shortcuts-mini {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.sidebar.menu-min.no-sidebar ~ .footer .footer-inner {
    left: 0;
}

.sidebar.navbar-toolbar {
    margin-top: 0;
}

    .sidebar.navbar-toolbar:before {
        height: 0;
    }

.sidebar.no-sidebar + .main-content > .sidebar.navbar-toolbar {
    margin-left: 43px;
}

.sidebar.h-sidebar > ul > li > ul.submenu ~ .sub-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #CEDDE5 rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
    bottom: 0;
}

.sidebar.menu-min.expand-shortcut .sidebar-shortcuts {
    background: transparent;
}

    .sidebar.menu-min.expand-shortcut .sidebar-shortcuts .sidebar-shortcuts-mini {
        display: none;
    }

.sidebar.menu-min.expand-shortcut .sidebar-shortcuts-large {
    display: block;
    position: static;
    width: auto;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

    .sidebar.menu-min.expand-shortcut .sidebar-shortcuts-large button {
        width: 34px;
        height: 32px;
    }



.widget-toolbox {
    overflow: hidden;
}

.dataTables_background {
    background-color: #EFF3F8;
}

.dataTables_wrapper > .row.first-child {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #EFF3F8;
}

.dataTables_wrapper > .row.second-child:first-child {
    padding-top: 12px;
}

.dataTables_wrapper > .row.second-child {
    padding-top: 0;
    padding-bottom: 12px;
    background-color: #EFF3F8;
    border-bottom: 1px solid #CCC;
}

.widget-main.no-padding .dataTables_scrollBody > .table-bordered > tbody > tr:last-child > td {
    border-bottom-width: 1px !important;
}

#datatables_buttons_info {
    z-index: 99999;
}

.max-width-50 {
    max-width: 50px;
}

.max-width-100 {
    max-width: 100px;
}

.max-width-150 {
    max-width: 150px;
}

.max-width-200 {
    max-width: 200px;
}

.max-width-250 {
    max-width: 250px;
}

.max-width-300 {
    max-width: 300px;
}

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

.dataTables_empty {
    color: #000;
    font-size: 1.2em;
    text-align: center;
    padding: 30px !important;
}

.table-container {
    position: relative;
}

    .table-container .dataTables_processing {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 5px;
        text-align: center;
        font-size: 1.2em;
        background-color: #CCC;
        color: #333;
        background: rgba(0, 0, 0, 0.1);
        margin: 0;
        left: 0;
    }

        .table-container .dataTables_processing img {
            max-height: 100%;
            opacity: 0.6;
            position: absolute;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 50%;
            left: calc(50% - 64px);
        }

body.DTTT_Print .sidebar {
    display: none !important;
}

.DTTT_button embed {
    outline: none;
}

.DTTT_button {
    position: relative;
    cursor: pointer;
}

body.DTTT_Print .modal-dialog {
    width: 98%;
    border: 0;
}

body.DTTT_Print .modal-content {
    border: 0;
}

body.DTTT_Print {
    background: #FFF;
}

    body.DTTT_Print .page-content {
        display: inline-block;
        min-width: 100%;
    }

    body.DTTT_Print .dataTables_scrollBody {
        min-width: 100%;
    }

        body.DTTT_Print .dataTables_scrollBody table {
            min-width: 100%;
        }

    body.DTTT_Print .widget-box {
        border: 0px;
    }

    body.DTTT_Print .dataTable {
        border-width: 1px !important;
    }

    body.DTTT_Print .transparent > .widget-body .widget-main .table-bordered > thead > tr > th:last-child,
    body.DTTT_Print .widget-main.no-padding .table-bordered > thead > tr > th:last-child,
    body.DTTT_Print .transparent > .widget-body .widget-main .table-bordered > tbody > tr > td:last-child,
    body.DTTT_Print .widget-main.no-padding .table-bordered > tbody > tr > td:last-child,
    body.DTTT_Print .transparent > .widget-body .widget-main .table-bordered > tfoot > tr > td:last-child,
    body.DTTT_Print .widget-main.no-padding .table-bordered > tfoot > tr > td:last-child,
    body.DTTT_Print .transparent > .widget-body .widget-main .table-bordered > tbody > tr:last-child > td,
    body.DTTT_Print .widget-main.no-padding .table-bordered > tbody > tr:last-child > td {
        border-bottom-width: 1px !important;
    }


button.close-print {
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 10px;
}

    button.close-print:active {
        top: 9px;
    }


@media print {
    button.close-print {
        display: none;
    }

    body.DTTT_Print .modal-dialog {
        width: 100%;
    }

    body.DTTT_Print .modal {
        position: static;
        margin: -15px;
    }

    body.DTTT_Print .DTTT_print_info {
        display: none;
    }
}

/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info.modal {
    display: block;
}

.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    opacity: 0.95;
    border: 1px solid black;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

    .DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
    }

    .DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
    }

.block-progress {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #EEE;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 999999;
}

    .block-progress img {
        width: 128px;
        height: 128px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -64px;
        margin-top: -64px;
    }

.dataTable tr .btn-toolbar {
    margin-left: 0;
}

.dataTables_wrapper .btn-toolbar {
    margin-left: 0;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    padding-top: 3px;
}

    .form-horizontal .checkbox label, .form-horizontal .radio label {
        padding-left: 0;
    }

.form-group > label {
    font-weight: bold;
}

ul.ColVis_collection.dropdown-menu li {
    padding: 5px 10px;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

div.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 1100;
}

ul.ColVis_collection {
    z-index: 2002;
}

.tree .tree-branch .tree-branch-header .tree-branch-name > .ace-icon:nth-child(2) {
    color: #F9E8CE;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    position: relative;
    z-index: 2;
    top: -1px;
}

.tree .tree-branch.tree-selected .tree-branch-name > .ace-icon:nth-child(2) {
    background-color: #F9A021;
    border-color: #F9A021;
    color: #FFF;
}

.tree.disabled .blocker {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 999;
}

#languages ul {
    margin: 0;
    list-style-type: none;
    padding-left: 10px;
}

    #languages ul li {
        float: left;
    }

        #languages ul li a {
        }

        #languages ul li:not(:first-child):before {
            content: '|';
            color: #AAA;
            margin: 0 8px;
        }

.navbar-toggle .fa {
    color: #FFF;
}

.widget-box.scroll.fullscreen > .widget-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
}

.widget-box.fullscreen > .widget-toolbox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.datepicker {
    z-index: 1151 !important;
}

.timepicker-picker .table-condensed td {
    padding: 0 !important;
}

.input-daterange {
    width: 100%;
}

.form-horizontal .checkbox label input[type=checkbox].ace + .lbl, .form-horizontal .radio label input[type=radio].ace + .lbl {
    margin-left: 0;
    margin-top: 4px;
}

.form-horizontal .checkbox label input[type=checkbox].ace.ace-switch + .lbl {
    margin-left: 3px;
}

input[type=checkbox].ace.ace-switch + .lbl::before {
    margin-right: 10px;
}

.dataTables_wrapper input[type=text], .dataTables_wrapper input[type=search], .dataTables_wrapper select {
    margin: 0 !important;
}

.dataTables_length select {
    display: inline-block;
}

.dataTables_filter input[type=text], .dataTables_filter input[type=search] {
    width: 100%;
}

.dataTables_filter .control-label {
    padding: 5px 0;
}

.dataTables_filter .form-group {
    margin: 0 !important;
}

.employee-result li.select2-result {
    border-bottom: 1px solid #CCC;
}

.select2-results .employee-row .image {
    float: left;
    width: 40px;
    border: 1px solid #CCC;
}

.select2-results .employee-row {
    padding: 5px 0;
}

    .select2-results .employee-row .image img {
        width: 34px;
        margin: 2px;
    }

    .select2-results .employee-row .details {
        padding-left: 50px;
    }

        .select2-results .employee-row .details .emp-details div {
            display: inline-block;
        }

        .select2-results .employee-row .details .emp-details .emp-code {
            float: right;
            font-size: 1.3em;
            font-weight: 100;
        }

        .select2-results .employee-row .details .emp-details .emp-name {
            font-size: 1.1em;
            font-weight: 600;
        }

        .select2-results .employee-row .details .emp-designation {
            font-size: 0.9em;
        }

        .select2-results .employee-row .details .emp-department {
            font-size: 0.9em;
        }

        .select2-results .employee-row .details .emp-location {
            font-size: 0.9em;
            float: right;
        }

.select2-chosen .emp-details .emp-code {
    float: right;
}

.select2-chosen .emp-details div {
    display: inline-block;
}

/* For Multi Select */

.select2-container-multi .emp-details div {
    display: inline-block;
    margin-right: 5px;
}

.select2-container-multi .emp-details .emp-code:before {
    content: '[';
}

.select2-container-multi .emp-details .emp-code:after {
    content: ']';
}

.dataTable .row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-bottom: 0 !important;
}

table.dataTable.dtr-inline.responsive-form > tbody > tr:not(.child) > td:first-child:before, table.dataTable.dtr-inline.responsive-form > tbody > tr:not(.child) > th:first-child:before {
    display: none;
}


table.dataTable.dtr-inline.responsive-form > tbody > tr:not(.child) > td:first-child, table.dataTable.dtr-inline.responsive-form > tbody > tr:not(.child) > th:first-child {
    padding-left: 8px;
}

table.responsive-child {
    margin-bottom: 0;
    table-layout: fixed;
}

.ace-nav.nav .open > a, .ace-nav.nav .open > a:hover, .ace-nav.nav .open > a:focus {
    background-color: #2C5976;
    color: #FFF;
}

.ace-nav .nav-user-photo {
    max-height: 100%;
}

.footer-content {
    font-size: 12px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    .ellipsis.multiline {
        white-space: normal;
    }

.dropdown-menu {
    z-index: 1050;
}

.table-style-1 {
    border-collapse: collapse;
    width: 100%;
}

    .table-style-1 th, .table-style-1 td {
        padding: 3px;
        border: 1px solid #BCD4E5;
        vertical-align: top;
    }

    .table-style-1 th {
        background: #ECF2F7;
        color: #8090A0;
        text-align: center;
    }

.no-scroll {
    overflow: hidden;
}

.widget-header .widget-toolbar.widget-toolbar-style-1 {
    padding: 0;
}

    .widget-header .widget-toolbar.widget-toolbar-style-1 a {
        padding: 0px 10px;
        line-height: 38px;
        border-left: 1px solid #D9D9D9;
        margin: 0;
    }

    .widget-header .widget-toolbar.widget-toolbar-style-1:before {
        border-width: 0;
    }

    .widget-header .widget-toolbar.widget-toolbar-style-1 a:hover {
        background: rgba(238, 238, 238, 0.5);
        transform: initial;
    }

tfoot.column-filters {
    display: table-header-group;
}

    tfoot.column-filters tr td, tfoot.column-filters tr th {
        padding: 5px;
        background-color: #F5F5F5;
    }

.text-align-center {
    text-align: center;
}


.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.color-green {
    color: #228b22;
}

.color-red {
    color: #C9302C;
}

.profile-user-info.no-margin {
    width: 100%;
}

.force-border {
    border-width: 1px !important;
}

.widget-main.no-padding .nav-tabs.background-blue {
    margin-top: -2px !important;
}

.tab-content.no-padding .tab-pane .dataTables_wrapper {
    margin-top: 1px;
}

.nav.nav-tabs.nav-datatable > li.active > a {
    background-color: #EFF3F8;
}

.dataTables_scrollBody table .column-filters {
}

.input-group .select2-container .select2-choice {
    height: 34px;
    line-height: 30px;
    margin-right: 1px;
}

td.emp-photo {
    padding: 3px !important;
    vertical-align: middle;
}

    td.emp-photo img {
        width: 32px;
        height: auto;
    }

table.DTFC_Cloned {
    background-color: #FFF;
    border-right: 1px solid #888;
}

.employee-result.attribute-employee {
    width: 300px !important;
    border: 1px solid #5897fb !important;
}

.widget-box.fullscreen .widget-main.no-padding .table {
    border-bottom: 1px solid #E5E5E5;
}

.widget-box.widget-header-toolbar-left .widget-header .widget-toolbar {
    float: left;
    margin-right: 10px;
}

.widget-box.widget-header-toolbar-left .widget-header {
    padding-left: 0;
}

    .widget-box.widget-header-toolbar-left .widget-header .widget-toolbar:before {
        left: auto;
        right: 1px;
    }

.tab-content.widget-tab-content {
    border-width: 1px !important;
    border-bottom: 0 !important;
    padding: 0;
}

.tab-pane .nav-tabs.background-blue {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.tab-pane .nav-tabs {
    top: 0;
}

.widget-tab-content > .tab-pane {
    padding: 16px 12px;
}

    .widget-tab-content > .tab-pane.no-tab-content-padding {
        padding: 0;
    }

.widget-box .widget-main.no-padding .tab-pane .table {
    border-width: 1px;
}

.table-compact {
    font-size: 12px;
}

    .table-compact tbody tr td {
        padding: 5px !important;
    }

.form-control.form-control-compact {
    padding: 3px;
    height: 24px;
    line-height: 14px;
    font-size: 11px;
}

.widget-legend .legend-icon {
    margin: 5px 10px 5px 0;
    float: left;
    border: 1px solid #888;
}

    .widget-legend .legend-icon div {
        width: 4px;
        height: 0;
        border-width: 5px;
        border-style: solid;
        overflow: hidden;
    }

.widget-legend .dropdown-menu li a {
    overflow: hidden;
    padding-right: 30px;
}

body.widget-isfullscreen {
    overflow: hidden;
}


.overflow-initial {
    overflow: initial;
}

label.field-required:after {
    content: ' *';
    color: #D15B47;
}

.font-weight-bold {
    font-weight: bold;
}

table#filterTable {
    width: 100%;
    table-layout: fixed;
}

.formTable {
    width: 100%;
    table-layout: fixed;
}

.table-mobile-child {
    margin-bottom: 0;
}

table.formTable .table-mobile-child > tbody > tr > th {
    background-color: #eee;
}

.select2-results-300 {
    width: 300px !important;
    border-top: 1px solid #5897fb !important;
    border-bottom: 1px solid #5897fb !important;
}

pre.no-style {
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-align: left;
    border-radius: 0;
    color: #393939;
    white-space: pre-wrap;
    word-break: break-word;
}

.btn-checkbox label {
    margin: 0;
    padding: 0;
}

.checkbox-column {
    width: 100px;
    text-align: center;
    max-width: 150px;
}

    .checkbox-column .checkbox-container {
        position: relative;
    }

    .checkbox-column .selected {
        overflow: hidden;
        max-width: 80px;
        display: inline-block;
        vertical-align: middle;
        text-overflow: ellipsis;
        margin-top: -5px;
    }

input[type=checkbox].partial.ace:checked + .lbl::before {
    content: '\f068';
}

.widget-box .widget-main .table-container > .dataTable {
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

th.emp-photo {
    width: 45px !important;
}

.alert .progress {
    background: #AAA;
}

/* Theme Changed */

.dataTables_wrapper .tableTools > .dt-buttons.btn-group {
    display: inline-block;
}

.dataTables_wrapper .tableTools {
    text-align: right;
}

li.dt-button.buttons-columnVisibility:not(.active) > a:focus {
    color: #262626;
    background-color: #FFF;
}

li.dt-button.buttons-columnVisibility:not(.active) > a:hover {
    color: #262626;
    background-color: #F5F5F5;
}

@media only screen and (max-width : 767px) {
    .page-content {
        padding: 0;
        overflow-x: hidden;
    }

        .page-content > .page-content-area > .row > div > [class*="space-"] {
            display: none;
        }

    .navbar .navbar-brand {
        float: none;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.widget-header > .widget-toolbar > a {
    padding: 5px 10px;
}


.widget-header > .widget-toolbar:not(.widget-legend) {
    padding: 0px;
}


table.table-mobile-child > tbody > tr > th {
    width: 140px;
}

.DTFC_LeftBodyLiner .dataTable > thead > tr > th[class*=sort]:after {
    content: "";
}

.DTFC_LeftHeadWrapper thead tr:last-child th {
    border-bottom: 0px;
}

.DTFC_LeftHeadWrapper, .DTFC_LeftBodyWrapper {
    border-right: 1px solid #ddd;
}

.dataTables_scrollFootInner {
    box-sizing: content-box;
}

@media print {

    .select2-container .select2-choice {
        white-space: normal;
        min-height: 32px;
        height: auto;
    }


        .select2-container .select2-choice > .select2-chosen {
            white-space: normal;
        }

    .block-progress {
        display: none !important;
    }

    .sidebar {
        display: none;
    }

        .sidebar + .main-content {
            margin-left: 0;
        }

    .navbar {
        display: none;
    }

    .breadcrumbs {
        display: none;
    }

    .page-content {
        padding: 0;
    }

    .footer {
        display: none;
    }

    .widget-header {
        display: none;
    }

    .widget-box {
        border: 0;
    }

        .widget-box.fullscreen {
            position: relative;
        }

        .widget-box.scroll.fullscreen > .widget-body {
            position: static;
        }

        .widget-box.fullscreen > .widget-toolbox {
            position: static;
            display: none;
        }

    table.print-not-fixed {
        table-layout: auto !important;
    }

    body {
        zoom: 60%;
    }
}


#main-container.skin-3 {
    background-color: transparent;
}

.uiversion-2 .modulenav {
    margin-top: -110px;
    z-index: 1039;
}

    .uiversion-2 .modulenav .moduleButton {
        display: inline-block;
    }

    .uiversion-2 .modulenav .content {
        display: flex;
        flex-wrap: wrap;
    }

    .uiversion-2 .modulenav .moduleButton.open .mega-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
    }

    .uiversion-2 .modulenav .moduleButton .mega-menu {
        position: absolute;
        z-index: 9999;
        background: #FFF;
        left: 10px;
        right: 10px;
        padding: 15px;
        -webkit-box-shadow: 0 0 15px #333;
        -moz-box-shadow: 0 0 15px #333;
        box-shadow: 0 0 15px #333;
        margin-top: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transition: transform 300ms, visibility 300ms, opacity 300ms;
        -o-transition: transform 300ms, visibility 300ms, opacity 300ms;
        transition: transform 300ms, visibility 300ms, opacity 300ms;
        border-radius: 5px;
    }

    .uiversion-2 .modulenav .mega-menu .close {
        margin: 0 15px;
    }

    .uiversion-2 .modulenav .mega-menu li {
        list-style-type: none;
        word-break: break-word;
    }

    .uiversion-2 .modulenav .mega-menu .mega-menu-list li > a {
        margin: 0;
    }

    .uiversion-2 .modulenav .mega-menu .mega-menu-list ul {
        white-space: normal;
        margin-left: 0;
    }

        .uiversion-2 .modulenav .mega-menu .mega-menu-list ul > li {
            display: inline-block;
            padding: 0 5px 5px 0;
            display: block;
        }

            .uiversion-2 .modulenav .mega-menu .mega-menu-list ul > li:not(:last-child):after {
                content: '|';
                display: inline-block;
                margin-left: 5px;
                display: none;
            }

    .uiversion-2 .modulenav .mega-menu .mega-menu-list a {
        box-shadow: none !important;
    }

    .uiversion-2 .modulenav .mega-menu .mega-menu-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

        .uiversion-2 .modulenav .mega-menu .mega-menu-list > li {
            margin-bottom: 15px;
            width: 250px;
            margin: 0 15px;
            flex-grow: 1;
        }

            .uiversion-2 .modulenav .mega-menu .mega-menu-list > li.hsub > a {
                padding: 10px 0px 6px 0px;
                /*font-size: 12px;*/
                font-weight: bold;
                color: #333333;
                border-bottom: solid 1px #d9d9d9;
                margin-bottom: 12px;
                padding-left: 0px;
                margin-top: 0px;
                width: 100%;
                display: block;
            }

                .uiversion-2 .modulenav .mega-menu .mega-menu-list > li.hsub > a > .arrow {
                    display: none;
                }

    .uiversion-2 .modulenav .moduleButton > a > .arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 17px 17px 17px;
        border-color: transparent transparent #333 transparent;
        position: absolute;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        left: 50%;
        margin-left: -17px;
        bottom: -19px;
    }

        .uiversion-2 .modulenav .moduleButton > a > .arrow:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 16px 17px 16px;
            border-color: transparent transparent #FFF transparent;
            margin-left: -16px;
            position: absolute;
            z-index: 99998;
            content: '';
        }

    .uiversion-2 .modulenav .moduleButton.open > a > .arrow {
        visibility: visible;
        opacity: 1;
    }

    .uiversion-2 .modulenav .mega-menu .mega-menu-list ul > li a {
        color: #004077;
    }

    .uiversion-2 .modulenav .module-menu-search .input-icon {
        display: block;
    }

    .uiversion-2 .modulenav .module-menu-search .module-menu-search-input {
        width: 250px;
    }

    .uiversion-2 .modulenav .mega-menu .mega-menu-list ul > li a .menu-text .highlight {
        /*color: #d12a26;
    font-weight: bold;*/
        background-color: yellow;
        font-weight: bold;
    }

.uiversion-2 .sidebar.menu-min .sidebar-shortcuts {
    z-index: 1000 !important;
}


.uiversion-2 #quickToolbox {
    background-color: #F5F5F5;
    box-shadow: none;
}

.uiversion-2 .modulenav .content a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    margin: 10px 0 0 10px;
}

.uiversion-2 .modulenav .moduleButton > a .icon-circle {
    padding: 12px;
    border-radius: 40px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    color: #FFF;
}

    .uiversion-2 .modulenav .moduleButton > a .icon-circle i {
        margin-top: 3px;
    }

.uiversion-2 .modulenav .moduleButton > a .module-name {
    display: block;
    font-size: 15px;
    margin-top: 5px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.uiversion-2 .modulenav .moduleButton > a {
    text-align: center;
    margin: 14px 10px;
    display: inline-block;
    position: relative;
    width: 100px;
}

    .uiversion-2 .modulenav .moduleButton > a:hover {
        text-decoration: none;
    }

    .uiversion-2 .modulenav .moduleButton > a > .seperator {
        content: '';
        height: 100%;
        width: 1px;
        display: inline-block;
        background-color: #CCC;
        position: absolute;
        top: 0;
        right: -10px;
        z-index: 1;
    }

.uiversion-2 .modulenav .moduleButton .icon-circle > i {
    font-size: 160% !important;
}

.uiversion-2 .modulenav .mCSB_container {
    overflow: visible;
}

.uiversion-2 .modulenav .mCustomScrollBox {
    overflow: visible;
}

.uiversion-2 .modulenav .mCSB_scrollTools_horizontal {
    top: 95px;
}

.uiversion-2 .ace-nav > li > a {
    cursor: pointer;
}

    .uiversion-2 .ace-nav > li > a > .menu-text {
        margin-left: 3px;
    }

    .uiversion-2 .ace-nav > li > a > .arrow {
        margin-left: 5px;
    }

.uiversion-2 .skin-3 .breadcrumbs {
    border-width: 1px;
    background-color: #F5F5F5;
    border-radius: 0px;
    margin: 0;
}

.uiversion-2 .navbar {
    background-color: #307ecc;
}

/*.uiversion-2 .ace-nav > li.module-quick-menu > a {
    background-color: #55555585 !important;
}*/

/*.uiversion-2 .ace-nav > li.light-blue > a {
    background-color: #555555AA !important;
}*/

.uiversion-2 .nav-list > li .submenu > li.hsub > a {
    background-color: #EEE;
}

.uiversion-2 .module-quick-menu ul.dropdown-menu {
    margin-top: -1px;
}

.module-quick-menu .dropdown-menu a {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .module-quick-menu .dropdown-menu a > .ace-icon {
        margin-top: 2px;
    }


/*New Theme Changed*/


/*codes area copied from verdion2*/
.uiversion-3 .modulenav {
    margin-top: -110px;
    z-index: 1039;
}

    .uiversion-3 .modulenav .moduleButton {
        display: inline-block;
    }

    .uiversion-3 .modulenav .content {
        display: flex;
        flex-wrap: wrap;
    }

    .uiversion-3 .modulenav .moduleButton.open .mega-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
    }

    .uiversion-3 .modulenav .moduleButton .mega-menu {
        position: absolute;
        z-index: 9999;
        background: #FFF;
        left: 10px;
        right: 10px;
        padding: 15px;
        -webkit-box-shadow: 0 0 15px #333;
        -moz-box-shadow: 0 0 15px #333;
        box-shadow: 0 0 15px #333;
        margin-top: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transition: transform 300ms, visibility 300ms, opacity 300ms;
        -o-transition: transform 300ms, visibility 300ms, opacity 300ms;
        transition: transform 300ms, visibility 300ms, opacity 300ms;
        border-radius: 5px;
    }

    .uiversion-3 .modulenav .mega-menu .close {
        margin: 0 15px;
    }

    .uiversion-3 .modulenav .mega-menu li {
        list-style-type: none;
        word-break: break-word;
    }

    .uiversion-3 .modulenav .mega-menu .mega-menu-list li > a {
        margin: 0;
    }

    .uiversion-3 .modulenav .mega-menu .mega-menu-list ul {
        white-space: normal;
        margin-left: 0;
    }

        .uiversion-3 .modulenav .mega-menu .mega-menu-list ul > li {
            display: inline-block;
            padding: 0 5px 5px 0;
            display: block;
        }

            .uiversion-3 .modulenav .mega-menu .mega-menu-list ul > li:not(:last-child):after {
                content: '|';
                display: inline-block;
                margin-left: 5px;
                display: none;
            }

    .uiversion-3 .modulenav .mega-menu .mega-menu-list a {
        box-shadow: none !important;
    }

    .uiversion-3 .modulenav .mega-menu .mega-menu-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

        .uiversion-3 .modulenav .mega-menu .mega-menu-list > li {
            margin-bottom: 15px;
            width: 250px;
            margin: 0 15px;
            flex-grow: 1;
        }

            .uiversion-3 .modulenav .mega-menu .mega-menu-list > li.hsub > a {
                padding: 10px 0px 6px 0px;
                /*font-size: 12px;*/
                font-weight: bold;
                color: #333333;
                border-bottom: solid 1px #d9d9d9;
                margin-bottom: 12px;
                padding-left: 0px;
                margin-top: 0px;
                width: 100%;
                display: block;
            }

                .uiversion-3 .modulenav .mega-menu .mega-menu-list > li.hsub > a > .arrow {
                    display: none;
                }

    .uiversion-3 .modulenav .moduleButton > a > .arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 17px 17px 17px;
        border-color: transparent transparent #333 transparent;
        position: absolute;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        left: 50%;
        margin-left: -17px;
        bottom: -19px;
    }

        .uiversion-3 .modulenav .moduleButton > a > .arrow:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 16px 17px 16px;
            border-color: transparent transparent #FFF transparent;
            margin-left: -16px;
            position: absolute;
            z-index: 99998;
            content: '';
        }

    .uiversion-3 .modulenav .moduleButton.open > a > .arrow {
        visibility: visible;
        opacity: 1;
    }

    .uiversion-3 .modulenav .mega-menu .mega-menu-list ul > li a {
        color: #616161;
    }

        .uiversion-3 .modulenav .mega-menu .mega-menu-list ul > li a:hover {
            background: var(--primary-color-text-bg);
            color: var(--primary-color);
            font-size: 12.5px !important;
        }

    .uiversion-3 .modulenav .module-menu-search .input-icon {
        display: block;
    }

    .uiversion-3 .modulenav .module-menu-search .module-menu-search-input {
        width: 250px;
    }

    .uiversion-3 .modulenav .mega-menu .mega-menu-list ul > li a .menu-text .highlight {
        /*color: #d12a26;
    font-weight: bold;*/
        background-color: yellow;
        font-weight: bold;
    }

.uiversion-3 .sidebar.menu-min .sidebar-shortcuts {
    z-index: 1000 !important;
}


.uiversion-3 #quickToolbox {
    background-color: #F5F5F5;
    box-shadow: none;
}

.uiversion-3 .modulenav .content a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    margin: 10px 0 0 10px;
}

.uiversion-3 .modulenav .moduleButton > a .icon-circle {
    padding: 12px;
    border-radius: 40px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    color: #FFF;
}

    .uiversion-3 .modulenav .moduleButton > a .icon-circle i {
        margin-top: 3px;
    }

.uiversion-3 .modulenav .moduleButton > a .module-name {
    display: block;
    font-size: 15px;
    margin-top: 5px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.uiversion-3 .modulenav .moduleButton > a {
    text-align: center;
    margin: 14px 10px;
    display: inline-block;
    position: relative;
    width: 100px;
}

    .uiversion-3 .modulenav .moduleButton > a:hover {
        text-decoration: none;
    }

    .uiversion-3 .modulenav .moduleButton > a > .seperator {
        content: '';
        height: 100%;
        width: 1px;
        display: inline-block;
        background-color: #CCC;
        position: absolute;
        top: 0;
        right: -10px;
        z-index: 1;
    }

.uiversion-3 .modulenav .moduleButton .icon-circle > i {
    font-size: 160% !important;
}

.uiversion-3 .modulenav .mCSB_container {
    overflow: visible;
}

.uiversion-3 .modulenav .mCustomScrollBox {
    overflow: visible;
}

.uiversion-3 .modulenav .mCSB_scrollTools_horizontal {
    top: 95px;
}

.uiversion-3 .ace-nav > li > a {
    cursor: pointer;
}

    .uiversion-3 .ace-nav > li > a > .menu-text {
        margin-left: 3px;
    }

    .uiversion-3 .ace-nav > li > a > .arrow {
        margin-left: 5px;
    }

.uiversion-3 .skin-3 .breadcrumbs {
    border-width: 1px;
    background-color: #F5F5F5;
    border-radius: 0px;
    margin: 0;
}

.uiversion-3 .navbar {
    background-color: #307ecc;
}

/*.uiversion-3 .ace-nav > li.module-quick-menu > a {
    background-color: #55555585 !important;
}*/

/*.uiversion-3 .ace-nav > li.light-blue > a {
    background-color: #555555AA !important;
}*/

.uiversion-3 .nav-list > li .submenu > li.hsub > a {
    background-color: #EEE;
}

.uiversion-3 .module-quick-menu ul.dropdown-menu {
    margin-top: -1px;
}

/*Above Codes Copied from version2*/

:root {
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --box-shadow-color: #d7d7d7;
    /*--primary-color: #0989FB;*/
    --primary-color-darker: #0567bd;
    --primary-color-text-bg: hsl(208deg 97% 97%);
    --text-primary-color: #262626;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsla(210,18%,87%,1);
    --bg-btn-success: #c5fbc4 !important;
    --bg-btn-success-hover: #378a36 !important
}


body.uiversion-3,
body.login-layout {
    font-size: 12.5px;
    letter-spacing: -0.011em;
    font-family: var(--font-family);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.uiversion-3 > * {
    font-family: var(--font-family) !important;
}

.uiversion-3 p {
    font-family: var(--font-family) !important;
    /* font-size: 12.5px; */
    letter-spacing: -0.011em;
    /* line-height: 22px; */
}

.uiversion-3 input {
    border-radius: 6px !important;
}

.uiversion-3 .modulenav .moduleButton .mega-menu {
    box-shadow: 0 0 15px var(--box-shadow-color) !important;
    border-radius: 6px !important;
    transition: visibility 0.3s ease-in, opacity 0.3s ease-in !important;
}

.uiversion-3 .modulenav .moduleButton > a > .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px !important;
    border-color: transparent transparent #fff transparent !important;
    color: white;
}

    .uiversion-3 .modulenav .moduleButton > a > .arrow:before {
        border: none !important;
    }

.uiversion-3 #quickToolbox {
    background-color: #fafafa !important;
}

.uiversion-3 .modulenav .moduleButton > a > .seperator {
    background-color: #ececec !important;
}

.uiversion-3 .modulenav .moduleButton > a .icon-circle {
    padding: 0px !important;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    color: #FFF;
}

    .uiversion-3 .modulenav .moduleButton > a .icon-circle img {
        /*margin: 30% 0px !important;*/
        font-size: 16px !important;
    }

.uiversion-3 .modulenav .moduleButton > a .module-name {
    font-size: 12.5px !important;
    margin-top: 5px;
    letter-spacing: 0.011em !important;
}

/* Navbar Styles & Dropdown */
.uiversion-3 .navbar {
    background-color: #ffffff !important;
    box-shadow: 0 0 1px 0.25px var(--box-shadow-color) !important;
    width: 100%;
}

.uiversion-3 li.dropdown-hover.module-quick-menu > a {
    color: var(--primary-color) !important;
    padding: 0px 10px;
}

.uiversion-3 .navbar .navbar-brand {
    color: var(--primary-color) !important;
    font-weight: 500 !important;
}

.uiversion-3 .ace-nav .nav-user-photo {
    border: 0px solid #d7d7d7 !important;
    padding: 10px !important;
    background: #f0f0f0 !important;
    margin-left: 10px !important;
    margin-top: -5px !important;
    height: 32px;
    border-radius: 6px !important;
}

.uiversion-3 .user-info {
    color: var(--text-primary-color);
    font-weight: 500;
    font-size: 12.5px;
    letter-spacing: 0.011em;
}

.uiversion-3 .ace-nav > li > a {
    cursor: pointer;
    background: #fff !important;
    padding: 0px 10px;
}

.uiversion-3 .ace-nav.nav .open > a, .ace-nav.nav .open > a:hover, .ace-nav.nav .open > a:focus {
    background: #f1efef !important;
}


.no-skin.uiversion-3.nav-list > li > .submenu .open > a,
.no-skin.uiversion-3 .nav-list > li > .submenu .open > a:focus,
.no-skin.uiversion-3 .nav-list > li > .submenu .open > a:hover {
    background: #f1efef !important;
}

.uiversion-3 .ace-nav > li > a > .ace-icon {
    display: inline-flex;
    font-size: 16px;
    color: #afafaf;
    text-align: center;
    width: 15px;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0px 5px;
}

.uiversion-3 .dropdown-menu {
    border-radius: 6px !important;
}

    .uiversion-3 .dropdown-menu .dropdown-hover {
        cursor: pointer;
    }

    .uiversion-3 .dropdown-menu.dropdown-close.dropdown-menu-right {
        margin-top: 8px;
        background: white;
        margin-right: 8px;
    }

    .uiversion-3 .dropdown-menu > li.active:hover > a,
    .uiversion-3 .dropdown-menu > li.active > a,
    .uiversion-3 .dropdown-menu > li:hover > a,
    .uiversion-3 .dropdown-menu > li > a:active,
    .uiversion-3 .dropdown-menu > li > a:focus {
        background: var(--primary-color-text-bg);
        color: var(--primary-color);
        font-size: 12.5px !important;
    }


.uiversion-3 .module-quick-menu .dropdown-menu a {
    font-size: 12.5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


    .uiversion-3 .module-quick-menu .dropdown-menu a > .ace-icon {
        margin-top: 3px;
        float: left !important;
        margin-right: 7px;
        margin-left: -5px;
    }

/* Sidebar */
.uiversion-3 .skin-3 .sidebar {
    background-color: #f4f4f4 !important;
    border-color: transparent !important;
}


.uiversion-3 .skin-3 .nav-list > li.open, .skin-3 .nav-list > li:hover {
    border-color: transparent !important;
}

.skin-3 .nav-list > li.active, .skin-3 .nav-list > li.active + li {
    border-color: transparent !important;
}

.uiversion-3 .skin-3 .nav-list > li.open > a,
.no-skin.uiversion-3 .nav-list > li > .submenu li.open > a,
.no-skin.uiversion-3 .nav-list > li > .submenu li > .submenu li.open > a,
.uiversion-3 .skin-3 .nav-list > li > a {
    background: white !important;
    color: var(--text-primary-color) !important;
    font-size: 12.5px !important;
}

    .uiversion-3 .skin-3 .nav-list > li > a > .arrow {
        font-size: 14px !important;
        color: #7c7c7c !important;
    }

.uiversion-3 .skin-3 .nav-list > li.active.highlight > a,
.uiversion-3 .skin-3 .nav-list > li.active > a,
.no-skin.uiversion-3 .nav-list > li > .submenu li > .submenu li.active > a,
.no-skin.uiversion-3 .nav-list > li > .submenu li > .submenu li.open:hover > a,
.uiversion-3 .skin-3 .nav-list > li.open:hover > a {
    background: whitesmoke !important;
}

.uiversion-3 .skin-3 .nav-list > li > .submenu li.active:hover > a,
.uiversion-3 .skin-3 .nav-list > li > .submenu li.active > a,
.uiversion-3 .skin-3 .nav-list > li > .submenu li:hover > a,
.uiversion-3 .skin-3 .nav-list > li > .submenu li > a:active,
.uiversion-3 .skin-3 .nav-list > li > .submenu li > a:focus,
.uiversion-3 .skin-3 .nav-list > li > .submenu li > .submenu > li > a:active,
.uiversion-3 .skin-3 .nav-list > li > .submenu li > .submenu > li > a:focus,
.uiversion-3 .skin-3 .nav-list > li > .submenu li > .submenu > li:hover > a {
    background: var(--primary-color-text-bg);
    color: var(--primary-color);
}

.no-skin.uiversion-3 .nav-list > li.active > a {
    font-weight: 600;
}


.uiversion-3 .skin-3 .nav-list > li.open + li, .uiversion-3 .skin-3 .nav-list > li:hover + li {
    border-color: #fcfeff !important;
}

.uiversion-3 .skin-3 .nav-list > li.active:before,
.uiversion-3 .skin-3 .nav-list > li.open:before, .skin-3 .nav-list > li:hover:before {
    display: none !important;
}

.uiversion-3 .skin-3 .nav-list > li > a {
    display: flex !important;
}


    .uiversion-3 .skin-3 .nav-list > li > a > span {
        padding: 1px;
    }

.uiversion-3 .nav-list > li > a > .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    vertical-align: middle;
    text-align: center;
    font-size: 12.5px;
    font-weight: 400;
    /*margin-top: -9px;*/
}

.no-skin.uiversion-3 .nav-list > li > .submenu:before, .no-skin.uiversion-3 .nav-list > li > .submenu > li:before {
    border-color: #dcdcdc;
}

.uiversion-3 .skin-3 .sidebar-shortcuts-mini > .btn {
    border-width: 0px !important;
    padding: 6px !important;
    margin: 2px 2px 0 0 !important;
    border-radius: 2px !important;
}

.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
    background: #f9f9f9 !important;
    padding-left: 22px !important;
    border-color: transparent !important;
    border-radius: 5px !important;
    box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%);
    margin-left: 10px !important;
    font-weight: 600 !important;
}

.no-skin.uiversion-3 .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
    box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%) !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0px !important;
}

.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li > .submenu {
    box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 10%) !important;
    margin-left: 10px !important;
    border: none !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


.no-skin.uiversion-3 .nav-list > li > .submenu .open > a {
    background-color: white !important;
}

.no-skin.uiversion-3 .nav-list > li > .submenu .open:last-child a {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li.active > a:after,
.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li.active > a:before {
    display: none !important;
}

.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li > .arrow:after,
.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li > .arrow:before {
    display: none !important;
}

.uiversion-3 .skin-3 .sidebar.menu-min .nav-list > li > a > .menu-icon i {
    margin: 10px;
}

.uiversion-3 .skin-3 .sidebar-shortcuts,
.uiversion-3 .skin-3 .sidebar-shortcuts-mini,
.uiversion-3 .skin-3 .sidebar > .nav-search {
    background-color: white !important;
}

.uiversion-3 .scroll-bar {
    background: #dcdcdc !important;
    border-radius: 50px !important;
}

.uiversion-3 .btn {
    text-shadow: none !important;
    border-radius: 6px !important;
    outline: none !important;
    border: none !important;
    padding: 7px !important;
}

.uiversion-3 .widget-box {
    border: none !important;
    box-shadow: 0 0 5px rgb(204 204 204 / 60%);
    border-radius: 6px !important;
}


    .uiversion-3 .widget-box[class*=widget-color-] > .widget-header {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        background-color: var(--primary-color) !important;
        padding-top: 2px;
        border-color: #f7f7f7;
        color: #FFF !important;
    }

.uiversion-3 .table-header {
    background-color: var(--primary-color) !important;
}

.uiversion-3 [class*=widget-color-] > .widget-header > .widget-toolbar:before {
    border-color: #ffffff14;
    height: 20px;
    margin: 20% 0px;
}


.uiversion-3 [class*=widget-color-] > .widget-header > .widget-toolbar > .widget-menu > [data-action],
.uiversion-3 [class*=widget-color-] > .widget-header > .widget-toolbar > [data-action] {
    color: white !important;
    text-shadow: none !important;
    font-size: 10px !important;
}


/* Gritter / Notifications */

.uiversion-3 .gritter-item-wrapper {
    box-shadow: 0 0 15px var(--box-shadow-color) !important;
    border-radius: 6px !important;
}

    .uiversion-3 .gritter-item-wrapper .gritter-item {
        font-family: var(--font-family);
    }

/* HomePage Tabs */
.uiversion-3 #cardTypeButtons {
    background: #f5f5f5;
    background-repeat: no-repeat;
    /*padding: 10px 0px 0px 0px;*/
    border-radius: 0px !important;
    border: none;
    margin-left: -21px;
    margin-top: -50px;
    /* width: 100%; */
    margin-bottom: 30px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: -20px !important;
    border-bottom: 1px solid var(--color-border-muted);
    margin-bottom: 0px !important;
    height: 42px;
}

    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block {
        border-bottom: none !important;
        border-radius: 0px !important;
        text-shadow: none !important;
        color: #4f4f4f !important;
        font-family: var(--font-family) !important;
        background: transparent !important;
        border: none !important;
        outline: 2px solid white;
        display: flex;
        flex-direction: row;
        gap: 10px;
        font-size: 13.5px !important;
        align-items: center;
        justify-content: start;
        border-bottom: 3px solid transparent;
        margin-bottom: 0px;
        box-shadow: none !important;
        width:380px;
    }

    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm > .ace-icon {
        font-size: 15px !important;
        margin: 0px 5px !important;
    }

    .uiversion-3 #cardTypeButtons span.label.label-inverse.arrowed-in {
        border-radius: 50px !important;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute !important;
        /*right: 5px !important;*/
        /*top: 14px;*/
        top: 4px;
        background-color: #4f4f4f;
        padding: 4px 10px;
        height: 16px;
        font-weight: 600;
        margin-right: 60px;
    }

    .uiversion-3 #cardTypeButtons button.btn-purple > span.label.label-inverse.arrowed-in {
        margin-right: 110px;
        justify-items: flex-start;
    }

    .uiversion-3 #cardTypeButtons span.label.label-inverse.arrowed-in::before {
        display: none !important;
    }

    .uiversion-3 #cardTypeButtons span.label.label-inverse.arrowed-in.cardcount {
        display: none !important;
    }

    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block:focus .arrowed-in,
    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block:active .arrowed-in,
    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block.active .arrowed-in {
        background: var(--primary-color) !important;
    }

    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block:focus, .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block:active {
        color: var(--primary-color) !important;
        border-bottom: 3px solid var(--primary-color) !important;
        font-weight: 600;
        padding: 2px !important;
    }

    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block.active {
        color: var(--primary-color) !important;
        border-bottom: 3px solid var(--primary-color) !important;
        font-weight: 600;
        padding: 2px !important;
    }


/* Badge / Labels */
.uiversion-3 .label.arrowed:before,
.uiversion-3 .label.arrowed:after,
.uiversion-3 .label.arrowed-in:before,
.uiversion-3 .label.arrowed-in:after,
.uiversion-3 .label.arrowed-in-right:before,
.uiversion-3 .label.arrowed-in-right:after,
.uiversion-3 .label.arrowed-right:before,
.uiversion-3 .label.arrowed-right:after {
    border: none !important
}

.uiversion-3 .label.arrowed,
.uiversion-3 .label.arrowed-in,
.uiversion-3 .label.arrowed-in-right,
.uiversion-3 .label.arrowed-right,
.uiversion-3 .label.label-sm {
    border-radius: 10px !important;
    vertical-align: middle;
    padding: 3px 10px 2.5px 10px;
}


/* Tables, Forms & Widgets   */

.uiversion-3 .dataTables_wrapper > .row {
    background-color: white !important;
}

.uiversion-3 .dataTables_wrapper .row:last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top: 1px solid var(--color-border-muted);
}

.uiversion-3 .dataTables_wrapper input[type=search],
.uiversion-3 .dataTables_wrapper input[type=text],
.uiversion-3 .dataTables_wrapper select {
    border-radius: 6px !important;
}

.uiversion-3 .widget-toolbox {
    background-color: #f7f7f7 !important;
    padding: 15px !important;
}

    .uiversion-3 .widget-toolbox:first-child {
        padding: 15px !important;
    }

.uiversion-3 .widget-body h3.header {
    font-weight: 400 !important;
}

.uiversion-3 h1,
.uiversion-3 h2,
.uiversion-3 h3,
.uiversion-3 h4,
.uiversion-3 h5,
.uiversion-3 h6 {
    font-family: var(--font-family) !important;    
    letter-spacing: -0.011em;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.uiversion-3 label {
    font-size: 12.5px !important;
    font-weight: 400 !important;
}

.uiversion-3 .widget-body .table {
    border-top: none !important;
}

    .uiversion-3 .widget-body .table > thead > tr > th,
    .uiversion-3 .modal-body .table > thead > tr > th {
        color: var(--text-primary-color) !important;
        border-color: var(--color-border-muted) !important;
    }

.uiversion-3 .widget-body .table-striped > tbody > tr,
.uiversion-3 .modal-body .table-striped > tbody > tr {
    background-color: white;
}

.uiversion-3 .widget-body .table-container {
    position: relative;
    /* padding: 30px !important; */
    background: white !important;
}

.uiversion-3 td.emp-photo img {
    width: 32px;
    height: 30px;
    border-radius: 50px;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-color: 2px var(--color-border-muted) !important;
    background-color: var(--color-border-muted) !important;
}

.uiversion-3 .widget-body .table > thead > tr > th:first-child {
    border-top-left-radius: 6px !important;
}

.uiversion-3 .widget-body .table > thead > tr > th:last-child {
    border-top-right-radius: 6px !important;
}

.uiversion-3 .widget-body .table-striped > tbody > tr:last-child,
.uiversion-3 .widget-body .table-striped > tbody > tr:last-child td:first-child {
    border-bottom-left-radius: 6px !important;
}

/*.uiversion-3 .widget-body .table thead:first-child tr {
    background: #fbfbfb !important;
}*/

.uiversion-3 .table-container .actions .btn-toolbar .btn-xs,
.uiversion-3 .table-container .btn-toolbar .btn-xs {
    /*padding: 6px 16px !important;*/
    /*padding: 6px 10px !important;*/
    margin-bottom: 5px !important;
}

.uiversion-3 .header .btn.btn-xs,
.uiversion-3 .table-container .actions .btn-toolbar .btn-xs,
.uiversion-3 .table-container .btn-toolbar .btn-xs,
.uiversion-3 .table .actions .btn-toolbar .btn-xs,
.uiversion-3 .table .btn-toolbar .btn-xs,
.uiversion-3 .widget-toolbox .btn-xs,
.uiversion-3 .table .btn-xs {
    padding: 5px 9px 3px 9px !important;
}

.uiversion-3 .table-container .btn-danger,
.uiversion-3 .table .btn-danger {
    padding: 4px 8px 4px 9px !important;
}

.uiversion-3 .widget-toolbox .btn-sm {
    padding: 7px !important
}

.uiversion-3 .table-container .label.arrowed,
.uiversion-3 .table-container .label.arrowed-in,
.uiversion-3 .table-container .label.arrowed-in-right,
.uiversion-3 .table-container .label.arrowed-right {
    margin: 5px 0px !important;
}

.uiversion-3 .table-bordered,
.uiversion-3 .table-bordered > tbody > tr > td,
.uiversion-3 .table-bordered > tbody > tr > th,
.uiversion-3 .table-bordered > tfoot > tr > td,
.uiversion-3 .table-bordered > tfoot > tr > th,
.uiversion-3 .table-bordered > thead > tr > td,
.uiversion-3 .table-bordered > thead > tr > th {
    border-color: var(--color-border-muted) !important;
}

.uiversion-3 .widget-body .widget-main .tableTools a.btn {
    /*padding: 10px 15px !important;*/
    padding: 7px !important;
    font-weight: 600;
    margin: 2px;
}

.uiversion-3 .widget-main .nav-tabs.tab-color-blue > li > a {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
/*TABS TOP-RIGHT and LEFT RADIUS*/
/*.uiversion-3 .widget-main .nav-tabs > li > a,*/
.uiversion-3 .widget-main .nav-tabs > li.active > a,
.uiversion-3 .nav-tabs > li.active > a {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.uiversion-3 .widget-main.no-padding .nav-tabs.background-blue {
    border: none !important;
}


.uiversion-3 .widget-toolbox .row {
    margin-bottom: 10px !important;
}

/* Pagination */

.uiversion-3 .pagination > li:first-child > a {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}


.uiversion-3 .pagination > li:last-child > a {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* Charts */

.uiversion-3 .highcharts-container tspan {
    font-family: var(--font-family);
}


.uiversion-3 .widget-box-with-progress .widget-block-progress {
    background: var(--color-canvas-subtle) !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.uiversion-3 .input-group .form-control:last-child,
.uiversion-3 .input-group-addon:last-child,
.uiversion-3 .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.uiversion-3 .input-group-btn:first-child > .btn:not(:first-child),
.uiversion-3 .input-group-btn:last-child > .btn,
.uiversion-3 .input-group-btn:last-child > .btn-group > .btn,
.uiversion-3 .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.uiversion-3 .input-group .form-control:first-child,
.uiversion-3 .input-group-addon:first-child,
.uiversion-3 .input-group-btn:first-child > .btn,
.uiversion-3 .input-group-btn:first-child > .btn-group > .btn,
.uiversion-3 .input-group-btn:first-child > .dropdown-toggle {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.uiversion-3 .input-group > span:first-child {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.uiversion-3 .form-group .input-group .input-group-btn .btn{
    margin-left: 4px !important;
}

.uiversion-3 .input-group .select2-container .select2-choice:last-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
.uiversion-3 .input-group .select2-container .select2-choice:first-child {
   border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.uiversion-3 .form-group .input-group .select2-container .select2-choice {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.uiversion-3 .widget-toolbox .input-group .select2-container .select2-choice {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.uiversion-3 .select2-container .select2-choice {
    border-radius: 6px !important;
    background: white !important;
    border-color: var(--color-border-muted);
}

.uiversion-3 .select2-container-multi .select2-choices {
    background: white !important;
    border-radius: 6px !important;
}

    .uiversion-3 .select2-container-multi .select2-choices .select2-search-choice {
        margin: 4px;
    }

.uiversion-3 .input-group .input-group .select2-container:first-child {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.uiversion-3 .input-group .input-group .form-control:first-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.uiversion-3 .input-group .form-control:not(:first-child):not(:last-child) {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.uiversion-3 .input-group .input-group .select2-container:first-child .select2-choice {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.uiversion-3 .input-group .input-group .select2-container.select2-container-multi .select2-choices {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.uiversion-3 .input-group input {
    border-radius: 0px !important;
}

.uiversion-3 .form-group select {
    border-radius: 6px !important;
}

    .uiversion-3 .form-group select > option {
        border-radius: 6px !important;
    }

.uiversion-3 input[type=checkbox].ace.ace-switch.ace-switch-2 + .lbl::before {
    font-family: var(--font-family);
}

.uiversion-3 input[type=checkbox].ace.ace-switch + .lbl::after {
    content: '' !important;
}

.uiversion-3 .select2-drop {
    border-bottom-width: 1px !important;
    /*border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;*/
    border-radius: 6px !important;
    border-top: 1px solid #5897fb !important;
}

.uiversion-3 .select2-search {
    padding: 10px !important;
}

    .uiversion-3 .select2-search input {
        background: white !important;
    }

    .uiversion-3 .select2-search:before {
        right: 20px !important;
        top: 17px !important;
    }
/*FOR SHOWING BOTTOM BORDER RADIUS OF SELECT 2 LIST*/
.uiversion-3 .select2-results {
    margin: 0px 2px 1.5px 0px !important;
    /*margin: 0px !important;*/
    padding: 0px !important;
}

.uiversion-3 li.select2-result.select2-result-selectable:last-child.select2-highlighted {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.uiversion-3 .select2-results .select2-highlighted {
    background: var(--primary-color) !important;
}

.uiversion-3 .select2-results li {
    text-indent: 5px;
}

.uiversion-3 .table-container textarea.form-control {
    border-radius: 6px !important;
    resize: none !important;
}


.uiversion-3 textarea.form-control {
    border-radius: 6px !important;
}

.uiversion-3 .card-body .card-content .blue {
    color: #393939 !important;
}


.uiversion-3 .widget-box.fullscreen > .widget-header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    background-color: var(--primary-color) !important;
}

.uiversion-3 .modal-dialog .modal-content {
    border-radius: 6px !important;
}

    .uiversion-3 .modal-dialog .modal-content .modal-footer {
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
    }

.uiversion-3 .fc .fc-toolbar .fc-left .fc-prev-button,
.uiversion-3 .fc .fc-toolbar .fc-left .fc-today-button {
    border-radius: 6px !important;
}


.uiversion-3 .fc .fc-toolbar .fc-right .fc-button,
.uiversion-3 .fc .fc-toolbar .fc-right .fc-next-button,
.uiversion-3 .fc .fc-toolbar .fc-button-group .fc-next-button {
    border-radius: 6px !important;
}

.uiversion-3 .fc .fc-toolbar .fc-right .fc-button {
    padding: 0px 7.5px !important;
}

.uiversion-3 .fc .fc-toolbar .fc-center {
    padding-top: 5px;
}

.uiversion-3 .rightPanel .btn.btn-event {
    background-color: var(--primary-color) !important;
}

.uiversion-3 .fc-toolbar h2 {
    color: var(--primary-color) !important;
}

.uiversion-3 .tab-content .user-profile .img-responsive {
    display: block;
    height: 128px;
    width: 128px;
    padding: 5px;
    background-color: var(--color-border-muted) !important;
}

.uiversion-3 .fc-view-container .fc-view > table {
    border-radius: 6px !important;
    border-style: hidden !important; /* hide standard table (collapsed) border */
    box-shadow: 0 0 5px #8090A0 !important; /* this draws the table border  */
}

.uiversion-3 .fc .fc-widget-header {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}

.uiversion-3 .fc .fc-view-container .fc-day.fc-widget-content.fc-no-in-calendar {
    border-bottom-right-radius: 6px !important;
}

.uiversion-3 .fc-widget-content .fc-row:last-child .fc-bg table tbody tr td:first-child {
    border-bottom-left-radius: 6px !important;
}

.uiversion-3 .fc-widget-content .fc-row:last-child .fc-bg table tbody tr td:last-child {
    border-bottom-right-radius: 6px !important;
}

.uiversion-3 .fc-widget-content .fc-row:last-child .fc-content-skeleton {
    padding-bottom: 5px !important;
}

.uiversion-3 .rightPanel .fc.fc-unthemed {
    border-radius: 6px !important;
    border-style: hidden !important; /* hide standard table (collapsed) border */
    box-shadow: 0 0 5px #8090A0 !important; /* this draws the table border  */
}

    .uiversion-3 .rightPanel .fc.fc-unthemed thead tr th:first-child {
        border-top-left-radius: 6px !important;
    }

    .uiversion-3 .rightPanel .fc.fc-unthemed thead tr th:last-child {
        border-top-right-radius: 6px !important;
    }

.uiversion-3 .fc-unthemed .fc-popover, .uiversion-3 .fc-unthemed .fc-row,
.uiversion-3 .fc-unthemed hr, .uiversion-3 .fc-unthemed tbody, .uiversion-3 .fc-unthemed td, .uiversion-3 .fc-unthemed th,
.uiversion-3 .fc-unthemed thead {
    /*background-color: #F0F8FF !important;*/
    /*border-color: #8090A0 !important;*/
    border-color: #0989FB0A !important;
}

.uiversion-3 .fc .fc-axis, .fc-widget-header {
    background: #F0F8FF !important;
    color: #8090A0;
}

.uiversion-3 .fc .fc-toolbar .fc-left .fc-today-button,
.uiversion-3 .fc .fc-toolbar .fc-right .fc-today-button {
    /*color: #FFF !important;
    font-weight: 600 !important;
    font-family: var(--font-family) !important;*/
    background-color: aliceblue !important;
    opacity: 1 !important;
    color: var(--primary-color) !important;
    font-weight: 600;
}

    .uiversion-3 .fc .fc-toolbar .fc-left .fc-today-button:hover,
    .uiversion-3 .fc .fc-toolbar .fc-right .fc-today-button:hover {
        background-color: var(--primary-color) !important;
        color: #F0F8FF !important;
        font-weight: 600;
    }

    .uiversion-3 .fc .fc-toolbar .fc-left .fc-today-button:disabled,
    .uiversion-3 .fc .fc-toolbar .fc-right .fc-today-button:disabled ,
    .uiversion-3 .btn[disabled],
    .uiversion-3 fieldset[disabled] .btn {
        /*color: #555 !important;
        font-weight: 600 !important;
        font-family: var(--font-family) !important;*/
        pointer-events: none !important;
        cursor: not-allowed !important;
        background-color: #eee !important;
        color: #555 !important;
        font-weight: 600 !important;
        opacity: .70 !important;
    }

.uiversion-3 .chartWidget .loader {
    left: 47% !important;
    top: 47% !important;
}

/*My changes*/
.uiversion-3 input[type=email],
.uiversion-3 input[type=url], .uiversion-3 input[type=search],
.uiversion-3 input[type=tel], .uiversion-3 input[type=color],
.uiversion-3 input[type=text], .uiversion-3 input[type=password],
.uiversion-3 input[type=datetime],
.uiversion-3 input[type=datetime-local],
.uiversion-3 input[type=date], .uiversion-3 input[type=month],
.uiversion-3 input[type=time], .uiversion-3 input[type=week],
.uiversion-3 input[type=number], .uiversion-3 textarea,
.uiversion-3 .input-group-addon,
.uiversion-3 .form-control {
    font-family: var(--font-family);
    font-size: 12.5px !important;
}

.uiversion-3 .table > tbody > tr > td,
.uiversion-3 .table > tfoot > tr > td,
.uiversion-3 .table > thead > tr > td {
    font-size: 12.5px;
}

.uiversion-3 .dataTables_wrapper label {
    font-size: 12.5px;
}

/*.uiversion-3 .mod-timeattendance, .mod-hranalytics {
    padding-top: 5px;
}

.uiversion-3 .mod-grievance, .mod-fieldtrac {
    padding-top: 5px;
    height: 30px !important;
}*/

.uiversion-3 .block-progress {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #BBB;
    background: rgba(0, 0, 0, 0.17);
    display: none;
    z-index: 19 !important;
    image-rendering: pixelated;
}

    .uiversion-3 .block-progress img {
        width: 75px;
        height: 75px;
        position: absolute;
        background: #EEE;
        background: rgba(0, 0, 0, 0);
        left: 50%;
        top: 50%;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        font-weight: 500;
        image-rendering: auto;
        margin-left: -64px;
        margin-top: -64px;
    }

.select2-container.form-control {
    padding: 0px;
}

.uiversion-3 .select2-container.form-control .select2-choice {
    border: 0px !important;
    padding: 4px 6px !important;
}

.uiversion-3 .form-control .select2-control {
    border-radius: 6px !important;
}

.uiversion-3 .form-control, select {
    border-radius: 6px;
}

.uiversion-3 .btn-group-sm > .btn, .btn-sm {
    font-size: 12.5px !important;
}

.uiversion-3 .header.smaller.lighter {
    color: var(--primary-color) !important;
}

.uiversion-3 .header {
    border-bottom-color: var(--primary-color) !important;
}

.uiversion-3 .home-calendar .rightPanel .applyeventbtn {
    background-color: var(--primary-color) !important;
    color: white !important;
}

    .uiversion-3 .home-calendar .rightPanel .applyeventbtn:hover {
        background-color: var(--primary-color-darker) !important;
        color: white !important;
    }

.uiversion-3 .label.label-others {
    background-color: #53a2e6 !important;
}

.uiversion-3 .label.label-completed {
    background-color: #51cd39 !important;
}

.uiversion-3 .label.label-rejected {
    background-color: #e14c4c !important;
}

.uiversion-3 .label.label-pending {
    background-color: #f89406 !important;
}

.uiversion-3 .label.label-approved {
    background-color: #51cd39 !important;
}

.uiversion-3 .badge.badge-others {
    background-color: #53a2e6 !important;
}

.uiversion-3 .btn-primary,
.uiversion-3 .btn-primary:focus,
.uiversion-3 .btn-primary.focus,
.uiversion-3 .btn-pink,
.uiversion-3 .btn-pink:focus,
.uiversion-3 .btn-pink.focus,
.uiversion-3 .btn-purple,
.uiversion-3 .btn-purple:focus,
.uiversion-3 .btn-purple.focus,
.uiversion-3 .btn-info,
.uiversion-3 .btn-info:focus,
.uiversion-3 .btn-info.focus,
.uiversion-3 .btn-default,
.uiversion-3 .btn-default:focus,
.uiversion-3 .btn-default.focus,
.uiversion-3 .btn-grey,
.uiversion-3 .btn-grey:focus,
.uiversion-3 .btn-grey.focus {
    background-color: #F0F8FF !important;
    font-weight: 600;
    color: #0989FB !important;
}

    .uiversion-3 .btn-primary:hover,
    .uiversion-3 .btn-primary:focus:hover,
    .uiversion-3 .btn-primary.focus:hover,
    .uiversion-3 .btn-primary:active:hover,
    .uiversion-3 .btn-primary:focus:active,
    .uiversion-3 .btn-pink:hover,
    .uiversion-3 .btn-pink:focus:hover,
    .uiversion-3 .btn-pink.focus:hover,
    .uiversion-3 .btn-pink:active:hover,
    .uiversion-3 .btn-pink:focus:active,
    .uiversion-3 .btn-purple:hover,
    .uiversion-3 .btn-purple:focus:hover,
    .uiversion-3 .btn-purple.focus:hover,
    .uiversion-3 .btn-purple:active:hover,
    .uiversion-3 .btn-purple:focus:active,
    .uiversion-3 .btn-info:hover,
    .uiversion-3 .btn-info:focus:hover,
    .uiversion-3 .btn-info.focus:hover,
    .uiversion-3 .btn-info:active:hover,
    .uiversion-3 .btn-info:focus:active,
    .uiversion-3 .btn-default:hover,
    .uiversion-3 .btn-default:focus:hover,
    .uiversion-3 .btn-default.focus:hover,
    .uiversion-3 .btn-default:active:hover,
    .uiversion-3 .btn-default:focus:active,
    .uiversion-3 .btn-grey:hover,
    .uiversion-3 .btn-grey:focus:hover,
    .uiversion-3 .btn-grey.focus:hover,
    .uiversion-3 .btn-grey:active:hover,
    .uiversion-3 .btn-grey:focus:active {
        background-color: #0989FB !important;
        font-weight: 600;
        color: #F0F8FF !important;
    }

.uiversion-3 .btn-success,
.uiversion-3 .btn-success:focus,
.uiversion-3 .btn-success.focus{
    background-color: #C5FBC4 !important;
    font-weight: 600;
    color: #378A36 !important;
}

    .uiversion-3 .btn-success:hover,
    .uiversion-3 .btn-success:focus:hover,
    .uiversion-3 .btn-success.focus:hover,
    .uiversion-3 .btn-success:active:hover,
    .uiversion-3 .btn-success:focus:active
   {
        background-color: #378A36 !important;
        font-weight: 600;
        color: #C5FBC4 !important;
    }     

.uiversion-3 .btn-danger,
.uiversion-3 .btn-danger:focus,
.uiversion-3 .btn-danger.focus,
.uiversion-3 .table-bordered > tbody > tr > td > a.btn.btn-danger {
    background-color: #F8DEDE !important;
    font-weight: 600;
    color: #D95454 !important;
}

    .uiversion-3 .btn-danger:hover,
    .uiversion-3 .btn-danger:focus:hover,
    .uiversion-3 .btn-danger.focus:hover,
    .uiversion-3 .btn-danger:active:hover,
    .uiversion-3 .btn-danger:focus:active {
        background-color: #D95454 !important;
        font-weight: 600;
        color: #F8DEDE !important;
    }



.uiversion-3 .btn-warning,
.uiversion-3 .btn-warning:focus,
.uiversion-3 .btn-warning.focus {
    background-color: #FBE5C4 !important;
    font-weight: 600;
    color: #F99F4A !important;
}

    .uiversion-3 .btn-warning:hover,
    .uiversion-3 .btn-warning:focus:hover,
    .uiversion-3 .btn-warning.focus:hover,
    .uiversion-3 .btn-warning:active:hover,
    .uiversion-3 .btn-warning:focus:active {
        background-color: #F99F4A !important;
        font-weight: 600;
        color: #FBE5C4 !important;
    }


.uiversion-3 .widget-main .timeline-style2 .timeline-item:before {
    left: 88px !important;
    top: -1px !important;
    bottom: -9px !important;
    background: linear-gradient(to bottom, rgb(43 215 255 / 61%), rgb(24 62 255 / 72%)) !important;
    width: 50px !important;
    max-width: 15px !important;
    border-radius: 50px !important;
}

.uiversion-3 .widget-main .timeline-info.from .timeline-indicator.btn {
    border-radius: 50% !important;
    background: var(--primary-color) !important;
}


.uiversion-3 .widget-main .timeline-info.to .timeline-indicator.btn {
    background: var(--primary-color-darker) !important;
    border-radius: 50% !important;
}

.uiversion-3 .timeline-style2 .timeline-date {
    width: 80px !important;
}
.uiversion-3 .timeline-style2 .timeline-indicator {
    left: 86px !important;
    top:-1px;
}
.uiversion-3 .modal-content .timeline-style2 .timeline-item:before {
    left: 94px;
}

.uiversion-3 .widget-box .btn.btn-primary.add,
.uiversion-3 .widget-box .btn.btn-primary.Add,
.uiversion-3 .widget-box .btn.btn-primary #Add {
    background-color: var(--primary-color) !important;
    color: white !important;
    width: 50px;
    font-weight: 600 !important;
}

    .uiversion-3 .widget-box .btn.btn-primary.add:hover,
    .uiversion-3 .widget-box .btn.btn-primary.add:focus:hover,
    .uiversion-3 .widget-box .btn.btn-primary.add.focus:hover,
    .uiversion-3 .widget-box .btn.btn-primary.Add:hover,
    .uiversion-3 .widget-box .btn.btn-primary.Add:focus:hover,
    .uiversion-3 .widget-box .btn.btn-primary.Add.focus:hover,
    .uiversion-3 .widget-box .btn.btn-primary #Add:hover,
    .uiversion-3 .widget-box .btn.btn-primary #Add:focus:hover,
    .uiversion-3 .widget-box .btn.btn-primary #Add.focus:hover {
        background-color: var(--primary-color-darker) !important;
    }

.uiversion-3 .btn-group-xs > .btn, 
.uiversion-3 .btn-xs, 
.uiversion-3 .btn-sm {
    font-size: 12.5px !important;
}

.uiversion-3 .mega-menu .dropdown-toggle {
    cursor: text;
    text-decoration: none;
}

.uiversion-3 .skin-3 .breadcrumbs {
    background-color: #FFFFFF !important;
    border-top: 1px solid #E5E5E5;
    border-bottom: 0px solid #E5E5E5;
}

    .uiversion-3 .skin-3 .breadcrumbs .breadcrumb > li > a {
        color: #555 !important;
    }

.uiversion-3 .table > tfoot.column-filters tr td,
.uiversion-3 .table > tfoot.column-filters tr th {
    background-color: white !important;
}


.uiversion-3 .table.formTable {
    border-radius: 6px !important;
    border-style: hidden !important;
    box-shadow: 0 0 5px rgb(204 204 204 / 60%);
}
    

    .uiversion-3 .table.formTable tbody > tr:last-child {
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
    }

.uiversion-3 .table-container .table,
.uiversion-3 .dataTables_wrapper .table-container .dataTables_scroll,
.uiversion-3 .fancytree-ext-table {
    border-radius: 6px !important;
    border-style: hidden !important;
    box-shadow: 0 0 5px rgb(204 204 204 / 60%);
}

    .uiversion-3 .table-container .table thead > tr:first-child {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        background: #fbfbfb !important;
    }

    .uiversion-3 .table-container .table tbody > tr:last-child {
        border-bottom-left-radius: 6px !important;
        border-bottom-right-radius: 6px !important;
    }

.uiversion-3 .dataTables_paginate .pagination {
    background-color: #fbfbfb !important;
}

    /*.uiversion-3 .dataTables_paginate .pagination > li > a {
        background-color: #F0F8FF !important;
        font-weight: 600;
        color: #0989FB !important;
        border: 0px !important;
    }*/

    .uiversion-3 .dataTables_paginate .pagination > li > a:hover,
    .uiversion-3 .dataTables_paginate .pagination > li.active > a,
    /*Resume Bank pagination container*/
    .uiversion-3 .paginationContainer .pagination > li > a:hover,
    .uiversion-3 .paginationContainer .pagination > li.active > a {
        background-color: #0989FB !important;
        font-weight: 600;
        color: #F0F8FF !important;
    }
/*
    .uiversion-3 .table.formTable thead tr th:first-child {
        border-top-left-radius: 6px !important;
    }

    .uiversion-3 .table.formTable thead tr th:last-child {
        border-top-right-radius: 6px !important;
    }*/

/* .uiversion-3 .table.formTable > thead > tr:first-child,
    .uiversion-3 .table.formTable > thead > tr:first-child th:first-child {
        border-top-left-radius: 6px !important;
    }

    .uiversion-3 .table.formTable > thead > tr:first-child,
    .uiversion-3 .table.formTable > thead > tr:first-child th:last-child {
        border-top-right-radius: 6px !important;
    }


    .uiversion-3 .table.formTable > tbody > tr:last-child,
    .uiversion-3 .table.formTable > tbody > tr:last-child td:first-child {
        border-bottom-left-radius: 6px !important;
    }

        .uiversion-3 .table.formTable > tbody > tr:last-child,
        .uiversion-3 .table.formTable > tbody > tr:last-child td:last-child {
            border-bottom-right-radius: 6px !important;
        }*/

.uiversion-3 .select2-results .employee-row .image {
    background-color: var(--color-border-muted) !important;
    color: var(--color-border-muted) !important;
    border-radius: 6px !important;
}

    .uiversion-3 .select2-results .employee-row .image img {
        width: 29px !important;
        margin: 0px !important;
    }

.uiversion-3 .dateNotificationCard .flip-clock-wrapper {
    font: normal 11px var(--font-family);
}

.uiversion-3 pre.no-style {
    font-family: var(--font-family);
    font-size: 12.5px;
}

.uiversion-3 .skin-3 .nav-list li.active > a:before {
    display: none;
}

.uiversion-3 .widget-box .tools {
    background-color: #ffffff !important;
}
/*
.uiversion-3 .badge-info, .badge.badge-info, .label-info, .label.label-info {
    background-color: #0989FB !important;
}*/
.uiversion-3 .select2-chosen .select2-results .select2-highlighted,
.uiversion-3 .select2-drop .select2-chosen .select2-results .select2-highlighted {
    background: var(--primary-color) !important;
}

.uiversion-3 .fancytree-quadrant,
.uiversion-3 .fancytree-kra,
.uiversion-3 .fancytree-kpi, .fancytree-range {
    background-color: white !important;
    border-color: #EDEDED !important;
}

.uiversion-3 .label.arrowed,
.uiversion-3 .label.arrowed-in,
.uiversion-3 .label.arrowed-in-right,
.uiversion-3 .label.arrowed-right,
.uiversion-3 .label.label-sm {
    border-radius: 10px !important;
    vertical-align: middle;
    padding: 3px 10px 2.5px 10px;
    /*background-color: var(--primary-color) !important;*/
}

.uiversion-3 .label.label-xlg.arrowed-in,
.uiversion-3 .label.label-xlg.arrowed-in-right {
    background-color: var(--primary-color) !important;
}
.uiversion-3 .label,
.uiversion-3 .badge {
    font-size: 12.5px !important;
}

    .uiversion-3 .badge-info,
    .uiversion-3 .badge.badge-info
    /*.uiversion-3 .label-info, .uiversion-3 .label.label-info*/ {
        background-color: var(--primary-color) !important;
    }

.uiversion-3 .input-group-btn .btn.btn-sm i {
    padding: 0px 0px 0px 2px;
}


.uiversion-3 .dataTable > thead > tr > th.sorting_asc,
.uiversion-3 .dataTable > thead > tr > th.sorting_desc {
    background-image: var(--primary-color-text-bg) !important;
    background-image: linear-gradient(to bottom,--primary-color-text-bg 80%,#EFF3F8 100%) !important;
    background-repeat: repeat-x;
}

.uiversion-3 input[type=checkbox].ace.ace-switch:checked + .lbl::before {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color-darker) !important;
    padding-top: 1px;
}

.uiversion-3 .btn-group .btn.export {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.uiversion-3 .widget-box .btn-group .btn.export {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/*Task-98*/
.uiversion-3 .widget-box .btn-group .expand {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.uiversion-3 .widget-box .btn-group.btn-group-export {
    border-radius: 6px;
}

    .uiversion-3 .widget-box .btn-group.btn-group-export:hover .btn,
    .uiversion-3 .btn-group-export .dropdown-menu > li > a:hover {
        background-color: var(--primary-color) !important;
        font-weight: 600;
        color: #F0F8FF !important;
    }

    .uiversion-3 .widget-box .btn-group.btn-group-export,
    .uiversion-3 .widget-box .btn-group.btn-group-export .btn,
    .btn-group-export .dropdown-menu > li > a {
        background-color: #F0F8FF !important;
        font-weight: 600;
        color: var(--primary-color) !important;
    }

.uiversion-3 .space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 0px !important;
}

.uiversion-3 .skin-3 .page-content {
    margin-top: 20px !important;
}

.uiversion-3 select > option:last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.uiversion-3 .input-group .input-daterange .select2-container-multi .select2-choices .select2-search-choice {
    margin: 4px
}

.uiversion-3 .input-group .select2-container-multi .select2-choices {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.uiversion-3 .badge {
    padding: 0px 7px 0px 7px !important;
}

.uiversion-3 .nav-tabs > li > a .badge {
    padding: 1px 5px !important;
}

.uiversion-3 .widget-body .fancytree-container > thead > tr {
    background-color: #F9F9F9 !important;
    background-image: linear-gradient(to bottom,#F9F9F9 0,#F9F9F9 100%) !important;
}

.uiversion-3 .widget-body .fancytree-container > tbody > tr {
    background-color: #FFF !important;
}

/* Task 132 */
.uiversion-3 .widget-body .table > thead > tr,
.uiversion-3 .table.table-bordered > thead > tr > th {
    background-color: #F9F9F9 !important;
}

/* Task 132 */
.uiversion-3 .fancytree-ext-table > tbody > tr.fancytree-active,
.uiversion-3 .fancytree-ext-table > tbody > tr:hover {
    background-color: #F7F7F7 !important;
    outline: #F7F7F7 1px !important;
}


/* Task 138 */
.uiversion-3 .badgestyle .badge-success { /*applicant souncing*/
    background-color: #51cd39 !important;
    color: #FFFFFF;
}

.uiversion-3 .badgestyle .badge-danger { /*applicant souncing*/
    background-color: #e14c4c !important;
    color: #FFFFFF;
}

.uiversion-3 .fancytree-competency-category { /*KRA header*/
    background-color: #F9F9F9 !important
}

/* Task 149 */
.uiversion-3 .clearfix .input-group .form-control:not(:first-child):not(:last-child)
{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

/* task 136 */
.uiversion-3 .dataTables_paginate .pagination > li > a,
.uiversion-3 .paginationContainer .pagination > li > a
{
    background-color: #F0F8FF !important;
    font-weight: 600;
    color: #0989FB !important;
    border: 0px !important;
}

/* Task 148 and task 136 */
.uiversion-3 .panel-info > .panel-heading,
.uiversion-3 .page-content .widget-box .widget-header.widget-header-blue.widget-header-flat,
.uiversion-3 b > a,
.uiversion-3 td > div > a,
.uiversion-3 .table-bordered > tbody > tr > td > a,
.uiversion-3 .ui-sortable .field-item .backdrop > a,
.uiversion-3 .modal-content .modal-header .blue,
.uiversion-3 .accordion-style1.panel-group .panel-heading .accordion-toggle,
/*DATA TABLE COLUMN VALUE SORNG ASC AND DESC*/
.uiversion-3 .dataTable > thead > tr > th[class*=sorting_asc],
.uiversion-3 .dataTable > thead > tr > th[class*=sorting_desc],
.uiversion-3 .dataTable > thead > tr > th[class*=sort]:hover, /*task-143*/
/*FOR NAVIGATION BAR CURRENT TAB IN BREADCRUB*/
.uiversion-3 .nav-tabs > li > a:hover,
.uiversion-3 .tabs-left > .nav-tabs > li.active > a,
.uiversion-3 .breadcrumb > li.active,
.uiversion-3 .breadcrumb > li:hover,
.uiversion-3 .skin-3 .breadcrumbs .breadcrumb > li > a:hover {
    color: var(--primary-color) !important;
}

.uiversion-3 .accordion-style1.panel-group .panel-heading .accordion-toggle {
    font-weight: bolder !important;
}

.uiversion-3 .steps > li.active .step,
.uiversion-3 .steps > li.active:before, 
.uiversion-3 .steps > li.complete .step, 
.uiversion-3 .steps > li.complete:before {
    border-color: var(--primary-color) !important;
}

/* Task 146 */
.uiversion-3 .table-container .table thead > tr:first-child,
.uiversion-3 .widget-body .table thead:first-child tr,
.uiversion-3 .widget-toolbox
{
    background: #F9F9F9 !important;
}

/* Task 144 */
.uiversion-3 .fancytree-ext-table > tbody > span > .fancytree-node
{
    background-color: #FDFDFD !important;
    outline: #FDFDFD 1px !important;
}

.uiversion-3 .fancytree-question 
{
    background-color: #FCFCFC !important
}

.uiversion-3 .fancytree-section 
{
    background-color: #F9F9F9 !important;
}

.uiversion-3 .nav-tabs.tab-color-blue > li > a,
.uiversion-3 .formula-container ul.component-items li:hover,
.uiversion-3 .highcharts-contextmenu > ul.highcharts-menu > li:hover /*form HighChart Drop down list*/ {
    background-color: var(--primary-color) !important;
}

.uiversion-3 .nav-tabs[class*=tab-color-] > li.active > a,
.uiversion-3 .table-bordered > tbody > tr > td /*task-143*/ {
    background-color: #FFF !important;
}


/* Task 138, 139 */
.uiversion-3 .select2-results .requisition-row .requisition-count
{
    padding: 0px 7px 0px 1px !important;
    background-color: var(--primary-color) !important;
}

.uiversion-3 .table-container .table > tbody > tr > td > .badge
{
    background-color: var(--primary-color) !important;
    padding: 0px 7px 0px 7px !important;
}

.uiversion-3 .table.formTable tbody > tr > td > .badge,
.uiversion-3 .table-bordered > tbody > tr > td .profile-info-row .profile-info-value .badge {
    padding: 0px 7px 0px 7px !important;
}

.uiversion-3 .widget-toolbox .input-group .select2-container .select2-choice {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*NAVIGATION TAB BOTTOM BORDER REMOVE*/
.uiversion-3 .nav-tabs[class*=tab-color-] > li.active > a,
.uiversion-3 .nav-tabs > li.active > a {
    border-color: #0989FB #0989FB transparent !important;
}

.uiversion-3 .nav-tabs > li.active > a,
.uiversion-3 .nav-tabs > li.active > a:focus,
.uiversion-3 .nav-tabs > li.active > a:hover {
    border-top: 2px solid var(--primary-color) !important;
    border-left: 1px solid var(--primary-color) !important;
}
/*Split the classes till the line 3457 for the purpose of Add button*/
.uiversion-3 .table.formTable thead > tr:first-child{
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    background: #fbfbfb !important;
}
    .uiversion-3 .table.formTable thead > tr:first-child,
    .uiversion-3 .table.formTable thead > tr:first-child :before,
    .uiversion-3 .table.formTable thead > tr:first-child :after {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
    }
.uiversion-3 .input-group .select2-container .select2-default, /*Requisition Select2*/
.uiversion-3 .input-validation-error,
.uiversion-3 .searchbox .input-group .form-control,
.uiversion-3 .tempsearchbox .input-group .form-control,
.uiversion-3 .highcharts-menu /*Dashborad chart Dropdown*/ {
    border-radius: 6px !important;
}

/*.uiversion-3 .input-group .reqSelect2 .select2-choice{
    border-radius: 6px !important;
}*/
.uiversion-3 .dataTables_wrapper .profile-user-info-striped .profile-info-name {
    background-color: #EDF3F4 !important;
}

.uiversion-3 .table-bordered > thead > tr {
    /*border-left: 0px solid #ddd !important;
    border-right: 0px solid #ddd !important;
    border: 2px solid white !important;
    border-left-width:0px !important;
    border-bottom-width: 2px !important;*/
}
    .uiversion-3 .table-bordered,
    .uiversion-3 .table-bordered > thead > tr > th:first-child,
    .uiversion-3 .table-bordered > thead > tr > th:last-child {
        border-right: none !important;
        border-left: none !important;
    }
/*.uiversion-3 .input-group .form-control:first-child,*/
.uiversion-3 .input-group.bootstrap-timepicker .form-control:first-child,
.uiversion-3 .input-group.month-year-picker-group .form-control:first-child,
.uiversion-3 .input-group.date-picker-group .date-picker-control:first-child,
.uiversion-3 .input-group.date-time-picker-group .date-picker-control:first-child {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
/*MONTH PICKER ACTIVE*/
.uiversion-3 .datepicker-months .month.active {
    background-image: none !important;
    background-color: var(--primary-color) !important;
}
/*DATE PICKER ACTIVE*/
.uiversion-3 .datepicker td.active,
.uiversion-3 .datepicker-years .year.active {
    background: var(--primary-color) !important;
}
/*APPLY AUTO WIDTH TO ALL BUTTON*/
.uiversion-3 .buttonAutowidth /*Autosizing the button width*/ {
    width: auto !important;
}

/*SIDE BAR AND Four NAVIGATION BUTTONs*/
.uiversion-3 .sidebar .sidebar-shortcuts {
    min-height: 40px !important;
}
.uiversion-3 .sidebar.menu-min .sidebar-shortcuts-large{
    width:175px !important;
    padding:0px 2px 2px !important;
}   
.uiversion-3 .sidebar .sidebar-shortcuts-large{
    line-height: 38px !important;
}
    .uiversion-3 .sidebar .sidebar-shortcuts-large > .btn {
        line-height: 19px !important;
    }
.uiversion-3 .sidebar .sidebar-shortcuts-large > .btn{
    width: 38px !important;
}
/*FOR TASK 109*/
.uiversion-3 .input-group-btn .btn, 
/*.uiversion-3 .widget-toolbox .btn-group .btn,*/
.uiversion-3 .btn{
    margin: 0px 2.5px !important;
}
/*side bar button aligns*/
.uiversion-3 .sidebar.menu-min .sidebar-shortcuts-large .btn,
.uiversion-3 .sidebar .btn {
    margin: 0px 0.5px !important;
}
.uiversion-3 #moduleMenuToggler i { /*For Side Down menu Arrow button*/ 
     -webkit-transition: all 0s ease-in-out;   /*For Safari 3.1 to 6.0*/ 
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
     transition: all 0s ease-in-out; 
}
/* Highlight or hover select2 requests "Refer Candidate status report in recruitment"*/
.uiversion-3 .select2-results .select2-highlighted .requisition-result .select2-results .select2-highlighted,
.uiversion-3 .requisition-result .select2-results .select2-highlighted {
    background: #f0f8ff !important;
    color: var(--primary-color);
}
.uiversion-3 .select2-results .select2-highlighted .requisition-row .requisition-count {
    background-color: var(--primary-color) !important;
}

/*design check*/
.uiversion-3 .btn-toolbar > .btn-group{
    margin-left: 0px !important;
}
.uiversion-3 .table-bordered > tbody > tr > td > a.label {
    color: #fff !important;
}

.uiversion-3 td .select2-container .select2-choice > .select2-chosen {
    color: #666 !important;
}

@media screen and (min-width: 1080px) and (max-width : 3080px) {
    .uiversion-3 table {
        width: -webkit-fill-available !important;
    }

    .uiversion-3 .fc-view,
    .uiversion-3 .fc-view table,
    .uiversion-3 .rightPanel table.fc.fc-unthemed {
        width: 100% !important
    }
}

.uiversion-3 .btn-xs > .ace-icon {
    margin: 0px !important;
}
/*Profile name label*/
.uiversion-3 .width-80.label.label-xlg {
    padding-top: 5px !important;
}
/*Calendar today and date number*/
.uiversion-3 .fc-unthemed .fc-today {
    background-color: #C8E9FF !important; /*rgb(200, 233, 255)*/
}

.uiversion-3 .fc-ltr .fc-basic-view .fc-day-number {
    font-weight: bold !important;
}
.uiversion-3 .filterText{
    border-radius:6px !important;
}

/*form pop-up modal form*/
.uiversion-3 .modal-content .modal-header .table-header {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
/*tabs hover colors*/
.uiversion-3 .nav-tabs.tab-color-blue > li.active > a:hover{
    color : #0989fb !important;
}
.uiversion-3 .nav-tabs.tab-color-blue > li > a:hover{
    color:#FFF !important;
}

.uiversion-3 .table-container,
.uiversion-3 .table-container .table {
    overflow: overlay !important;
    position: relative;
    margin-bottom:10px !important;
}
.uiversion-3 .select2-results .employee-row .details .emp-designation{
    padding-left:5px !important;
}

/*Sidebar and Module nav buttons ,^, >>  in Home Screen*/

.uiversion-3 #mobileModuleMenuToggler,
.uiversion-3 #menu-toggler {
    background: #F0F8FF !important;
}  
.uiversion-3 #menu-toggler > i.fa.fa-angle-double-right,
.uiversion-3 .navbar-toggle#mobileModuleMenuToggler .fa {
    color: #0989FB !important;
}
.uiversion-3 .navbar-toggle#mobileModuleMenuToggler .fa.fa-rotate-180,
.uiversion-3 .navbar-toggle.display#menu-toggler .fa.fa-2x {
    color: #f0f8ff !important;
}
.uiversion-3 button#menu-toggler.display,
.uiversion-3 .navbar-toggle#mobileModuleMenuToggler.primaryUI {
    background: #0989FB !important;
}

.col-10-center {
    width: 83.333%;
    margin: 0 auto;
    float: none;
}

.col-6-center {
    width: 50%;
    margin: 0 auto;
    float: none;
}

.col-8-center.fullscreen,
.col-10-center.fullscreen,
.col-6-center.fullscreen,
.col-9-center.fullscreen,
.col-5-center.fullscreen,
.col-4-center.fullscreen,
.col-3-center.fullscreen,
.col-1-center.fullscreen,
.col-1-center.fullscreen {
    width: 100%;
    margin: 0;
}

.col-7-center {
    width: 58.333%;
    margin: 0 auto;
    float: none;
}
.col-8-center {
    width: 66.666%;
    margin: 0 auto;
    float: none;
}

.session-content p {
    font-size: 14px;
}

.session-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.session-content img {
    width: 100px;
    height: 100px;
}

.session-content p #Timeouttime {
    font-weight: 600;
}
.geoLocation #map-container {
    height: 400px;
}

.geoLocation #map-container iframe {
    z-index: -1 !important;
}

/*HOME SCREEN FOR MOBILE and TAB RESOLUTION  the user and  the menu list*/
@media only screen and (max-width: 479px) {
    .uiversion-3 .navbar:not(.navbar-collapse) .ace-nav {
        float: right !important;
    }
    .uiversion-3 .module-quick-menu ul.dropdown-menu{
        left:35% ;
    }
    .uiversion-3 .dropdown-menu > .dropdown-hover > .dropdown-menu.dropdown-menu-right{
        right:95% !important;
        left:auto !important;
    }
}
@media only screen and (max-width: 400px) {
    .uiversion-3 .dropdown-menu > .dropdown-hover > .dropdown-menu.dropdown-menu-right{
        right:80% !important;
    }
}

/*HOME SCREEN FOR MOBILE and TAB RESOLUTION */
@media screen and (min-width: 300px) and (max-width: 767px) {
    .uiversion-3 #cardTypeButtons {
        flex-flow: column !important;
        height: 160px !important;
        padding-top: 5% !important;
    }

        .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block {
            width: 320px !important;
        }

            .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block.active {
                margin-left: 2% !important;
            }

        .uiversion-3 #cardTypeButtons span.label.label-inverse.arrowed-in {
            margin-left: 100% !important;
            margin-top: -23px !important;
            padding-top: 6px !important;
        }
}

@media screen and (min-width: 768px) and (max-width: 899px) {
    .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block {
        width: inherit !important;
    }

        .uiversion-3 #cardTypeButtons .btn.btn-app.btn-sm.btn-block.active {
            padding-right: 78px !important;
        }
}


/*Red Theme Css start*/
/*body.red-theme .navbar {
    background-color: #df0610;
}
body.red-theme .ace-nav > li.light-blue > a {
    background-color: #fff;
    color: #000;
}
body.red-theme .ace-nav > li.light-blue > a:focus,
body.red-theme .ace-nav > li.light-blue > a:hover,
body.red-theme .ace-nav > li.open.light-blue > a {
    background-color: #dddddd;
}
body.red-theme .ace-nav > li > a > .ace-icon {
    color: #000;
}
body.red-theme .ace-nav > li.light-blue > a:focus,
body.red-theme .ace-nav > li.light-blue > a:hover,
body.red-theme .ace-nav > li.open.light-blue > a {
    color: #000 !important;
}

body.uiversion-3.red-theme .ace-nav.nav .open > a,
body.red-theme .ace-nav.nav .open > a:hover,
body.red-theme .ace-nav.nav .open > a:focus {
    color: #000000ba !important;
}
body.red-theme .skin-3 .nav-list > li.active.highlight > a,
body.red-theme .skin-3 .nav-list > li.active > a {
    color: #e21507 !important;
}
body.red-theme .skin-3 .nav-list > li.active:before {
    background-color: #e21507 !important;
}
body.red-theme .skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
    border-color: #e215073d;
}
body.red-theme .skin-3 .nav-list > li:hover > a {
    background-color: #FFF;
    color: #e21507;
}
body.red-theme .skin-3 .nav-list li > .arrow:before {
    border-right-color: #e215073d;
}
body.red-theme .skin-3 .nav-list li.active > a:before {
    border-color: transparent #e215073d transparent transparent;
}
body.red-theme .nav-list > li .submenu > li > a:hover {
    color: #e21507;
}
body.red-theme .red-container.widget-color-blue > .widget-header {
    background: #e21507;
    border-color: #e51f00;
}
body.red-theme .red-container.widget-color-blue {
    border-color: #e51f00;
}
body.red-theme .red-container .dataTable > thead > tr > th[class*=sorting_] {
    color: #e51f00;
}
body.red-theme .red-container .btn-white.btn-info,
body.red-theme .red-container .btn-white.btn-info.active.no-border,
body.red-theme .red-container .btn-white.btn-info.disabled,
body.red-theme .red-container .btn-white.btn-info.disabled.active,
body.red-theme .red-container .btn-white.btn-info.disabled:active,
body.red-theme .red-container .btn-white.btn-info.disabled:focus,
body.red-theme .red-container .btn-white.btn-info.disabled:hover,
body.red-theme .red-container .btn-white.btn-info:active.no-border,
body.red-theme .red-container .btn-white.btn-info:focus.no-border,
body.red-theme .red-container .btn-white.btn-info:hover.no-border,
body.red-theme .red-container .btn-white.btn-info[disabled],
body.red-theme .red-container .btn-white.btn-info[disabled].active,
body.red-theme .red-container .btn-white.btn-info[disabled]:active,
body.red-theme .red-container .btn-white.btn-info[disabled]:focus,
body.red-theme .red-container .btn-white.btn-info[disabled]:hover,
body.red-theme .red-container .open > .btn-white.btn-info.active.dropdown-toggle.no-border,
body.red-theme .red-container .open > .btn-white.btn-info.dropdown-toggle.no-border,
body.red-theme .red-container fieldset[disabled] .btn-white.btn-info,
body.red-theme .red-container fieldset[disabled] .btn-white.btn-info.active,
body.red-theme .red-container fieldset[disabled] .btn-white.btn-info:active,
body.red-theme .red-container fieldset[disabled] .btn-white.btn-info:focus,
body.red-theme .red-container fieldset[disabled] .btn-white.btn-info:hover {
    border-color: #e215073d;
}
body.red-theme .red-container .btn-white.btn-info {
    color: #e51f00 !important;
}
body.red-theme .dropdown-menu > li.active:hover > a,
body.red-theme .dropdown-menu > li.active > a,
body.red-theme .dropdown-menu > li:hover > a,
body.red-theme .dropdown-menu > li > a:active,
body.red-theme .dropdown-menu > li > a:focus {
    background: #e51f00;
    color: #FFF;
}
body.red-theme .red-container .table-container .btn-info, 
body.red-theme .red-container .table-container .btn-info.focus, 
body.red-theme .red-container .table-container .btn-info:focus {
    background-color: #e51f00 !important;
    border-color: #e51f00fc;
}
body.red-theme .btn-info.focus:hover, 
body.red-theme .btn-info:active:hover,
body.red-theme .btn-info:focus:active, 
body.red-theme .btn-info:focus:hover, 
body.red-theme .btn-info:hover, 
body.red-theme .open > .btn-info.dropdown-toggle, 
body.red-theme .open > .btn-info.dropdown-toggle.focus, 
body.red-theme .open > .btn-info.dropdown-toggle:active, 
body.red-theme .open > .btn-info.dropdown-toggle:focus, 
body.red-theme .open > .btn-info.dropdown-toggle:hover {
    background-color: #dd533e!important;
    border-color: #db7160;
}

body.red-theme .pagination > li.active > a,
body.red-theme .pagination > li.active > a:focus,
body.red-theme .pagination > li.active > a:hover {
    background-color: #e51f00;
    border-color: #e215073d;
    color: #fff;
}
body.red-theme .pager > li > a:hover,
body.red-theme .pagination > li > a:hover {
    color: #000000;
}
body.red-theme .pager > li > a,
body.red-theme .pagination > li > a {
    color: #e51f00;
}
body.red-theme .red-container .orange2 {
    color: #ffffff !important;
}
body.red-theme .red-container .label-info.arrowed-in:before {
    border-color: #e21507 #e21507 #e21507 transparent;
}
body.red-theme .red-container .label-info.arrowed-in-right:after {
    border-color: #e51f00 transparent #e51f00 #e51f00;
}
body.red-theme .red-container .badge-info,
body.red-theme .red-container .badge.badge-info,
body.red-theme .red-container .label-info,
body.red-theme .red-container .label.label-info {
    background-color: #e51f00;
}
body.red-theme .red-container .tabs-left > .nav-tabs > li > a,
body.red-theme .red-container .tabs-left > .nav-tabs > li > a:focus,
body.red-theme .red-container .tabs-left > .nav-tabs > li > a:hover {
    border-color: #e215073d;
}
body.red-theme .red-container .nav-tabs > li > a:hover {
    background-color: #FFF;
    color: #e51f00;
    border-color: #e215073d;
}
body.red-theme .red-container .tabs-left > .nav-tabs > li.active > a,
body.red-theme .red-container .tabs-left > .nav-tabs > li.active > a:focus,
body.red-theme .red-container .tabs-left > .nav-tabs > li.active > a:hover {
    border-left: 2px solid #e51f00;
}
body.red-theme .red-container .btn-primary,
body.red-theme .red-container .btn-primary.focus,
body.red-theme .red-container .btn-primary:focus {
    background-color: #e51f00 !important;
    border-color: #e51f00;
}
body.red-theme .red-container .btn-primary.focus:hover, 
body.red-theme .red-container .btn-primary:active:hover, 
body.red-theme .red-container .btn-primary:focus:active, 
body.red-theme .red-container .btn-primary:focus:hover, 
body.red-theme .red-container .btn-primary:hover, 
body.red-theme .red-container .open > .btn-primary.dropdown-toggle, 
body.red-theme .red-container .open > .btn-primary.dropdown-toggle.focus, 
body.red-theme .red-container .open > .btn-primary.dropdown-toggle:active, 
body.red-theme .red-container .open > .btn-primary.dropdown-toggle:focus, 
body.red-theme .red-container .open > .btn-primary.dropdown-toggle:hover {
    background-color: #e9604b !important;
    border-color: #cf4c37;
}
body.red-theme .red-container .label.label-info:before {
    border-right-color: #e51f00;
}
body.red-theme .red-container .label.label-info:after {
    border-left-color: #e51f00;
}
body.red-theme .red-container .nav-tabs.tab-color-blue > li.active > a,
body.red-theme .red-container .nav-tabs.tab-color-blue > li.active > a:focus,
body.red-theme .red-container .nav-tabs.tab-color-blue > li.active > a:hover {
    color: #e51f00;
    border-color: #e51f00 #e51f00 transparent;
    background: #fff;
}
body.red-theme .red-container .nav-tabs.tab-color-blue > li > a, 
body.red-theme .red-container .nav-tabs.tab-color-blue > li > a:focus {
    background-color: #e51f00bf;
}
body.red-theme .red-container .nav.nav-tabs.nav-datatable > li.active > a {
    background-color: #EFF3F8;
}
body.red-theme .red-container .nav-tabs.tab-color-blue > li > a:hover, 
body.red-theme .red-container .nav-tabs.tab-color-blue > li > a:focus{
    color:#000;
}
body.red-theme .red-container .nav-tabs > li.active > a,
body.red-theme .red-container .nav-tabs > li.active > a:focus,
body.red-theme .red-container .nav-tabs > li.active > a:hover {
    border-top: 2px solid #e51f00;
    color: #e51f00;
}*/
/*Red Theme Css end*/