:root {
    --color-white: #fff;
    --color-black: #000;
    --color-212121: #212121;
    --color-alert: #3450A1;
    --color-alertbackground: rgba(52, 80, 161, 0.16);
    --color-boxshadow: rgba(0, 0, 0, 0.25);
    --color-bdbdbd: #bdbdbd;
    --color-828282: #828282;
    --color-shodowland: rgba(54, 84, 118, 0.16);
    --color-4f4f4f: #4f4f4f;
    --main-bg-color: #fff;
    --primary-color: #3450A1;
    --navbar-color:  #0D8141;
    --active-menu-background: #3450A1;
    --slider-setting-color: #f2f1f1;
    --slider-setting-items-color: #757575;
    --active-color: #3450A1;
    --slider-setting-items-color-logo: #3450A1;
    --table-row-color: rgba(0, 0, 0, 0.07);
    --table--alt-hover-row-color: #fff; 

}
    :root[data-theme="dark"] {
        --color-white: #000;
        --color-black: #fff;
        --color-212121: #fff;
        --color-alert: #0D8141;
        --color-alertbackground: rgba(52, 80, 161, 0.16);
        --color-boxshadow: rgba(0, 0, 0, 0.25);
        --color-bdbdbd: #fff;
        --color-828282: #828282;
        --color-shodowland: rgba(54, 84, 118, 0.16);
        --color-4f4f4f: #4f4f4f;
        --main-bg-color: #0D1117;
        --navbar-color: #0D1117;
        --slider-setting-color: #0D1117;
        --slider-setting-items-color-logo: #fff;
        --slider-setting-items-color: #fff;
        --active-color: #0D8141;
        --table-row-color: #757575;
        --table--alt-hover-row-color: #365476;
  
    }
.site_title img {
    max-width: 100px;
}
.container-img-header{
    display: none !important
}
footer .pre-footer{
    background: #0D8141 !important;
}
footer .footer{
    background: #086D36 !important;
}
.up-btn:not(.up-btn__hide) div{
    background-color: #3450A1 !important;
}
.login-submit .singup-submit{
    color: #FCD403 !important
}
a, .showe-more span{
    color: #0D8141 !important
}
.btn-share{
    background-color: #3450A1 !important;
    
}
.btn-share.btn-library{
    border: 1px solid #3450A1;
    background-color: transparent !important;
}
#header-container .col-xl-1 a,.active.header-language a,.showMoreland{
    color: var(--color-white) !important
}
#header-container .dropdownMenuLinklibrary a{
    color: #0D8141 !important
}
@media screen and (min-width: 992px){
    .logo-header.col-md-2 {
    
        display: flex;
        justify-content: center;
    }
}
.logo-header{
   max-width: 100%;
   width: unset !important;
}