/*
=================================================================
Structure
=================================================================
*/


#main_div {
	width:98%;
	margin:0 auto;
}

#clearzone {
	clear:both;
}

.copyright {
	color : #808080;
	font-size : 12px;
	margin-top : 10px;
}

/*
=================================================================
Link
=================================================================
*/

a:link {
	color: #3e83c9;
	text-decoration:none;
}



a:active {
	color: #3e83c9;
	text-decoration:none;
}



/*
=================================================================
Page Header
=================================================================
*/

#page_header {
	margin: 5px 10px 0px 10px;
	padding: 2px 5px 2px 5px;
	background:#ecf6fc;
	border-top:1px solid #bcd4ec;
	border-bottom:1px solid #bcd4ec;
}

#page_header .page_title {
	margin-right:10px;
	color:#3e83c9;
	font-size:100%;
	font-weight:bold;
}

#page_header .login_user_caption {
	font-size:100%;
	font-weight:normal;
	color:#3e83c9;
}

#page_header .login_user_name {
	font-size:100%;
	font-weight:bold;
	color:#3e83c9;
}

/*
=================================================================
Detail Page
=================================================================
*/

.column_caption {
	width: 20%;
	font-size: 100%;
	text-align: right;
	height:100%;
	float:left;
	padding: 5px 5px;	
}

.column_value {
	width: 78%;
	font-size: 100%;
	text-align: left;
	padding: 5px 5px;
	float:left;
	height:100%;
	
}

.column_caption_edit {
	width: 30%;
	font-size: 100%;
	text-align: right;
	height:100%;
	float:left;
	padding: 5px 5px;	
}

.column_value_edit {
	width: 65%;
	font-size: 100%;
	text-align: left;
	padding: 5px 5px;
	float:left;
	height:100%;
	
}

.column_caption_edit2 {
	width: 37%;
	font-size: 100%;
	text-align: right;
	height:100%;
	float:left;
	padding: 5px 5px;	
}

.column_value_edit2 {
	width: 58%;
	font-size: 100%;
	text-align: left;
	padding: 5px 5px;
	float:left;
	height:100%;
	
}

#checkboxes1 ul, #checkboxes2 ul {
  margin: 0;
  list-style: none;
  float: left;
  padding-left:10px;
}

.required {
	color: #FF0000;
}




/*
=================================================================
Info Box
=================================================================
*/

div.info_box {
	margin:20px 20px 10px 20px;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:left;
	color:#008000;
	border:1px #008000 solid;
	background-color:#e0ffe0
}

div.err_box {
	margin:20px 20px 10px 20px;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:left;
	color:#ff0000;
	border:1px #ff0000 solid;
	background-color:#ffe0e0
}

/*
=================================================================
Section
=================================================================
*/

.sect_title {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	color:#3e83c9;

	position:relative;
	top:10px;
	font-weight: bold;
}

/* Rounded Corner Box */

.sect_outer_box { margin-top:0px; margin-bottom:0px; width:80%; margin-left:auto; margin-right:auto;}
.sect_inner_box { padding:15px 15px 15px 15px; }
.sect_top { background: url("images/dot.gif") 0 0 repeat-x; }
.sect_bottom { background: url("images/dot.gif") 0 100% repeat-x; }
.sect_left { background: url("images/dot.gif") 0 0 repeat-y; }
.sect_right { background: url("images/dot.gif") 100% 0 repeat-y; }
.sect_top_left { background: url("images/tl.gif") 0 0 no-repeat; }
.sect_top_right { background: url("images/tr.gif") 100% 0 no-repeat; }
.sect_bottom_left { background: url("images/bl.gif") 0 100% no-repeat; }
.sect_bottom_right { background: url("images/br.gif") 100% 100% no-repeat; }
.sect_inner_box2 
{ 
	padding:15px 15px 15px 15px; 
	border-top: thin solid #3e83c9;	
}

/*
=================================================================
Icon Buttons
=================================================================
*/

.btn_icon_edit {
	margin:2px 0 0 0;
	/* border:1px solid red; */
}

.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.container { margin: 25px auto; position: relative; max-width: 900px; }
#content {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	max-width: 400px;
}

#content form input[type="text"],
#content form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url("images/8bcLQqF.png") no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}

#content2 {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow: 0 1px 0 #fff inset;
	-ms-box-shadow: 0 1px 0 #fff inset;
	-o-box-shadow: 0 1px 0 #fff inset;
	box-shadow: 0 1px 0 #fff inset;
	border: 1px solid #c4c6ca;
	margin: 0 auto;
	padding: 25px 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	max-width: 600px;
}

#content2 form input[type="text"],
#content2 form input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #eae7e7 url("images/8bcLQqF.png") no-repeat;
	border: 1px solid #c8c8c8;
	color: #777;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content2 form input[type="text"]:focus,
#content2 form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 1px solid #ed1c24;
	outline: none;
}

#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }

#content form div a {
	color: #004a80;
    float: right;
    font-size: 12px;
    margin: 30px 15px 0 0;
    text-decoration: underline;
}

#content2 form div a {
	color: #004a80;
	float: right;
	font-size: 12px;
	margin: 30px 15px 0 0;
	text-decoration: underline;
}

.editOption{
    width: 90%;
    height: 24px;
    position: relative;
    top: 15px

}


.search-results-mobile {
	display:none;
}

.search-results-mobile li{
	border-color: #6986a0;
}

.search_results {
	position: relative;
	max-width: 97%;
	max-height: 75vh;
}

.search-results-web-orders {
	max-height: 75vh;
}

.card, .card-header, .card-body {
	border-color: #95bce2 !important;
}



@media screen and (max-width: 900px) {
	.search_results {
		display: none !important;
	}
	.search-results-web-orders {
		display: none !important;
	}
	.search-results-mobile {
		display: block !important;
	}
}

/*
=================================================================
END OF FILE
=================================================================
*/