body{
    background: #fff !important;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #25274d;
    /*color: #026670 !important;*/
}
.error{
    color: #e60023 !important;
}
.invalid-feedback {
    font-size: 90% !important; 
    color: #e60023 !important;
}
.dataTable{
    width:100% !important;
}
/*.dataTable thead>tr>th{ 
    text-align: center;
}*/
.mm-accordion.career-style.faq-style .mm-accordion-block {
    padding: 0; 
    border-radius: 5px; 
    border-color: #ecf2fe;
}
.active-faq{
    background-color: #ecf2fe;
    padding: 5px;
    position:relative;
}

.active-faq::before
{
    /*    color: #4788ff;
	content: "";
	height: 40px;
	position: absolute;
	border-radius: 0 4px 4px 0;
	width: 4px;
	background: #4788ff;
	left: 0;
	top: 15px;*/
}
#my_payslip_search_year .select2-container{
    width: auto !important;
}
.mm-accordion.career-style.faq-style .accordion-title:before{
    top: -4px;
}
.mm-sidebar-menu .side-menu li a{
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
}
.mm-sidebar-menu .side-menu li li a{
    font-size: 20px;
}
.mm-sidebar-menu .side-menu li:not(:first-child){
    margin-left: -14px;
}
.mm-sidebar-menu .main-menu {
    margin-left: -25px !important;
}
@media (max-width: 1300px){
    .mm-sidebar-menu .main-menu {
	margin-left: 0px !important;
    }
}
.mm-sidebar-menu .side-menu > li > ul > li {
    margin-left: -14px;
}

.card-header{
    font-weight: 700 !important;
    color: #25274d !important;
    font-size: 14px;
}
.card-body a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d;
}
.card-body p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d;
    font-size: 14px;
}
.btn{
    font-weight: 700!important;
}
.form-group label{
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d;
    font-size: 14px;
}
.custom-control-label{
    font-weight: 400;
}
.avatar-70{
    width: 70px;
    height: 70px;
    min-width: 70px;
}
/* .dash-column{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.dash-column .card{
    width: 49%;
} */
.card-header.bg-light-blue{
    background: #D3E3FC;
}
.card-header.bg-dark-blue{
    background: #90CCF4;
}
.table tbody tr td{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d !important;
    font-size: 14px;
}
.table-td-font-size-14 tbody tr td{
    font-size: 14px;
}
.table thead tr th{
    font-weight: 700;
    color: #25274d !important;
    font-size: 14px;
}
.table.data-table thead tr th{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #7F7F7F !important;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.table tbody tr td a{
    color: #25274d !important;
}
.card-header.bg-header-yellow{
    background: #FEF9C7;
    color: #25274d !important;
}
.dash-column .card .card-header{
    display: flex;
    align-items:center;
}
.dash-column .card .card-header .profile-img-edit{
    width: 70px;
    margin-right: 20px;
}
.dash-column .card .card-header .profile-img-edit .crm-profile-img-edit{
    position: relative;
}
.dash-column .card .card-header .profile-img-edit .crm-profile-img-edit .rounded-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    /*border: 4px solid #fff;*/
}
.dash-column .card .card-header .profile-img-edit .crm-profile-img-edit img{
    object-fit: cover;
    border: 3px solid #fff;
    border-radius: 50%;
}
.dash-column .card .card-header .profile-img-edit .crm-profile-img-edit .crm-p-image{
    left: 46px;
    bottom: -3px;
    height: 30px;
    width: 30px;
    font-size: 9px;
    line-height: 25px;
}
.dash-column .card .card-header .heading-title-img {
    width: calc(100% - 90px);
}
.dash-column .card .card-header .heading-title{
    width: calc(100% - 58px);
}
.dash-column .card .card-header .heading-icon {
    width: 38px;
    margin-right: 20px;
}
.mm-footer ul li a{
    color: #25274d !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.mm-footer span{
    color: #25274d !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.mm-accordion.career-style .mm-accordion-block .accordion-title span{
    font-weight: 700 !important;
    color: #25274d !important;
    font-size: 18px;
}

.mm-accordion.career-style.faq-style .accordion-title:before{
    color:#4788ff;
    /*content:'(Click to hide)';*/
    content:'-';
}
.btn#clear_search{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
}
.mm-accordion.career-style.faq-style .accordion-title.collapsed:before{
    /*content:'(Click to expand)';*/
    content:'+';
}
.mm-accordion.career-style.faq-style .accordion-title:before{
    width:auto;
    height:auto;
}
.btn.btn-outline-link{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
}
.btn-outline-primary{
    border-color: #2e9cca;
    color: #2a9cca;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 400;
}
.btn-outline-primary:hover{
    background: #2e9cca;
    color: #fff;
    border-color: #2e9cca !important;
}
h4{
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
}
.bg-info-light{
    border-color: #25274d;
    background-color: #25274d !important;
    color: #fff !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
}
.card-header.user-header{
    padding: 10px;
}
button.bg-info-light:hover{
    border-color: #25274d;
    background-color: #191921!important;
    color: #fff !important;
}
a.bg-info-light:focus, a.bg-info-light:hover, button.bg-info-light:focus, button.bg-info-light:hover{
    border-color: #25274d;
    background-color: #191921!important;
    color: #fff !important;
}
.navbar-list li>a{
    color: #25274d !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700;
    font-size: 20px;
}
.rcr-label{
    font-family:  'Open Sans', sans-serif !important;
    font-size: 14px !important;
    color: #25274d;
}
.rcr-label ul{
    margin-left: -40px;
}
.rcr-label-18{
    font-family:  'Open Sans', sans-serif !important;
    font-size: 14px !important;
    color: #25274d;
}
.rcr-label-18 ul{
    margin-left: -40px;
}
.navbar-list li>a:hover{
    color: #25274d !important;
}
.dataTables_wrapper .dataTables_length label{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    color: #25274d;
}
.dataTables_wrapper .dataTables_info{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    color: #25274d;
}
.font-bold{
    font-weight: 700 !important;
}
.btn-outline-info{
    color: #2e9cca !important;
    border-color: #badfef !important;
}
.btn-outline-info:hover{
    background: #2e9cca;
    color: #fff !important;
}

.password-view-icon {
    position: absolute;
    right: 26px;
    top: 42px;
    cursor: pointer;
    font-size: 14px;
}
.badge-yellow{
    color: #fff !important;
    background-color: #e2d42f !important;
}
.badge-bright-yellow{
    color: #fff !important;
    background-color: #fff01f !important;
}
.badge-light-red{
    color: #fff !important;
    background-color: #f1dfeb !important;
}
.leave_calendar-datatable .badge-light-red{
    color: #f1dfeb !important;
    background-color: #f1dfeb !important;
}
.btn-yellow{
    color: #fff;
    background-color: #e2d42f !important;
    border-color: #e2d42f !important;
}
.table-responsive{
    overflow-x:visible;
    font-size: 14px;
}
.dataTables_wrapper .dataTables_length {
    margin-top: 20px;
}
.dataTables_wrapper .dataTables_info {
    padding-top: 20px!important;
    margin-left: 42%;
}
@media (max-width: 600px){
    .dataTables_wrapper .dataTables_info {
	padding-top: 0 !important;
	margin-left: 0 !important;
    }
}
.dataTables_wrapper #temp-table-datatable_paginate{
    margin-top: 5px;
}
/* payslip preview iframe css*/
/* CSS for responsive iframe */
/* ========================= */

/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
.preview-cart #Iframe-Master-CC-and-Rs {
    /*max-width: 800px;*/
    max-height: 100%; 
    overflow: hidden;
    border-radius: 20px;
}

/* inner wrapper: make responsive */
.preview-cart .responsive-wrapper {
    position: relative;
    height: 0;    /* gets height from padding-bottom */

    /* put following styles (necessary for overflow and scrolling handling on mobile devices) inline in .responsive-wrapper around iframe because not stable in CSS:
      -webkit-overflow-scrolling: touch; overflow: auto; */

}

.preview-cart .responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
    border: none;
}

/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.preview-cart .responsive-wrapper-wxh-572x612 {
    padding-bottom: 107%;
}

/* general styles */
/* ============== */
.preview-cart .set-border {
    border: 5px inset #000000;
}
.preview-cart .set-box-shadow { 
    -webkit-box-shadow: 4px 4px 14px #4f4f4f;
    -moz-box-shadow: 4px 4px 14px #4f4f4f;
    box-shadow: 4px 4px 14px #4f4f4f;
}
.preview-cart .set-padding {
    padding: 0;
}
.preview-cart .set-margin {
    /*margin: 30px;*/
}
.preview-cart .center-block-horiz {
    margin-left: auto !important;
    margin-right: auto !important;
}
.preview-cart .card-body{
    background: #ecf2fe;
    border-radius: 8px;
    border: 1px solid #65c0fe;
}
/*select2 dropdown list height*/
.select2-container--default .select2-results>.select2-results__options{
    max-height: 400px;
}
/*Header custom menus css remove if open side bar menus*/
.mm-sidebar-menu .side-menu li a{
    color: #25274d !important;
    text-decoration: none;
    background-color: transparent;
    font-size: 20px;
    padding: .9375rem 28px;
    text-transform:none;
}
.mm-sidebar-menu .side-menu li.active a{
    color: #2a9cca !important;
}
.menu-horizontal .mm-sidebar-menu .side-menu .mm-submenu li a{
    color: #2a9cca !important;
}
.mm-sidebar-menu .side-menu li a:hover{
    color: #2a9cca!important;
}
/* .mm-sidebar-menu .side-menu li a.main-link{
    color: #a349a4;
}
.mm-sidebar-menu .side-menu li a.main-link:hover{
    color: #a349a4 !important;
} */
.btn-group-sm>.btn, .btn-sm{
    font-weight: 400;
    font-size: 1rem;
    padding: 0.25rem 1rem !important;
}
.form-control{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.form-control::placeholder{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.btn{
    font-family: 'Open Sans Condensed', sans-serif !important;
}
.profile-name .name{
    font-weight: 700;
    font-size: 14px;
    color: #25274d;
    margin-bottom: 5px;
}

.profile-name .email{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #25274d;
    margin-bottom: 5px;
}
@media (min-width: 1300px){
    body.sidebar-main .content-page {
	margin-left: 0;
    }
}
body.sidebar-main .mm-top-navbar {
    width: calc(100% - 15px);
}
@media (max-width: 1299px){
    .mm-sidebar-logo{
	padding: 15px 0;
    }
    .menu-horizontal .mm-sidebar-menu .side-menu li a{
	padding: 15px 0;
	font-size: 14px;
    }
    .mm-sidebar-menu .side-menu li a.font-bold{
	font-weight: 500;
    }
}
@media (min-width: 1300px){
    body.sidebar-main .mm-sidebar-menu .side-menu li a i, body.sidebar-main .mm-sidebar-menu .side-menu li li a i {
	margin: 0 10px 0 0;
	text-align: center;
    }
}
/* Footer*/
@media (min-width: 1300px){
    body.sidebar-main .mm-footer {
	margin-left: 2px;
	width: calc(100vw - 4px);
    }
}
/* table and table header buttons*/
table .tbl-btn{
    min-width: 74px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem !important;
}
table .tbl-next-btn{
    color: #26284f !important;
}
.btn-icon {
    color: #26284f !important;
}
.custom-btn-size{
    min-width: 121px;
    height: 45px;
}
.tbl-header-btn{
    min-width: 145px;
    line-height: 22px;
}
.mm-search-bar .search-input {
    width: 100%;
    height: 36px;
    padding: 5px 65px 5px 40px;
    border-radius: 4px;
    /*    border: 1px solid #deeaff;
	background-color: #f7f9ff;*/
}
.mm-search-bar .searchbox {
    width: auto; 
    position: relative;
}
@media (max-width: 767px){
    .custom-page-actions{
	display: block !important;
    }
}
/* @media (max-width: 576px){
    .card-columns.dash-column{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .card-columns.dash-column .card{
        width: 100%;
    }
    .card-columns.dash-column .card.order-2{
        order: 3;
    }
    .card-columns.dash-column .card.order-3{
        order: 4;
    }
    .card-columns.dash-column .card.order-4{
        order: 5;
    }
    .card-columns.dash-column .card.order-5{
       order: 2; 
    }
    
} */
.file-name-area,.column-data-area{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    /*max-width: 180px;*/
    max-width: 235px;
}
.column-data-area-170{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    /*max-width: 180px;*/
    max-width: 170px;
}
/*help section modal css*/
#help_section_modal{
    padding-right:0 !important;
}
#help_section_modal .modal-dialog{
    max-width: 700px;
    right: 10px;
    left: 0;
    margin: 0;
    margin-left: auto;
}
#help_section_modal .modal-body iframe{
    height:100vh;
}

#help_section_modal a.external-link{
    display: var(--header-hide-external-link-icon, initial);
    margin-left: 13px;
    opacity: 0.47;
    vertical-align: middle;
}
#help_section_modal a.external-link:hover {
    opacity: 1;
}
#help_section_modal a.external-link svg{
    width: 29px;
    height: 29px;
    fill: none;
}
@media (min-width: 1300px){
    .menu-horizontal .mm-sidebar-menu .side-menu .mm-submenu li a {
	padding: 12px 13px 5px 15px;
    }
}
.table-responsive .table.data-table tbody tr td{
    font-size: 14px;
}
.table-responsive .table-font-size-14 tbody tr td{
    font-size: 14px !important;
}
.table-responsive .table-font-size-th-14 thead tr th{
    font-size: 14px !important;
}
.table-responsive .table-font-size-th-16 thead tr th{
    font-size: 14px !important;
}
#shift_mapping_list-datatable tbody tr td .change_emp_shift_pattern{
    font-size: 14px !important;
    color: #25274d !important;
}
.p-heading{
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700 !important;
    color: #25274d !important;
    font-size: 18px;
}

.menu-horizontal .mm-sidebar-menu .side-menu li ul{
    min-width: 250px;
}
@media (min-width: 1300px){
    .menu-horizontal .sub-scrll {
	max-height: 410px; 
    }
}
a.text-primary:focus, a.text-primary:hover{
    color: #25274d !important;
}
#toast-container>div{
    /*width: auto !important;*/
    width: 30% !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #25274d;
}
@media (max-width: 767px){
    #toast-container>div{
	width: auto !important;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400 !important;
	color: #25274d;
    }
}
.modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.leave_calendar-datatable thead>tr>th:first-child{ 
    min-width: 190px !important;
    text-align: left !important;
}
.leave_calendar-datatable thead>tr>th{ 
    max-width: 30px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.leave_requests-datatable thead>tr>th{ 
    font-size: 14px !important;
    vertical-align: middle !important;
}
.leave_calendar-datatable tbody>tr>td:first-child{ 
    min-width: 171px !important;
    text-align: left !important;
}
.table-responsive .table.data-table tbody tr td.dataTables_empty{ 
    text-align: center !important;
}
.leave_calendar-datatable tbody>tr>td{ 
    max-width: 30px !important;
    padding: 8px 10px !important;
    text-align: center !important;
}
.leave_calendar-datatable .cell-box{ 
    margin-left: -4px !important;
    margin-right: -5px !important;
}
.modal-body p{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.modal-body label{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.leave-calendar-filter-sec .custom-control-label:after, .leave-calendar-filter-sec .custom-control-label:before {
    top: 11px;
}
.leave-calendar-year{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.calendar-months-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendar-months-box #leave_calendar_month,.calendar-months-box #my_leave_calendar_month{
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    /*height: auto;*/
    height: 36px;
}
.calendar-months-box .btn-outline-link{
    /*font-family: 'Open Sans Condensed', sans-serif !important;*/
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px;
    color: #25274d;
}
.leave-type-info ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
}
.leave-type-info ul li{
    margin: 0 15px;
    list-style: none;
}
@media (max-width: 767px){
    .leave-calendar-year{
	flex-direction: column;
	flex-wrap: wrap;
    }
    .calendar-months-box{
	flex-direction: column;
	flex-wrap: wrap;
    }
    .leave-type-info ul{
	flex-wrap: wrap;flex-direction: column;
	margin-top: 10px;
    }
}
@media (max-width: 1500px){
    .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	display: block;
	overflow-x: auto;
    }
}
.payment-form-icon {
    line-height: 46px;
    margin-right: 10px;
    color: #dddddd !important;
}
.custom-control-label h3 .badge{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.calendar-labels{
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #25274d;
}
.table .light th{
    text-transform:none;
}
.input-group-text{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d;
    font-size: 14px !important;
    line-height: 1.3;
    height: 36px;
}
.modal .modal-title{
    color: #25274d;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #fff;
    opacity: 1;
}
#div_search_section{
    height: 500px;
    overflow: auto;
}
.form-control{
    color: #25274d !important;
    height: 36px;
}
label {
    color: #25274d;
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    pointer-events: none;
    color: #535f6b;
}
.column-desc-area{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 350px;
}
div.alert{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #cb5e58;
    font-size: 14px;
}

/*css for register form*/
form#register_form .form-group {
    position: relative;
}

form#register_form .form-group label.custom-label {
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 14px;
    transition: all ease .5s;
    z-index:99;
    pointer-events: none;
}


form#register_form  .form-control {
    /*position: relative;*/
    z-index: 1;


}

form#register_form .form-group input.form-control:focus+label.custom-label,form#register_form .form-group input.form-control.has-value+label.custom-label{
    top:-10px;
    background: #fff;
    padding: 0 10px;
    z-index: 20;
}



form#register_form .password-view-icon {
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
    font-size: 14px;
}

.signup-btn{
    margin-top: -56px;
}

.countryblock input {
    opacity: 0;
    position: absolute;
    width: 100%;
}
.countryblock label.form-check-label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d;
    font-size: 14px;
}
.countryblock input:checked + label {
    border-top: 1px solid #dfe7ff;
}
.font-normal{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #25274d;
}
@media only screen and (max-width:767px){
    .signup-btn{
	margin-top: 0;
    }
    .i-am-emp{
	flex-direction: column;
	text-align: left;
    }
}
/*leave calendar cell fill color in full*/

.leave_calendar-datatable thead>tr>th,.leave_calendar-datatable tbody>tr>td{
    position:relative !important;
}
.today-cell:before {
    content: "";
    width: 100%;
    height: 100%;
    /*background: #00A2ED;*/
    background: #efff00 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.holiday-cell:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #8bdc8a;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.weekend-cell:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ecf3ff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.today-cell span,.holiday-cell span,.holiday-cell-label,.weekend-cell span,.weekend-cell-label{
    position: relative;
    z-index: 2
}
.company-logo{
    left: 82px !important;
}

.regular-font,.select2-container,.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #25274d !important;
}
.regular-font-bright-turquoise {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400 !important;
    color: #2e9cca !important;
}
.regular-font-btn {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
    /*font-weight: 200 !important;*/
    color: #25274d;
    border: 1px solid #deeaff;
}
.apply-filter-btn {
    border: 1px solid #deeaff;
}
.small-badge{
    min-width: 78px;
    padding-bottom: .5rem!important;
    padding-top: .5rem!important;
}
.leave_calendar-datatable .badge-yellow,.leave_calendar-datatable .badge-warning,.leave_calendar-datatable .badge-danger,.leave_calendar-datatable .badge-success,.leave_calendar-datatable .badge-info{
    padding: 5px;
    font-size: 10px;
}

.left-first-center-other thead>tr>th,.left-first-center-other tbody>tr>td{ 
    text-align: center !important;
}
.left-first-center-other thead>tr>th:first-child,.left-first-center-other tbody>tr>td:first-child{ 
    text-align: left !important;
}
.left-last thead>tr>th:last-child,.left-last tbody>tr>td:last-child{ 
    text-align: left !important;
}  

.left-first-second-center-other thead>tr>th:first-child,.left-first-second-center-other thead>tr>th:nth-child(2){ 
    text-align: left !important;
}   
.left-first-second-center-other tbody>tr>td:first-child,.left-first-second-center-other tbody>tr>td:nth-child(2){ 
    text-align: left !important;
}
.left-first-second-center-other thead>tr>th{ 
    text-align: center !important;
}   
.left-first-second-center-other tbody>tr>td{ 
    text-align: center !important;
}

#leave_history-datatable thead tr th{
    font-size: 14px;
}

.calendar-months-box #my_leave_calendar_prev,.calendar-months-box #my_leave_calendar_next{
    ont-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.calendar-months-box #leave_calendar_prev,.calendar-months-box #leave_calendar_next{
    ont-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.hide-datatable-info .dataTables_info{
    display: none !important;
}
.table-borderless{
    border: 0 !important;
}
.my-leave-headers{
    color: #2a9cca !important;
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
}

/*#myLeaveTab .bg-custom-image{
    background-image: url("../images/bg-1.jpeg");
    background-color: #cccccc;	
}*/


.vertical-center-table td,.vertical-center-table th{
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 14px !important;
}
#previous_three_months_leave_taken-datatable thead>tr>th:first-child{
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 14px !important;
}
#previous_three_months_leave_taken-datatable tbody>tr>td:first-child{
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 14px !important;
}

/*New Dashboard for employee and admins (V3)*/
.txt-blue {
    color: #2a9cca !important;
}
.txt-light-blue {
    color: #3bb7f1 !important;
}
.txt-marun {
    color: #983555 !important;
}

.font-roboto {
    /*    font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}

.font-opensans {
    font-family: 'Open Sans Condensed', sans-serif;
}

.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}


.massage-box p {
    font-weight: 400;
    font-size: 14px;
}

.dashboard-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-list li {
    display: inline-block;

    width: 175px;
    max-width: 100%;
    border: 1px solid #badfef !important;
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    transition: all ease .3s;
}
.dashboard-list li:hover{
    transform:scale(1.08);
}

.dashboard-list li div.dashboard-list-box {
    display: flex;
    justify-content: center;
    padding: 15px 15px 5px;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.das-list-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    text-align: left;
}

.client-name {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.das-name {
    font-size: 16px;
    color: #2a9cca !important;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 700;
}

.das-list-image {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 110px;
}

.das-icon,
.das-image {
    object-fit: contain;
    object-position: center;
}


/*Notification box*/
.notification-box {
    /*background: #d4e3fc;*/
    background: #ecf2fe;
    padding: 25px 15px;
    border-radius: 5px;
}

.notification-box p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.notification-box a {
    font-size: 14px;
    color: #2a9cca !important;
}

.notification-box a:hover {
    text-decoration: underline;
}

.notice-box {
    padding: 30px 25px;
    /*background: #ecf2fe;*/
    background: #d4e3fc;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

/*note*/
.please-note {
    padding: 20px 0;
}

/*employee detail*/

.emp-detail-list.dashboard-list li div.dashboard-list-box{
    padding: 10px 10px 10px;
}
.emp-detail-list li{
    transition: all ease 0.5s;
}
.emp-detail-list li:hover {
    transform: scale(1.05);
}

/*leave box*/
.leavebox {
    /*background: #d4e3fc;*/
    background: #ecf2fe;
    padding: 25px 15px;
    border-radius: 5px;
}
.leave-status-box {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.leave-block-outer {
    width: 31%;
    background: #fff;
    padding: 15px;
    display: inline-block;
    margin-bottom: 10px;
    /*min-width: 230px;*/
}
.top-block {
    display: flex;
    justify-content: space-between;
}
.top-block  .status {
    font-size: 18px;
    margin-bottom: 3px;
}
.top-block span.days {
    font-size: 22px;
    font-weight: 600;

}
.bottom-block a {
    font-size: 16px;
    margin-top: 12px;
    display: inline-block;
    color: #2a9cca !important;
    font-weight: 500;
    font-family: 'Roboto Condensed';
}
.bottom-block a:hover{
    text-decoration: underline;
}
.leave-update{
    margin-top: 20px;
}
.leave-update p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
}

.palyslip-box{
    background: #e6e6e6;
    padding: 25px 25px;
    border-radius: 5px;
}

/*Payslipbox*/

.paysliplist {
    list-style: none;
    padding-left: 0;
}
.paysliplist li>* {
    display: inline-block;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.paysliplist li p {
    min-width: 220px;
    margin-right: 10px;
    margin-bottom: 0;
}
.paysliplist li{
    margin-bottom: 1rem;
}
.paysliplist li:last-child p {
    margin-bottom: 0;
}
.paysliplist li a:hover{

    text-decoration: underline;
}

.main-title-color{
    color: #25274d !important;
}
.main-sub-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #2a9cca !important;
    font-size: 14px !important;
}
.img-box{
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #000;
    position: relative;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-box img{width:100%; height: auto}
/*responsive*/
@media only screen and (max-width: 550px){
    .dashboard-list li{
        width: calc(50% - 10px);
        margin-right: 10px;
    }
    .please-note {
        padding: 10px 0;
    }
    .leave-status-box{
        display: block;
    }
    .leave-status-box .leave-block-outer {
	width: 100%;
        display: inline-block;
        min-width: auto;
        margin-right: 10px;
	/*min-height: 140px;*/
	vertical-align: text-bottom;
    }
    .paysliplist li p {
	min-width: 140px;
    }
}
/*responsive*/
@media only screen and (max-width: 767px){
    .dashboard-list li{
        width: calc(50% - 10px);
        margin-right: 10px;
    }
    .please-note {
        padding: 10px 0;
    }
    .leave-status-box{
        display: block;
    }
    .leave-status-box .leave-block-outer {
	width: 100%;
        display: inline-block;
        min-width: auto;
        margin-right: 10px;
	/*min-height: 140px;*/
	vertical-align: text-bottom;
    }
    .paysliplist li p {
	min-width: 140px;
    }
    /* new responsive*/
    .client-name{
	font-size: 16px
    }
    .dashboard-list li div.dashboard-list-box {

        padding: 10px 10px 5px;

    }
    .das-icon {
        max-width: 30px;

    }
    .notification-box {

	padding: 15px 15px 4px;


    }
    .das-name{
        font-size: 14px;
    }
    .font-18 {
        font-size: 16px;
    }
    .notification-box h3,.notification-box p{
	position: relative;
        padding-left: 30px;
        margin-bottom: 10px !important;
        font-size: 16px;

    }
    .notification-box a{
	font-size: 16px;
    }

    .notification-box .das-icon {
        position: absolute;
	left: -14px;
	top: -2px;
    }
    .notice-box {
        padding: 18px 15px;
        font-size: 16px;
    }
    .leavebox{
        padding: 15px;
    }
    .leavebox div{
        align-items: center;
    }
    .leavebox h3 {
        display: flex;
	align-items: center;
    }
    .leave-update p{
        font-size: 16px;
    }
    .leave-update p:last-child{
        margin-bottom: 0;
    }
    .paysliplist{
        margin-bottom: 0;
    }
    .palyslip-box{
        padding: 15px 15px;
    }
    .paysliplist li>* {
        font-size: 16px;
    }
    .paysliplist{
        margin-bottom: 0;
    }
    .paysliplist li:last-child {margin-bottom: 0;}
    .top-block .status{font-size: 16px}
    .top-block span.days{font-size: 18px}

    .massage-box{margin-top: 10px;}
    .dashboard-list{margin-top: 15px;}
    .massage-box p{font-size: 16px}
    .das-icon, .das-image{
        max-width: 100%;
        height: auto;
    }
}

.shift-pattern.table{
    line-height: normal !important;
}
.shift-pattern.table,.shift-pattern td,.shift-pattern th{
    box-sizing: border-box;
    overflow: visible;

}
.shift-pattern th{
    color: #25274d !important;
    font-size: 14px !important;
}
.shift-pattern .error{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 75% !important;
}
@media only screen and (max-width: 1200px){
    .shift-pattern td,.shift-pattern th{
	min-width: 250px;
    }
    .shift-pattern{
	display: inline-block;
	max-width: 100%;
	overflow: auto !important;
	line-height: none;
    }
}
.ea-sections-tab{
    color: #25274d !important;
    /*text-decoration: none;*/
    background-color: #ecf2fe;
    font-size: 16px;
    padding: 0.9375rem 28px;
    text-transform: none;
    font-weight: 700 !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    line-height: 18px;
}
.profile_picture_modal .default-profile-gallery {
    min-width: 93px;
}
.profile_picture_modal .default-profile-gallery a{
    display: block;   
}
.profile_picture_modal .default-profile-gallery img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile_picture_modal a.choose_default_profile.active {
    border: 1px solid #4788ff;
}
.profile_picture_modal .pro-content.rounded.regular-font.position-relative{
    width: 95%;
    height: auto;
}
@media only screen and (max-width: 575px){
    .profile_picture_modal .default-profile-gallery {
	min-width: 100%;
    }
}
/*page wise sub menu list start*/
.sub-menu-section {
    margin-bottom: 24px;
}
.sub-menu-section a{
    color: #2a9cca !important;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    margin-right: 20px;
}
.sub-menu-section a.active,.sub-menu-section a:hover{
    color: #25274d !important;
}
.sub-menu-section a.compact-all{
    color: #989b97 !important;
}
@media only screen and (max-width: 767px){
    .sub-menu-section a{
	font-size: 14px;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
    }
}
/*page wise sub menu list end */
.fixed-sub-menu-header{
    position: fixed;
    left: 0;
    right: 0;
    top: 80px;
    width: calc(100% - 60px);
    margin: 0 auto;
    z-index: 9;
    background: white;
    padding-bottom: 10px;
}
.captcha-img-span{
    width: 250px;
}
.table .checkbox-column{ 
    width: 1px !important;
}
.open-sans-16{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
}
.open-sans-14{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
}
.open-sans-bold-14{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
}
.open-sans-bold-14-weight-500{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500 !important;
}
.open-sans-condensed-18{
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700 !important;
    color: #25274d !important;
    font-size: 18px !important;
}
.open-sans-condensed-16{
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 700 !important;
    color: #25274d !important;
    font-size: 16px !important;
}
.mm-accordion.career-style.faq-style .active-faq .row{
    padding: 0px 0;
}
h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif !important;
}
h3, h4 {
    margin: 0;
    color: #25274d !important;
}
select.form-control{
    color: #25274d !important;
    height: 36px;
    line-height: 34px;
    padding: 0 10px;
}
.mm-search-bar .search-link {
    top: 9px;
}
/*remove border from accordian filrters*/
.table-custom-filters .form-control,.table-custom-filters .search-input{
    border: 1px solid #fff;
    background: #f9f9f9;
}
/*backgrounf for button in section filters*/
.reset-filters button {
    background: #ffff9f;
}
/*remove border from all tables*/
table.dataTable.no-footer, table.dataTable thead th,.table-bordered td, .table-bordered th{
    border-color: #f9f9f9 !important;
    border-width: 0px;
}
table.dataTable.no-footer, table.dataTable thead th,.table .light th {
    border-bottom: 1px solid #f9f9f9 !important; 
    background: #fff;
}
.leave_calendar-datatable.dataTable.no-footer,.leave_calendar-datatable.dataTable thead th,.leave_calendar-datatable.table-bordered td,.leave_calendar-datatable.table-bordered th{
    border-color: #deeaff !important;
    border-width: 1px;
}
.leave_calendar-datatable.dataTable.no-footer, .leave_calendar-datatable.dataTable thead th,.leave_calendar-datatable .light th {
    border-bottom: 1px solid #deeaff !important; 
}
/*change a tab text color same as button color in table*/
/*.table-custom-filters .table tbody tr td a.btn-outline-info{
    color: #2e9cca !important;
}
.table-custom-filters .table tbody tr td a.btn-outline-info:hover{
    color: #fff !important;
}*/
/*datatable pagination color and border color*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    border: 1px solid #2e9cca;
    background: #2e9cca;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid #37d5f2;
    background: #37d5f2;
}
.dropdown-menu-right li>a{
    color: #2a9cca !important;
    font-size: 20px;
}
.mm-top-navbar .dropdown-menu .dropdown-item:hover a{
    color: #2a9cca !important;
}
.mm-top-navbar .mm-sub-dropdown{
    width: 350px !important;
}
/*increase modal width*/
@media (min-width: 992px){
    .modal-lg{
	max-width: 858px;
    }
}
/*sign-in*/

.onboarding-wrap .custom-control-label:before { 
    top: 0.25rem;
    top: 60%;
    transform: translate(0px, -50%);
}

.onboarding-wrap .info-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
.onbording-info-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    max-width: 430px;

}
.onboarding-wrap .create-company-option{
    font-family: 'Open Sans Condensed', sans-serif!important;
}

.onboarding-wrap .create-signup-text, .onboarding-wrap .create-signup-text a{
    font-family: 'Open Sans', sans-serif!important;
    font-size: 14px;
}
.login-wing-wrap{
    display: flex;align-items: center;justify-content: flex-end;
}
.login-wing-wrap img{
    max-width: 170px;
}
.forgot-password{
    color: #67A3FF;
}
.onboarding-btn{
    height: 45px;display: flex;
    align-items: center;
    padding: 4px 50px;
    border-radius: 30px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: normal!important;
    background: #1D5693!important;
    border-color: #1D5693;
    position: relative;
}
.onboarding-btn img{
    width: 18px;
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translate(0px, -50%);
}
.countryblock .form-check{
    padding-left: 0px;
}
.countryblock img{
    width: 20px;height: 15px;vertical-align: middle;
}
.countryblock .form-check-label span{
    vertical-align: middle;display: inline-block;line-height: 19px;
}
.countryblock .form-check-label span{
    vertical-align: middle;display: inline-block;line-height: 19px;
}
.onboarding-wrap{
    max-width: 1120px;
}
.onboarding-img{
    width: 80%;
}
/*sign-up*/
.onbording-info-text .select-plan{
    font-family: 'Open Sans', sans-serif!important;
}
.primary-light-btn{
    height: 45px;
    display: flex;
    align-items: center;
    padding: 4px 50px;
    border-radius: 30px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: normal!important;
    background: #369AD2!important;
    border-color: #369AD2;
    position: relative;
}
.primary-dark-btn{
    height: 45px;
    display: flex;
    align-items: center;
    padding: 4px 50px;
    border-radius: 30px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: normal!important;
    background: #0c5692 !important;
    border-color: #369AD2;
    position: relative;
}
.option-heading{
    font-family: 'Open Sans Condensed', sans-serif!important;font-weight: 500;
}
.onboarding-wrap .custom-onboarding-checkbox .form-check-label{
    font-family: 'Open Sans Condensed', sans-serif!important;
}
.custom-employee{
    font-family: 'Open Sans', sans-serif!important;
}
.custom-submit-checkbox{
    display: flex;align-items: center;
}
.onboarding-invite-img{
    /*max-width: 470px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.login-content .form-control{
    border-color:#3bb7f1;
}
.login-content .form-control:focus{
    border-color:#3bb7f1;
}
/*invitaion page*/
.invitation-content .card-body{
    min-height: 600px;
}
/*control validation border on login ,signup and invitation pages*/
.login-content .has-error input, .has-danger input{
    border-color:#3bb7f1 !important;
}
.has-error label, .has-danger label{
    color: #25274d !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f7f9ff inset !important;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /*/ Safari only override */
    .form-control {
	line-height: 24px;
	padding: 0px 15px;
    }

}
.page-custom-height{
    min-height: 1000px;
}

.custom-file-label{
    white-space: nowrap;
    overflow: hidden;
}
.custom-file-label, .custom-file-label:after{
    background: #f7f9ff;
    border: 1px solid #deeaff;
}
.note-section-yellow-box{
    background: #ffff9f;
    border-radius: 20px;
}

.input-inner-icon{
    float: right;
    margin-right: 10px;
    margin-top: -29px;
    position: relative;
    z-index: 5;
    /* color: red; */
}
.input-inner-icon-field{
    padding-right: 40px;
}
.sticky-page-header {
    padding-bottom: 12px;
}
/*multi selection control*/
span.select2-selection.select2-selection--multiple {
    background: #f7f9ff;
    border: 1px solid #deeaff;
    height: 36px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 8px;
    cursor: default;
    float: left;
    margin-right: 9px;
    margin-top: 2px;
    padding: 0px 5px;
    color: #fff;
    min-height: 28px;
    line-height: 24px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 6px;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: -1px !important;
    margin-left: 12px !important;
}
.mr-125{
    margin-right: -125px;
}
.mr-50{
    margin-right: -50px;
}