/*.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}*/
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important;}
.mt-5{margin-top:3rem!important}
.mr-0{margin-right:0!important}
.mr-1{margin-right:.25rem!important}
.mr-2{margin-right:.5rem!important}
.mr-3{margin-right:1rem!important}
.mr-4{margin-right:1.5rem!important}
.ml-0{margin-left:0!important}
.ml-1{margin-left:.25rem!important}
.ml-2{margin-left:.5rem!important}
.ml-3{margin-left:1rem!important}
.ml-4{margin-left:1.5rem!important}
.ml-5{margin-left:3rem!important}
.ml-6{margin-left:4rem!important}
.ml-11{margin-left:11.5rem!important}
.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}
.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}
.mx-3{margin-left:1rem!important;margin-right:1rem!important}
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-5{padding-left:3rem!important;padding-right:3rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pt-5{padding-top:3rem!important}
.pr-1{padding-right:.25rem!important}
.pr-2{padding-right:.5rem!important}
.pr-3{padding-right:1rem!important}
.pr-4{padding-right:1.5rem!important}
.pr-0{padding-right:0!important}
.pr-6{padding-right:4rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-2{padding-bottom:.5rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pb-5{padding-bottom:3rem!important}
.pl-0{padding-left:0!important}
.pl-6{padding-left:4rem!important}
.px-1{padding-left:.25rem!important;padding-right:.25rem!important}
.px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.px-3{padding-left:1rem!important;padding-right:1rem!important}
.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
.px-5{padding-left:3rem!important;padding-right:3rem!important}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}

.h1{ font-size:2.5rem !important; }
.h2{ font-size:2rem !important; }
.h3{ font-size:1.75rem !important; }
.h4{ font-size:1.5rem !important; }
.h5{ font-size:1.25rem !important; }
.h6{ font-size:1rem !important; }

.text-small{ font-size:10px; }
.text-left{ text-align:left; }
.d-flex{ display:flex; }
.align-items-center{ align-items:center; }
.justify-content-between{ justify-content:space-between; }
.justify-content-end{ justify-content:flex-end; }
.justify-content-start{ justify-content:flex-start; }
.flex-wrap{ flex-wrap:wrap; }
.no-before-after::before, .no-before-after::after{ display:none !important; }
.unset-float, .unset-position{ float:unset;top:unset;bottom:unset;left:unset;right:unset; }
.position-relative{ position:relative; }
.rounded{ border-radius:5px !important; }
.border{ border:1px solid #dee2e6!important }
.border-top{ border-top:1px solid #dee2e6!important; }
.border-right{ border-right:1px solid #dee2e6!important; }
.border-bottom{ border-bottom:1px solid #dee2e6!important; }
.border-left{ border-left:1px solid #dee2e6!important; }
.text-right{ text-align:right; }
.m-left-auto{ margin-left:auto !important; }
.m-right-auto{ margin-right:auto !important; }
.m-auto{ margin:auto !important; }
.mw-100{ min-width:100% !important; }

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@media (min-width: 576px) {
    .container { max-width: 540px !important; }
}
@media (min-width: 768px) { 
    .container { max-width:720px !important; }
    .border-md-bottom { border-bottom: 1px solid #dee2e6!important; }
    .border-md-bottom-0 { border-bottom-width: 0!important; }
    .border-md-right { border-right: 1px solid #dee2e6 !important; }
    .border-md-right-0 { border-right-width: 0!important; }
    .pt-md-5{ padding-top:3rem!important; }
}
@media (min-width: 992px) {
    .container { max-width:960px !important; }

}
@media (min-width: 1200px) {
    .container{ max-width: 1140px !important; }
    .container.wider{ max-width: 1800px !important; }

}

.container {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    width: 100% !important;
}
.row { margin-left:-15px;margin-right:-15px; }

.page-wrapper{ display:flex;flex-direction:column;min-height:100vh; }
.main-tag{ flex-grow:1;padding-bottom:60px; }
.main-footer{ background:#f2f2f2;padding:20px 0px; }

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}
.text-black{ color:#000000 !important; }

.btn-edit {
    background-color: #6c757d;
    color: #fff;
}
.btn-back {
    color: #f8f9fa !important;
    background-color: rgba(0,0,0,.3) !important; 
}
#expired label {
    background-color: #ea2d40;

}
#expired span label { 
    padding: 0px 7px;
    border-radius: 4px;
    color: white;
    font-weight:400; 
}
.btn-edit:hover {
    background-color: #6c757d;
    color: #fff;
}
/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
.font-weight-medium{ font-weight:400 !important; }

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}


/* Latest styles */

.tooltip.custom-tooltip .tooltip-inner{
    background:black;
    border-radius:5px;
    color:white;
    padding:6px 5px 6px 10px;
}
.navbar-header.first-navbar{
    margin:20px 0px 10px;
}
.page-logo{
    padding-left:0px;
}
.navbar-nav .dropdown .glyph{
    font-size:9px;
    margin:0 0 0 9px;
}
.navbar-header .navbar-toggle{
    margin-top:6px;
    padding:13px 17px;
    border:1px solid #0066b7;
}
.navbar-header .dropdown-menu{ border:1px solid rgb(218, 218, 218); }
.navbar-header .btn-dropdown a{ color:black; }
.navbar-header .btn-dropdown a:hover,
.navbar-header .btn-dropdown a:active,
.navbar-header .btn-dropdown a:focus{ text-decoration:none; }
.navbar-header .navbar-brand.inside-nav{
    padding:18px 20px;
    height:60px;
    background:rgba(0,0,0,.15);
    white-space:nowrap;
}
.navbar-header .navbar-brand .logo-text{ padding-left:18px;font-size:17px;color:#343a40;margin-bottom:5px; }
.navbar-header .page-logo .navbar-brand{ display:flex;align-items:center;padding:0px; }
.navbar-header .page-logo .navbar-brand img{ width:32px;object-fit:contain;margin-left:16px; }
button.btn, a.btn, input.btn{ display:flex;align-items:center;justify-content:center;border-radius:0px; }
button.btn .glyph, a.btn .glyph, input.btn .glyph{ margin-right:5px; }
.dropdown .dropdown-toggle::after{ display:none; }
.date-start{ color:#ca8c38; }
.date-end{ color:#5275a0; }
.white-space-nowrap{ white-space:nowrap; }
.employment-details .title{ min-width:210px !important;display:inline-block; }

/* -------------------------------------------------- */
/* Tables styles start */
/* -------------------------------------------------- */

.employee-table thead tr th,
.employee-table-records thead tr th,
.employee-table thead tr th,
.supervisors-table thead tr th,
.advertisement-table thead tr th,
.jobApplicant-table thead tr th,
.jobApplicant-table thead tr th,
.cases-table thead tr th,
.committes-table thead tr th,
.jobVacancy-table thead tr th{ font-size:14px;padding-bottom:8px;white-space:nowrap; }
.employee-table thead tr th label,
.employee-table-records thead tr th label,
.employee-table thead tr th label,
.supervisors-table thead tr th,
.advertisement-table thead tr th label,
.jobApplicant-table thead tr th label,
.jobApplicant-table thead tr th label,
.cases-table thead tr th label,
.committes-table thead tr th label,
.jobVacancy-table thead tr th label{ margin-bottom:0px; }
.employee-table thead tr th:first-child,
.supervisors-table thead tr th:first-child,
.advertisement-table thead tr th:first-child,
.jobApplicant-table thead tr th:first-child,
.cases-table thead tr th:first-child,
.committes-table thead tr th:first-child,
.jobVacancy-table thead tr th:first-child{ padding-left:0px; }
.employee-table tbody tr td:first-child{ padding-left:0px; }
.employee-table tbody tr td:last-child{ padding-right:0px; }
.supervisors-table tbody tr td:first-child{ padding-left:0px; }
.supervisors-table tbody tr td:last-child{ padding-right:0px; }
.advertisement-table tbody tr td:first-child{ padding-left:0px; }
.advertisement-table tbody tr td:last-child{ padding-right:0px; }
.jobApplicant-table tbody tr td:first-child{ padding-left:0px; }
.jobApplicant-table tbody tr td:last-child{ padding-right:0px; }
.cases-table tbody tr td:first-child{ padding-left:0px; }
.cases-table tbody tr td:last-child{ padding-right:0px; }
.committes-table tbody tr td:first-child{ padding-left:0px; }
.committes-table tbody tr td:last-child{ padding-right:0px; }
.jobVacancy-table tbody tr td:first-child{ padding-left:0px; }
.jobVacancy-table tbody tr td:last-child{ padding-right:0px; }
.employee-table tbody tr td{ vertical-align:middle; }
.employee-table .status span{ padding:0px 7px;border-radius:4px;color:white; }
.employee-table .status.Active span{ background:#59d475; }
.employee-table .status.Previous span{ background:#ff8a65; }
.employee-table .status.Passive span{ background:#6c757d; }
.employee-table .label-danger{ background:#dc3545;border-radius:2px !important;padding:3px 4px;line-height:12px; }
.employee-table .label-info{ border-radius:2px !important;padding:3px 4px;line-height:12px; }
select.w-100, .w-100{ width:100% !important;min-width:100%; }
.table-border-none, .table-border-none > tbody tr td, .table-border-none > thead tr th {
    border:0 !important;
    border-bottom:0 !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
}
.supervisors-table{ margin-top:20px; }
.supervisors-table tr td{ vertical-align:middle !important; }
.advertisement-table tbody tr td .display-label:after{ content:':'; }
.advertisement-table tbody tr td .display-label,
.advertisement-table tbody tr td .display-field{
    width: 50%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    float: left;
}
.table .inside-td{
    white-space:nowrap;
    overflow:hidden !important;
    text-overflow:ellipsis;
    max-width:100px;
    display:block;
}
.table-striped .glyph-info{
    font-size:14px;
    margin-top:1px;
    margin-right:2px;
}
.table-striped tbody tr:nth-of-type(odd) { background:transparent; }
.table.table-striped.light-borders > tbody tr td, .table.table-striped.light-borders > tbody tr th{ border-bottom:1px solid rgba(0, 0, 0, 0.07); }
.table.data-aligned-top tr td{ vertical-align:top; }
.custom-warnings ul {
    padding-left: 0px;
    border-radius: 5px;
}
.custom-warnings ul li{ margin:0px;padding:5px 10px 0px;font-size:14px;background:#ffdede; }
.custom-warnings ul li:first-child:last-child{ border-radius:5px 5px 5px 5px;padding-bottom:7px;padding-top:7px; }
.custom-warnings ul li:first-child{ border-radius:5px 5px 0px 0px;padding-top:7px; }
.custom-warnings ul li:last-child{ border-radius:0px 0px 5px 5px;padding-bottom:7px; }

/* -------------------------------------------------- */
/* Table styles end */
/* -------------------------------------------------- */

.width-auto{ width:auto !important;min-width:unset !important; }
.supervisors-modal .pagination{ margin:0; }
.supervisors-modal .pagination a, .supervisors-modal .pagination span{ margin-bottom:0;margin-top:0; }
.supervisors-modal #search-supervisors .btn{
    padding:10px;
    display:block;
    margin-top:1px;
}
#personal-details #photo{ box-shadow:0 .125rem .25rem rgba(0,0,0,.25); }
.title-desc { padding-top:0px;padding-bottom:30px;color:#656565;font-size:16px; }
.container-custome{
    max-width:1260px;
    margin:auto;
    padding:0px 10px;

}
.width-set-350{ max-width:350px; }
.trim-last-4-items > div:nth-of-type(n+7){ display:none !important; }
.inside-collapse-tag + .inside-accordion small::before{ content:'Show more' }
.inside-collapse-tag.in + .inside-accordion small::before{ content:'Show less' }
.leave-details .display-label, .leave-details .display-field {
    margin-left: 0px;
}
.leave-details .html-text-inside{ display:flex;flex-wrap:wrap; }
.leave-details .html-text-inside .display-label, .leave-details .html-text-inside .display-field{ width:50%; }
.leave-details .html-text-inside .display-field{
    display:inline-block;
    white-space:nowrap;
    overflow:hidden !important;
    text-overflow:ellipsis;
}
.leave-details .display-label::after, .leave-details .title::after{ content:':' }
.leave-details.inside-table td .html-text-inside .display-field{ color:#6c757d;font-weight:500; }
/*.leave-details.inside-table td .html-text-inside .display-label{ color:#6c757d;font-weight:500; }*/


/* Calendar costum styles start */

#calender.with-costume-styles .fc-header-toolbar{ display:flex; }
#calender.with-costume-styles .fc-header-toolbar .fc-center{ padding-left:3rem; }

/* Calendar costum styles end */

/* form field validation error style start */
.form-group{ position:relative; }
.field-validation-error{
    position:absolute;
    bottom:-15px;
    font-size:12px;
}
.font-weight-500{ font-weight:500 !important; }
.min-width-155{ min-width:155px; }
.min-width-150{ min-width:150px; }
.min-width-250{ min-width:250px; }
/* form field validation error style start */


/* simple table styles start */
.simple-table{
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: grey;
    text-align:left;
    color:#343a40;
}
.simple-table td, .simple-table th {
    padding:0px;
    vertical-align: top;
    padding-left:0px;
    padding-right:0px;
}
.simple-table thead tr th,
.simple-table-records thead tr th,
.simple-table thead tr th {
    font-size: 14px;
    padding-bottom: 8px;
    text-transform: capitalize;
    border-top: 0px;
    font-weight: 600;
}
.simple-table thead tr th:first-child{ padding-left:0px; }
.simple-table tbody tr td:first-child{ padding-left:0px; }
.simple-table tbody tr td:last-child{ padding-right:0px; }
.simple-table tbody tr td{ font-size:14px;padding-top:5px;padding-bottom:5px; }
.simple-table .status span{ padding:0px 7px;border-radius:4px;color:white; }
/* simple table styles end */
 
@media (min-width: 1024px) {
    .navbar-local .navbar-nav > li > a{ padding: 18px 24px; }
    .navbar-collapse .navbar-nav .dropdown-menu{ position:absolute; }
    .two-col-menu-item{ min-width: 500px; }
}
@media (max-width: 1024px) {
    .navbar-collapse .navbar-navss{
        display:flex;
        flex-direction:column;
    }
}

.view-for-cv{ position:relative; }
.view-for-cv .lightDark-background{ position:absolute;width:100%;height:300px;background:#f7f7f9; }
.view-for-cv #photo.employee-photo{ border-radius:0px;width:100%;height:auto; }
.view-for-cv .stema-icon img{ display:inline-block;width:40px;height:auto; }
.font-size-11{ font-size:11px; }

.z-index-2{ position:relative;z-index:2; }
.table-bordered.light-border > tbody > tr > td,
.table-bordered.light-border > tbody > tr > th{ border:1px solid #e8e8e8; }
.table.botton-border tr td{ border-bottom:1px solid #e8e8e8; }

.mw-none { max-width: none!important; }

/*Ksagen*/

.page-wrapper .navbar-local .color-accent .theme-dark .container {
    background-color: black !important;
}
.width-430{ width:430px !important; }
.width-115{ width:115px !important; }
.all-width-85 { max-width:85px;min-width:85px;width:85px; }
.simple-css-grid{ display:grid;grid-template-columns:minmax(auto, 155px) auto; }

.dark-bg-color-theme{ background-color:#1d1d1d !important; }
.dark-bg-color-theme li{ border:1px solid #212529; }
.pl-7px{ padding-left:7px; }
.vertical-align-baseline{ vertical-align:baseline !important; }
.table-header-text{ font-weight:700;font-size:14px; }
.unselect-btn {
    position: absolute;
    top: -7px;
    right: -8px;
    background: #eb3939;
    font-weight: bold;
    color: white !important;
    height: 17px;
    width: 17px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
}
.unselect-btn:not(.in-same-line){ box-shadow:0px 0px 0px 1px #cdcdcd; }
.unselect-btn.in-same-line{
    top: 50%;
    right:-25px;
    transform:translateY(-50%);
}


@media (max-width:768px) {
    .border-mobile-0{ border:0px !important; }
}



.pagination-btn {
    min-width: 34px !important;
    max-height: 34px !important;
    margin-left: 10px !important;
    padding: 4px 8px 5px !important;
    text-align: center !important;
    border-radius: 5px !important;
}

.pagination-btn.active {
    background-color: #0078D7 !important;
    color: #fff !important;
}

.font-size-12{ font-size:12px !important; }
.font-size-14{ font-size:14px !important; }
.zindex1{ z-index:1 !important; }
.min-width-unset{ min-width:unset; }
.max-height-34{ max-height:34px; }
.box-42{ height:42px;width:42px;display:block; }
.display-inline-table{ display:inline-table; }


.right-side-search-bar {
    position: fixed;
    z-index: 1;
    top: 0px;
    right: 0px;
    min-height: 100vh;
    max-height: 100vh;
    overflow: auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px #919191;
    width: 330px;
    padding: 20px;
    transform: translate3d(100%, 0px, 0px);
    transition: transform .3s ease-in-out;
    will-change: transform;
}
@media (min-width:768px) {
    .right-side-search-bar.wider {
        width: 500px;
    }
}

@media (max-width:768px) {
    .right-side-search-bar.wider {
        width: 371px;
    }
}
.right-side-search-bar.opened {
    transform:translate3d(0%, 0px, 0px);
}
.search-button.with-backdrop:before {
    content: '';
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    will-change: background-color;
    transition: background-color .3s ease-in-out;
}

.search-button.with-backdrop.opened:before {
    pointer-events: all;
    background-color: rgba(0, 0, 0, 0.3);
}



.middle-search-bar {
    position: fixed;
    z-index: 1;
    top: 0px;
    right: 0px;
 
    max-height: 100vh;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0px 0px 1px #919191;
    width: 330px;
    padding: 20px;
    transform: translate3d(100%, 0px, 0px);
    transition: transform .3s ease-in-out;
    will-change: transform;
}
.middle-search-bar.wider{ width:500px; }
.middle-search-bar.opened {
    transform:translate3d(0%, 0px, 0px);
    right: 5%;
    left: 5%;
    top: 5%;
    min-width: 90%;
  height:90%;
    width: 90%;
}
.search-button1.with-backdrop:before {
    content: '';
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    will-change: background-color;
    transition: background-color .3s ease-in-out;
}

.search-button1.with-backdrop.opened:before {
    pointer-events: all;
    background-color: rgba(0, 0, 0, 0.3);
}

.form-inline .custom-select {
    width: auto;
}

.input-group {
    max-width: 318px;
}

    .input-group > .form-control,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: 1% !important;
        margin-bottom: 0 !important;
    }

        .input-group > .form-control:focus,
        .input-group > .custom-select:focus,
        .input-group > .custom-file:focus {
            z-index: 3 !important;
        }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px !important;
        }

        .input-group > .form-control:not(:last-child),
        .input-group > .custom-select:not(:last-child) {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

        .input-group > .form-control:not(:first-child),
        .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
        }

.custom-select {
    display: inline-block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    vertical-align: middle !important;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center !important;
    background-size: 8px 10px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

    .custom-select:focus {
        border-color: #80bdff !important;
        outline: 0 !important;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5) !important;
    }

        .custom-select:focus::-ms-value {
            color: #495057 !important;
            background-color: #fff !important;
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto !important;
        padding-right: 0.75rem !important;
        background-image: none !important;
    }

    .custom-select:disabled {
        color: #6c757d !important;
        background-color: #e9ecef !important;
    }

    .custom-select::-ms-expand {
        opacity: 0 !important;
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px) !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
    font-size: 75% !important;
}

.custom-select-lg {
    height: calc(2.875rem + 2px) !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
    font-size: 125% !important;
}