.brandbg {
    background: #060606;
}

html {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    margin: 0;
}

.height_100 {
    min-height: 100vh;
    color: #fff;
}

.loginwapp {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.reg-box {
    max-width: 600px;
    width: 100%;
    margin: 0px auto 60px auto;
    color: var(--color-body);
}

.reg_logo{
    margin: 60px 0;
    display: block;
}

.reg_logo img{
    max-width: 386px;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.sd_nav i{
    margin-right: 5px;
}

/*-----------------
    ----Colors
-------------------*/
.color_green {
    color: #1ac958;
}
.color_pink {
    color: #fa7070;
}
.color_insta {
    color: #d62976;
}
.color_fb {
    color: #3c7bff;
}
.color_slateblue {
    color: #6a5acd;
}
.color_skyblue {
    color: #87ceeb;
}
.color_blue {
    color: #2196f3;
}
.color_monitor {
    color: #4caf50;
}
.color_purple {
    color: #c272d0;
}
.color_white {
    color: #fff;
}
.color_yellow {
    color: #ffeb3bc2;
}
.color_red {
    color: #fd2e00c2;
}
.color_tomato {
    color: #ff6347;
}
/*----- End Color -----*/
.leftbar-closed .sd-no-indent {
    text-indent: 0;
    font-size: 16px;
}



.rainbow-gradient-circle {
position: fixed;
left: -250px;
top: 250px;
right: auto;
bottom: auto;
z-index: -1;
width: 500px;
height: 500px;
border-radius: 1000px;
background-image: linear-gradient(45deg,var(--color-primary),var(--color-light-green));
opacity: 0.25;
-webkit-filter: blur(100px);
filter: blur(100px);
}

.rainbow-gradient-circle.theme-pink {
left: auto;
top: -250px;
right: -250px;
bottom: auto;
background-image: linear-gradient(45deg,var(--color-secondary),var(--color-tertiary));
}

.sd-panel-bg{
    background: linear-gradient(180deg,var(--color-lessdark) 20%,rgba(19,19,19,0.4));
    -webkit-backdrop-filter: blur(4px) opacity(0.95);
    backdrop-filter: blur(4px) opacity(0.95);
    overflow: hidden;
}

.reg-box .form-control{
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    padding: 0 15px;
    background: transparent;
}

.mc-form .select2-selection--single:not([class*=bg-]):not([class*=border-]){
    border: var(--border-width) solid var(--color-border);
    padding: 0 15px;
    background: transparent;
}

.mc-form .form-control, .mc-form .select2{
    border-radius: var(--radius);
    border: solid 1px var(--color-border);
    color: var(--color-body);
}

.mc-form .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--color-body);
}

.log-panel .form-control {
    background: transparent;
    border-color: var(--color-border);
    color: var(--color-body);
}
.log-panel .form-control:focus {
    color: var(--color-body);
    background-color: transparent;
}

.log-panel .ms-2,
.text-sd,.text-sd a,.text-sd .text-white,
.log-panel h4{
    color: var(--color-body) !important;
}