.green {color: #70bf2b;}
.red {color: #dd4646;}

/* #header {min-height: 59px;} */

#branding img {height: 38px;margin-right: 0.5em;}
#branding a {font-size: 16px;font-weight: 500; font-family:  font-apple-system,system-ui,sans-serif;}
.align-items-center {display: flex;align-items: center;}

#main {background-color: var(--body-bg);color: var(--body-fg);}
.tb-loader-lay {height: 100%;width: 100%;position: fixed !important;left: 0;top: 0;background-color: var(--body-bg); z-index: 9;}


input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px var(--body-bg) inset !important;
        -webkit-text-fill-color: var(--body-fg);
}

form {
    label{font-size: 0.875em;}
    select {height: auto;line-height: 1.25;font-size: 0.875em;}
    input {
        background-color: var(--body-bg);
        color: var(--body-fg);
        border: 1px solid var(--border-color);
        border-radius: 4px;
        padding: 5px 6px;
        line-height: 1.25;
        font-size: 0.875em;
    }
}

.cus-form {padding: 0;}

::-webkit-calendar-picker-indicator {filter: contrast(0.5);}

.login .submit-row ul li {
    list-style: none;
}

.login .submit-row ul > li a{
    font-size: 1rem;
    font-weight: 700;
    line-height: 2;
    margin-left: -2rem;
}

.cus-cred textarea{width: 100%; font-size: 0.875em;}

.cus-cred p{width: 50%;}

.cus-cred p label {width: 10em;}
.cus-cred p input {width: 16em;}

.htmx-indicator {display: none;}

.htmx-request.htmx-indicator {display: block;}

.cus-caseview {overflow: hidden;}

.cus-caseview #container {overflow: auto;}

.cus-caseview .main > #nav-sidebar + .content {max-width: calc(100% - 299px);}

.cus-caseview .toggle-nav-sidebar {visibility: hidden;}

.cus-caseview .main > #nav-sidebar {
    margin-left: 0;
    visibility: visible;
}

.w-20m {width: 20em;}

.cus-cal {position: relative;}

.cus-cal .datepicker-toggle-button {right: 2em;}

.cus-caseview #searchbar {width: auto;}

.fail {
    background: url(../../../../static/admin/img/icon-no.svg) 50px 0px no-repeat;
    background-size: 15px auto;
    padding: 0px 20px 0px 0px;
}

.success {
    background: url(../../../../static/admin/img/icon-yes.svg) 50px 0px no-repeat;
    background-size: 15px auto;
    padding: 0px 20px 0px 0px;
}

.loading-list {margin: 1em 0 0;width: 100vw;display: flex;justify-content: center;}
.loading-list li {padding-right: 30px;font-weight: 600;font-size: 16px;}

.loading-list li span{position: relative; left: -1px;}

.datepicker-dropdown-container  th, .datepicker-dropdown-container td {padding: 0;vertical-align: middle;}

@media (max-width: 1024px) {
    #container #header {flex-direction: row;}
    #container #user-tools {line-height: 1.5;text-align: right;margin-left: auto;}
}

@media (max-width: 576px) {
    #container #header {flex-direction: column;}
    #container #user-tools {text-align: center;margin-left: 0;padding-top: 1em;}
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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



html[data-theme="dark"],html[data-theme="auto"]{
    table td a{
        color: #81d4fa;
    }
}

html[data-theme="light"]{
    table td a{
        color: #417893;
    }
}