#UserPassID {
	max-height: 30px;
}

.hoverColor{
	color: white;
	transition: 0.3s;
}

.hoverColor:hover{
	color: lightgreen;
	opacity: 0.95;
}

p.largeFont{
	font-size: 1.35em;
}

.btnService{
	background-color: black;
	color: white;
	transition: 0.3s;
}

.btnService:hover{
	background-color: black;
	color: lightgreen;
}

.blackButton {
	background-color: black;
	color: white;
}

.readOnly{
	background: #CCCCCC;
}

.cellMargin{

	padding-left: 150px;
	
}

.adminPass{
 	background: #D1D100;
}

.redFont{
	color: red;
}

.blackFont{
	color: black;
}

.whiteFont{
	color: white;
}

.yellowFont{
	color: yellow;
}

.negativeTopPadding{
	margin-top: -75px;
}

.negativeTopPaddingSmall{
	margin-top: -20px;
}

.topPadding1{
	padding-top: 1em;	
}

.topPadding2{
	padding-top: 2em;	
}

.topPadding3{
	padding-top: 3em;	
}

.topPadding4{
	padding-top: 4em;	
}

.topPadding5{
	padding-top: 5em;	
}

.bottomPadding5px{
	padding-bottom: 250px;
}

.bottomPadding1{
	padding-bottom: 1em;
}

.bottomPadding2{
	padding-bottom: 2em;
}

.bottomPadding3{
	padding-bottom: 3em;
}

.bottomPadding4{
	padding-bottom: 4em;
}

.bottomPadding5{
	padding-bottom: 5em;
}

.tempTopPadding{
	padding-top: 1em;
}

.leftPadding3{
	padding-left: 3em;
}

.noPaddingTop{
	padding-top: 0px;
	margin-top: 0px;
}

.noPaddingBottom{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.centerText{
	text-align: center;
}

.rightText{
	text-align: right;
}

.rightFloat {
	float: right;	
}

.leftText{
	text-align: left;
}

.leftInput{
	width: 10%;
	float: left;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.centerImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.image25{
	height: 25%;
	width: 25%;
}

.image95{
	height: 95%;
	width: 95%;
}

.post-wrap{
	border-radius: 25px;
	border: 3px solid black;
	box-shadow: 5px 10px;
}

.bareWith20{
	width: 20%;
}

.bareWidth50{
	width: 50%;
}

.width10Date{
	width: 15%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width15Plain{
	width: 15%;
}

.width1{
	width: 1%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width2{
	width: 2%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width5{
	width: 5%;
	float: left;
	margin-right: auto;
	margin-left: auto;	
}

.width8{
	width: 8%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width9{
	width: 9%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width10{
	width: 10%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width15{
	width: 15%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width20{
	width: 20%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width25{
	width: 25%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width29{
	width: 29%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width30{
	width: 30%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width33{
	width: 33%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width35{
	width: 35%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width38{
	width: 38%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width40 {
	width: 40%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width45 {
	width: 45%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width48 {
	
	width: 48%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	
}

.width49{
	width: 49%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width50{
	width: 50%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width50Right{
	width: 50%;
	float: right;
}

.width55{
	width: 55%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width60 {
	width: 60%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width62{
	width: 62%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width65 {
	width: 65%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width70{
	width: 70%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width75{
	width: 75%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width80 {
	width: 80%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width85 {
	width: 85%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width90{
	width: 90%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width95{
	width: 95%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.width100{
	width: 100%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.width100NoFloat{
	
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.innerSpace15{
	width: 15%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.space15{
	width: 15%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.space30{
	width: 30%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.space40{
	width: 40%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.space70{
	width: 70%;
	float: left;
	margin-right: auto;
	margin-left: auto;	
}

.centerText {
	text-align: center;
}

#footer {
	
	width: 100%;
	height: 45px;
	background-color: black !important;
	text-align: center;
	vertical-align: text-bottom;
	position: fixed;
	bottom: 0;
	z-index: 9990;
}

.z9998{
	z-index: 9998;
}

#header {
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.z1{
	z-index: 1;
}

.z2{
	z-index: 2;
}

.z3{
	z-index: 3;
}

.z4{
	z-index: 4;
}

body {
	/*height: 100%;*/
	font-family: Arial, sans-serif;
	z-index: 5;
}


.floatLeft {
	
	width: 49%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.bg { 
  background: url("../assets/img/global/main-bg.jpeg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 1;
}

.bgsupplement { 
  background: url("../assets/img/supplement-bg.jpeg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bgupdate { 
  background: url("../assets/img/update-bg.jpeg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.WideButton {
	width: 100px;
	height: 50px;
}

.divService {
	width: 20%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

#softwareRepair {
	border-radius: 15px;
	border-style: solid;
	border-width: 6px;
	width: 100%;
}

#computerRepair {
	border-radius: 15px;
	border-style: solid;
	border-width: 6px;
	width: 100%;
}

	.divService1{
		width: 15%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService3{
		width: 6%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService5{
		width: 15%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.divService2 {
		width: 32%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService4 {
		width: 32%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.imageFlex95 {
		width: 130%;
		height: 130%;
	}

@media only screen and (min-width: 1400px) {
	
	.divService1{
		width: 15%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService3{
		width: 6%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService5{
		width: 15%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.divService2 {
		width: 32%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService4 {
		width: 32%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.img-round-corner2 {
		border-radius: 25px;
		width: 15%;
		border: 4px solid grey;
	}

	.img-border {
		border-radius: 15px;
		border: 4px solid grey;
	}

	.big-img-border {
		border-radius: 25px;
		border: 7px solid white;
	}

	.smallShow{
		display: hidden;
	}
	
	.image25{
	height: 25%;
	width: 25%;
	}
	
	.imageSize{
		width: 25%;
	}

}

/* X-Large devices (large desktops, less than 1400px) */
@media only screen and (max-width: 1399.98px) {
	
	.divService1{
		width: 8%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService3{
		width: 4%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService5{
		width: 8%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.divService2 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService4 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.innerSpace15{
		width: 10%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.space15{
		width: 10%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.space30{
		width: 20%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space40{
		width: 60%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space70{
		width: 80%;
		float: left;
		margin-right: auto;
		margin-left: auto;	
	}
	
	.big-img-border {
		border-radius: 25px;
		border: 5px solid white;
	}
	
	.img-round-corner2 {
	border-radius: 22px;
	width: 15%;
	border: 3px solid grey;
	}
	
	.img-border {
		border-radius: 15px;
		border: 3px solid grey;
	}
	
	.width10Date{
		width: 20%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.smallShow{
		display: hidden;
	}
	
	.image25{
	height: 25%;
	width: 25%;
	}
	
	.imageSize{
		width: 35%;
	}
	
}

/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) {
 
	.divService1{
		width: 8%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService3{
		width: 4%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService5{
		width: 8%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.divService2 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService4 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
 
	
	 .img-round-corner2 {
		border-radius: 20px;
		width: 20%;
	}
 
	.width10Date{
		width: 25%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
 
	.smallField{
		width:40%;
	}
	
	.mediumPaddingLeft{
		padding-left: 5em;
	}
	
	.image25{
	height: 30%;
	width: 30%;
	}
 
}

/* Medium devices (tablets, less than 992px)*/
@media only screen and (max-width: 991.98px) {

	.divService1{
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService3{
		width: 10%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService5{
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.divService2 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService4 {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space15{
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.space30{
		width: 10%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space40{
		width: 80%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space70{
		width: 90%;
		float: left;
		margin-right: auto;
		margin-left: auto;	
	}
	
	.big-img-border {
		border-radius: 25px;
		border: 5px solid white;
	}

	.img-round-corner2 {
	border-radius: 18px;
	width: 25%;
	}

	.smallScreen {
		width: 100%;
		text-align:center;
	}

	.smallField {
		
		width: 70%;
		
	}

	.width10Date{
		width: 30%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.mediumPaddingLeft{
		padding-left: 5em;
	}
	
	.image25{
	height: 35%;
	width: 35%;
	}
	
	.imageSize{
		width: 40%;
	}
	
}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) { 


	.divService1{
		display: hidden;
	}
	
	.divService3{
		display: hidden;
	}
	
	.divService5{
		display: hidden;
	}

	.divService2 {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.divService4 {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.space15{
		width: 0%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space30{
		width: 0%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space40{
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space70{
		width: 80%;
		float: left;
		margin-right: auto;
		margin-left: auto;	
	}
	
	.big-img-border {
		border-radius: 25px;
		border: 5px solid white;
	}
	
	.width50a{
		width: 50% !important;
		float: left !important;
		margin-right: auto !important;
		margin-left: auto!important;
	}

	.img-round-corner2 {
	border-radius: 15px;
	width: 50%;
	}

	.smallScreen {
		width: 100%;
		text-align:center;
	}

	.width10Date{
		width: 35%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.smallField {
		
		width: 90%;
		
	}
	
	.mediumPaddingLeft{
		padding-left: 5em;
	}

	.image25{
	height: 40%;
	width:40%;
	}

	.centerPhone{
		text-align: center;
	}
	
	.imageSize{
		width: 50%;
	}

}

/* X-Small devices (portrait phones, less than 576px) */
 @media (max-width: 575.98px) {

	.centerPhone{
		text-align: center;
	}

	.width50a{
		width: 50% !important;
		float: left !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.smallDisplay{
		display: none;	
	}
	
	.smallPaddingLeft{
		padding-left: 5em;
	}
	
	.mediumPaddingLeft{
		padding-left: 25em;
	}
	
	.smallAlign{
		text-align: right !important;
	}

	.smallCenter{
		text-align: center !important;
	}

	.img-round-corner2 {
	border-radius: 5px;
	width: 75%;
	}

	body {
		min-height: 750px;
	}
	
	.smallBox{
		padding-bottom: 750px;
	}

	#footer {
		display: none;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 75px;
		background-color: black !important;
		text-align: center;
		padding-top: 10em;
	}

	#delimiter {
		display: none;
	}
	
	.width10Date{
		width: 50%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.smallScreen {
		width: 100%;
		text-align:center;
	}
	
	.ghostTopPadding2{
		padding-top: 2em;
	}
	
	.tempTopPadding{
		padding-top: 0em;
	}
	
	.image25{
		height: 60%;
		width: 60%;
	}
	
	#computerRepair{
		width: 85%;
	}
	
	#softwareRepair{
		width: 85%;
	}
	
	.cellPad {
		padding-top: 3em;
	}
	
	.imageSize{
		width: 70%;
	}
	
}