/*.border-black .ddTitleText {
    border: 1px solid #3275ac;
    border-radius: 50px;
    font-size: 12px;
    color: #3275ac;
    font-weight: 600;
}
.dd .ddTitle .ddTitleText {
    padding:2px 21px 2px 4px;
}*/
:root{
    --color-dark:#040101;
    --color-primary:#0e64aa;
    --color-secondary:#0EACE7;
}
.header{
    background:var(--color-dark);
    
}
.nav-tabs.widget-tabs-with-heading .nav-item .nav-link.dropdown-active .widget-heading,
.nav-tabs.widget-tabs-with-heading .nav-item .nav-link.menu-active .widget-heading,
.nav-tabs.widget-tabs-with-heading .nav-item .nav-link.active .widget-heading {
    color:var(--color-primary);
}

.bg-blue{
    background:var(--color-secondary) !important;
}
.color-light-blue tr td, .color-light-blue tr th, .color-light-blue {
    color:var(--color-secondary) !important;
}
.email-type.select-option .ddChild,
.ddcommon .ddChild{max-height:180px !important;overflow:auto !important;} 
.emailtable  .icon-dot-menu{font-size:14px;}

.column-gutter{padding-left:1px;padding-right:1px;}
.table-no-border tbody tr{border-bottom: 1px solid #e8e8e8;}
.widget-header:not(.modal-header){
    padding:6px 10px 0px 10px;
    height: auto;
}
.bg-none{
    background:transparent;
    background-image:none;
}
.widget-body.border-0{border:0px !important}
.widget-header.email-detail-header {
    display:block !important;
    font-size:13px !important;
    font-weight:500 !important;
}
.widget-header.email-detail-header small {
    font-size:10px !important;
}
.widget-header .nav-link.font-small{font-size:9px !important;padding:1px 10px;}
.icon-close{font-size:initial !important;font-weight:bold;}
.overflow-inherit{
    overflow:inherit !important;
}
.emailtable .icon-attachment{
font-size: 13px;
}
.emailtable .active td {
    /*font-weight: bold !important;*/
    cursor: pointer;
    color: #000;
    background: #f7f7f7;
}
.font-small {
    font-size: 10px !important;
}
.body-content-wrapper.has-dashboard-sidebar{
    padding-left:173px;
}

.nav-tabs{
    border-bottom:0px;
}
/*.nav-tabs .nav-link{
    color:#1879c6;
    padding:3px 12px;
    margin-right:5px;
    background:transparent;
    border-color:#1879c6;
}*/

.mis-widget .tab-control-mis-fullview{display:none}
.uppercase.nav-link{
    text-transform:uppercase;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;background-color: #157bc5;
}
.create-task-tabs .nav-pills .nav-link.active,
.create-task-tabs .nav-pills .show>.nav-link,
.create-task-tabs .nav-pills .nav-link:focus{
    background:transparent;
    border:none;
    color:#000000;
}
.box{/*box style*/
    margin-bottom:10px;
    position:relative;
    border-radius:6px;
    min-height:auto;
    text-align:center;
}
.box-content{color:#ffffff;}
.box-content{
    padding:20px 0px;
}
.box-content .count{
    font-size:35px;
    font-weight:600;
    line-height: 1;
    
}
.box-content .box-footer{
    border-radius: 6px;
}
.box .box-footer{
    margin-top: -5px;
    border-radius: 6px;
}
.box1 .box-content{background:#0476d7}

.box1 .box-footer{
    background: #c9fffd;
    color:#0476d7;
}
.box2 .box-content{background:#5daa1e}
.box2 .box-footer{
    background: #c8f9a0;
    color:#5daa1e;
}
.box3 .box-content{background:#5a2ab2}
.box3 .box-footer{
    background: #d2b8ff;
    color:#5a2ab2;
}
.box4 .box-content{background:#e7551c}
.box4 .box-footer{
    background: #fbd0bf;
    color:#e7551c;
}
.box5 .box-content{background:#d12727}
.box5 .box-footer{
    background: #fec5c5;
    color:#d12727;
}
.box6 .box-content{background:#01aeac}
.box6 .box-footer{
    background: #b5fffe;
    color:#01aeac;
}

.upcoming-event-wrapper{
    position:relative;
}
.upcoming-event-wrapper .add-event-heading{
    font-size:16px;
    font-weight:500;
}
.upcoming-event-wrapper .add-event-trigger i{
    font-size:22px;
    color:#0f78cb;
    cursor:pointer;
}
.events-items-wrapper{
    height:27.5vh;
    overflow:auto;
}
.events-list-items{
    border-bottom:1px solid #c8c8c8;
    margin-bottom:5px;
}
.events-items-wrapper .event-item.active{
    background:#67a6eb;
    color:#fff;
    border-color:#67a6eb;
}
.events-items-wrapper .event-item.active:hover{
    background:#97bd10;
    color:#fff;
    border-color:#97bd10;
}
.events-items-wrapper .event-item{
    border:1px solid #127cc6;
    border-radius:6px;
    padding:5px 10px;
    margin:5px 0px;

}
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 14.28% !important;
    height: 28px !important;
    max-width:14.28% !important;
    max-height: 28px !important;
    border-radius: 4px;
    border: none;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{
    text-align: center;
    width:14.28% !important;
    height:28px !important;
    max-width:14.28% !important;
    max-height:28px !important;
    color: #fff;
    background-color: #0082c9;
    border-color: #0082c9;
    border-radius:0%;
}
.event-datepicker .datepicker-inline,
.event-datepicker .table-condensed{
    width:100%;
}
.dd-small .ddTitleText {
    font-size: 10px;
    color:#0b6aaa;
}

.select-border .ddTitleText {
    border: 1px solid #0b6aaa;
    min-height: auto;
    border-radius: 25px;
    text-align:center;
}

.e-list-items .e-thumb {
    max-width:30px;
    min-width:30px;
    margin-right:5px;
    width:30px;
    border-radius:50%;
}
.e-list-items .e-thumb>img {
    border-radius:50%;
    width:30px;
    height:30px;

}
.email-detail-header .email-detail-heading {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#036ab2;
}
.icn-wrapper .notification{
    right:0px;
    transform: translate(-80%, 0px);
}
.medium-box .widget-content{
    height: 29vh;
}
.medium-box .widget-body{
    height:34vh;
}
.medium-box[large-box="true"] .widget-body {
    height: 64.5vh;
}
.medium-box[large-box="true"] .widget-content{
    height:59.5vh;
}
.progress-green .progress-bar{
    background: #96bf0d;
}
.progress-blue .progress-bar{
    background: #6ba4e7;
}
.progress-red .progress-bar{
    background: #dc614f;
}

/*Dashboard Sidebar*/
.dashboard-sidebar {
    width:175px;
    position:fixed;
    top:53px;
    left:0px;
    background:#fff;
    box-shadow:0 0 3px rgb(0 0 0 / 10%);
    padding:10px 5px;
    height:91%;
}
.add-dashboard{
    display:block;
    padding:5px;
    border-radius:25px;
    background:#157bc6;
    color:#ffffff;
    font-weight:500;
    text-align:center;
    cursor:pointer;
}
.dashboard-sidebar ul{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
.dashboard-sidebar ul li{
    display:block;
}
.dashboard-custom-nav{
    height:calc(26%);
    margin-top:10px !important;
    overflow:auto;
}
.dashboard-sidebar ul .nav-list-item-link {
    padding:5px 10px 5px 20px;
    display: block;
    position: relative;
}
.dashboard-sidebar .nav-list-item-link{
    color:#bababa;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:normal;
    font-size:11px;
    transition:all 0.3s ease-in;
}
.dashboard-sidebar .dashboard-app-nav .nav-list-item-link:hover,
.dashboard-sidebar .dashboard-app-nav .nav-list-item-link.active,
.dashboard-sidebar .nav-list-item-link:hover,
.dashboard-sidebar .nav-list-item-link.active{
    color:#1e74c6;
    transition:all 0.3s ease-in;
}
.dashboard-sidebar .dashboard-app-nav .nav-list-item-link:hover i,
.dashboard-sidebar .dashboard-app-nav .nav-list-item-link.active i,
.dashboard-sidebar .nav-list-item-link:hover i,
.dashboard-sidebar .nav-list-item-link.active i{
    color:#474747;
    transition:all 0.3s ease-in;
}
.dashboard-sidebar .dashboard-app-nav .nav-list-item-link{
    color:#000000;
    font-weight:500
}
.nav-list-item-link>i{
    position:absolute;
    top:3px;
    left:0;
}
.dashboard-app-nav{
    height:calc(60%);
    overflow:auto;
}


.progress-container .progress{
    height:8px;
    border-radius: 25px;
    position: relative;
}
.customer-value .cs-val-lable,
.progress-container .progress-val{font-size:9px;}
.uppercase{text-transform:uppercase;}
.file-sync-table .file-options .download-file-attach, .file-sync-table .file-options .icon-eye {
font-size: 21px;
}
.reset-pass-message{display:none !important}
.dashboard-content-wrapper{position:relative;}
.custom-dashboard{
    width:0%;
    height:94vh;
    position: absolute;
    overflow: hidden;
    top: 0;
    background: #ffffff;
    z-index:-1;
    display:block;
    visibility:hidden;
    transition:all 0.3s ease;
    box-shadow: 4px 10px 8px rgb(0 0 0 / 20%);
}
.custom-dashboard.active{
    width:100%;
    left:0;
    visibility:visible;
    z-index: 1;
    overflow:inherit;
}
.dashboard-custom-nav a:hover{cursor:pointer;}
.close-dashboard {
    display: inline-block;
    cursor: pointer;
}
.close-dashboard .icon-close{
    font-size:20px !important;
}

.Xlarge-box .widget-body{
    height: 90vh;
    overflow: hidden;
    transition: height 0.5s ease-in;
}
.icn-box svg {
    max-width:90px !important;
    max-height:90px !important;
}
.selection-p-0 .select2-selection__rendered{
    padding-left:0px !important;
}
.hr-dashboard-dd .select2-selection__rendered{
    line-height: 1.2 !important;
    font-weight: 600;
    font-size: 12px;
}

.hr-dashboard-dd .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
    top:0;
}
.select2-dropdown-menu.hr-dashboard-dd .select2-selection--single .select2-selection__arrow:after{
    top: -2px;
}
.hr-dashboard-dd .select2-container--bootstrap4 .select2-selection--single {
    height: auto !important;
    display: inline-block !important;
    width: auto !important;
    position: relative;
}
.select2-container--bootstrap4 .select2-results__option {
    white-space: nowrap;
}
.select2-dropdown--below.list-nowrap{
    width:auto !important;
}
.select2-container--botstrap4 .select2-dropdown.list-nowrap .select2-results__option {
    white-space:nowrap;
}

.rowpayroll .select2{
    transform: translate(0px, 3px);
}
.search-header-small input[type="search"],
.search-payroll-header input[type="search"]{
    min-height: auto !important;
    min-width: 150px;
    padding-left: 24px;
    padding-right:5px;
    max-width: 150px;
    height: calc(1.2em + 0.5rem + 2px);
}
.search-header.search-header-small>i,
.search-header.search-payroll-header>i,
.search-header.search-payroll-header .icon-search,
.search-header.search-header-small .icon-search{
    position: absolute;
    left: 7px;
    right:inherit;
    top:50%;
    transform:translate(0px, -50%);
    font-size: 16px !important;
    z-index: 1;
}
.select-color-blue .select2-selection__rendered,
.departmental-dropdown .select2-selection__rendered{
    color:#036ab2 !important;
    font-weight: 700;
}
.table-list .user-thumb{
    width:25px;
    height:25px;
    min-width:25px;
    max-width:25px;
    border-radius:50%;
    overflow:hidden;
}
.table-list .user-thumb>img{
    width:25px;
    height:25px;
}
.hr-payroll-table thead th{
    font-size:11px;
}
.hr-payroll-table .col-value{
    padding:3px 4px;
    border-radius:6px;
    border:1px solid #dee2e6;
    display:block;
}
.hr-payroll-table tbody{
    font-size:12px;
    font-weight:700;
}

.hr-payroll-table .kpi-col{
    line-height:1;
}
.selected-row-detail-wrapper .figure{
    min-width:100px;
    max-width:100px;
    width:100px;
    height:95px;
    border-radius:8px;
    overflow:hidden;
}
.selected-row-detail-wrapper .figure>img{
    width:100px;
    height:95px;
}
.hr-payroll-table tr td:not(.col-action):hover{
    cursor:pointer;
}
.hr-payroll-table .row-selected:hover td:not(.col-action),
.hr-payroll-table .row-selected td:not(.col-action){
    background-color:#f7f7f7;
}
.hr-payroll-table td:first-child{
    border-left:2px solid transparent;
}
.hr-payroll-table  .row-selected td:first-child{
    border-color:#005baa;
}
.EmployeesKPIs_departmentDD .select2-selection .select2-selection__rendered{
    background:#199ad1;
    color:#ffffff;
    border-radius:8px;
    padding:7px 24px 7px 12px;
    line-height:1.5;
    font-weight:600;
}
.EmployeesKPIs_departmentDD .select2-selection .select2-selection__arrow:after{
    top:-12px;
    color:#ffffff;
}
.search-EmployeesKPIs-header input[type="search"] {
    min-height: auto !important;
    min-width: 170px;
    padding-left: 24px;
    padding-right: 5px;
    max-width: 170px;
    height: calc(1.4em + 0.8rem + 2px);
}

.search-header.search-EmployeesKPIs-header>i, 
.search-header.search-EmployeesKPIs-header .icon-search{
    position: absolute;
    left: 7px;
    right: inherit;
    top: 23%;
    font-size: 16px !important;
    z-index: 1;
}
.user-list .user-list-item .user-thumb.square{
    border-radius:8px;
}
.user-list .user-list-item .user-thumb.square>img{
    border-radius:8px;
}
.employees-list .user-title,
.employees-list .user-name{
    color:#181c25;
}

.employees-list .user-list-item .user-description{
    padding: 3px 5px;
    border-radius: 8px;
    cursor: pointer;
}

.employees-list .user-list-item.active-item .user-description{
    background:#0897c7;
    color:#ffffff;
}
.employees-list .user-list-item.active-item .user-description .user-title,
.employees-list .user-list-item.active-item .user-description .user-name{
    color:#ffffff;
}
.font-xlarge{
    font-size:34px;
}
.color-darker-gray{
    color:#3a3a3a;
}

.employees-attendance-list .user-list-item .user-thumb img,
.employees-attendance-list .user-list-item .user-thumb{
    width:30px;
    min-width:30px;
    max-width:30px;
    height:30px;
}
.user-status-label.small{
    width:9px !important;
    height:9px !important;
}
.icon-late{
    background:#d6a21a;
    border-radius: 100%;
    display:inline-block;
}
.select-small .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height:22px;
    font-weight:600;
    color:#000000;

}
.select-small .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
    top: 12px;
}
.select-small .select2-container--bootstrap4 .select2-selection--single{
    height:auto !important;
}
.backlog-select-department .select2-selection__rendered{
    color:#036ab2 !important;
}
.development-box .box-header{
    background:#7c52f2;
    color:#ffffff;
}
.design-box-widget .box-header{
    background:#0369b1;
    color:#ffffff;
}
.research-box-widget .box-header{
    background:#2197d7;
    color:#ffffff;
}
.sales-box-widget .box-header{
    background:#14a085;
    color:#ffffff;
}
/*hiring side menu*/
.hiring-side-menu-wrapper{
    background:#2d2d2d;
    font-size:11px;
    padding:4% 5px 4px 5px;
}
.hiring-side-menu-wrapper .nav-link{
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    text-align: center;
}
.hiring-side-menu-wrapper .nav-link.active{
    background-color:#767676;
    color:#ffffff;
    border-color:#767676;
}
.hiring-side-menu-wrapper .nav-link:focus,
.hiring-side-menu-wrapper .nav-link:active{
    border-color:#767676;
}
.graysh-green{
    color:#9aa59f;
}
.graysh-red{
    color:#dd929e;
}
.table-candidate{
    line-height:1.2;
}
.table-candidate .user-title{
    font-size:11px;
}
.tab-swith-heading .nav-link:focus{
    outline:transparent;
    border-color:transparent;
}
/*candidate style*/
.active-candidate:hover .user-column,
.active-candidate .user-column{
    background:#0897c7 !important;
    color:#ffffff;
    border-radius:6px;
}
.skill-wrapper{
    position:relative;
    background:#253847;
    color:#d9e0e5;
    padding:7px 10px;
}
.small-progress{
    height: 10px;
}
.small-progress.no-radius{
    border-radius:0px;
}
.skill-wrapper .progress{
    background:#e9e5e2;
}
.skill-wrapper .progress-bar{
    background:#64979b;
}