.custom-hide{
    display: none;
}
[data-theme-version="dark"] .alert .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3C!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --%3E%3Cpath d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z' fill='%23fff'/%3E%3C/svg%3E")!important;
}
.alert .btn-close{
    background: none!important;
    background-position: 0em!important;
    background-repeat: no-repeat!important;
    background-size: 15px!important;
    box-sizing: content-box!important;
}
[data-theme-version="dark"] .bootstrap-select .btn:active, [data-theme-version="dark"] .bootstrap-select .btn:focus, [data-theme-version="dark"] .bootstrap-select .btn:hover{
    color: inherit!important;
}
#waybills_list thead th, #bills-list thead th, #custom_list thead th, #modal_custom_list thead th{
    position:sticky; 
    position:-webkit-sticky; 
    width:5em; 
    top:-1px;
    /* border-right: 0px none black;  */
    background-color: var(--primary);
    /* border-collapse: separate; */
    /*border-top-width:3px;*/ /*only relevant for first row*/
    /*margin-top:-3px;*/ /*compensate for top border*/
}
#modal_custom_list tbody td{
    white-space: normal;
}
.text-underline{
    text-decoration: underline;
}
textarea.form-control-custom{
    display: block;
    width: 100%;
    padding: 0.6875rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #717579;
    background-color: #E6EBEE;
    background-clip: padding-box;
    border: 1px solid #D5DFE7;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: #1E1E25;
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 1rem;
    border-radius: 0.625rem;
}
/* #waybills_list tr td:nth-child(1),#waybills_list tr th:nth-child(1){ */
/* #waybills_list tbody tr td:nth-child(1){
    position:sticky; 
    position:-webkit-sticky; 
    width:5em; 
    left:0;
    top:auto;
    border-right: 0px none black; 
} */
/* #waybills_list th, #waybills_list td{
    border-bottom: 2px solid;
    border-right: 2px solid;
} */
/* #waybills_list thead th:nth-child(1){
    left:0;
} */

tbody td.activeRow, tbody tr.activeRow{
    border: 2px solid var(--primary)!important;
}
@keyframes bounce-custom {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.bounce-effect-custom {
    animation: bounce-custom 1s infinite;
}
@keyframes loading-animation-custom {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.loading-text-custom {
    animation: loading-animation-custom 1.2s infinite;
}

[data-sidebar-style="overlay"] .nav-header .brand-logo{
    display: none!important;
}
[data-sidebar-style="overlay"] .nav-header .nav-control{
    left: 10px!important;
}
[data-sidebar-style="overlay"] .page-titles.style1 .custom-style-fields{
    margin-bottom: 10px!important;
    max-width: none!important;
    width: 100%;
}
#spreadsheet-table{
    table-layout: fixed; width: 100%;
}
#spreadsheet-table td:not(:first-child){
    white-space: normal;
    word-break: break-all;
    min-width: 160px;
    font-size: 12px;
}
#spreadsheet-table thead th{
    position:sticky; 
    position:-webkit-sticky; 
    width:5em; 
    top:-1px;
    /* border-right: 0px none black;  */
    background-color: var(--primary);
    /* border-collapse: separate; */
    /*border-top-width:3px;*/ /*only relevant for first row*/
    /*margin-top:-3px;*/ /*compensate for top border*/
}
#salesTableList table{
    border-radius: 0;
}
table.dataTable {
    width: 100% !important;
}
#salesTableList tr:first-child th:first-child{
    border: none;
    background-color: #1e1e24 !important;
}
#salesTableList th{
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* background-color: #1e1e24 !important; */
}
#salesTableList td{
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* background-color: #1e1e24 !important; */
}