/* :root {
    --themecolor: #03b158;
    --linkhover: #03b158;
	--btncolor: #03b158;
	--btncolorhover: #038643; 
} */

@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;600&display=swap');


:root {
    --bodybg: #efefef;
    --loginbodybg: #efefef;
    --subbg: #ffffff;
    --fontcolor: #212529;
    --themecolor: #756cd0;
    --linkhover: #5d54bf;
    --btn-textcolor: #ffffff;
    --btncolor: #756cd0;
    --btncolorhover: #5d54bf;
    --vallabbg: rgba(0,0,0,0.03);
    --bordercolor: #e8e8e8;
    --sidebar-bg: #ffffff;
    --sidebar-fontcolor: #212529;
    --sidebar-bordercolor: rgb(255 255 255 / 13%);
    --sidebar-linkcolor: #756cd0;
    --sidebar-headbg: rgb(0 0 0 / 13%);
}


:root {
    --bodybg: #2c2449;
    --loginbodybg: #efefef;
    --subbg: #ffffff;
    --fontcolor: #212529;
    --themecolor: #3f376c;
    --linkhover: #4a4080;
    --btn-textcolor: #ffffff;
    --btncolor: #ff8854;
    --btncolorhover: #ff8854;
    --vallabbg: rgba(0,0,0,0.03);
    --bordercolor: #e8e8e8;
    --sidebar-bg: #3f376c;
    --sidebar-fontcolor: #ffffff;
    --sidebar-fontcolorleft: #cdcdcd;
    --sidebar-bordercolor: rgb(255 255 255 / 0%);
    --sidebar-linkcolor: #ff8854;
    --sidebar-headbg: rgb(0 0 0 / 0%);
    --table-link: #ff8854;
    --darkmode-text: #fff;
}
.login-box {
    background: linear-gradient(57deg, var(--themecolor), #7566ca);
	color: var(--darkmode-text); 
	border-radius: 10px;
    box-shadow: 6px 6px 20px rgb(0 0 0 / 16%);
}

.background-white {
    background: var(--bodybg);
}
html{
	min-height:100%;
	background: var(--bodybg);
}
body{
	font-family: 'Mukta', sans-serif;
	font-size: 1rem;
}
table a ,table a:hover{
    color: var(--table-link);
}
table thead th {
    background: var(--themecolor);
}
.sidebar-section * {
    color: var(--sidebar-fontcolorleft) !important;
}

ul.sub-menu li a.active *{
	color:var(--sidebar-linkcolor) !important;
}
ul.sub-menu li a.active{
	background: var(--linkhover);
}
p.lable_head {
    font-weight: normal;
    color: #fff !important;
}
.modal-content {
    border: 1px solid transparent;
    background: transparent;
}
.popup-detail-bx1,.custom_checkbox_sub {
    background: var(--subbg);
}
.close,h4.modal-title,p.lable_head i{
	color: var(--darkmode-text) !important;
}
.head-sub-main, h2.head-sub-main{
	    background: transparent;
}
h2.head-sub-main.game-list {
    background-color: var(--themecolor);
}
.col-half.desktop_cont {
    background: -webkit-linear-gradient(57deg, var(--themecolor), #7566ca);
    background: linear-gradient(57deg, var(--themecolor), #7566ca);
    color: #fff;
	box-shadow: -6px 0px 20px rgb(0 0 0 / 16%);
}
.login-box .input-group span.input-group-addon,.modal-dialog,.modal-content {
    background: #fff;
}
.table td, .table th {
    font-weight: 400 !important;
    font-size: 16px;
}
.modal-header {
    background: var(--themecolor);
}
.btn-primary:hover, .submit-clear-section .sub-div:first-child input:hover {
    filter: brightness(1.1);
}
.refersh_xs a ,.total_section_box_sub2{
    color: var(--btncolor);
}
ul.multiselect-container.dropdown-menu .multiselect-all {
    padding: 2px 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.05rem;
}
 
 .multiselect.dropdown-toggle.btn::after {
    position: relative;
    right: -5px;
}
.modalpopup_width .modal-body {
    padding: 0;
}
.modal-body .main-div-input-sec, .modal-body .main-div {
    /* margin-bottom: 0; */
}
.submit-clear-section .sub-div:first-child .form-control {
    background: var(--btncolor);
    color: #fff;
}
.key-input-sec1 {
    position: relative;
}

.key-refresh-icn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    right: 7px;
}

.key-input-sec1 input {
    padding-right: 26px;
}
/* blue-theme */
/*  :root {
    --bodybg: #efefef;
    --subbg: #ffffff;
    --fontcolor: #212529;
    --themecolor: #9aa9ff;
    --linkhover: #9aa9ff;
    --btncolor: #3f51b5;
    --btncolorhover: #2338af;
    --vallabbg: rgba(0,0,0,0.02);
    --bordercolor: #e8e8e8;
    --sidebar-bg: #3F51B5;
    --sidebar-fontcolor: #ffffff;
    --sidebar-bordercolor: #5165d4;
}  */

/* 
:root {
	--fontcolor: #fff;
    --themecolor: #e40205;
    --linkhover: #ff0206;
    --btncolor: #e40205;
    --btncolorhover: #b70608;
    --bodybg: #000000;
    --subbg: #500000;
    --vallabbg: rgb(0 0 0 / 21%);
    --bordercolor: rgba(225,225,225,0.12);
} */