@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Poppins:wght@300&family=Roboto:wght@300&display=swap');

p{
    margin-bottom: 2px!important;
}

.skin-bg-color {
    background-color: #1267c7 !important;
}

.skin-blue .main-header .navbar, .skin-blue .main-header .logo {
    background-color: #1267c7 !important;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

/* .treeview{
    line-height: 2.5vh;
    font-size:1.1em;
    padding: 0 1vh;    
} */

.btn {
    /* text-transform: uppercase; */
    border-radius: 100px;
}

.btn-primary {
    /* text-transform: uppercase; */
    background-color: #0059bb;
    border-color: #0059bb;
}

.text-primary {
    /* font-size:0.9em; */
    color: #0059bb;
}

.btn-primary.disabled {
    /* text-transform: uppercase; */
    background-color: #0059bb;
    border-color: #0059bb;
}

.btn-primary:hover {
    background-color: #1867c0;
    border-color: #0059bb;
}

.btn-link {
    color: #0059bb;
}

.btn-disabled {
    background-color: #0059bb;
    border-color: #0059bb;
}

/*---- ui select overrides ----*/
.ui-select-no-choice,
.ui-select-choices-content {
    background-color: white;
    font-size: 12px !important;
}

.ui-match {
    font-weight: 700;
    text-decoration: underline;
}

.ui-select-search {
    font-size: 12px !important;
}

.ui-select-container {
    min-height: 30px !important;
}

.ui-select-bootstrap .ui-select-toggle {
    position: relative;
    font-size: 12px;
    height: 30px;
    border-radius: 3px;
}

.ui-select-toggle {
    border-radius: 3px;
}

.note-btn {
    border-radius: 3px;
}

.dropdown {
    border-radius: 3px;
}

.dropdown-toggle {
    border-radius: 3px;
}

a {
    color: #0059bb;
}

#sidebar {
    background: #1267c7 !important;
}

/* ------------------------------------------- */

/* Myra CS Chat Window */

/* ------------------------------------------- */

.myra_chat {
    position: fixed !important;
}

.myra_chat .modal-dialog {
    position: fixed !important;
    width: 51vh !important;
    bottom: 16vh !important;
    right: 23px !important;
    margin: 0px !important;
}

.mnh-slider .modal-dialog {
    position: fixed !important;
    width: 100vh !important;
    top: 4vh;
    bottom: 97px !important;
    right: 23px !important;
    margin: 0px !important;
}

.footer_chat {
    border-top: 1px solid #dad8d8;
    margin-top: 2vh;
    position: fixed;
    bottom: 2vh;
    left: 2.3vh;
    padding: 2rem 0;
}

.chat_scroll {
    height: 51vh;
    overflow-y: auto;
}

.scrollfrchat::-webkit-scrollbar {
    width: 4px;
    background-color: #eae4e4;
}

.scrollfrchat::-webkit-scrollbar-thumb {
    background-color: #bbb8b8;
    border: 1px solid #bbb8b8;
}

#myra-btn {
    position: fixed;
    bottom: 3rem;
    right: 9rem;
    cursor: move;
    z-index: 10;
}

/*--------------------ajinkya css-------------------*/

.scrollbar {
    overflow-y: auto;
    max-height: 85vh;
    margin: 2vh 0;
}

.slim-scroll2::-webkit-scrollbar {
    background-color: transparent;
    width: 0px;
}

.slim-scroll2:hover::-webkit-scrollbar {
    width: 5px;
}

.slim-scroll2:hover::-webkit-scrollbar-thumb {
    background-color: #6b6a6a;
}

@media (hover: none) {
    .slim-scroll2::-webkit-scrollbar {
        width: 5px;
    }
    .slim-scroll2::-webkit-scrollbar-thumb {
        background-color: #6b6a6a;
    }
}

/* new sidebar logo-----------------*/

.sidebarlogo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    text-align: center;
    padding: 0 15px;
    min-height: 60px !important;
    height: 60px !important;
    margin-bottom: 10px;
    border-bottom: 2px solid #1267c7;
}

.logo-box {
    padding: 0 20px;
}

.sidebarlogo img {
    height: 90%;
    display: inline-block;
    padding: 14px 0;
}

.recruiterdesk-page .main-sidebar {
    min-height: 98%;
}

.main-sidebar {
    background-color: #1a2a3c !important;
    min-height: 98%;
    /* height: 95.6vh; */
    /* border-radius: 2vh; */
    /* margin-left: 1vh;
    margin-top: 1vh; */
}
.panel {
    border-radius: 2vh;
}

.panel-default>.panel-heading {
    border-top-left-radius: 2vh;
    border-top-right-radius: 2vh;
}

.panel>.table {
    border-radius: 2vh;
}

.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 2vh !important;
    border-bottom-left-radius: 0 !important;
}

.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 2vh !important;
    border-bottom-right-radius: 0 !important;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li>a {
    color: #dcdcdc !important;
    background: #1a2a3c;
    margin: 1vh;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.1em;
    font-weight: 600;
}

.skin-blue .sidebar-menu>li>a>span {
    border-bottom: solid 0.5px;
    border-color: #34475d;
    padding-bottom: 3px;
}

/* Hide Actions Button in App Module */

.action-btn {
    display: none;
    transition: 0.3s;
}

.active_list:hover .action-btn {
    display: block;
}

.active_list:hover .action-badge {
    display: none;
}

.active_list .action-badge {
    display: block;
}

/* summernote override style */

.note-editor.note-frame {
    border: 1px solid #ddd !important;
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    height: 0 !important;
    border: none !important;
    padding-top: 0 !important;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 0 !important;
    margin: 0 !important;
    border-top: 1px solid #ddd !important;
}

/* --------media query for myra_chat ------------------ */

.btn-myra-mobile {
    display: none;
    cursor: pointer;
    position: relative;
    left: 70px;
}

.chaport-container {
    z-index: 999 !important;
}

@media only screen and (max-width:766px) {
    .myra_chat .modal-dialog {
        position: fixed !important;
        width: 80% !important;
        bottom: 5vh !important;
        right: 10% !important;
        left: 10% !important;
        margin: 0 auto !important;
    }
    .chat_scroll {
        height: 47vh;
        position: relative;
        z-index: 9;
    }
    .footer_chat {
        background: #fff;
        margin-top: 2vh;
        z-index: 10;
        padding: 1rem 0;
    }
    .btn-myra-desktop {
        display: none;
    }
    .btn-myra-mobile {
        display: block;
    }
}

/*-----------table header fixed-------------*/

.tableFixHead {
    overflow: auto;
    min-height: 2vh;
    /* height: 67vh; */
    max-height: 67vh;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 100;
}

.tableFixHead-cv {
    overflow: auto;
    min-height: 2vh;
    max-height: 63vh;
}

.tableFixHead-cv thead th {
    position: sticky;
    top: 0;
    z-index: 100;
}

/*------------------override chaport---------------------------*/

.chaport-container.chaport-container-positioned {
    z-index: 1032 !important;
}

/*-------------scroll-md-only-----------------------------*/

@media only screen and (max-width:768px) {
    .scroll-md-only {
        width: 100%;
        overflow: auto;
    }
}

/* -----------------override css for sidebar fixed-------------- */

.main-sidebar, .left-side {
    position: fixed !important;
}

.recruiterdesk-page .main-sidebar, .left-side {
    position: fixed !important;
}

/* --header-- */

.main-header {
    position: fixed !important;
    width: 100%;
}

.content-wrapper, .right-side {
    margin-top: 7vh;
}

@media only screen and (max-width:425px) {
    .content-wrapper, .right-side {
        margin-top: 14vh;
    }
    .welcome-main-section {
        margin-top: 14vh;
    }
}

/*------------ccs for new myra luncher----------*/

.scrollfrchat {
    height: 70vh;
}

@media only screen and (max-width:375px) {
    .scrollfrchat {
        height: 70vh;
    }
}

@media only screen and (max-width:320px) {
    .scrollfrchat {
        height: 66vh;
    }
}

/*----------- alert messenger------------------*/

@media only screen and (max-width:425px) {
    ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
        right: 2vw !important;
        left: 2vw !important;
    }
    .messenger-width {
        width: 96vw !important;
    }
}

/*--------------------Myra interview------------------*/

.interview-skip-btn {
    border-radius: 3vh;
    padding-left: 2vh;
    font-weight: 700;
    padding-top: 1vh;
    color: red;
}

.interview-left-chat {
    margin-left: 1vh;
    margin-right: 1vh;
    max-width: 45%;
}

@media only screen and (max-width: 425px) {
    .interview-left-chat {
        max-width: 72%;
    }
}

@media only screen and (max-width: 375px) {
    .interview-skip-btn {
        display: block;
        padding-left: 0;
    }
}

/*--------------------------note editor bottom radius----------------------------------------*/

.note-editor.note-frame .note-editing-area .note-editable {
    border-bottom-left-radius: 2vh;
    border-bottom-right-radius: 2vh;
    border-top-left-radius: 2vh;
    border-top-right-radius: 2vh;
}

/*--------------------------search-dropdown----------------------------------------*/

.search-dropdown ul li a {
    padding: 0.3em 1em !important;
    font-size: 0.9em !important;
}

.search-dropdown ul li strong {
    font-weight: 600 !important;
}

/*--------------------------search-dropdown----------------------------------------*/

#employment>button>span.pull-left.filter-option>span {
    text-transform: capitalize;
}

/*----------------------employee portal / telephony-request / sp job---------------------------*/

.emp-portal-nav-right {
    padding-right: 2em;
}

.tel-request-nav-right {
    padding-right: 2em;
}

.referral-filter {
    float: right;
}

.emp-portal-block {
    padding: 10vh;
}

@media only screen and (max-width:768px) {
    .emp-portal-nav-right {
        padding-right: 0;
    }
    .tel-request-nav-right {
        padding-right: 0;
    }
    #sidebar.active {
        position: fixed;
        z-index: 2;
        height: 99vh;
    }
    #sidebar.active~#content {
        position: absolute !important;
        padding-left: 129px !important;
        z-index: 1;
    }
    .emp-portal-block {
        padding: 0 15px 0 15px;
    }
}

@media only screen and (max-width:767px) {
    .referral-filter {
        float: left;
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }
}

@media only screen and (max-width:425px) {
    .emp-portal-nav-right {
        padding-top: 1rem;
        padding-left: 0.8rem;
    }
    .tel-request-nav-right {
        padding-top: 1rem;
        padding-left: 0.8rem;
    }
}

@media only screen and (max-width:375px) {
    .emp-portal-nav-right {
        float: left!important;
    }
    .tel-request-nav-right {
        float: left!important;
    }
}

/*----------------------employer responsive---------------------------*/

@media only screen and (max-width:767px) {
    .mnh_product__link {
        margin-bottom: 4rem;
    }
    .daily_activity_chart {
        margin-bottom: 5rem;
    }
    .employee_count_block {
        position: relative;
        z-index: 3;
        padding: 15px !important;
    }
    .mt-4 {
        margin-top: 4rem !important;
    }
    .mt-3 {
        margin-top: 3rem !important;
    }
    .mt-2 {
        margin-top: 2rem !important;
    }
    .mt-1 {
        margin-top: 1rem !important;
    }
    .mb-1{
        margin-bottom: 1rem !important;
    }
    .mb-2 {
        margin-bottom: 2rem !important;
    }
    .mb-9 {
        margin-bottom: 9rem !important;
    }
    .Recruiting_Tasks_tabs li {
        z-index: 3;
    }
    .skill-Competencies {
        margin-bottom: 0!important;
    }
    .recriterdesk-nav-tabs {
        width: 10% !important;
    }
    .recriterdesk-nav-content {
        width: 90% !important;
        float: right !important;
    }
    .modal.xlarge .modal-dialog {
        width: 90vw !important;
    }
}

/*------table responsive override into mnh table responsive-------------*/

.mnh-table-responsive {
    min-height: .01%;
    overflow-x: inherit;
}

@media screen and (max-width:767px) {
    .mnh-table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .mnh-table-responsive>.table {
        margin-bottom: 0
    }
    .mnh-table-responsive>.table>tbody>tr>td, .mnh-table-responsive>.table>tbody>tr>th, .mnh-table-responsive>.table>tfoot>tr>td, .mnh-table-responsive>.table>tfoot>tr>th, .mnh-table-responsive>.table>thead>tr>td, .mnh-table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
    .mnh-table-responsive>.table-bordered {
        border: 0
    }
    .mnh-table-responsive>.table-bordered>tbody>tr>td:first-child, .mnh-table-responsive>.table-bordered>tbody>tr>th:first-child, .mnh-table-responsive>.table-bordered>tfoot>tr>td:first-child, .mnh-table-responsive>.table-bordered>tfoot>tr>th:first-child, .mnh-table-responsive>.table-bordered>thead>tr>td:first-child, .mnh-table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .mnh-table-responsive>.table-bordered>tbody>tr>td:last-child, .mnh-table-responsive>.table-bordered>tbody>tr>th:last-child, .mnh-table-responsive>.table-bordered>tfoot>tr>td:last-child, .mnh-table-responsive>.table-bordered>tfoot>tr>th:last-child, .mnh-table-responsive>.table-bordered>thead>tr>td:last-child, .mnh-table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .mnh-table-responsive>.table-bordered>tbody>tr:last-child>td, .mnh-table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

/* ---------------------------------------------------------------------------------- */

/*------------------------requestion page responsive-------------------------------------*/

.req-header-right-menus {
    float: right!important;
    margin-bottom: 1vh;
    margin-top: 0.3vh;
}
.req-header-summary {
    font-size: 1.2rem;
    padding-left: 3.8vh;
}
.req-block{
    margin-bottom:0;padding-left: 5px;
}
.req-search-box{
    width: 79%;
}
@media screen and (max-width:425px) {
    .req-header-filter {
        display: block;
        margin-top: 0.6rem;
    }
    .req-header-right-menus {
        float: left!important;  margin-left: 1.3rem;
    }
    .req-block{  
        padding-left: 5px;
        padding-right: 5px;
    }
    .req-search-box{
        width: 100%;
    }
}
/*------------------------appplication page responsive-------------------------------------*/
.app-header-right-icons{
    float: right;
}
.application-header-mobile{
    display: none;
}
.topStatesMenuIcons{
    width: 12.50%;
}
.topStateMenuTl{
    width:5vw;height:5vw;border:0px;border-radius:2vh;margin:auto;float:none;
}
.topStateMenuCircle{
    width:5vw;height:5vw;margin:auto;float:none;
}
.talentpool-user-icon{
    font-size:2vw;
}
.talentpool-user-icon-count{
    font-size:0.9vw;
}
.talentpool-text{
    color:black; font-size:1em;width:5vw;margin:auto;padding:5px 0;float:none
}
.topStateMenuText{
    color:black; font-size:1em;width:5vw;margin:auto;padding:5px 0;float:none;
}
@media screen and (max-width:768px) {
    .app-header-right-icons {
        margin-right: -1.5rem;
    }
    .application-header-desktop {
        display: none;
    }
    .application-header-mobile{
        display: block;
        margin-right: -3rem;
        float: right;
    }
    .topStateMenuTl{
        width:10vh;height:10vh;
    }
    .topStateMenuCircle{
        width:10vh;height:10vh;
    }
    .talentpool-user-icon-count {
        font-size: 1.5vw;
    }
}
@media screen and (max-width:425px) {
    .application-header-mobile{
        margin-left: -0.5rem;
        float: left;
    }
    .topStatesMenuIcons{
        width: 25%;
    }
    .topStateMenuTl{
        width:10vh;height:10vh;
    }
    .topStateMenuCircle{
        width:10vh;height:10vh;
    }
  
    .talentpool-user-icon{
        font-size:4vw;
    }
    .talentpool-user-icon-count{
        font-size: 2.9vw;
    }
    .topStateMenuText{
        width: auto;
    }
    .talentpool-text{
        width:auto;
    }
}
@media screen and (max-width:375px) {
    .talentpool-text{
        font-size: 0.9rem;
        font-weight: 600;
    }
  
}

/*------------------------application setting pages responsive-------------------------------------*/
.app-setting-header-right{
    float: right;
}
.app-setting-table-layout{
    table-layout:fixed;
}
.emp-appSetting-header-right{
    float: right;
}
.emp-appSetting-header-right-block{
    position: relative;
    top: 1rem;
}
.applicant_Source_list-add_source{
    padding-top:1vh; padding-left:2vh; font-weight:400;
}
.applicant_Source_list-summary{
    font-size:1.1em; padding-left:1vh;font-weight: 600;
}
.appSetting-dictionary-search-box{
    padding-top:1vh; padding-left:2vh; font-weight:400;
}
.appSetting-role-liabrary-search-box{
    padding-top:1vh; padding-left:2vh; font-weight:400;
}
.appSetting-custom-form-search-box{
    padding-top:1vh; padding-left:2vh; font-weight:400;
}
.appSetting-header-summary{
    font-size:1.1em; padding-left:1vh;font-weight: 600;
}
.app-setting-search-input{
    width:40vh;vertical-align:baseline;
}
.master-date-history-icon{
    float: right !important;
}
.master-date-history-date{
    float: left !important;
}

@media screen and (max-width:767px) {
    .app-setting-header-right{
        float: none;
    }
    .app-setting-table-layout{
        table-layout:auto;
    }
    .appSetting-bu-table-th{
        text-align: left !important;
    }
    .padding-right-0{
        padding-right: 0;
    }
    .emp-appSetting-d-block{
        display: block;
    }
    .emp-appSetting-header-right{
        float: none;
    }
    .emp-appSetting-header-right-block{
        position: relative;
        top: 0;
    }
    .appSetting-float-none{
        float: none !important;
    }
    .applicant_Source_list-add_source{
        padding-left:0; 
    }
    .applicant_Source_list-summary{
         padding-left:0; 
    }
    .appSetting-dictionary-search-box{
        display: block;
        padding-left: 1vh;
    }
    .appSetting-role-liabrary-search-box{
        display: block;
        padding-left: 1vh;
    }
    .appSetting-custom-form-search-box{
        display: block;
        padding-left: 1vh;
    }
    .appSetting-header-summary{
        padding-left:0; 
   }
   .app-setting-search-input{
       width: 90%;
   }
   .master-date-history-icon{
       float: none !important;
       padding-left: 1rem;
   }
   .master-date-history-date{
        float: none !important;
    }
    .emp-form-block{
        z-index: 3;
    }
}
/*-------------------hackerrank assessment-dropdown---------------------*/
.assessment-dropdown{
    overflow-x: auto !important;
}
.assessment-dropdown .ui-select-choices-group .ui-select-choices-row.active>span {
    width: 150%;
}

/*------------------textarea vertiaclly resize---------------------*/
.editable-vertical{
    resize: vertical !important;
}

/*------------------cs chaport icon---------------------*/
.chaport-container .chaport-launcher .chaport-launcher-button {
    right: 5.8em !important;
    bottom: 22px !important;
    width: 2.75em !important;
    height: 2.75em !important;
}

/* .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon{
    width: 1.48571em !important;
    height: 1.54286em !important;
    top: 0.52857em !important;
    left: 0.65em !important;
} */

/*--------------------added CS text on chartport btn----------------------------*/
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
    visibility: hidden !important;
    position: relative !important;
}
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon:after {
    visibility: visible !important;
    position: absolute !important;
    top: -4px !important;
    left: -5px !important;
    content: "CS" !important;
    font-weight: 600;
    color: #fff;
    font-size: 1.5rem;
}
/* ---------------------------------------------------------------------------------------- */

.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon {
    top: -11px !important;
    right: -11px !important;
}

/*----------------- interview page responsive --------------------*/

.interview-pd-x{
    padding: 0.3rem 0.3rem !important;
}
.rate_skill_Competencies{
    padding: 0;
    border-radius: 5px;
    margin-top: 2vh;
    border-color: lightgrey;
    background: #fdfdfd;
}

@media screen and (max-width:767px) {
    .interview-padding-0{
        padding: 0;
        text-align: center !important;
        border-left: 1px solid #dddddd;
        margin: 0.5rem 0;
    }
    .interview-mg-x{
        margin: 0.5rem 0;
    }
    .interview-pd-x{
        padding: 1rem 0.3rem !important;
    }
    
    .interview-tab .nav-tabs {
        padding-bottom: 0.5rem;
    }

    .interview-tab .nav-tabs>li.active>a,.interview-tab  .nav-tabs>li.active>a:focus,.interview-tab .nav-tabs>li.active>a:hover{
        background-color: #037bff;
        color: #fff;
        border: 1px solid #037bff;
        border-bottom-color: #4887cd;
        text-decoration: none;
    }

    .interview-tab .nav-tabs>li>a {
        padding: 0.5rem 0.7rem;
        margin-right: 0.5rem;
        margin-bottom: 0.4rem;
        border: 1px solid #d3d8de;
        border-bottom: 1px solid;
    }
    .rate_skill_Competencies{
        background:none;
    }
}

/*---------serach filter accordian-------------*/
.filter-accordian-header{
    font-size: 1.2rem;
    color: #0059bb;
    padding: 0.8rem 1rem;
}
.filter-accordian .panel-default>.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding:0;
    background-color: #d5e2ee;
}
.filter-accordian .panel-default {margin-bottom: 1.3rem;}
.icheckbox_flat {
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    bottom: 0.4rem;
    margin-right: 0.5rem !important;}

.filter-accordian .dropdown-toggle {  border-bottom: 1px solid #0059bb; border-bottom-style: dashed}
.filter-accordian .underlined-editable { border-bottom-style: dashed;}
/*--serach filter popover--*/
.filter-popover.popover-wrapper form { top: auto;bottom: 1.8rem;}
.filter-popover .editable-buttons {  display: block; margin-top: 0.6rem;}
.filter-popover .editable-buttons .btn-link{
    background-color: #0059bb;
    color: #fff;
    border-radius: 5rem;
    font-size: 0.95em;
    padding: 0.25rem 2rem;
}
.filter-popover .editable-buttons .btn-link:hover{
    background-color: #1867c0;
    text-decoration: none;
}
.filter-popover .editable-buttons .btn-default{
    border-radius: 5rem;
    font-size: 0.95em;
    line-height: 1.5;
    padding: 0.37rem 1.8rem;
}
.filter-popover .editable-buttons .btn-default span { 
    display: none; 
} 
.filter-popover .editable-buttons .btn-default:after { 
    content: "Close"; 
} 
.popover-filter-dropdown{
    font-size:0.9em;
    width: 20rem !important;
    height: 13rem !important;
    overflow-y: auto;
}
@media screen and (max-width:1024px) {
    .popover-filter-dropdown{height: 10rem !important;}
}

/*------------------------ career page responsive view job & job desc titles -----------------------------*/
@media screen and (max-width:767px) {
    .mnh-jd-req-title{
        position: relative;
        margin-top: 2rem;
    }
    .mnh-jd-application-title{
        position: relative;
        margin-top: 2rem;
    }
    .mnh-jd-view-job{
        position: absolute;
        top: -2rem;
        right: -4rem;
    }
    .mnh-application-job-desc{
        position: absolute;
        top: -2rem;
        right: -4rem;
    }
}


/*---------------------toggle-btn in Custom Form----------------------------*/
.bs-mnh-toggle-btn{
    border: 1px solid #dbdbdb;
    border-radius: 3rem;
    float: right;
    margin-top: -4.3rem;
}

.bs-mnh-toggle-btn .btn{
    font-size: 1rem;
    font-weight: bold;
    color: #777777;
}

.bs-mnh-toggle-btn input[type=radio]{
    display: none;
}

.bs-mnh-toggle-btn .toggle-section{
    padding: 0.3rem;
}

.bs-mnh-toggle-btn.btn-group .btn-default{
    border-color: transparent;
    padding: 3px 10px;
}

.bs-mnh-toggle-danger-btn{
    color: #ed3648 !important;
    background: #ffeaec;
    border-color: #ffd6da !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bs-mnh-toggle-danger-btn:hover{
    color: #ed3648 !important;
    background: #ffeaec;
    border-color: #ffd6da !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bs-mnh-toggle-success-btn{    
    color: #19931b !important;
    background-color: #d8eccf;
    border-color: #c4e2b6 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bs-mnh-toggle-success-btn:hover{    
    color: #19931b !important;
    background-color: #d8eccf;
    border-color: #c4e2b6 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media screen and (max-width:767px) {
    .bs-mnh-toggle-btn{
        float: none;
        margin-top: 0;
    }
}

.hm-filter-dropdown .dropdown-menu {
    min-width: 90%;
    max-height: 60vh;
    overflow: auto;
}

.hm-filter-dropdown .dropdown-menu li{
    padding: 0.6rem 1.1rem;
}

.hm-filter-dropdown .dropdown-menu li:hover{
    color: #fff !important;
    background-color: #337ab7;
    cursor: pointer;
}

.hm-filter-dropdown .dropdown-menu > .active {
    color: #fff !important;
    background-color: #428bca;
}

.name-with-email-dropdown .dropdown-menu {
    min-width: 90%;
    max-height: 32vh;
    overflow: auto;
}

.name-with-email-dropdown .dropdown-menu li{
    padding: 0.6rem 1.1rem;
}

.name-with-email-dropdown .dropdown-menu li:hover{
    color: #fff !important;
    background-color: #337ab7;
    cursor: pointer;
}

.name-with-email-dropdown .dropdown-menu > .active {
    color: #fff !important;
    background-color: #428bca;
}

/* quill editor css */

.ql-font span[data-label="Roboto"]::before {
    font-family: "Roboto";
}

.ql-font span[data-label="Poppins"]::before {
    font-family: "Poppins";
}

.ql-font-times-new-roman {
    font-family: "Times New Roman";
}

.ql-font-times{
    font-family: 'Times New Roman'!important;
}

.ql-font-tahoma {
    font-family: Tahoma;
}

.ql-font-courier-new {
    font-family: "Courier New";
}

.ql-font-courier {
    font-family: 'Courier New'!important;
}

.ql-font-impact {
    font-family: Impact;
}

.ql-font-arial {
    font-family: Arial;
}

.ql-font-roboto {
    font-family: "Roboto";
}
.ql-font-poppins {
    font-family: "Poppins";
}
.ql-font-sansserif {
    font-family: sans-serif;
}

.ql-font-serif {
    font-family: serif;
}
.ql-font-verdana {
    font-family: Verdana;
}
.ql-font-open-sans {
    font-family: "Open Sans";
}

.ql-font-opensans {
    font-family: 'Open Sans';
  }

.ql-size-huge {
    font-size: 2.5em;
}

.ql-size-large {
    font-size: 1.5em;
}

.ql-size-small {
    font-size: 0.75em;
}

.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    margin-bottom: 2px;
}


.ql-editor b {
    font-weight: 700; 
  }
  
.ql-editor  strong {
    font-weight: 700; 
  }

.jd-card{
    font-family: Arial;
    line-height: 1.42;
    font-size: 13px;
}

.jd-card p, .jd-card ul, .jd-card ol{
    margin-bottom: 2px!important;
}

.jd-card b {
    font-weight: 700; 
}
  
.jd-card  strong {
    font-weight: 700;
}

.jd-card a:hover {
    color: #0056b3 !important;
    text-decoration: underline;
}

.jd-card a {
    color: #007bff !important;
    text-decoration: none;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    height: 8rem;
    overflow-x: hidden;
    overflow-y: scroll;
}


::ng-deep .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. '!important;
}

.ql-jd-editor ol > li,
.ql-jd-editor ul > li {
  list-style-type: none;
}
.ql-jd-editor ul > li::before {
  content: '\2022';
}
.ql-jd-editor ul[data-checked=true],
.ql-jd-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-jd-editor ul[data-checked=true] > li *,
.ql-jd-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-jd-editor ul[data-checked=true] > li::before,
.ql-jd-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-jd-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-jd-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-jd-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-jd-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-jd-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-jd-editor ol li:not(.ql-direction-rtl),
.ql-jd-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-jd-editor ol li.ql-direction-rtl,
.ql-jd-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-jd-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-jd-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-jd-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-jd-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-jd-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-jd-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-jd-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-jd-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-jd-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-jd-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-jd-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-jd-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-jd-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-jd-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-jd-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-jd-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-jd-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-jd-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-jd-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-jd-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-jd-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-jd-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-jd-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-jd-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-jd-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-jd-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-jd-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-jd-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-jd-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-jd-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-jd-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-jd-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-jd-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-jd-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-jd-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-jd-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-jd-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-jd-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-jd-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-jd-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-jd-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-jd-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-jd-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-jd-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-jd-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-jd-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-jd-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-jd-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-jd-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-jd-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-jd-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-jd-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-jd-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-jd-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-jd-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-jd-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-jd-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-jd-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-jd-editor a{
    color : #06c!important;
}


.ql-jd-description{
    white-space: pre-wrap;
}


/* ------------ car24 / car24-referral-job------------ */
.car24-referral-job {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.car24-referral-job .table-condensed>tbody>tr>td, .car24-referral-job .table-condensed>tbody>tr>th, .car24-referral-job  .table-condensed>thead>tr>td, .car24-referral-job  .table-condensed>thead>tr>th {
    padding: 9px 6px !important;
    color: #555555 !important;
}

.car24-referral-job .table.table-condensed tr td:first-child{
    padding-left: 12px !important;
}

.car24-referral-job .table.table-condensed tr td:last-child{
    padding-right: 12px !important;
}

.car24-referral-job .current-openings-title{
    color: #1172b8 !important;
    position: relative !important;
    top: 5px !important;
}

.car24-referral-job .current-openings-title-count{
    font-size: 0.7em !important;
    font-weight: 400 !important;
    color: #f79533 !important;
    margin-left: 3px !important;
    position: relative !important;
    top: 4px !important;
}

.car24-referral-job .mnh-search-bar .input-group-addon {
    color: #f79533 !important;
    background-color: #fff8ee !important;
    border: 1px solid #f79533 !important;
    border-right: none !important;
}

.car24-referral-job .mnh-search-bar .form-control{
    border: 1px solid #f79533;
    color: #1172b8;
}

.car24-referral-job .mnh-search-bar .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fff8ee !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #fff8ee !important;
}

.car24-referral-job .mnh-search-bar .form-control::placeholder {
    opacity: 0.4 !important;
    color: #f1983e !important;
  }
  

.car24-referral-job .table-hover>tbody>tr:nth-child(even), 
.car24-referral-job .table-hover>tbody>tr:nth-child(even) {
    background-color: #fcfcfd  !important;
 }

 .car24-referral-job .table-hover>tbody>tr:hover {
    background-color: #ecf2f6 !important;
}

 .car24-referral-job td.mnh-jobs-table-header.ng-scope {
    background: #1172b8 !important;
    color: #fff !important;
}

.car24-referral-job .pagination>.active>a, .car24-referral-job .pagination>.active>a:focus, .car24-referral-job .pagination>.active>a:hover, .car24-referral-job .pagination>.active>span, .car24-referral-job .pagination>.active>span:focus, .car24-referral-job .pagination>.active>span:hover {
    background-color: #1172b8 !important;
    border-color: #1172b8 !important;
}

.car24-referral-job .pagination>li>a, .car24-referral-job .pagination>li>span {
    border: 1px solid #c8dbe8;
}

.mnh-action-icon{
    bottom: -3px;
}

.ui-retire-modal-centered .modal-dialog {
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
    margin: 0 auto;
}

.ui-retire-outline-btn{
    background-color: transparent;
    border-color: #0059bb;
    color: #0059bb;
}

.ui-retire-outline-btn:hover{
    background-color: #1867c0;
    border-color: #0059bb;
    color: #fff;
}

.ui-retire-outline-btn:disabled{
    opacity: .5;
    background: #efefef;
    color: #5e5e5e;
    border-color: gray;
    pointer-events: none;
}

.setting-list-header{
    color: #112a52;
    font-size: 12px;
}

.setting-link-page ul{
    padding-inline-start: 12px;
    margin-bottom: 12px;
}

.setting-link-page-close{
    font-weight: 400;
    font-size: 1.4em;
    color: grey;
    position: relative;
    top: 3px;
    right: -12px;
}

.setting-link-page li {
    font-size: 11px;
    margin-bottom: 4px;
}

.setting-note-msg{
    background: #fffcfc;
    border: 1px dashed #d06363;
    width: 100%;
    margin-top: 8px;
    padding: 6px 8px;
    border-radius: 5px;
    margin-bottom: 14px;
    display: flex;
}

/* hobby ng select override bootstrap css */
 .hobby-ng-select .btn:active:focus,.hobby-ng-select .btn:focus {
    outline: none ;
    box-shadow: none;
}
.hobby-ng-select .btn-primary, .hobby-ng-select .btn-primary:focus {
    background-color: transparent;
    color: #333;
    border-color: #ccc;
}
.hobby-ng-select .btn-primary:hover,.hobby-ng-select .open>.dropdown-toggle.btn-primary {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}