#officeModal .spinner,
#leadModal .spinner,
#leaveTypeModal .spinner,
#userModal .spinner,
#userOtherDetailsModal .spinner,
#employeeOfffceTeamAccessModal .spinner,
#menusAccessModal .spinner,
#variablePayEditModal .spinner,
#bank-modal .spinner,
#other-user-modal .spinner,
#fund-modal .spinner {
    width: 15px;
    height: 15px;
    margin: 0 0 0 5px!important;
}

#officeModal .alert.response-text,
#leadModal .alert.response-text,
#leaveTypeModal .alert.response-text {
    margin-top: 7px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0 15px 15px;
}

.deduct-payment-btn {
    padding: 4px;
}

span.select2.select2-container {
    width: 100%!important;
}

.datepicker.datepicker-dropdown {
    z-index: 1600 !important;
}

.viewlabel {
    width: 120px;
}

.leave_status {
    color: white;
    border: none;
    padding: 6px;
}

.leavewarning {
    color: red;
    font-style: italic;
}

#employeeOfffceTeamAccessModal .alert.response-text,
#menusAccessModal .alert.response-text,
#bank-modal .alert.response-text,
#other-user-modal .alert.response-text,
#fund-modal .alert.response-text {
    margin-top: 7px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0 15px 15px;
    clear: both;
}

.form-group.select-office-section .col-md-4,
.form-group.select-team-section .col-md-4,
.form-group.select-menus-section .col-md-4 {
    display: inline-block;
    float: left;
    margin-bottom: 10px;
}

.form-group.select-office-section span,
.form-group.select-team-section span,
.form-group.select-menus-section span {
    vertical-align: top;
}

form#addEmployeeAccessForm .form-group,
form#addMenusAccessForm .form-group {
    clear: both;
}

form#addEmployeeAccessForm .parsley-errors-list,
form#addMenusAccessForm .parsley-errors-list {
    clear: both;
}

.menus-access-table-section {
    clear: both;
}

div.select-menus-section ul.menus-list.parent {
    padding: 0;
}

div.select-menus-section ul.menus-list {
    list-style-type: none;
}

div#sidebar-menu li a i.ti,
div#sidebar-menu li a i.dripicons {
    font-size: 16px;
}

div#sidebar-menu li a i.mdi,
div#sidebar-menu li a i.ion {
    font-size: 20px;
}


/**** client's css ***/

table.office-listing-tbl th,
table.dataTable.nowrap td {
    white-space: normal;
}

table.office-listing-tbl thead th.office-date {
    width: 55px !important;
}

table.office-listing-tbl thead th.client_name {
    width: 55px !important;
}

#clients-list-tbl a.waves-light {
    margin-bottom: 5px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0px !important;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle,
.btn-light {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #ced4da !important;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none !important;
}

.inner.show {
    max-height: 200px !important;
}


/****** Leads css ******/

table.lead-listing-tbl th,
table.dataTable.nowrap td {
    white-space: normal;
}

table.lead-listing-tbl th.applied_rate,
table.lead-listing-tbl thead th.lead-date {
    width: 50px !important;
}

#convert-to-client-form .spinner {
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px!important;
}

#convert-to-client-form .alert.response-text {
    margin-top: 7px;
}

#leadModal .form-group,
#convert-to-client-modal .form-group {
    position: relative;
}

#leadModal .form-group.mb-2rem,
#convert-to-client-modal .form-group.mb-2rem,
#add-salary-package-form .row.form-group.mb-2rem {
    margin-bottom: 2rem !important;
}

#leadModal .form-group.mb-2rem ul.parsley-errors-list,
#convert-to-client-modal .form-group.mb-2rem ul.parsley-errors-list,
#add-salary-package-form .form-group.mb-2rem ul.parsley-errors-list {
    position: absolute;
    bottom: -25px;
}

#leads-list .btn.btn-action {
    width: 35px;
    height: 35px;
    margin-right: 3px;
}

#leads-list .btn.btn-action i {
    font-size: 12px;
}


/*---------------employee css-------------*/

td.upworkAccount-status.active {
    color: #008000;
}

td.upworkAccount-status.suspended {
    color: #ff0000;
}

td.upworkAccount-status {
    font-weight: 500;
}

span.select2.select2-container {
    width: 100% !important;
}

#userModal .alert.response-text,
#userOtherDetailsModal .alert.response-text {
    margin-top: 7px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: 0 15px 15px;
}

#employee-list-tbl thead th.action-col,
#other-user-list-tbl thead th.action,
table.office-listing-tbl thead th.office-date,
table.office-listing-tbl thead th.action,
table.fund-list-tbl thead th.action {
    width: 12% !important;
}

table#employee-list-tbl tr td a.btn,
table#fund-list-tbl tr td a.btn {
    padding: 5px 10px;
    font-size: 12px;
}


/******salary view css********/

.addition_title {
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    padding-top: 20px;
    margin-top: 0;
    font-size: 17.5px;
}

form#add-salary-package-form .row.form-group {
    position: relative;
}

form#add-salary-package-form .row.form-group ul.parsley-errors-list {
    right: 5px;
}

.pull-right {
    float: right !important;
}

form#add-salary-package-form ul.parsley-errors-list.filled {
    position: absolute;
    bottom: -18px !important;
}

form#add-salary-package-form .autocalculated-value-icon {
    display: none !important;
}

form#add-salary-package-form .input-group.bootstrap-touchspin button.btn.hide {
    display: none;
}

form#add-salary-package-form .net-salary-display-block {
    border: 1px solid #808080;
    padding: 25px;
}

form#add-salary-package-form .employee_deduction_title,
.employer_deduction_title {
    text-align: center;
    margin-bottom: 20px;
}

form#add-salary-package-form .employee_deduction_section,
.employer_deduction_section {
    padding-bottom: 20px;
}

form#add-salary-package-form .total-deduction-block {
    padding-bottom: 22px;
}

table#salary-package-design-list a.btn.btn-action,
table#variable-pays-list a.btn.btn-action {
    font-size: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

table#variable-pays-list td span.badge {
    font-size: 77%;
}

table#salary-package-design-list thead tr th.date,
table#salary-package-design-list thead tr th.action {
    width: 9% !important;
}

.work-status-section {
    margin-top: 15px;
    /* margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #02a499a8; */
}

.divider_custom {
    background: #02a499a8;
    height: 1px;
    width: 100%;
    margin: 15px 0px;
}

#variablePayEditForm input[readonly] {
    background-color: #8080802e !important;
}

#bank-modal .form-group ul.parsley-errors-list {
    position: absolute;
    bottom: 14px;
}

div.number-section ul.parsley-errors-list {
    position: absolute;
    bottom: -20px;
}

#other-user-list-tbl thead th.name {
    width: 25% !important;
}

table .fa,
table .fas {
    font-size: 13px;
}

.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: #45b649;
    background: #fff;
}


/* Add indicator arrow for the active tab */

@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

table#list-offices thead th.members_cnt,
table#list-offices tfoot th.members_cnt {
    width: 5% !important;
}

span.office-name {
    color: #626ed4;
}

.bg-lightwarning {
    background-color: #ffb6c1 !important;
}

.modal-body {
    overflow: hidden !important;
    overflow-x: scroll !important;
}

.tab-pointer{
    pointer-events: none;
    user-select: none;
}

.requirement-data-info:not(:last-child) {
    border-bottom: 2px solid #000;
    margin-bottom: 15px;
}
#InterviewinfoModal .modal-content{
    overflow:scroll;
    max-height:800px;
}

#recruitModal .modal-content{
   width: 730px;
}
/* #recruitModal .modal-content .designation label{
    display:block;
} */