/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: white;
    background-color: black;
}

.select2-container--default .select2-selection--single{
    border-radius:0px !important ;
}

.bd-blue{
    border: 1px dotted lightblue;
}

.bd-black{
    border: 1px dotted rgb(0, 0, 0);
}

.bs-blue{
    border: 1px solid lightblue;
}

.bs-black{
    border: 1px solid rgb(0, 0, 0);
}


.body-color{
   background-color: #e9e9eba1 !important;
}


.button-alligment{
    display: flex;
    align-items: center;
    justify-content: center;
}



.parent{
    overflow: hidden; /* Ensure that the outer container doesn't overflow */
}

.scrollable-content {
    overflow-y: auto; /* Allow vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color: #e1dfdfed !important;
}


.select2-container--default .select2-selection--single:focus{border:1px solid rgb(240, 2, 2);}
select2-container--default.select2-container--disabled .select2-selection--single:focus{border:none;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple:focus{border:1px solid rgb(240, 2, 2);}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple:focus{border:1px solid rgb(240, 2, 2);}
.select2-container--default .select2-results__option--disabled {
    display: none !important;
}
.fwidth_row{
    display: flex;
    flex-wrap: nowrap;
    
}

.fwidth_row_na{
  display: flex;
    flex-wrap: nowrap;
    
 
}


.fwidth_row_na >div{
 
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px dotted rgb(129, 127, 127);
    background-color: #dae5f0;
 
}

 
.btn-outline-dark:focus{
    background-color: red;
 color: white;
}


.bottom_line{
    border-bottom: 4px solid red;
    padding-bottom: 9px;
    text-align: center;
}


.top_bottom_line{
    border-bottom: 3px solid red;
    padding-bottom: 3px;
    text-align: center;
    border-top: 3px solid red;
    padding-top: 3px;
}


 .spinner-overlay {
                            position: fixed;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background: rgba(255, 255, 255, 0.8);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            z-index: 999999999999;
                            display: none; /* Initially hidden */
                        }

@media (max-width: 1000px) {
    .table_heading_mobile{
justify-content: center;
margin-bottom: 3px;
margin-top: 2px;
    }}

    @media (max-width: 1024px) {
    /* Add a fixed overlay when sidebar is open */
    #sidebar-overlay {
        display: none; /* Initially hidden */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
    }

    /* Show overlay only when sidebar is enabled */
    body.sidebar-enable #sidebar-overlay {
        display: block;
    }

    /* Prevent scrolling when sidebar is open */
    body.sidebar-enable {
        overflow: hidden;
    }

    /* Ensure sidebar is above the overlay */
    #side-menu {
        position: relative;
        z-index: 999;
    }
}







@media (max-width: 768px) {
    .toast {
        width: 90% !important;
        left: 5% !important;
        font-size: 14px !important;
    }
}

 



/* 2 */
.style_btn {
 background: rgba(251,75,2,1);
  background: linear-gradient(0deg, rgb(228, 75, 9) 0%, rgba(251,75,2,1) 100%);
  border: none;
  border-radius: 0px !important;
    
}
 
.style_btn:hover {
  background: linear-gradient(0deg, rgb(255, 93, 24) 0%, rgb(255, 80, 5) 100%);
  box-shadow: 
    1px 2px 2px 0 rgba(165, 156, 156, 0.5),  
    -1px -2px 2px 0 rgba(134, 137, 141, 0.5),  
    1px -2px 2px 0 rgba(134, 137, 141, 0.5),  
    -1px 2px 2px 0 rgba(165, 156, 156, 0.5);
}



.btn:active ,.btn-primary:active ,.btn-danger:active , .btn.active, .btn-danger:focus{
    background-color: #000000 !important;
    background: black;
    color: white !important;
}