:root{
    --color1:#A4B494;
    --color2:#BEC5AD;
    --color3:#3B5249;
    --color4:#519872;
    --color5:#34252F;
}

.btn-primary, .btn-info {
    color: #fff;
    box-shadow: 0px 100px rgb(0 0 0 / 32%) inset;
}

.btn-primary:hover, .btn-info:hover {
    color: #fff;
    box-shadow: 0px 100px rgb(0 0 0 / 64%) inset;
}

.navbar-nav>li{
    border-bottom:0px;
}
.navbar-nav li a{
    background-color:  rgb(0 0 0 / 20%);
}
.side-nav li a:hover, .side-nav li a:focus{
    background-color:  rgb(0 0 0 / 45%) !important;
}
body {
    background: #e9e9e9;
}
#curtains {
    background: rgb(0 0 0 / 32%) !important;
}
.side-nav::-webkit-scrollbar {
    width: 10px;
}

.side-nav::-webkit-scrollbar-track {
    background-color: #00000025;
}

.side-nav::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
#page-wrapper {
    padding: 30px 10px;
}
.panel {
    border-radius: 15px;
    overflow: hidden;
}

.panel-default>.panel-heading {
    color: #fff;
    box-shadow: 0px 60px 0 #00000030 inset;
}






body.loginBody.theme-color-1{
    background-color: var(--color1) !important;
}
body.loginBody.theme-color-2{
    background-color: var(--color2) !important;
}
body.loginBody.theme-color-3{
    background-color: var(--color3) !important;
}
body.loginBody.theme-color-4{
    background-color: var(--color4) !important;
}
body.loginBody.theme-color-5{
    background-color: var(--color5) !important;
}



.theme-color-1 .btn-primary , .theme-color-1 .btn-info {
    background-color: var(--color1);
    border-color: var(--color1);
}

.theme-color-1 .btn-primary:hover, .theme-color-1 .btn-info:hover {
    background-color: var(--color1);
    border-color: var(--color1);
}

.theme-color-2 .btn-primary, .theme-color-2 .btn-info {
    background-color: var(--color2);
    border-color: var(--color2);
}

.theme-color-2 .btn-primary:hover, .theme-color-2 .btn-info:hover {
    background-color: var(--color2);
    border-color: var(--color2);
}

.theme-color-3 .btn-primary, .theme-color-3 .btn-info {
    background-color: var(--color3);
    border-color: var(--color3);
}

.theme-color-3 .btn-primary:hover, .theme-color-3 .btn-info:hover {
    background-color: var(--color3);
    border-color: var(--color3);
}
.theme-color-4 .btn-primary, .theme-color-4 .btn-info {
    background-color: var(--color4);
    border-color: var(--color4);
}

.theme-color-4 .btn-primary:hover, .theme-color-4 .btn-info:hover {
    background-color: var(--color4);
    border-color: var(--color4);
}
.theme-color-5 .btn-primary, .theme-color-5 .btn-info {
    background-color: var(--color5);
    border-color: var(--color5);
}

.theme-color-5 .btn-primary:hover, .theme-color-5 .btn-info:hover {
    background-color: var(--color5);
    border-color: var(--color5);
}

.theme-color-1 .navbar-inverse .navbar-brand {
    background: var(--color1);
}
.theme-color-1 .navbar-inverse {
    background-color: var(--color1);
    border-color: var(--color1);
}
.theme-color-1 .side-nav {
    background-color: var(--color1);
}
.theme-color-1 .boxLoading:after{
    background-color: var(--color1);
}
.theme-color-1 .panel-default>.panel-heading {
    background: var(--color1);
}
.theme-color-2 .navbar-inverse .navbar-brand {
    background: var(--color2);
}
.theme-color-2 .navbar-inverse {
    background-color: var(--color2);
    border-color: var(--color2);
}
.theme-color-2 .side-nav {
    background-color: var(--color2);
}
.theme-color-2 .boxLoading:after{
    background-color: var(--color2);
}
.theme-color-2 .panel-default>.panel-heading {
    background: var(--color2);
}
.theme-color-3 .navbar-inverse .navbar-brand {
    background: var(--color3);
}
.theme-color-3 .navbar-inverse {
    background-color: var(--color3);
    border-color: var(--color3);
}
.theme-color-3 .side-nav {
    background-color: var(--color3);
}
.theme-color-3 .boxLoading:after{
    background-color: var(--color3);
}
.theme-color-3 .panel-default>.panel-heading {
    background: var(--color3);
}
.theme-color-4 .navbar-inverse .navbar-brand {
    background: var(--color4);
}
.theme-color-4 .navbar-inverse {
    background-color: var(--color4);
    border-color: var(--color4);
}
.theme-color-4 .side-nav {
    background-color: var(--color4);
}
.theme-color-4 .boxLoading:after{
    background-color: var(--color4);
}
.theme-color-4 .panel-default>.panel-heading {
    background: var(--color4);
}
.theme-color-5 .navbar-inverse .navbar-brand {
    background: var(--color5);
}
.theme-color-5 .navbar-inverse {
    background-color: var(--color5);
    border-color: var(--color5);
}
.theme-color-5 .side-nav {
    background-color: var(--color5);
}
.theme-color-5 .boxLoading:after{
    background-color: var(--color5);
}
.theme-color-5 .panel-default>.panel-heading {
    background: var(--color5);
}















.theme-1 .account-wall {
    border-radius: 16px;
    box-shadow: 0 0 15px #0000004f;
}