/* build: a75cc45deaee8de8fc8f8f815ec661b560407f90 */
.ingite-dashboard-badge{
    min-width:3rem;
    padding:0 6px;
    margin-left:0.5rem;
    text-align:center;
    font-size:1rem;
    line-height:22px;
    height:22px;
    background:var(--ingite-color-primary);
    color:var(--ingite-color-on-primary);
    float:right;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-weight:500;
    font-size:0.8rem;
    border-radius:2px;
}

.badge.left, .ingite-dashboard-badge.left{
    margin-left:0;
    margin-right:0.5rem;
}

.badge.badge-beta,
.badge.badge-new,
.badge.badge-admin,
.badge.badge-dev{
    font-weight:300;
    font-size:0.8rem;
    border-radius:2px;
}

.badge.badge-beta:not(:first-child),
.badge.badge-new:not(:first-child),
.badge.badge-admin:not(:first-child){
    margin-left:0.5rem;
}

.badge.badge-beta:after {
    content:" beta";
}

.badge.badge-beta {
    color:var(--ingite-color-on-secondary);
    background-color:var(--ingite-color-secondary);
}

.badge.badge-new {
    color:var(--ingite-color-on-primary);
    background-color:var(--ingite-color-primary-variant);
}

.badge.badge-admin:after {
    content:" admin";
}

.badge.badge-admin {
    color:#FFFFFF;
    background-color:#607d8b;
}
.badge.badge-dev:after {
    content:" dev";
}

.badge.badge-dev {
    color:#FFFFFF;
    background-color:#ff9800;
}
.mytz0-hh-mm-ss{
    min-width:100px;
}

/* .mytz0-title{font-weight:500} */
/* SELECT2 create new list different color */
.select2-dropdown.materialize-select2-dropdown li.select2-results__option[data-select2-id*=create-new-list] {
    background: var(--ingite-color-primary);
    color: var(--ingite-color-on-primary);
}
.select2-dropdown.materialize-select2-dropdown li.select2-results__option[data-select2-id*=create-new-list]::before {
    content: "\F0415";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:1rem;
}

img.icon-img, svg.icon-img{
    width:20px;
    margin-right:.5rem;
}

.card-content > h5:only-child img.icon-img,
.card-content > h5:only-child svg.icon-img{
    width:30px;
}

.mytz0-comma-separe-item:not(:last-child)::after{
    content: ", ";
    display:inline-block;
    margin-right:.5rem;
}

th{
    font-weight:500;
}

.mdi-sync-circle.mdi-wua::before,
.mdi-wua::before {
    content: "\F1378";
    -webkit-transform: scaleY(-1) rotate(135deg);
    transform: scaleY(-1) rotate(135deg);
    -ms-transform: rotate(135deg);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.color-inherit{
    color:inherit!important;
}

.text-decoration-inherit{
    text-decoration:inherit!important;
}

.ingite-dashboard-page{
    left:0;
    width:100%;
    transition:all .15s;
    position:relative;
    & .container {
        padding: 0 0.25rem;
        max-width: 100%;
        width: 100%;
        & .row .col{
            padding: 0 .25rem;
            & .row{
                margin-left: -.25rem;
                margin-right: -.25rem;
            }
        }
        & .card, & .collection{
            margin-top:0.5rem;
            margin-bottom:0;
            border-color:var(--ingite-color-surface-divider);
        }
    }
    & .collapsible-header{
        padding:0.5rem;
        border-color:var(--ingite-color-surface-divider);
    }
    & > div:last-of-type{
        padding-bottom:1rem;
    }
    & ul.collapsible:not(.popout) > li.active > .collapsible-header{
        border-color:var(--ingite-color-surface-divider);
    }
}
.ingite-dashboard{
    &::-webkit-scrollbar, & ::-webkit-scrollbar{
        background:rgba(0,0,0,.2)
    }
    &::-webkit-scrollbar-thumb, & ::-webkit-scrollbar-thumb{
        background:rgba(0,0,0,.5)
    }
    &::-webkit-scrollbar-button, & ::-webkit-scrollbar-button{
        display:none;
    }
    &::-webkit-scrollbar-corner, & ::-webkit-scrollbar-corner{
        display:none;
    }
    & .os-scrollbar{
        z-index:4;
        background:rgba(0,0,0,.1);
        &.os-scrollbar-vertical{min-width:15px;height:100%;}
        .os-scrollbar-handle{background:rgba(0,0,0,.5);}
    }
}

.ingite-dashboard-scrollbar{overflow:auto;}

.ingite-dashboard, .ingite-dashboard-page{
    background:var(--ingite-color-background);
    color:var(--ingite-color-on-background);
}

.ingite-dashboard{
    .color-primary-background{
        background:var(--ingite-color-primary);
        color:var(--ingite-color-on-primary);
    }
    .color-primary-background-important{
        background:var(--ingite-color-primary)!important;
        color:var(--ingite-color-on-primary)!important;
    }
    .color-primary-border{
        border-color:var(--ingite-color-primary);
    }
    .color-primary-foreground{
        color:var(--ingite-color-primary);
    }
    .color-primary-variant-background{
        background:var(--ingite-color-primary-variant);
        color:var(--ingite-color-on-primary);
    }
    .color-on-primary-background{
        background:var(--ingite-color-on-primary);
        color:var(--ingite-color-primary);
    }
    .color-on-primary-foreground{
        color:var(--ingite-color-on-primary);
    }
    .color-on-primary-foreground:focus, .color-on-primary-foreground:focus + label{
        color:var(--ingite-color-on-primary)!important;
    }
    .color-on-primary-border{
        border-color:var(--ingite-color-on-primary);
    }
    .color-on-primary-border:focus{
        border-color:var(--ingite-color-on-primary)!important;
    }
    .color-secondary-background, .color-secondary-variant-background, .color-secondary-variant-darker-background{
        background:var(--ingite-color-secondary);
        color:var(--ingite-color-on-secondary);
    }
    .color-secondary-border {
        border-color:var(--ingite-color-secondary);
    }
    .color-secondary-variant-background{
        background:var(--ingite-color-secondary-variant);
    }
    .color-secondary-variant-darker-background{
        background:var(--ingite-color-secondary-variant-darker);
    }
    .color-secondary-foreground{
        color:var(--ingite-color-secondary);
    }
    .color-on-secondary-foreground{
        color:var(--ingite-color-on-secondary);
    }
    .color-on-secondary-background{
        background:var(--ingite-color-on-secondary);
        color:var(--ingite-color-secondary);
    }
    .color-link-foreground{
        color:var(--ingite-color-link);
    }
    .color-surface-background{
        background:var(--ingite-color-surface);
        color:var(--ingite-color-on-surface);
    }
}

.mytz0-title, .mytz0-title-background{
    background:var(--ingite-color-title);
    color:var(--ingite-color-on-title);
}
.mytz0-title-important{
    background:var(--ingite-color-title)!important;
    color:var(--ingite-color-on-title)!important;
}

.mytz0-title-variant, .mytz0-title-variant-background{
    background:var(--ingite-color-title-variant);
    color:var(--ingite-color-on-title);
}
.mytz0-title-variant-important{
    background:var(--ingite-color-title-variant)!important;
    color:var(--ingite-color-on-title)!important;
}

.mytz0-team-leader-icon{
    color:var(--ingite-color-primary);
}

.select2-container--default .select2-results__option[aria-selected=true]{
    background:var(--ingite-color-primary);
    color:var(--ingite-color-on-primary);
}

a, .mytz0-team-director-icon, .input-field .prefix.active{
    color:var(--ingite-color-secondary);
    color:var(--ingite-color-link);
}

/* materialize */

.tabs .indicator,
.ingite-dashboard .tabs .indicator,
.switch label input[type=checkbox]:checked+.lever:after,
.btn:not(.disabled),a.btn:not(.disabled),
.btn-floating:not(.disabled),
button:focus:not(.disabled),
.progress,
.datepicker-date-display, .datepicker-header-title,
.datepicker-table td.is-selected,
.select2-container--default .select2-results__option--highlighted[aria-selected],
[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after,
[type="checkbox"].filled-in:checked+span:not(.lever):after{
    background:var(--ingite-color-secondary);
    color:var(--ingite-color-on-secondary);
}

.progress .determinate,
.switch label input[type=checkbox]:checked+.lever,
.btn:hover:not(.disabled),
.btn-floating:hover:not(.disabled){
    background:var(--ingite-color-secondary-variant);
    color:var(--ingite-color-on-secondary);
}

.progress .indeterminate,
.btn:focus:not(.disabled),
.btn:active:not(.disabled),
.btn-floating:focus:not(.disabled),
.btn-floating:active:not(.disabled){
    background:var(--ingite-color-secondary-variant-darker);
    color:var(--ingite-color-on-secondary);
}

.dropdown-content li>a,
.dropdown-content li>span,
.datepicker-table td.is-today:not(.is-selected),
input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label{
    color:var(--ingite-color-secondary);
}

blockquote,
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after,
[type="checkbox"].filled-in:checked+span:not(.lever):after{
    border-color:var(--ingite-color-secondary);
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]){
    border-color:var(--ingite-color-secondary);
    -webkit-box-shadow:0 1px 0 0 var(--ingite-color-secondary);
    box-shadow:0 1px 0 0 var(--ingite-color-secondary);
}

.datepicker-modal button:focus svg {
    fill:var(--ingite-color-on-secondary);
}

.modal, .modal .modal-footer,
.card, .dropdown-content,
.collapsible:not(.popout),
.collapsible-header, .collapsible-header:focus, .keyboard-focused .collapsible-header:focus,
.collapsible-body,
.collapsible.popout > li:not(.with-child-collapsible) .collapsible-body,
.tabs, .tabs.amoksys-materialize-tabs,
.select2-dropdown.materialize-select2-dropdown{
    background:var(--ingite-color-surface);
    color:var(--ingite-color-on-surface);
}

.select2-dropdown.materialize-select2-dropdown .select2-search__field{
    color:var(--ingite-color-on-surface);
}

table.highlight>tbody>tr:hover{
    background:var(--ingite-color-surface-variant);
}

table.striped>tbody>tr:nth-child(odd){
    border-top:none;
    border-bottom:none;
    background:var(--ingite-color-surface-variant);
    color:var(--ingite-color-on-surface);
}

table.striped>tbody>tr:nth-child(even),
table.striped>tbody>tr.striped-alt{
    background:var(--ingite-color-surface);
    color:var(--ingite-color-on-surface);
}

.form-color-inherit .input-field>label{
    color:inherit;
    opacity:0.9;
}

.form-color-inherit input[type=text]:not(.browser-default){
    color:inherit;
    opacity:0.9;
}

.form-color-inherit input[type=text]:not(.browser-default):focus:not([readonly])+label{
    color:inherit;
    opacity:0.9;
}

.form-color-inherit input[type=text]:not(.browser-default):focus:not([readonly]){
    color:inherit;
    opacity:0.9;
    border-color:currentColor;
}

.form-color-inherit input[type=text]:not(.browser-default):focus:not([readonly]){
    -webkit-box-shadow:0 1px 0 0 currentColor;
    box-shadow:0 1px 0 0 currentColor;
}

/* disabled */

a.disabled{
    color:var(--ingite-color-disabled)
}

.btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled,
.btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled,
.btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled],
.btn-large[disabled], .btn-small[disabled], .btn-flat[disabled]{
    background:var(--ingite-color-disabled)!important;
    color:var(--ingite-color-on-disabled)!important;
}

.switch label input[type=checkbox][disabled]+.lever,
.switch label input[type=checkbox][disabled]:checked+.lever{
    background:var(--ingite-color-disabled)!important;
}

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after{
    background:var(--ingite-color-on-disabled)!important;
}

.btn-outlined:not(.disabled),
.btn-outlined:not(.disabled):hover,
.btn-outlined:not(.disabled):focus,
.btn-outlined:not(.disabled):active{
    background:transparent;
    color:var(--ingite-color-secondary);
    border-color:var(--ingite-color-secondary);
}

.btn-flat:not(.disabled),
.btn-flat:not(.disabled):hover,
.btn-flat:not(.disabled):focus,
.btn-flat:not(.disabled):active,
.tabs .tab a,
.tabs .tab a:hover,
.tabs .tab a:focus,
.tabs .tab a:active{
    position:relative;
    background:transparent;
    color:var(--ingite-color-secondary);
}

.tabs .tab a.active{
    color:var(--ingite-color-secondary);
}

.btn-flat:not(.disabled),
.btn-outlined:not(.disabled),
.tabs .tab a{
    position:relative;
}

.btn-flat:not(.disabled)::after,
.btn-outlined:not(.disabled)::after,
.tabs .tab a::after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    content:"";
    opacity:0;
    background:var(--ingite-color-secondary);
    transition:all .3s;
}

.btn-flat:not(.disabled):hover::after,
.btn-outlined:not(.disabled):hover::after,
.tabs .tab a:hover::after{
    opacity:0.1;
}

.btn-flat:not(.disabled):focus::after,
.btn-flat:not(.disabled):active::after,
.btn-outlined:not(.disabled):focus::after,
.btn-outlined:not(.disabled):active::after,
.tabs .tab a:focus::after,
.tabs .tab a:active::after{
    opacity:0.2;
}

/* rgba() */

.progress .determinate.darker{
    background:rgba(0,0,0,.2);
}

.theme-darkened{
    background:rgba(0,0,0,.5);
    color:white;
    & label{
        color:rgba(255,255,255,.9)
    }
}

.theme-darkened [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{
    border-color:rgba(255,255,255,.9)
}

/* color:inherit */

.ingite-dashboard .color-primary-background a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-primary-background-important a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-primary-variant-background a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-on-primary-foreground a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-secondary-background a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-secondary-variant-background a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-secondary-variant-darker-background a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-on-secondary-foreground a:not(.btn):not(.btn-outlined):not(.btn-flat),
.ingite-dashboard .color-surface-background a:not(.btn):not(.btn-outlined):not(.btn-flat){
    color:inherit;
}

.card input, .card textarea, .btn-floating i{
    color:inherit;
}

/* gradient */

.gradient-color-secondary-to-secondary-variant{
    color:var(--ingite-color-on-secondary);
    background-image:linear-gradient(135deg, var(--ingite-color-secondary), var(--ingite-color-secondary-variant));
}