/* ==========================================================================
   Buttons follow the colour theme (1 of 2: Bootstrap).

   bootstrap.min.css was recoloured to DHA brown in place, with fixed hex
   values and !important (#5C3713 = --theme-mid, #4F2E1C = --theme-press).
   That beat every token rule, so .btn-primary, .btn-warning and the hover /
   focus / press fill of every Bootstrap .btn stayed brown in Blue and Navy.

   Each selector copies a bootstrap.min.css selector at the same specificity
   and with the same !important. It sits here, at the top of the first
   stylesheet after bootstrap.min.css, on purpose: it then wins only over the
   vendor rule, and every rule that beat the vendor rule before (theme.min.css,
   customStyling.css, uds-form.css, page <style> blocks) still beats it. Moved
   to the end of uds-form.css it would override those too (e.g. the neutral
   .modal .btn-secondary focus and the .vd_content-section .btn-info fill).
   In the default (Brown) theme each token resolves to the old hex, so Brown is
   unchanged. Part 2 (theme.min.css utilities) is at the top of customStyling.css.

   Normal-state meaning colours are not touched: .btn-danger stays red and the
   neutral buttons stay grey. Only the brand press fill they take from the
   generic .btn rule follows the theme, as it already was brand in Brown.
   ========================================================================== */

/* the generic .btn hover / focus / press fill */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active { background-color: var(--theme-press, #4f2e1c) !important; }

/* solid brand buttons. .btn-warning is the brand colour in DHA (Edit /
   Repost / Received / Approval History), not an amber warning. */
.btn-primary,
.btn-warning { background-color: var(--theme-mid, #5C3713) !important; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background-color: var(--theme-press, #4f2e1c) !important; }

.sidebar_fix,
.vd_top-nav {
    width: 260px;
}
.vd_input-wrapper
{
    margin-bottom:0.5rem
}
.bg_login_page {
    background: linear-gradient(105deg, #127cb8 48%, #f9fafb 25%);
    height: calc(100 * var(--vh, 1vh)) !important;
}
.bg_login_dha {
    background: linear-gradient(105deg, #5C3713 48%, #f9fafb 25%);
    height: calc(100 * var(--vh, 1vh)) !important;
}
.login_box {
    background-color: #ffff;
    border-radius: 5px;
}
.logo{
    padding-top : 3rem;
}
.d_logo{
    margin-top:4rem;
}
.logo img {
    width: 30%;
}
.panel-body {
    padding: 0px 30px !important;
}
.alert{
    display : none !important;
}
.input_wrapper{
    display:flex;
    align-items:center;
    
}
.input_wrapper i{
    
}
.u_dev{
    display:flex;
    justify-content:center;
}
    .u_dev h4 {
        font-size: 3.5rem;
        width: 70%;
        font-family: slab-serif;
        font-weight:900;
    }
.text_login{
    font-size : 1.5rem;
    word-spacing:2px;
    letter-spacing: 1px;
}
.login_input {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;
    border: 1px solid #dfe6e9;
    padding-left: .7rem;
    padding-right: .5rem;
    border-radius: 5px;
}
    .login_input .e_input {
        width: 100%
    }
    .login_input .e_input input{
        border:none;
    }
        .login_input .e_input input:focus {
            outline: none !important;
            box-shadow:none !important;
            background:#ffff !important;
    }
.inp_icon1 i {
    color: #127cb8 !important;
    font-size:1.5rem;
}
.inp_icon2 i {
    color: #127cb8 !important;
    font-size: 2rem;
    margin-top:3px;
}
.proprty_btn {
    background: #0285ba !important;
    color: #ffff;
}
    .proprty_btn:hover {
        color: #ffff;
        background-color: #23709e !important;
    }
.search_btn{
    display:flex !important;
    align-items:center;
    gap:.5rem;
}
.input_div{
    width:100% !important;
}
.down_tab{
    margin-top:2.3rem !important;
}


  /*All DHA Changes*/

.vd_brown {
    color: var(--theme-mid, #5C3713);
}

.dha_theme_btn {
    background: var(--theme-mid, #5C3713) !important;
    color: #ffff;
}

    .dha_theme_btn:hover {
        color: #ffff;
        background-color: var(--theme-press, #4f2e1c) !important;
    }
.dClr_icon i{
    color: var(--theme-mid, #5C3713) !important;
}
.dha_table {
    background-color: var(--theme-mid, #5C3713) !important;
}
.tab_clr {
    color: var(--theme-mid, #5C3713) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--theme-mid, #5C3713) !important;
    color: white;
}
.swal2-styled.swal2-confirm {
    background-color: var(--theme-mid, #5C3713) !important;
}
    .swal2-styled.swal2-confirm:hover {
        background-color: var(--theme-press, #4f2e1c) !important;
    }
.sub-menu {
    background-color: var(--theme-submenu, #451d08) !important;
}

.alignment_icon{
    display:flex !important;
    justify-content:space-between;
    width:100%;
}
.menu-text {
    display: block !important;
}
@media (max-width: 768px) {
    .expand_all {
        display:none;
    }
    .logo{
        display:none
    }
    .vd_panel-menu{
        right:auto !important;
    }
    .topNav{
        display:flex;
        justify-content:end;
    }
    
    /*.width_set {
        width: 50%;
    }*/
    .mega-ul {
        display: flex;
    }
}
    @media (max-width: 576px) {
        .u_dev h4 {
            width: 100%;
        }
    }