.filter-option-inner-inner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; }
body{
    font-family:math !important;
}
/*.content-header h1 {*/
/*    color: #575F0A !important;*/
/*    font-weight: 600 !important;*/
/*}*/
.select2-selection--single {
    padding: 10px 15px !important; 
    border: 1px solid #000 !important; 
    border-radius: 5px !important; 
    box-shadow: 0.1rem 0.1rem 0.1rem rgb(0 0 0/5%) !important; 
    box-shadow: 0 8px 11px #0000001f !important; 
    height: 47px !important;
    
}
.btn-primary, .page-item.active .page-link {
    background: linear-gradient(190deg, rgba(70,77,13,1) 0%, rgba(93,102,9,1) 35%, rgba(55,60,13,1) 100%) !important;
    border: none !important;
}
.page-link {
    color: linear-gradient(190deg, rgba(70,77,13,1) 0%, rgba(93,102,9,1) 35%, rgba(55,60,13,1) 100%) !important;
}


.login-page {background: linear-gradient(341deg,#ffffff,#dfbef5,#aa8df2,#efcdff,#ffbd99,#7ae1ff,#c1effd,#cccccc,#d0d0d0,#ffdbc8,#a3b7bd,#e1b4cd,#c8c8c8,#dddddd,#eeeeee);
    -webkit-animation: AnimationName 36s ease infinite;
    -moz-animation: AnimationName 36s ease infinite;
    animation: AnimationName 36s ease infinite;
    animation: AnimationName 36s ease infinite;
    background: linear-gradient(341deg,#ffffff,#dfbef5,#aa8df2,#efcdff,#ffbd99,#7ae1ff,#56a7bf,#cccccc,#d0d0d0,#ffdbc8,#a3b7bd,#e1b4cd,#c8c8c8,#dddddd,#eeeeee);
    background-size: 2400% 2400%;
}
    @-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
.form-control {padding:10px 15px !important;border: 1px solid #000; border-radius: 5px; box-shadow: 0.1rem 0.1rem 0.1rem rgb(0 0 0/5%); box-shadow: 0 8px 11px #0000001f;height:auto;}
.form-control:focus {border: 1px solid #000; border-radius: 5px; box-shadow: 0.1rem 0.1rem 0.1rem rgb(0 0 0/5%); box-shadow: 0 8px 11px #0000001f;}
.login-page .admin_login_box {border-top:0px;}
.login-page .input-group-text { background-color: #000; border: 1px solid #000; border-radius: 0.25rem; color: #fff !important; }
.login-page .toggle-eyepass i { color: #fff;}
.login-page { -webkit-align-items: center; -ms-flex-align: center; background-color: #e9ecef; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100vh; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; align-items: end; }
.login-page .admin_login_box { background: #fff; height: 100%; align-items: center; display: flex; justify-content: center; }
.login-box .card { margin-bottom: 0; width: 100%; border: none; box-shadow: none; }
.login-page .icheck-primary label {font-weight:400;}
.login-box.admin_login_box {width: 400px;}
.login-page {background:url('dist/img/login-background.webp') no-repeat;}
.login-page .card input {padding:10px 15px !important;}
.login-box.admin_login_box .pass-eye .toggle-eyepass { right: 5px; top: 7px; }
.login-box.admin_login_box .btn-primary {padding: 12px 0 !important; }
.layout-fixed .main-sidebar {background: linear-gradient(190deg, rgba(70,77,13,1) 0%, rgba(93,102,9,1) 35%, rgba(55,60,13,1) 100%);}
.nav-sidebar .nav-item a.active {background-color: #20220d !important;}
.nav-sidebar .nav-item a {color:#fff;}
.head-main {background: #313414;}
.head-main h1 {color:#fff;}
.head-main .breadcrumb li a, .head-main .breadcrumb li {color:#fff;}
.btn-primary, .btn-danger {box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;}
.btn-xs {font-size: .875rem; padding:.125rem .65rem;}
.table-bordered { border: 1px solid #f9f9f9!important; }
.table-striped tbody tr:nth-of-type(odd) {background-color: #fff;border-radius: 4px;}
.table {box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; border: none !important;}
.table-bordered thead th { border-bottom-width: 0px; }
table.table-bordered.dataTable th { border-left-width: 0; background: #101a32!important; color: #fff!important; }
.icon-shape i {color:#fff;}
.icon-shape { width: 35px; display: flex; justify-content: center; align-items: center; height: 35px; }
.text-xs { font-size: 1rem!important; }
.shadow .text-success,.shadow .text-danger { font-size: 1em; }
.form-group input[type="file"] {padding:4px 15px !important;}
input.show-jobs { padding: 10px 15px !important; min-height: 45px !important; }
.ml-auto {
    margin-left: auto;
}


/* Form */

.form {
    background-color: white;
    width: clamp(320px, 30%, 430px);
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 0.35rem;
    padding: 1.5rem;
    z-index: 1;
}

.input-group {
    margin: 0.5rem 0;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
    transform-origin: top;
    animation: animate .5s;
}


/* Button */
.btn-group {
    display: flex;
    justify-content: space-between;
}

.btn {
    padding: 0.6em 0.65rem;
    display: inline-block;
    text-decoration: none;
    width: min-content;
    border-radius: 5px;width: auto;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
}

.btn-next { background-color: var(--blue-color); color: #fff; float: right; background: #007bff; padding: 8px 25px; }

.btn-prev {
    background-color: #777;
    color: #fff;
}

.btn:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--blue-color);
}

textarea {
    resize: vertical;
}

/* Prefixes */

.input-box {
    display: flex;
    align-items: center;
    /* max-width: 300px; */
    background: #fff;
    border: 1px solid #a0a0a0;
    border-radius: 4px;
    padding-left: 0.5rem;
    overflow: hidden;
    font-family: sans-serif;
}

.input-box .prefix {
    font-weight: 300;
    font-size: 14px;
    color: rgb(117, 114, 114);
}

.input-box input {
    border: none;
    outline: none;
}

.input-box:focus-within {
    border-color: #777;
}

/* End Prefixes */


/* Progress bar */

.progress-bar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin-bottom: 30px;
}

.progress-bar::before,
.progress {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: #dcdcdc;
    z-index: -1;
}

.progress {
    background-color: var(--blue-color);
    width: 0;
    transition: .5s;
}

.progress-step {
    width: 35px;
    height: 35px;
    background-color: #dcdcdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-step::before {
    counter-increment: step;
    content: counter(step);
}

.progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 0.20rem);
    font-size: 0.85rem;
    color: black !important;
}

.progress-step.active {
    background-color: var(--blue-color);
    color: white;
}

@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0;
    }

    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}

/* End Progress bar */

/* Add Experience Btn */


.add-exp-btn {
    color: #577d4c;
    border-right: 2px solid #577d4c;
    border-bottom: 2px solid #577d4c;
    padding: 0 10px 10px 0;
    text-decoration: none;
    font-weight: 600;
    border-bottom-right-radius: 6px;
    cursor: pointer;
}

.add-experience {
    margin-bottom: 20px;
}



@media only screen and (max-width:991px) {
.login-page { height: 100vh; }
.login-box.admin_login_box { width: 400px; align-items: center; height: auto; }
}

#registerForm .multiselect.dropdown-toggle {width:60px; overflow:hidden;text-overflow: ellipsis;}
#aa1 .dropdown-menu.show,  .dropdown-menu.show { display: block; width: 420px; display: flex; flex-direction: column; max-height: 300px; overflow-y: scroll; }
#aa1 .multiselect-container>li>a>label, .multiselect-container>li>a>label { padding: 3px 10px 3px 10px !important; width: 100%; display: flex; }
#aa1 .multiselect-container>li>a>label>input[type=checkbox], .multiselect-container>li>a>label>input[type=checkbox] { margin-bottom: 5px; width: 15px; margin-right: 5px; margin-top: 6px; }


.show-tick{
    padding: 0px !important;
}
.crystal_id1 { width: 160px; }