body {
	margin-top: 0px;
	background-color:#9bbfd6;
}

.container, .container-fluid {
	
}

#content {
	min-height: 400px;
	background-color:white;
	padding: 15px;
}

.black-spacer {
	padding-left: 1.1%;
	padding-right: 2%;
}

@media screen and (min-width: 768px) {
	.black-spacer {
		padding-left:9px;
		padding-right: 9px;
	}
}
@media screen and (min-width: 992px) {
	.black-spacer {
		padding-left:12px;
		padding-right: 12px;
	}	
}
@media screen and (min-width: 1200px) {
	.black-spacer {
		padding-left:15px;
		padding-right: 15px;
	}
}

.red, .error {
	color: #ff0000;
}

.wrapper {
	position: relative;
}

.centered-responsive {
	margin-left:auto;
	margin-right:auto;
}

.cent-resp {
	display:block;
	height: auto;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.righted-responsive {
	margin-right:0;
	margin-left:auto;
}

.bold {	font-weight: bold;} .italic {font-style: italic;} .underline {text-decoration:underline;}

/*a {	color: blue;text-decoration: none;} a:hover {color: blue;text-decoration: underline;}*/

@media screen and (max-width: 767px) {
	.xs-right {
		text-align: right !important;
	}
	.xs-inline {
		display:inline;
	}
}

.centered{text-align:center;}.righted{text-align:right}.lefted{text-align:left}

.mb-0 {margin-bottom:0;}.mb-5{margin-bottom:5px;}.mb-10{margin-bottom:10px;}.mb-15{margin-bottom:15px;}.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}.mb-30{margin-bottom:30px;}.mb-35{margin-bottom:35px;}.mb-40{margin-bottom:40px;}
.mt-0 {margin-top:0;}.mt-5{margin-top:5px;}.mt-10{margin-top:10px;}.mt-15{margin-top:15px;}.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}.mt-30{margin-top:30px;}.mt-35{margin-top:35px;}.mt-40{margin-top:40px;}
.pb-0 {padding-bottom:0;}.pb-5{padding-bottom:5px;}.pb-10{padding-bottom:10px;}.pb-15{padding-bottom:15px;}.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}.pb-30{padding-bottom:30px;}.pb-35{padding-bottom:35px;}.pb-40{padding-bottom:40px;}
.pt-0 {padding-top:0;}.pt-5{padding-top:5px;}.pt-10{padding-top:10px;}.pt-15{padding-top:15px;}.pt-20{padding-top:20px;}
.pt-25{padding-top:25px;}.pt-30{padding-top:30px;}.pt-35{padding-top:35px;}.pt-40{padding-top:40px;}

@media screen and (min-width: 768px) { /* width greater than or equal to 768  (>=sm) */
	.sm-left {text-align: left !important;}.sm-right{text-align:right !important;}.sm-center{text-align:center !important;}
	.xs-only {display:none;}
}

/* for sizing like bootstrap use
@media screen and (min-width: 768px) {}
@media screen and (min-width: 992px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1400px) {}
*/