.aside.aside-light {
    background-color: #FFFFFF;
}
.menu-title-gray-800 .menu-item .menu-link .menu-title {
    color: #000000;
}
.header-fixed .header{
    background-color: #FFFFFF;

}

.svg-color {
    line-height: 1;
    color: #283943;

}

.menu-title-white .menu-item .menu-link .menu-title {
    color: #283943;
    font-size:15px;
}

.icon-style{
    color:#283943;
    font-size:20px
}

.logo-color {
    color: #00a693;
}
.header-fixed .header {

    /*background-color: #ffffff;*/
    /*background-color: #fcfcfc;*/
    background-image: linear-gradient(to right, #e8f2fc, #e4eff8, #eae7f8);
}
body {
    background-color: #f5f9fc;
}

.card {
    /*border: 1px solid #55555540;*/
    border: 1px solid #d5d5d540;
}

.text-black-400 {
    color: #000000!important;
}

.text-black-600 {
    color: #000000!important;
}


#timer {
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
    color: #00a693;

}

/*.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder .place{*/
/*    color: #000000*/
/*}*/

.btn-darkblue {
    color: #fff;
    background-color: #009ef7
}


.tox-tinymce {
    border: 1px solid #e4e6ef !important;
}



.form-select{
    color: #000000 !important;
}


/*.card {*/
/*    border: 1px solid rgba(227, 227, 227, 0.94);*/
/*}*/



body {
    /*background-color: #f5f8fa;*/
    /*background-color: #FFFFFF;*/
    background-image: linear-gradient(to right, #e8f2fc, #e4eff8, #eae7f8);
}

.image-input .image-input-wrapper {
    border: 1px solid #d8d8d8;
}

/*.form-control.form-control-solid {*/
/*    background-color: #F1F5F9;*/
/*    border-color: #d8d8d8;*/
/*}*/

/*.form-control.form-control-solid:focus {*/
/*    border-color: #0984e3;*/
/*    background-color: white;*/
/*}*/

a {
    color: black;
}

.modal-header {
    padding: 0.75rem 0.75rem;
}


.aside.aside-light {
    /*background: linear-gradient(to right,#004EC7,#0098E7);*/
    /*background-color: #ffffff;*/

    background-image: linear-gradient(to left, #e8f2fc, #e4eff8, #eae7f8);
}
.aside{
    border-right: 1px dashed #c6c6c6;
}
.menu-link{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000; /* Change the text color to your desired color */
    background-color: transparent; /* Set the initial background color */
    border-radius: 0; /* Set the initial border radius */
    transition: background-color 0.3s, border-radius 0.3s; /* Add a smooth transition effect */
    margin-right: 10px;
    margin-left: 10px;
}

.menu-link.active {
    background-color: #283943; /* Change the background color on hover */
    border-radius: 5px; /* Add a border radius on hover */
    margin-right: 10px;
    margin-left: 10px;
    color: #fff !important;
}

.menu-link:not(.active):hover {
    background-color: #f5f5f5; /* Change the background color on hover */
    border-radius: 5px; /* Add a border radius on hover */
    margin-right: 10px;
    margin-left: 10px;

}

.menu-link:hover .menu-title {
    color: #283943 !important; /* Change the color to white on hover */
}
.menu-link.active .menu-title{
    color: #ffffff !important;
}


.menu-state-icon-primary .menu-item .menu-link.active .menu-icon, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
    color: #FFFFFF;
}

.nav-sm{
    color:black !important;
}

.menu-active-bg .menu-item .menu-link.active {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgb(245 248 250 / 0%);
}

/*.btn.btn-success{*/
/*    background-color:#0098E7;*/
/*}*/
/*.btn.btn-success:hover:not(.btn-active), .show > .btn.btn-success {*/
/*    color: #fff;*/
/*    border-color: #016ad0;*/
/*    background-color: #016ad0 !important;*/
/*}*/

.text-blue{
    color:#0098E7 !important;
}
.blue-gradient-bg{
    background: linear-gradient(to right,#004EC7,#0098E7);
}
.noUi-target .noUi-connect {
    background: #00c020;
}
.ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
}


.long-text{
    width: 70ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 10px 15px !important;
}

.me-md-6 {
    margin-right: 0px!important
}
.g-xl-10, .gx-xl-10 {
    --bs-gutter-x: 1.5rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #181c32;
}

.form-label {
    margin-bottom: 0.5rem;
    font-size: 1.05rem;
    font-weight: 400;
    color: #000000;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dadada;
    /*border: 1px solid #ebedf0;*/
    appearance: none;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #000000;
    font-weight: 400 !important;
}
.btn.btn-dark {
    color: #fff;
    border-color: #283943;
    background-color: #283943;
}


.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: #009ef7;
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-desc {
    color: #8b8b8b;
}
.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title {
    color: #000000;
}

.stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-desc {
    color: #8b8b8b;
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-desc {
    color: #8b8b8b;
}
.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
    font-weight: 500;
}

.text-muted {
    color: #8b8b8b !important;
}

/*.btn.btn-outline.btn-outline-dashed.btn-outline-default {*/
/*    color: #000000 !important;*/

/*}*/

.card .card-header {
    min-height: 50px;
    padding: 0 2.25rem;
}

.card .card-footer {
    padding: 1rem 1rem;

}

.modal-footer {
    padding: 0.2rem !important;
}

.modal-header {
    padding: 0.5rem 0.75rem !important;
}

.card .card-body {
    padding: 1rem 1rem;
}



@media (min-width: 992px){
    .content {
        padding: 6px 0;
    }
}


body {
    color: #000000;
    font-family: Onest, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
}


@media (max-width: 992px) {

    div:hover, main:hover, ol:hover, pre:hover, span:hover, ul:hover {
        scrollbar-color: #aab4bd #ffffff;
    }
    div, main, ol, pre, span, ul {
        scrollbar-width: thin;
        scrollbar-color: #aab4bd #ffffff;
    }


}