/*=============================================================
					THEME A1
===============================================================*/
body.themeA1 .header,
body.themeA1 .goBtn,
body.themeA1 .bg-orange,
body.themeA1 .head-bg{ 
	background: #24B7E5 !important; 
}

body.themeA1 a, 
body.themeA1 thead tr th.sortDown::after,
body.themeA1 thead tr th.sortUp::after,
body.themeA1 .thead .tr .th.sortDown::after,
body.themeA1 .thead .tr .th.sortUp::after { 
	color: #12A0CC;
}

body.themeA1 .navBox a{ color: #fff !important; }
body.themeA1 .navBox a.selected{ color: #b3e1fd !important;}
body.themeA1 .tabBox a{ color: #24B7E5 !important;}
body.themeA1 .tabBox a.selected{ color: #b3e1fd !important;}

body.themeA1 .sub-nav a.selected, 
body.themeA1 #xml-vers p.selected,
body.themeA1 .page-panel ul li.selected, 
body.themeA1 .bg-form ul li.selected {
	background: #24B7E5 !important; color: #fff !important;
}

body.themeA1 .sub-nav li a{ color: #666 !important;}

body.themeA1 .sub-nav li a:hover,
body.themeA1 .page-panel ul li:hover, 
body.themeA1 .bg-form ul li:hover,
body.themeA1 #xml-vers p:hover { 
	box-shadow: 0 0 5px #24B7E5 inset; 
}

body.themeA1 .MultiNestedLists li a { color: #000; }

body.themeA1 .selectDropdown select option:hover { box-shadow: 0 0 10px 100px #24B7E5 inset; }

body.themeA1 .col-orange, 
body.themeA1 small { color: #12A0CC !important; }
body.themeA1 .head-bg small{ color: #000 !important; }

body.themeA1 [class^="btn"]{ background: #24B7E5;  border: 1px solid #24B7E5;}
body.themeA1 [class^="btn"]:hover{ background: #18A2CC !important; color: #fff !important; }

body.themeA1 [class^="btn-primary"]{  background: #313132 !important; border-color: #313132 !important; }
body.themeA1 [class^="btn-primary"]:hover{  background: #000 !important; }

body.themeA1 [class^="btn-secondary"]{  background: #F5F5F5 !important; border-color: #b6b6b6 !important; color: #555 !important; }
body.themeA1 [class^="btn-secondary"]:hover{  background: #E9E9E9 !important; color: #000 !important; }

body.themeA1 .login-btn{  background: #24B7E5; color: #fff; }
body.themeA1 .login-btn:hover{  background: #18A2CC; }
body.themeA1 .forgetPassword{ color: #24B7E5; }
body.themeA1 .login-page{ background: rgba(58, 68, 89, 0.9);}

body.login-cover.themeA1, 
body.cover.themeA1{ 
  background: #24B7E5;
}

body.themeA1 .mainFormRead .tr:hover .td:first-child {
    border-left: 5px solid #24B7E5;
}

body.themeA1 .collapse-expand-Bar,
body.themeA1 .collapse-expand-Bar i{ border-color: #24B7E5; color: #24B7E5;}
body.themeA1 .collapse-expand-Bar i:hover{ background: #24B7E5; color: #fff; }

body.themeA1 #back-to-top{ background: #24B7E5; }
body.themeA1 #back-to-top:hover{ background: #1BA7D2; }

body.themeA1 .autocomplete li.selected { background: #24B7E5;}

/*---Secondary color ----*/
body.themeA1 .toggleBtn i.selected,
body.themeA1 .nextPrevButtons i:active{ background: #f5f5f5 !important;}

body.themeA1 .bg-black-lit{background:  #535C70 !important;}

body.themeA1 .ball{ 
	border:5px solid #24B7E5; 
	box-shadow: 0 0 35px #24B7E5; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}
body.themeA1 .ball1{ 
	border:5px solid #24B7E5; 
	box-shadow: 0 0 15px #24B7E5; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}

body.themeA1 .lightbox .breadcrumBar{ background: #3a4459 ; } 

body.themeA1 .toggleBtn.switch i,
body.themeA1 .toggleBtn.switch i:hover{ background: #f0f0f0 !important; color: #999 !important; }
body.themeA1 .toggleBtn.switch i.selected{ background: #24B7E5 !important; box-shadow: 0 0 5px rgba(0,0,0,.5) inset !important; color: #fff !important;} 



/*=============================================================
					THEME A2
===============================================================*/
body.themeA2 .header,
body.themeA2 .goBtn,
body.themeA2 .bg-orange,
body.themeA2 .head-bg{ 
	background: #03AD8F !important; 
}

body.themeA2 a, 
body.themeA2 thead tr th.sortDown::after,
body.themeA2 thead tr th.sortUp::after,
body.themeA2 .thead .tr .th.sortDown::after,
body.themeA2 .thead .tr .th.sortUp::after{ 
	color: #068971;
}

body.themeA2 .navBox a{ color: #fff !important; }
body.themeA2 .navBox a.selected{ color: #91ecdc !important;}
body.themeA2 .tabBox a{ color: #03AD8F !important;}
body.themeA2 .tabBox a.selected{ color: #91ecdc !important;}

body.themeA2 .sub-nav a.selected, 
body.themeA2 #xml-vers p.selected,
body.themeA2 .page-panel ul li.selected, 
body.themeA2 .bg-form ul li.selected {
	background: #03AD8F !important; color: #fff !important;
}

body.themeA2 .sub-nav li a{ color: #666 !important;}

body.themeA2 .sub-nav li a:hover,
body.themeA2 .page-panel ul li:hover, 
body.themeA2 .bg-form ul li:hover,
body.themeA2 #xml-vers p:hover { 
	box-shadow: 0 0 5px #03AD8F inset; 
}

body.themeA2 .MultiNestedLists li a { color: #000; }

body.themeA2 .selectDropdown select option:hover { box-shadow: 0 0 10px 100px #03AD8F inset; }

body.themeA2 .col-orange, 
body.themeA2 small { color: #03AD8F !important; }
body.themeA2 .head-bg small{color: #000 !important;}


body.themeA2 [class^="btn"]{ background: #03AD8F;  border: 1px solid #03AD8F;}
body.themeA2 [class^="btn"]:hover{ background: #068971 !important; color: #fff !important; }

body.themeA2 [class^="btn-primary"]{  background: #e67e22 !important; border-color: #e67e22 !important; }
body.themeA2 [class^="btn-primary"]:hover{  background: #D35400 !important; }

body.themeA2 [class^="btn-secondary"]{  background: #F5F5F5 !important; border-color: #b6b6b6 !important; color: #555 !important; }
body.themeA2 [class^="btn-secondary"]:hover{  background: #E9E9E9 !important; color: #000 !important; }

body.themeA2 .login-btn{  background: #03ad8f; ; color: #fff; }
body.themeA2 .login-btn:hover{  background: #03ad77; }
body.themeA2 .forgetPassword{ color: #03ad8f; }

body.login-cover.themeA2, 
body.cover.themeA2{ 
  background: #03AD8F;
}


body.themeA2 .mainFormRead .tr:hover .td:first-child {
    border-left: 5px solid #03AD8F;
}

body.themeA2 [class^="btn-orange"]:hover i, 
body.themeA2 [class^="btn-red"]:hover i, 
body.themeA2 [class^="btn-black"]:hover i, 
body.themeA2 [class^="btn-grey"]:hover i {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

body.themeA2 .collapse-expand-Bar,
body.themeA2 .collapse-expand-Bar i{ border-color: #03AD8F; color: #03AD8F;}
body.themeA2 .collapse-expand-Bar i:hover{ background: #03AD8F; color: #fff; }

body.themeA2 #back-to-top{ background: #03AD8F; }
body.themeA2 #back-to-top:hover{ background: #068971; }

body.themeA2 .ball{ 
	border:5px solid #03AD8F; 
	box-shadow: 0 0 35px #03AD8F; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}
body.themeA2 .ball1{ 
	border:5px solid #03AD8F; 
	box-shadow: 0 0 15px #03AD8F; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}

body.themeA2 .autocomplete li.selected { background: #03AD8F;}

body.themeA2 .toggleBtn.switch i,
body.themeA2 .toggleBtn.switch i:hover{ background: #f0f0f0; color: #999; }
body.themeA2 .toggleBtn.switch i.selected{ background: #03AD8F; box-shadow: 0 0 5px rgba(0,0,0,.5) inset; color: #fff;} 


/*=============================================================
					THEME A3
===============================================================*/
body.themeA3 .header,
body.themeA3 .goBtn,
body.themeA3 .bg-orange,
body.themeA3 .head-bg{ 
	background: #5B4EAC !important; 
}

body.themeA3 a, 
body.themeA3 thead tr th.sortDown::after,
body.themeA3 thead tr th.sortUp::after,
body.themeA3 .thead .tr .th.sortDown::after,
body.themeA3 .thead .tr .th.sortUp::after { 
	color: #8473F4;
}

body.themeA3 .navBox a{ color: #fff !important; }
body.themeA3 .navBox a.selected{ color: #c3baff !important;}
body.themeA3 .tabBox a{ color: #5B4EAC !important;}
body.themeA3 .tabBox a.selected{ color: #c3baff !important;}

body.themeA3 .sub-nav a.selected, 
body.themeA3 #xml-vers p.selected,
body.themeA3 .page-panel ul li.selected, 
body.themeA3 .bg-form ul li.selected {
	background: #5B4EAC !important; color: #fff !important;
}

body.themeA3 .sub-nav li a{ color: #666 !important;}
z
body.themeA3 .sub-nav li a:hover,
body.themeA3 .page-panel ul li:hover, 
body.themeA3 .bg-form ul li:hover,
body.themeA3 #xml-vers p:hover { 
	box-shadow: 0 0 5px #5B4EAC inset; 
}

body.themeA3 .MultiNestedLists li a { color: #000; }

body.themeA3 .selectDropdown select option:hover { box-shadow: 0 0 10px 100px #5B4EAC inset; }

body.themeA3 .col-orange, 
body.themeA3 small { color: #8473F4 !important; }
body.themeA3 .head-bg small{ color: #fff !important;}


body.themeA3 [class^="btn"]{ background: #5B4EAC;  border: 1px solid #5B4EAC;}
body.themeA3 [class^="btn"]:hover{ background: #403678 !important; color: #fff !important; }

body.themeA3 [class^="btn-primary"]{  background: #313132 !important; border-color: #313132 !important; }
body.themeA3 [class^="btn-primary"]:hover{  background: #000 !important; }

body.themeA3 [class^="btn-secondary"]{  background: #F5F5F5 !important; border-color: #b6b6b6 !important; color: #555 !important; }
body.themeA3 [class^="btn-secondary"]:hover{  background: #E9E9E9 !important; color: #000 !important; }

body.themeA3 .login-btn{  background: #9b59b6 ; color: #fff; }
body.themeA3 .login-btn:hover{  background: #8E44AD; }
body.themeA3 .forgetPassword{ color: #9b59b6  ; }

body.login-cover.themeA3, 
body.cover.themeA3{ 
  background: #5B4EAC;
}


body.themeA3 .mainFormRead .tr:hover .td:first-child {
    border-left: 5px solid #5B4EAC;
}

body.themeA3 [class^="btn-orange"]:hover i, 
body.themeA3 [class^="btn-red"]:hover i, 
body.themeA3 [class^="btn-black"]:hover i, 
body.themeA3 [class^="btn-grey"]:hover i {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

body.themeA3 .collapse-expand-Bar,
body.themeA3 .collapse-expand-Bar i{ border-color: #5B4EAC; color: #5B4EAC;}
body.themeA3 .collapse-expand-Bar i:hover{ background: #5B4EAC; color: #fff; }

body.themeA3 #back-to-top{ background: #5B4EAC; }
body.themeA3 #back-to-top:hover{ background: #403678; }

body.themeA3 .ball{ 
	border:5px solid #8473f4; 
	box-shadow: 0 0 35px #8473f4; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}
body.themeA3 .ball1{ 
	border:5px solid #8473f4; 
	box-shadow: 0 0 15px #8473f4; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}

body.themeA3 .autocomplete li.selected { background: #5B4EAC;}


body.themeA3 .toggleBtn.switch i,
body.themeA3 .toggleBtn.switch i:hover{ background: #f0f0f0; color: #999; }
body.themeA3 .toggleBtn.switch i.selected{ background: #9048AF; box-shadow: 0 0 5px rgba(0,0,0,.5) inset; color: #fff;} 

/*=============================================================
					THEME A4
===============================================================*/
body.themeA4{ background-color: #ddd; }

body.themeA4 .header,
body.themeA4 .bg-black,
body.themeA4 .head-bg{ background: #565656 !important; }

body.themeA4 .footer {background: rgba(0, 0, 0, 0.75); }

body.themeA4 .goBtn,
body.themeA4 .bg-orange{ background: #555 !important; }

body.themeA4 .userAccountBox:hover,
body.themeA4 .mobileNav:hover {
    background: rgba(0, 0, 0, 0.1);
}

body.themeA4 a, 
body.themeA4 thead tr th.sortDown::after,
body.themeA4 thead tr th.sortUp::after,
body.themeA4 .thead .tr .th.sortDown::after,
body.themeA4 .thead .tr .th.sortUp::after{ 
	color: #6AB347;
}

body.themeA4 .col-green{ color: #6AB347 !important; }

body.themeA4 .ico-minimize{color: #000;}

body.themeA4 .navBox a,
body.themeA4 .header .firstHeadBar{ color: #fafafa !important; }

body.themeA4 .navBox a.selected{ color: #000 !important; background: #FAFAFA; border-bottom-color:#FAFAFA; }
body.themeA4 .tabBox a{ color: #999 !important;}
body.themeA4 .tabBox a.selected{ color: #000 !important;}

body.themeA4 .sub-nav a.selected, 
body.themeA4 #xml-vers p.selected,
body.themeA4 .page-panel ul li.selected, 
body.themeA4 .bg-form ul li.selected {
	background: #565656 !important; color: #fff !important;
}

body.themeA4 .sub-nav li a{ color: #565656 !important;}

body.themeA4 .sub-nav li a:hover,
body.themeA4 .page-panel ul li:hover, 
body.themeA4 .bg-form ul li:hover,
body.themeA4 #xml-vers p:hover { 
	box-shadow: 0 0 5px #999 inset; 
}

body.themeA4 .MultiNestedLists li a { color: #000; }

body.themeA4 .selectDropdown select option:hover { box-shadow: 0 0 10px 100px #555 inset; }

body.themeA4 .col-orange, 
body.themeA4 small,
body.themeA4 .yesStatus { color: #6ab347 !important; }


body.themeA4 [class^="btn"]{ background: #565656;  border: 1px solid #565656;}
body.themeA4 [class^="btn"]:hover{ background: #000 !important; color: #fff !important; }

body.themeA4 [class^="btn-primary"]{  background: #6AB347 !important; border-color: #6AB347 !important; }
body.themeA4 [class^="btn-primary"]:hover{  background: #4D8E2C !important; }

body.themeA4 [class^="btn-secondary"]{  background: #F5F5F5 !important; border-color: #b6b6b6 !important; color: #555 !important; }
body.themeA4 [class^="btn-secondary"]:hover{  background: #E9E9E9 !important; color: #000 !important; }

body.themeA4 .login-btn{  background: #ddd; color: #000; }

body.themeA4 .forgetPassword{ color: #ccc; }

body.login-cover.themeA4, 
body.cover.themeA4{ 
  background: #FAFAFA;
}



body.themeA4 .mainFormRead .tr:hover .td:first-child {
    border-left: 5px solid #555;
}

body.themeA4 [class^="btn-orange"]:hover i, 
body.themeA4 [class^="btn-red"]:hover i, 
body.themeA4 [class^="btn-black"]:hover i, 
body.themeA4 [class^="btn-grey"]:hover i {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

body.themeA4 .collapse-expand-Bar,
body.themeA4 .collapse-expand-Bar i{ border-color: #555; color: #555;}
body.themeA4 .collapse-expand-Bar i:hover{ background: #555; color: #fff; }

body.themeA4 #back-to-top{ background: #555; }
body.themeA4 #back-to-top:hover{ background: #000; }

body.themeA4 .whiteCard{ 
	box-shadow: none;
	padding: 0;
	border: 0;
 }

body.themeA4 .autocomplete li.selected { background: #565656; }

/*---Secondary color ----*/
body.themeA4 .bg-grey{ background: #f0f0f0 !important; }

body.themeA4 .thead .tr .th{ border-bottom: 1px solid rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1); }
body.themeA4 .thead .tr .th:first-child{ border-left:0px;  }

body.themeA4 .breadcrumBar{ 
	background: #FAFAFA; 
	box-shadow: none; 
	border-bottom: 1px solid #ccc;
}
body.themeA4 .lightbox .breadcrumBar{ background: #555; }

body.themeA4 .ball{ 
	border:5px solid #ccc; 
	box-shadow: 0 0 35px #ccc; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}
body.themeA4 .ball1{ 
	border:5px solid #ccc; 
	box-shadow: 0 0 15px #ccc; 
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
}

body.themeA4 .toggleBtn.switch i,
body.themeA4 .toggleBtn.switch i:hover{ background: #f0f0f0; color: #999; }
body.themeA4 .toggleBtn.switch i.selected{ background: #565656; box-shadow: 0 0 5px rgba(0,0,0,.5) inset; color: #fff;}