@charset "utf-8";
/* CSS Document */
.handhover:hover { cursor: pointer; cursor:hand;background-color:#00FF00!important;color:#000;height:35px;}
.handhover:hover td{color:#000!important;}
.hover { cursor: pointer; cursor:hand;}

.hover-add{cursor: auto;cursor: url(../cssimg/AddArrowSmall.png) 2 2, auto;}

.hover-delete{cursor: auto;cursor: url("../cssimg/Light_trashSM.png") 2 2, auto;}

.printCursor{cursor: auto;cursor: url(../cssimg/print_cursorNEW.png) 2 2, auto;}

.editCursor{cursor: auto;cursor: url(../cssimg/ClickToEditMed.png) 2 120, auto;}

.goto_button  { width: 175px; }

.settingsbtn{padding-left:10px;}

.settingsbtnadd:hover {background-color: #FF6600!important;}
.settingsbtnadd {background-color: #292929!important;}
/* .settingsbtn:hover {background-color: #878787!important;} */
.settingsbtnselected {background-color: #878787!important;}

.settingsbuttonmajor{width:20vw; 
font-family: "Questrial", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-weight:400!important;font-size:1vw !important;
padding:10px;margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
float: left;clear: both;list-style: none;position: relative;background-color: rgba(63,63,60,.8);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
-webkit-transition: background-color .7s;-moz-transition: background-color .7s;-o-transition: background-color .7s;
transition: background-color .7s;}

::-moz-focus-inner {
  padding-block: 0;
  padding-inline: 2px;
  border: none!important;
}
:focus-visible {
    outline: none!important;

}


.btn-margintop{margin-top:2vh;}


.redglow{}

.redglow:hover {
background-color: rgba(247,7,11,0.50);
outline: none;  box-shadow: 0 0 20px 5px rgba(247,7,11,1.00);}

.yellowglow:hover {
background-color: rgba(245,222,6,0.50);
outline: none;  box-shadow: 0 0 20px 5px rgba(245,222,6,1.00);}

.greenglow:hover {
background-color: rgba(35,191,4,0.50);
outline: none;  box-shadow: 0 0 20px 5px rgba(35,191,4,1.00);}

.blueglow:hover {
background-color: rgba(9,6,229,0.50);
outline: none;  box-shadow: 0 0 20px 5px rgba(9,6,229,1.00);}




.product-btn{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 7px; font-size:120%;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.product-btn:hover {border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}

.largebtntext{font-family: Questrial,Arial,sans-serif;font-size: 110%;}

.global-btn-shadow{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #939393; padding:1vh 4vh;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.global-btn-shadow:hover {background-color: #39d11b;background-image: linear-gradient(to bottom, #575757, #BABABA);
outline: none; border-color: #3fe81e; box-shadow: 0 0 10px #000000;}

.global-btn-red-shadow{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #939393; padding:1vh 4vh;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.global-btn-red-shadow:hover {background-color: #CC0000;background-image: linear-gradient(to bottom, #575757, #BABABA);
outline: none; border-color: #F53737; box-shadow: 0 0 10px #000000;}



.global-btn-green{background-color: #575757;outline: none; border-color: #3fe81e; color: #fff; cursor: pointer;padding:1vh 4vh;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.global-btn-green:hover {background: #3fe81e;background-image: linear-gradient(to bottom, #197A06, #3fe81e);color: #000000;
outline: none; border-color: #3fe81e; box-shadow: 0 0 10px #000000;}


.global-btn-red{background-color: #575757;outline: none; border-color: #C41010; color: #fff; cursor: pointer;padding:1vh 4vh;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.global-btn-red:hover {background: #575757;background-image: linear-gradient(to bottom, #7B1010, #C41010);
outline: none; border-color: #C41010; box-shadow: 0 0 10px #000000;}





.global-btn{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 7px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.global-btn:hover {border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}

.global-btn-sm{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 2px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.global-btn-sm:hover {border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}














.mobile-btn-sm{
	background: #FFAD33; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 2px; background-image: linear-gradient(to bottom, #B26B00, #FFB84D);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.mobile-btn-sm:hover {border: 1px solid #A0A0A0;
background-image: linear-gradient(to bottom, #FFB84D, #B26B00);}


.payment-btn-old{
	background: #575757; color: #fff; text-transform: none; cursor: pointer; cursor:hand;
	border: 2px solid #B7B7B7; padding: 10px; font-size:120%; margin-bottom:10px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
.payment-btn-old:hover {border: 2px solid #575757;background-color: #000;}


.btn-add {
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 7px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.green-btn{
	background: #3fe81e; color: #000; font-weight:600; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 7px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.green-btn:hover {background-color: #39d11b;background-image: linear-gradient(to bottom, #BABABA, #39d11b);
outline: none; border-color: #3fe81e; box-shadow: 0 0 10px #39d11b;}



.yellow-btn{
	color: #292929; padding: 7px; font-weight:600; text-transform: none; cursor: pointer;
	background: #fcde3f; background-image: linear-gradient(to bottom, #fcde3f, #d6b502);
	border: 1px solid #B7B7B7;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.yellow-btn:hover {background-color: #d6b502;background-image: linear-gradient(to bottom, #BABABA, #d6b502);
outline: none; border-color: #fcde3f; box-shadow: 0 0 10px #d6b502;}


#closebtn{margin-top:-25px; margin-right:-25px; float:right;}
#closebtnedge{margin-top:-45px; margin-right:-40px; float:right;}
#closebtn:hover, #closebtnedge:hover { cursor: pointer; cursor:hand;}




.production-btn{
	background: #000000; color: #fff; text-transform: capitalize; cursor: pointer;font-family: Questrial, Helvetica, Arial Bold, sans-serif;
	font-size:150%; border: 1px solid #B7B7B7; padding: 7px; margin:1vh;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}
	
.production-btn:hover {border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}



.CustBntInactive {border:0;font-weight:bold;width:105px;height:105px;outline:none;
padding-left:15;padding-right:15;padding-top:15px;padding-bottom:15px;border-radius:15px;color:#fff;background:#292929;}
.CustBntInactive:hover{background:#4c6893;color:#292929!important;cursor:pointer;cursor:hand;} 
.CustBntActive {border:0;font-weight:bold;width:105px;height:105px;outline:none;
padding-left:15;padding-right:15;padding-top:15px;padding-bottom:15px;border-radius:15px;color:#292929;background:#4c6893;}





.closebtn_btm_left{position:absolute;left:-15px;bottom:-10px;}
.closebtn_btm_left img{width:4vmin;max-width:6vmax;height:4vmin;max-height:6vmax;cursor: pointer;cursor: hand;}
.closebtn_btm_right{position:absolute;right:-15px;bottom:-10px;float:right;}
.closebtn_btm_right img{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;cursor: pointer;cursor: hand;}
.closebtn_top_right{position:absolute;right:-15px;top:-10px;float:right;}
.closebtn_top_right img{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;cursor: pointer;cursor: hand;}

.closebtn_top_left{position:absolute;left:-15px;top:-10px;float:left;}
.closebtn_top_left img{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;cursor: pointer;cursor: hand;}


.closebtn_middle_left{position:absolute;left:-15px;bottom:50%;}
.closebtn_middle_left img{width:4vmin;max-width:6vmax;height:4vmin;max-height:6vmax;cursor: pointer;cursor: hand;}








.rounded-btn{background: #191919;background-image: linear-gradient(to bottom, #575757, #000000);
 color: #fff; text-transform: none; cursor: pointer;border: 1px solid #B7B7B7; padding: 7px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.blank-btn{background:none;border:none;cursor: pointer;cursor: hand; color:#FFF; 
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}


.up-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_arrowdown.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;
background-color:inherit; -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

.down-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_arrowdown.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;background-color:inherit;}


#POMenu div{margin-top:10px;}



.payment-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_PaymentIcon.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}
.payment-btn:hover{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Green_PaymentIcon.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}


.trash-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_trash.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;background-color:inherit;}
.trash-btn:hover{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Delete-icon.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;background-color:inherit;}

.trash-btn-small{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_trash.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;background-color:inherit;}
.trash-btn-small:hover{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Delete-icon.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;background-color:inherit;}



.delete-btn, .close-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Delete-icon.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;background-color:inherit;}

.delete-btn-large, .close-btn-large{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Delete-icon.png'); background-size:2.5vw 2.5vw; background-repeat: no-repeat; width:2.5vw;height:2.5vw;background-color:inherit;}


.add-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/AddIcon.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;background-color:inherit;}


.edit-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_pen.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;background-color:inherit;}

.edit-btn-small{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_pen.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;background-color:inherit;}

.btn-small{background-size:1vw 1vw!important; width:1vw;height:1vw!important;}

.refresh-btn, .update-btn{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('../cssimg/Light_update.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw; background-color:inherit;}
.refresh-btn:hover, .update-btn:hover{border:none; cursor: pointer; cursor: hand;
-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}



.refresh-btn-sm, .update-btn-sm{border:none;cursor: pointer;cursor: hand;width:1vw;height:1vw;max-width: 30px;max-height: 30px;
background-image: url('../cssimg/Light_update.png'); background-size:1vw 1vw; background-repeat: no-repeat; background-color:inherit;}
.refresh-btn-sm:hover, .update-btn-sm:hover{ -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);  transform:rotate(45deg); }



.check-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/checkmark.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;background-color:inherit;}

.check-btn-small{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/checkmark.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;background-color:inherit;}

.mail-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_envelope2.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}

.print-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_printer.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}

.view-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_binoculars.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}

.mag-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_view.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}

.info-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_exc.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;
background-color:inherit;}

.hand-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_HandClick.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}
.hand-btn:hover{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/HandSlideIconGreen.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}

.MenuBars{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('../cssimg/Dark_menubars.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.MenuBars:hover{cursor: pointer; cursor: hand;background-image: url('../cssimg/Dark_menubarsExtend.png');}


.checkbox-btn{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/EmptyCheckSquare.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}
.checkbox-btn:hover{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/GreenCheckSquare.png'); background-size:2vw 2vw; background-repeat: no-repeat; width:2vw;height:2vw;
background-color:inherit;}





.slide0{
display: block;
overflow: hidden;background-color: rgba(204,204,204,1.00);
cursor: pointer;border: 3px solid rgba(148,146,146,1.00);
border-radius: 5px;left: 0px;width: 50px;height: 25px; padding-bottom:0;}
.slide0:after{content:"OFF";color: rgba(0,0,0,1.00);}
.slide0:hover{border: 3px solid rgba(63,232,30,1.00);color:rgba(148,146,146,1.00);}

.slide1{
display: block;
overflow: hidden;background-color: rgba(0,255,0,1.00);
cursor: pointer;border: 3px solid rgba(148,146,146,1.00);
border-radius: 5px;left: 0px; top:125;width: 50px;height: 25px; padding-bottom:0;}
.slide1:after{content:"ON";color:rgba(0,0,0,1.00);}
.slide1:hover{background-color: rgba(63,232,30,1.00);background-image: linear-gradient(to bottom, rgba(25,122,6,1.00), rgba(63,232,30,1.00));}





.OnOff0{
display: block;
overflow: hidden;background-color: rgba(204,204,204,1.00);
cursor: pointer;border: 3px solid rgba(148,146,146,1.00);
border-radius: 5px;left: 0px;width: 50px;height: 25px; padding-bottom:0;}
.OnOff0:after{content:attr(data-title);color: #000!important;}
.OnOff0:hover{border: 3px solid rgba(63,232,30,1.00);color:rgba(148,146,146,1.00);}

.OnOff1{
display: block;
overflow: hidden;background-color: rgba(0,255,0,1.00);
cursor: pointer;border: 3px solid rgba(148,146,146,1.00);
border-radius: 5px;left: 0px; top:125;width: 50px;height: 25px; padding-bottom:0;}
.OnOff1:after{content:attr(data-title);color:#000!important;}
.OnOff1:hover{background-color: rgba(63,232,30,1.00);background-image: linear-gradient(to bottom, rgba(25,122,6,1.00), rgba(63,232,30,1.00));}



.slideoff{display: block;overflow: hidden;background-color: rgba(204,204,204,1.00);
cursor: pointer;border: 3px solid rgba(148,146,146,1.00);border-radius: 5px;left: 0px;width: 50px;height: 25px; padding-bottom:0;}
.slideoff:after{content:"OFF";color: rgba(0,0,0,1.00);}
.slideoff:hover{border: 3px solid rgba(63,232,30,1.00);color:rgba(148,146,146,1.00);}

.slideon{display: block;overflow: hidden;background-color: rgba(0,255,0,1.00);
cursor: pointer;border: 3px solid rgba(148,146,146,1.00);border-radius: 5px;left: 0px; top:125;width: 50px;height: 25px; padding-bottom:0;}
.slideon:after{content:"ON";color:rgba(0,0,0,1.00);}
.slideon:hover{background-color: rgba(63,232,30,1.00);background-image: linear-gradient(to bottom, rgba(25,122,6,1.00), rgba(63,232,30,1.00));}



.slideinactive{display: block;overflow: hidden;background-color: rgba(204,204,204,1.00);cursor: pointer;border: 3px solid rgba(148,146,146,1.00);border-radius: 5px;left: 0px;width: 50px;height: 25px; padding-bottom:0;}
.slideinactive:after{content:"OFF";color: rgba(0,0,0,1.00);font-weight:600;}
.slideinactive:hover{border: 3px solid rgba(63,232,30,1.00);color:rgba(148,146,146,1.00);}

.slideactive{display: block;overflow: hidden;background-color: rgba(0,255,0,1.00);cursor: pointer;border: 3px solid rgba(148,146,146,1.00);border-radius: 5px;left: 0px; top:125;width: 50px;height: 25px; padding-bottom:0;}
.slideactive:after{content:"Active";color:rgba(0,0,0,1.00);font-weight:600;}
.slideactive:hover{background-color: rgba(63,232,30,1.00);background-image: linear-gradient(to bottom, rgba(25,122,6,1.00), rgba(63,232,30,1.00));}











.BannerDotBlue{display:none;
background-image: url("../cssimg/bannertailblue.png");
background-size: 25px 4.5vh;background-repeat: no-repeat;
width: 25px; max-width: 35px; max-height: 85px;
font-size: 100%; text-align: center; top: -5px;position: relative; line-height: 4vh;vertical-align: super;}

.BannerDotOrange{display:none;
background-image: url("../cssimg/bannertailorange.png");
background-size: 25px 4.5vh; background-repeat: no-repeat;
width: 25px; max-width: 35px; max-height: 85px;margin-left: 10px;
font-size: 100%;text-align: center;top: -5px;position: relative; line-height: 4vh;vertical-align: super;} 

.BannerDotWhite{display:none;
background-image: url("../cssimg/bannertailwhite.png");
background-size: 25px 4.5vh;background-repeat: no-repeat; color:#000!important;
width: 25px; max-width: 35px; max-height: 100px;margin-left: 10px;
font-size: 100%; text-align: center; top: -5px;position: relative; line-height: 4vh;vertical-align: super;}

.BannerDotGreen{display:none;
background-image: url("../cssimg/bannertailgreendark.png");
background-size: 25px 4.5vh;background-repeat: no-repeat;
width: 25px; max-width: 35px; max-height: 85px;margin-left: 10px;
font-size: 100%;text-align: center;top: -5px;position: relative; line-height: 4vh;vertical-align: super;}


.BannerDotYellow{display:none;
background-image: url("../cssimg/bannertailyellow.png");
background-size: 25px 4.5vh; background-repeat: no-repeat; color:#000;
width: 25px; max-width: 35px; max-height: 60px;margin-left: 10px;
font-size: 100%;text-align: center;top: -5px;position: relative; line-height: 4vh;vertical-align: super;} 
       
.BannerDotRed{
background-image: url("../cssimg/bannertailred.png");
background-size: 25px 4.5vh;background-repeat: no-repeat;
width: 25px; max-width: 35px;  max-height: 90px;margin-left: 10px;
font-size: 100%;text-align: center;top: -5px;position: relative; line-height: 4vh;vertical-align: super;}

.BannerDotPurple{display:none;
background-image: url("../cssimg/bannertailpurple.png");
background-size: 25px 4.5vh; background-repeat: no-repeat;
width: 25px; max-width: 35px;  max-height: 85px;margin-left: 10px;
font-size: 100%;text-align: center;top: -5px;position: relative; line-height: 4vh;vertical-align: super;}  

.BannerDotGreen2{display:none;
background-image: url("../cssimg/41d00043.png");
background-size: 25px 4.5vh;background-repeat: no-repeat;
width: 25px; max-width: 35px; max-height: 85px;margin-left: 10px;
font-size: 100%;text-align: center;top: -5px;position: relative; line-height: 4vh;vertical-align: super;} 



.signout{ 
border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none!important; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

.signout:hover{
 border:1px solid #a0a0a0;
 background-color: #bababa; background-image:
 -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(to bottom, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}






.ImageButtonLong{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
background-color:rgba(63,63,60,.8);border-radius: 5px;border: 2px solid rgba(41,41,41,1.00);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}

.ImageButtonLong:hover{background-color:rgba(87, 87, 87,1);border: 2px solid rgba(83,83,83,1.00);
-webkit-box-shadow: 0 2px 0 rgba(173,173,173,.8); -moz-box-shadow: 0 2px 0 rgba(173,173,173,.8);box-shadow: 0 0 10px rgba(173,173,173,.8);}



.ImageButtonLongGreen{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
background-color:rgba(63,63,60,.8);border-radius: 5px;border: 2px solid #292929;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}

.ImageButtonLongGreen:hover{background-color:rgba(87, 87, 87,1);border: 2px solid rgba(63,232,30,1.00);
-webkit-box-shadow: 0 2px 0 rgba(173,173,173,.8); -moz-box-shadow: 0 2px 0 rgba(173,173,173,.8);box-shadow: 0 0 10px rgba(173,173,173,.8);}


.ImageButtonLongRed{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
background-color:rgba(63,63,60,.8);border-radius: 5px;border: 2px solid #292929;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}

.ImageButtonLongRed:hover{background-color:rgba(87, 87, 87,1);border: 2px solid rgba(232,48,29,1.00);
-webkit-box-shadow: 0 2px 0 rgba(232,48,29,.8); -moz-box-shadow: 0 2px 0 rgba(232,48,29,.8);box-shadow: 0 0 10px rgba(232,48,29,.8);}




.ImageButtonLongYellow{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
background-color:rgba(63,63,60,.8);border-radius: 5px;border: 2px solid #292929;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}

.ImageButtonLongYellow:hover{background-color:rgba(87, 87, 87,1);border: 2px solid rgba(245,229,8,1.00);
-webkit-box-shadow: 0 2px 0 rgba(245,229,8,.8); -moz-box-shadow: 0 2px 0 rgba(245,229,8,.8);box-shadow: 0 0 10px rgba(245,229,8,.8);}


.ImageButtonLongOrange{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
background-color:rgba(63,63,60,.8);border-radius: 5px;border: 2px solid #292929;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}

.ImageButtonLongOrange:hover{background-color:rgba(87, 87, 87,1);border: 2px solid rgba(243,140,9,1.00);
-webkit-box-shadow: 0 2px 0 rgba(173,173,173,.8); -moz-box-shadow: 0 2px 0 rgba(173,173,173,.8);box-shadow: 0 0 10px rgba(173,173,173,.8);}



.ImageButtonLongPurple{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
background-color:rgba(63,63,60,.8);border-radius: 5px;border: 2px solid #292929;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}

.ImageButtonLongPurple:hover{background-color:rgba(87, 87, 87,1);border: 2px solid rgba(97,16,211,1.00);
-webkit-box-shadow: 0 2px 0 rgba(173,173,173,.8); -moz-box-shadow: 0 2px 0 rgba(173,173,173,.8);box-shadow: 0 0 10px rgba(173,173,173,.8);}



.ImageButtonLongBlue{width:20vw;margin-bottom: 2vh;cursor: pointer;cursor: hand;
border-radius: 5px;

background-color:rgba(87, 87, 87,1);
border: 2px solid rgba(97,16,211,1.00);
-webkit-box-shadow: 0 2px 0 rgba(173,173,173,.8); 
-moz-box-shadow: 0 2px 0 rgba(173,173,173,.8);
box-shadow: 0 0 10px rgba(173,173,173,.8);}

.ImageButtonLongBlue:hover{
background-image: linear-gradient(to right,rgba(76,104,147, .05), rgba(76,104,147,1.00),rgba(76,104,147, .05));
background-color:rgba(76,104,147,1.00);
border: 2px solid rgba(1,30,196,1.00);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); 
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);}







.IBLImageHolder{width: 30px;height: 30px;display:inline-block;padding:10px;}
.IBLImageHolder img{max-height: 100%;max-width: 100%;}

.IBLImageHolderMed{width: 45px;height: 45px;display:inline-block;padding:5px 10px 5px 10px;}
.IBLImageHolderMed img{max-height: 100%;max-width: 100%;}

.IBLImageHolderLarge{width: 6vmin;max-width: 6.25vmax;max-height: 6.25vmin;display:inline-block;padding:5px 10px 5px 10px;}
.IBLImageHolderLarge img{max-height: 100%;max-width: 100%;}

.IBLImageHolderXLarge{width: 7vmin;max-width: 7.25vmax;max-height:7.25vmin;display:inline-block;padding:5px 10px 5px 10px;}
.IBLImageHolderXLarge img{max-height: 100%;max-width: 100%;}

.IBLImageHolderAlt{width: 4vmin;max-width: 5vmax;max-height: 5vmin;height: auto;display:inline-block;padding:10px;}
.IBLImageHolderAlt img{max-height: 100%;max-width: 100%;}



.IBLText{font-size:1.5vmax;display:inline-block;padding:10px;vertical-align:top;}

.IBLBlockHolder{text-align: center;font-size: 80%;}
.IBLBlock{
display:inline-block;padding:0px 5px;border-radius: 5px;
border: 2px solid rgba(73,73,73,1.00);}
.IBLBlock:hover{
background-color:rgba(73,73,73,1.00);
border: 2px solid rgba(3,163,31,1.00);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1); 
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);}




















button.OnOffAuto {cursor: pointer; cursor: hand;
position: relative;vertical-align: middle;
appearance: none; outline: none;
width: 100px; height: 30px;
background-color: #898989; border: 1px solid #D9DADC;
border-radius: 60px; padding:1px;
}



.OnOffAutoInnerON {
width: 100%; height: 100%;line-height: 22px;
background-color: #19B807;color:#fff;
border-radius: 50px; box-shadow: inset -40px 0 0 0 #333;
}

.OnOffAutoInnerON:before {content: "ON";font-size: 125%;position: absolute;left: 15px;} 


.OnOffAutoInnerOFF {
width: 100%; height: 100%;line-height: 22px;
background-color: #5A5C5A;color:#fff;
border-radius: 50px; box-shadow: inset 40px 0 0 0 #333;
}

.OnOffAutoInnerOFF:after {content: "OFF";font-size: 125%;position: absolute;right: 15px;}


.OnOffAutoInnerAUTO {
width: 100%; height: 100%;line-height: 22px;
background-color: #19B807;color:#fff;
border-radius: 50px; box-shadow: inset 0px 0 0 0 #333;
}

.OnOffAutoInnerAUTO:after {content: "AUTO";font-size: 125%;position: static;text-align: center;}




.OnOffAutoInnerPRINTER {
width: 100%; height: 100%;line-height: 22px;
background-color: #19B807;color:#fff;
border-radius: 50px; box-shadow: inset -40px 0 0 0 #333;
background-image: url('../cssimg/Light_printer.png');
background-repeat: no-repeat;
background-size: 25px 25px;
align-content: revert;
background-position: 15px 2px;
}

.OnOffAutoInnerPRINTER:before {font-size: 125%;position: absolute;left: 15px;}


.OnOffAutoInnerPRINTERoff {
width: 100%; height: 100%;line-height: 22px;
background-color: #19B807;color:#fff;
border-radius: 50px; box-shadow: inset -40px 0 0 0 #333;
background-image: url('../cssimg/Dark_printer.png');
background-repeat: no-repeat;
background-size: 25px 25px;
align-content: revert;
background-position: 58px 2px;
}

.OnOffAutoInnerPRINTERoff:after {font-size: 125%;position: absolute;right: 15px;}





button::file-selector-button, input[type="reset"], input[type="button"], input[type="submit"]{
font-family: Questrial, Glacial Indifference, Poppins, Helvetica, Arial Bold, sans-serif!important;}






@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}











/*
input:is([type="reset"],[type="button"], [type="submit"]){}
*/