/********************************************/
/*           HKZSL-Streaming                */
/********************************************/

/*#region CUSTOM APP*/
:root { /*QuApp custom per client*/
    --qutext-color: #000 !important;
    --qubg-color: #00aacc6d !important;
    --qua-hover: var(--bs-orange) !important;
}
#navbar-brand-logo img {
    height: 45px !important;
    margin-left: 25px;
}

.title-color-main {
    color: #3db2e5 !important;
}

.bg-whitesmoke {
    background-color: whitesmoke;
}

.bg-gainsboro {
    background-color: gainsboro;
}
/*#endregion CUSTOM APP*/

/*#region LOGIN*/
#layoutLoginBody::after {
    content: "";
    background: url(/assets/images/bg-login2.png);
    background-size: cover;
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    filter: saturate(5%) blur(6px) 
}

#layoutAuthentication_content .card {
    opacity: 0.95;
    box-shadow: 17px 12px 45px rgba(0,0,0,0.55) !important;
    
}

#layoutAuthentication_content #login-submit {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
}

#layoutAuthentication_content input {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
}

#layoutAuthentication_content img {
    margin: 20px 20px 20px 45px;
    max-width: 450px;
}
/*#endregion LOGIN*/

/*#region DataTable*/
/* Vertically center table cell content so multi-line rows are middle-aligned */
#dynamic-table tbody td {
    vertical-align: middle !important;
}
/* Ensure footer cells also align consistently */
#dynamic-table tfoot td {
    vertical-align: middle !important;
}
/*#endregion DataTable*/

/*#region FORM*/
.table-body {
    margin: 10px;
}

.table thead {
    background-color: whitesmoke;
}

.table .table-condensed {
    padding: 5px 5px !important;
}

.form-body {
}

    .form-body h5 {
        color: #00AACC !important;
    }

    .form-body div.row {
        margin-top: 4px;
    }

    .form-body label {
        font-weight: 500;
    }
/*.btn {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.nav-tabs .nav-item{
    box-shadow: 2px 0 4px rgba(0,0,0,0.15);
}*/

.form-check {
    width: 22px;
    height: 22px;
}

form label {
    font-size: 0.875rem !important;
}

::-webkit-input-placeholder { /* Edge */
    color: LightGrey !important;
}

:-ms-input-placeholder { /* Internet Explorer */
    color: LightGrey !important;
}

::placeholder {
    color: LightGrey !important;
}

.label-required {
}

    .label-required::after {
        content: '*';
    }

#dtTemplate {
    display: none;
}

.datepicker {
    z-index: 11 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/*#endregion */