/*
//	Code below this line:
//	Copyright 2022-2023 William C. Byrd All Rights Reserved - written for iServeItUp.com
//	Company: iServeItUp.com
//	Author: William C. Byrd
//	Email: support@iserveitup.com
//	Use of this code without written permission from iServeItUp.com or William C. Byrd is strictly prohibited.
//
*/

:host, :root{
	--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"
	--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";
	--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";
	--isiu-black:#03081e;
	--isiu-black-rgb:3, 8, 30;
	--isiu-white:#ecfff2;
	--isiu-white-rgb:236, 255, 242;
	--isiu-green:#89e075;
	--isiu-green-rgb:137, 224, 117;
	--isiu-blue:#75dce0;
	--isiu-blue-rgb:117, 220, 224;
	--isiu-orange:#ffcc00;
	--isiu-orange-rgb:255,204,0;
	--isiu-seafoam:#009999;
	--isiu-seafoam-rgb:0,153,153;
	--isiu-red:#993333;
	--isiu-red-rgb:153,51,51;
	--isiu-container-width:1000px;
	--isiu-form-max-width:600px;
	--isiu-gradient1:linear-gradient(to bottom right, #33ccff 0%, #03081e 100%);
	--isiu-gradient1b:linear-gradient(to bottom right, #03081e 0%, #33ccff 100%);
	--isiu-global-margin-top:20px;
	--isiu-global-margin-bottom:15px;
	--isiu-global-margin-left:40px;
}
/* ========================================================================== NON CLASS */
*, ::before, ::after {
	box-sizing: border-box;
}
*{
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	line-height:inherit;
	padding:0;
	margin:0;
	border-collapse: collapse;
	border: none;
	text-decoration:inherit;
}
html{
	color:var(--isiu-white);
	background-color:var(--isiu-black);
	background-image:url('/ext/img/bg_healing_7_point_star_HD.jpg');
	background-size:cover;
	background-position:center;
}
body{
	font-family:"Avenir", "Nunito", Helvetica, Arial, sans-serif;
	width:100vw;
	height:100vh;
	font-size:16px;
	overflow:hidden;
}
table{
	width:100%;
}
p{
	margin-bottom:var(--isiu-global-margin-bottom);
}
p:first-child{
	margin-top:var(--isiu-global-margin-top);
}
li:last-child p, ol:last-child p{
	margin-bottom:0;
}
ul p:first-child{
	margin-top:0;
}
a{
	color:var(--isiu-blue);
}
form{
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
form > div{
	width:100%;
	overflow:hidden;
	text-align:center;
	padding:10px 0;
}
form input, form label, form textarea, form select{
	width:100%;
	padding:5px 7px;
	background:none;
	border:1px solid rgba(var(--isiu-white-rgb),0);
	text-align:center;
}
form input, form textarea, form select{
	border:1px solid rgba(var(--isiu-white-rgb),0.2);
}
form label{
	line-height:150%;
}
form input.required{
	border-color:rgba(var(--isiu-blue-rgb),0.5);
}
form[name="login"]{
	max-width:var(--isiu-form-max-width);
	font-size:150%;
}
form input.disabled{
	pointer-events:none;
	color:rgba(var(--isiu-white-rgb),0.5);
}
form input.disabled.required{
	border-color:rgba(var(--isiu-blue-rgb),0.1);
}
input[type="button"],input[type="submit"],.button{
	position:relative;
	width:70%;
	margin:0 auto;
	color:var(--isiu-white);
	line-height:200%;
	background-image:var(--isiu-gradient1);
	border:1px solid rgba(var(--isiu-white-rgb),0.5);
	cursor:pointer;
}
input[type="button"]:hover,input[type="submit"]:hover{
	background-image:var(--isiu-gradient1b);
	border:1px solid rgba(var(--isiu-white-rgb),0.8);
}
input[type="button"]:focus,input[type="submit"]:focus{
	background-image:var(--isiu-gradient1b);
	border:1px solid rgba(var(--isiu-black-rgb),0.8);
}
input[type="button"]:blur,input[type="submit"]:blur{
	background-image:var(--isiu-gradient1);
	border:1px solid rgba(var(--isiu-white-rgb),0.5);
}

/* ======================================================================= Global CLASS */
.green{color:var(--isiu-green);}
.lightblue{color:var(--isiu-blue);}
.menu.main, .body{
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:50px;
}
.menu.main{
	z-index:200;
	overflow:hidden;
}
.menu.main li{
	height:50px;
	overflow:hidden;
}
.menu.main li.toggle{
	display:none;
}
.body{
	top:51px;
	height:calc(100vh - 51px);
	padding:20px 0 40px;
	overflow-x:hidden;
	transition:padding-top 0.25s ease;
}
.container{
	position:relative;
	width:calc(100vw - 2px);
	max-width:var(--isiu-container-width);
	padding:20px 20px 40px;
	text-align:justify;
	margin:5px auto 40px;
	border:1px solid rgba(var(--isiu-white-rgb),0.5);
	background-color:rgba(var(--isiu-black-rgb),0.7);
	transition:max-width 0.25s ease;
}
.container.maxed{
	max-width:calc(100vw - 2px);
}
.container ul:not(.menu), .container ol:not(.menu){
	margin-left:40px;
	margin-bottom:var(--isiu-global-margin-bottom);
}
.title, .subTitle, h1, h2{
	color:var(--isiu-seafoam);
	font-size:200%;
	border-bottom:1px solid var(--isiu-seafoam);
	font-weight:bold;
	margin-bottom:var(--isiu-global-margin-bottom);
	margin-top:30px;
}
.container .title:first-child, .container h1:first-child, .container .subTitle:first-child, .container h2:first-child{
	margin-top:0;
}
.subTitle, h2{
	font-size:125%;
	color:var(--isiu-orange);
	border-bottom:none;
}
h1.noTop, h2.noTop{
	margin-top:0;
}
.centered{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.textCentered{text-align:center;}
.noPad{padding:0;}
.noMarBot, .container ul.noMarBot{margin-bottom:0;}

.w10{ width:10%; }
.w20{ width:20%; }
.w25{ width:25%; }
.w30{ width:30%; }
.w33{ width:33.33%; }
.w35{ width:35%; }
.w40{ width:40%; }
.w45{ width:45%; }
.w50{ width:50%; }
.w55{ width:55%; }
.w60{ width:60%; }
.w66{ width:66.66%; }
.w65{ width:65%; }
.w70{ width:70%; }
.w75{ width:75%; }
.w80{ width:80%; }
.w85{ width:85%; }
.w90{ width:90%; }
.w95{ width:95%; }
.w100{ width:100%; }
/* =============================================================================== Menu */
.menu{
	display:table;
	width:100%;
	position:relative;
	list-style-type:none;
	text-align:center;
	overflow:hidden;
	background-color:rgba(var(--isiu-black-rgb),0.3);
	color:var(--isiu-blue);
	border-bottom:1px solid rgba(var(--isiu-blue-rgb),0.8);
}
.menu li{
	display:table-cell;
	padding:10px 20px;
	cursor:pointer;
}
.menu li:hover{
	color:var(--isiu-black);
	background-color:var(--isiu-blue);
}
.menu li.on{
	color:var(--isiu-white);
	background-color:rgba(var(--isiu-blue-rgb),0.5);
}
.menu li.disabled{
	pointer-events:none;
	background-color:rgba(var(--isiu-black-rgb),0.5);
	color:rgba(var(--isiu-white-rgb),0.7);
}
.menu.maximize{
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	width:auto;
	border-bottom:none;
	color:var(--isiu-white);
	background:none;
}
.menu.maximize li:hover{
	background:none;
	color:var(--isiu-blue);
}
.menu.maximize li > i:last-child{
	display:none;
}
.menu.tab{
	margin-top:10px;
	background:none;
	border:none;
}
.menu.tab li{
	border-radius:10px 10px 0 0;
}
.menu.toolBox{
	border:none;
	background:none;
}
.menu.toolBox li{
	padding:5px 10px;
}
.menu.toolBox li:last-child{
	padding-right:0;
}
.tabContent{
	border:1px solid rgba(var(--isiu-blue-rgb),0.5);
}
.dataTable{
	width:100%;
	overflow:hidden;
}
.dataTable tr{
	border-bottom:1px solid rgba(var(--isiu-white-rgb),0.2);
}
.dataTable thead{
	font-weight:bold;
	border-bottom:1px solid rgba(var(--isiu-white-rgb),0.5);
}
.dataTable tr td{
	padding:2px 20px;
}
.dataTable tr td.noPad{
	padding:0;
}
.dataTable tr td:nth-child(2n+1){
	background-color:rgba(var(--isiu-black-rgb),0.3);
}
/* ========================================================================== Maximized */
.maximized .body{
	padding-top:0;
}
.maximized .container{
	margin-top:0;
	max-width:calc(100% - 2px);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid rgba(var(--isiu-white-rgb),0.5);
}
.maximized .menu.maximize li > i:first-child{
	display:none;
}
.maximized .menu.maximize li > i:last-child{
	display:block;
}
/* ===================================================================== Message Window */
.messageWindow{
	position:fixed;
	z-index:200;
	left:0;
	top:0;
	width:100vw;
	overflow:hidden;
	background-color:rgba(var(--isiu-black-rgb),0.98);
	transition:opacity 0.25s ease, height 0.25s ease;
	opacity:0;
	height:0;
	pointer-events:none;
}
.messageWindow.open{
	height:100vh;
	opacity:1;
	pointer-events:auto;
}
.messageBox{
	position:relative;
	top:10vh;
	width:60vw;
	margin:0 auto;
	background-color:rgba(var(--isiu-blue-rgb),0.15);
	color:var(--isiu-white);
	border:1px solid var(--isiu-blue);
	padding:20px;
}
.messageBox .title, .messageBox .content{
	text-align:center;
	width:100%;
	font-size:200%;
	margin-bottom:30px;
}
.messageBox .title{
	border-bottom:1px solid rgba(var(--isiu-blue-rgb),0.8);
}
.messageBox .content{
	font-size:120%;
}
.messageBox .content p{
	margin-top:5px;
}
.messageBox .buttons{
	width:100%;
	text-align:center;
	font-size:150%;
	margin-bottom:20px;
}
/* ======================================================================== Media Sizes */
@media screen and (max-width: 700px) {
	.title{
		font-size:150%;
	}	
	.dataTable tr td{
		padding:2px 5px;
	}
	.menu.main{
		display:block;
		top:0;
		left:0;
		width:100vw;
		height:50px;
		overflow:hidden;
		transition:height 0.5s ease;
		text-align:center;
	}
	.menu.main li{
		position:relative;
		float:none;
		width:100vw;
		border-bottom:1px solid rgba(var(--isiu-white-rgb),0.5);
		display:none;
		transition:height 0.5s ease;
	}
	.menu.main li.toggle{
		display:block;
	}
	.menu.main.open{
		height:100vh;
		background-color:rgba(var(--isiu-black-rgb),0.85);
	}
	.menu.main.open li{
		display:block;
		width:100vw;
	}
	.maximize{display:none;}
	.body{
		padding-top:0;
	}
	.container{
		margin-top:0;
		max-width:calc(100% - 2px);
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:2px solid rgba(var(--isiu-white-rgb),0.5);
		padding:8px 8px 20px;
	}
}
@media screen and (min-width:480px) and (max-width:1000px) {
	.maximize{display:none;}
	.body{
		padding-top:0;
	}
	.container{
		margin-top:0;
		max-width:calc(100% - 2px);
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:2px solid rgba(var(--isiu-white-rgb),0.5);
		padding:8px 8px 20px;
	}
}
@media screen and (min-width: 1920px) {}
@media screen and (min-width: 2436px) {}
@media screen and (min-width: 4000px) {}

/* START PreLoader */
.preLoader{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:200;
	text-align:center;
	line-height:50vh;
}
.lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  top:calc(50vh - 40px);
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background:var(--isiu-blue);
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.25;
  }
}
/* END PreLoader */