.light-themes {
	--color-primary:#127CE5;
	--primary-100:rgb(18 124 229 / 6%);
	--color-white: #fff;
	--color-black:#000;
	--color-light-100: #ccc;
	--color-light-200:#f3f3f9;
	--color-light-300: #DFE3E8;
	--color-light-400: #e8e7e7;
	--color-light-500: #C4CDD5;
	--color-light-600: #f4f6f8;
	--color-light-700: #e7e7e7;
	--black-100:#212B36;
	--balck-200: rgb(0 0 0 / 46%);
	--card-border: #E7E7EF;
	--title-color: #2C0444;
	--gray-100: #454F5B;
	--gray-200: #444;
	--gary-300: #31373d;
	--border-color: #060607;
	--success-color: #1EB05E;
	--body-color: #7f838e;
	--switch-gray: #676978;
	--switch-green: #72da67;
	--link-color: #337ab7;
	--link-hover: #23527c;
	--input-border:#8D90A44D;
	--placeholder-clr: rgba(103, 105, 120, 0.8);
	--border-light: #33333324;
	--gray-dark: #333;
	--default-btn-hover:#e6e6e6;
	--default-hover-border:#adadad;
	--box-border:#ddd;
	--border-gray-light:#f6f6f6;
	--shadow-clr:#d2d2d2;
	--black-800:#242424;
	--black-600:#212121;
	--light-bg:#F5F5F5;
	--select-arrow:#7B7E97;
	--gray-500:#eee;
	--para-clr:#8c8c90;
	--rating-start:#fdd991;
	--white-800: #FDFDFD;
	--btn-clr:#545E69;
	--bg-light:#FBFBFC;
	--label-clr:#637381;
	--color-danger: #d9534f;
}
.light-themes {
 background-color: var(--color-light-200);	
}
.light-themes .hero_sidebar { 
 background-color: var(--color-white) !important;
}
.light-themes .dark_themes_logo, .light-themes .app_header .mob_logo_white  {
	display: none;
}    

.dark-themes {
	--primary-100:rgba(0,0,0,.2);
	--color-black:#000;
	--color-light-100: #ccc;
	--color-light-300: #DFE3E8;
	--color-light-400: #e8e7e7;
	--color-light-500: #C4CDD5;
	--color-light-600: #f4f6f8;
	--color-light-700: #e7e7e7;
	--black-100:#212B36;
	--balck-200: rgb(0 0 0 / 46%);
	--card-border: #E7E7EF;
	--title-color: #2C0444;
	--gray-100: #454F5B;
	--gray-200: #fff;
	--gary-300: #31373d;
	--success-color: #1EB05E;
	--body-color: #fff;
	--input-border:#8D90A44D;
	--placeholder-clr: rgba(103, 105, 120, 0.8);
	--border-light: #33333324;
	--default-btn-hover:#e6e6e6;
	--default-hover-border:#adadad;
	--box-border:#ddd;
	--border-gray-light:#f6f6f6;
	--shadow-clr:#d2d2d2;
	--black-800:#242424;
	--black-600:#212121;
	--light-bg:#F5F5F5;
	--select-arrow:#7B7E97;
	--gray-500:#eee;
	--para-clr:#8c8c90;
	--rating-start:#fdd991;
	--white-800: #FDFDFD;
	--btn-clr:#545E69;
	--bg-light:#FBFBFC;
	--label-clr:#637381;
	--color-toggle:#127CE5;	
	--color-light-200:#1e2022;
	--color-text: #96a2b4;
	--border-color: #28343A;
	--primary-dark: #127ce5;
	--color-primary:#131517;
	--color-white: #fff;
	--gray-dark: #28343a;
	--gray-dark-100: #354046;
	--link-color: #337ab7;
	--link-hover: #23527c;
	--switch-gray: #676978;
	--switch-green: #72da67;
	--color-blue01: #adb5bd;
	--color-danger: #d9534f;	
	--input-borer: #4B505A;
	--input-focus: #38597B;	
}

.dark-themes .app_header .mob_logo, .dark-themes .light_themes_logo  {
 display: none;	
}  
.dark-themes {
	font-weight: 400 !important;
	color: var(--color-text) !important;
}
.dark-themes {
  background-color: var(--color-light-200);	
}
.dark-themes .hero_sidebar, .dark-themes .app_header nav { 
  background-color: var(--color-primary) !important;
  border-color: var(--border-color);
}
.dark-themes .sidebar_logo {
	border-color: var(--border-color);	
}
.dark-themes .app_title, .dark-themes .h4_title, .dark-themes .h2_title, .dark-themes .h5_title,.dark-themes .h3_title,
.dark-themes .home_group_list .list-group-item, .dark-themes .setup_inst_list .list-group-item, .dark-themes .h6_title  {
	color: var(--color-text);
}
.dark-themes .app_title, .dark-themes .h4_title, .dark-themes .h5_title {
	font-weight: 400;
}
.dark-themes .primary_btn, .dark-themes .btn_default_cst {
 border: solid 1px var(--primary-dark);
 background-color: var(--primary-dark);
 color: var(--color-white);
 font-weight: 400;
}
.dark-themes .primary_outline, .dark-themes .outline_btn   {
  color: var(--primary-dark); 
  border: 2px solid var(--primary-dark);	
  font-weight: 500 !important; 
}
.dark-themes .primary_outline:hover, .dark-themes .outline_btn:hover {
	border: solid 2px var(--primary-dark);
	background-color: var(--primary-dark);
	color: var(--color-white);
	opacity: 0.8;	
}
.dark-themes .primary_btn:hover, .dark-themes .primary_btn:focus,
.dark-themes .btn_default_cst:hover, .dark-themes .btn_default_cst:focus {   
	border: solid 1px var(--primary-dark);
	background-color: var(--primary-dark);
	color: var(--color-white);
	opacity: 0.8;
}
.dark-themes .app_footer {
 border-color: var(--border-color);
 color: var(--color-text);	
} 
.dark-themes .app_menu ul li a, .dark-themes .submenu_item li a {
	color: var(--color-text);
}
.dark-themes .app_menu ul li a:hover, .dark-themes .app_menu ul li .active, .dark-themes .submenu_item .active {
 background-color: var(--color-light-200);
 color: var(--color-white);
}
.dark-themes .card__panel  {
    background-color: var(--primary-100);
    border-color: var(--border-color);
}
.dark-themes .home_group_list .list-group-item, .dark-themes .setup_inst_list .list-group-item,
.dark-themes .candidate_list .list-group-item, .dark-themes .summary_list .list-group-item,
.dark-themes .mod_group_list .list-group-item  {
	border-color: var(--border-color);
	background-color: transparent;
}
.dark-themes .mob_logo_white {
	display: none;
}
.dark-themes .launch_aside , .dark-themes .launch_select {
	border-color: var(--border-color); 
}
.dark-themes hr, .dark-themes .rewards_item {
	border-color: var(--border-color); 
}
.dark-themes .radio_cst input:checked ~ .radio_checkmark, .dark-themes .checkbox_cst input:checked ~ .checkbox_checkmark  {
	background-color: var(--primary-dark);
}

.dark-themes .lanch_img_lst svg {
  fill: var(--color-text); 
}
.dark-themes .pagination .active a:hover, .dark-themes .pagination .active a:focus, .dark-themes .pagination .active a {
 background-color: var(--primary-dark) !important;
 border-color: var(--primary-dark) !important;	
}

.dark-themes .alert_box .alert .close {
	text-shadow: none;
	color: var(--color-text);
	opacity: inherit;
}  
.dark-themes .table thead th {
 border-bottom: 1px solid var(--gray-dark);	
}
.dark-themes .card__panel .card__header {
	background-color: transparent;
	border-bottom-color: var(--border-color);
}
.dark-themes .pagination_cst .pagination a {
 background-color:var(--color-light-200);
 border-color: var(--border-color);	
}
.dark-themes .tbl__ele .table-hover tbody tr:hover {
  background-color: var(--color-light-200);
}
.dark-themes .ways_mdia .align-self-start {
	background-color: var(--color-blue01);
}
.dark-themes .border  {
	border-color:  var(--border-color) !important;
}
.dark-themes .tab_oks .nav-tabs, .dark-themes .chose_file, .dark-themes .app_vidoes {
	border-color: var(--border-color);
}
.dark-themes .tab_oks .nav-tabs .nav-link.active {
	background-color: transparent;
	color: var(--color-text);	
} 
.dark-themes #rewardsPopup .modal-header, .dark-themes #rewardsPopup .modal-footer {
	background-color: var(--gray-dark);
	border-color:  var(--border-color);
}
.dark-themes #rewardsPopup .modal-title{
 color: var(--color-text);
}
.dark-themes .rewardsPopup .close {
	color: var(--color-text);
	opacity: inherit;
	text-shadow: none;
}
.dark-themes #rewardsPopup .close:hover {
	color: var(--color-text);
	text-shadow: none;
}
.dark-themes #rewardsPopup .modal-body  {
	background-color: var(--color-light-200);
}
.dark-themes #rewardsPopup .modal-content {
	border: none;
} 
.dark-themes .tbl__ele table tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.2);
}
.dark-themes .input_mod {
	background-color: var(--color-primary);
	border-color: var(--input-borer);
	color: var(--color-white);
}
.dark-themes .input_mod:focus { 
	background-color: var(--color-primary);
	color: var(--color-white);
	box-shadow: none;
	border-color:  var(--input-focus);
}
.dark-themes .modal-header, .dark-themes .modal_ftr  {
	background-color: var(--gray-dark);
	border-color:  var(--border-color);
}
.dark-themes .modal-title {
 color: var(--color-text);
}
.dark-themes .modal-header .close {
	color: var(--color-text);
	opacity: inherit;
	text-shadow: none;
}
.dark-themes .modal-header .close:hover, .dark-themes .modal-header .close:focus {
	color: var(--color-text);
	text-shadow: none;
}
.dark-themes .modal-body {
	background-color: var(--color-light-200);
}
.dark-themes .mnul_item {
	border-color:  var(--border-color);
}
.dark-themes .modal-content {
	border: none;
} 
.dark-themes .mob_header .mob-ellips {
	color: var(--primary-dark);
} 

/* select2 Mod */
.dark-themes .select2_mod .multiselect__tags {
	background-color: var(--color-primary);
	border-color: var(--input-border);
} 
.dark-themes .select2_mod  .multiselect__input, .dark-themes .multiselect__single {
	background: var(--color-primary);
	color: var(--color-white);
} 
.dark-themes .select2_mod .multiselect__placeholder {
 color: var(--color-white);
}
.dark-themes .select2_mod .multiselect__content-wrapper{
	background-color:var(--color-primary);
	border-color: var(--input-border);
	color: var(--color-text);
 }
 .dark-themes .select2_mod .multiselect__option--selected {
    background: var(--color-light-200);
    color: var(--color-text);
}
.dark-themes .select2_mod .multiselect__option--highlight:after { 
	color: var(--color-white);
}
.dark-themes .select2_mod .multiselect__option--highlight {
	background:  var(--color-light-200) !important;
	color: var(--color-white);
}
.dark-themes .select2_mod .multiselect--above .multiselect__content-wrapper {
	border-color: var(--input-border);
	background-color: var(--color-primary);
}









		






@media (max-width: 991px) {
.dark-themes .mob_logo_white {
  display: inline-block;
 }
 .dark-themes .mob_header i {
  color: var(--color-text);	  
 }
 .dark-themes .mob_header i:hover, .dark-themes .mob_header i:focus {
  color:var(--primary-dark);	 
 }
 .dark-themes .slice-btn i, .dark-themes .slice-btn i::after, .dark-themes .slice-btn i::before {
	 background-color: var(--color-text);
 }
 .dark-themes .slice-btn:hover i::after, .dark-themes .slice-btn:hover i::before {
	background: var(--primary-dark);
}
.dark-themes .slice-btn:hover i {
	background: var(--primary-dark);
 }
 .dark-themes .app_nav_right .top_header {
  background-color: var(--color-primary);	 
 }
 .dark-themes .app_nav_right .top_header {
   top: 62px;	  
 }
}