body { background: url('/images/bg2.png'); font-size: 14pt; }

.red { color: red; }
.green { color: #080; }
.white { color: white; }
.grey { color: #C0C0C0; }

.bg-red { background-color: #FCACB9; }
.bg-white { background-color: white; } 

.font-normal { font-weight: normal; }
.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }

.inline { display: inline; }
.inline-block { display: inline-block; }

.relative { position: relative; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.no-border { border: 0px !important; }

.p-left-5 { padding-left: 5px !important; }
.p-left-15 { padding-left: 15px !important; }
.p-left-30 { padding-left: 30px !important; }
.p-left-45 { padding-left: 45px !important; }

.m-left-05em { margin-left: 0.5em !important; }
.m-left-10 { margin-left: 10px !important; }
.m-left-50 { margin-left: 50px !important; }
.m-left-100 { margin-left: 100px !important; }
.m-right-5 { margin-right: 5px !important; }
.m-right-20 { margin-right: 20px !important; }
.m-bottom-5 { margin-bottom: 5px !important; }
.m-bottom-15 { margin-bottom: 15px !important; }
.m-top-15 { margin-top: 15px !important; }
.m-top-5 { margin-top: 5px !important; }

.p-right-15 { padding-right: 15px !important; }
.p-bottom-5 { padding-bottom: 5px !important; }
.p-top-5 { padding-top: 5px !important; }
.p-top-15 { padding-top: 15px !important; }
.p-top-20 { padding-top: 20px !important; }
.p-10 { padding: 10px; }
.p-5 { padding: 5px; }

.w-100 { width: 100px; }
.w-150 { width: 150px; }
.w-500 { width: 500px; }
.w-380 { width: 380px; }

.wp-49 { width: 49% !important; }
.wp-10 { width: 10% !important; }
.wp-33 { width: 33% !important; }
.wp-63 { width: 63% !important; }
.wp-100 { width: 100% !important; }

.lh-25 { line-height: 25px; }
.lh-36 { line-height: 36px; }
.lh-14 { line-height: 14px; }

.v-align-top { vertical-align: top; }
.v-align-middle { vertical-align: middle !important; }

.h-50 { height: 50px; }

.hp-100 { height: 100%; } 

.cleaner { clear: both; height: 1px; width: 1px; float: none; display: block;}
.no-wrap { white-space:nowrap; }
.pointer { cursor: pointer; }
.hidden { display: none; }

.f-left { float: left; }
.f-right { float: right !important; }
.f-none { float: none !important; }

.a-right { text-align: right !important; }
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }

.f-size-11 { font-size: 11px; }
.f-size-12 { font-size: 12px; }
.f-size-13 { font-size: 13px; }

/** overides **/

.wizard > .steps > ul > li { width: 50%; }
.wizard > .steps > ul > li { width: 50%; }
.wizard > .steps span.number { display: none; }
.wizard > .content { min-height: 22.7em; }

/** styles **/

.pop-max-height { max-height: 400px; overflow-y: auto; }

.alert { margin: 15px 0 0 0; }

.container-fluid { padding: 0px; }

.form-signin { padding: 0px;  margin: 0 auto;  margin-top: 50px; }
.form-signin .img { text-align: center; }
.form-signin .img img { margin: 0px auto; max-width: 280px; }
.form-signin h2 { text-align: center; color: #646464; }
.form-signin .form-control {  position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px;  }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="password"] { margin-bottom: 10px; }

.header-row { 
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc; 
	border-bottom: 1px solid #C8C8C8; 
	overflow: hidden; 
	line-height: 34px; 
	height: 45px; 
	font-size: 15px; 
	color: #000; 
	padding: 3px 0px 6px 0px;
}
.header-row .desc-col { overflow: hidden; padding: 0px 30px 0px 30px;  padding-top: 3px; }

#new-modal .modal-body { font-size: 14px; }

.label-gray { margin-top: 7px; color: #7E7E7E; font-weight: normal; }
.ob-text textarea { height: 362px; }

.orders-comp label { margin-bottom: 0.5em !important; }

.order-list { padding-top: 15px; }
.order-list .order { border: 1px solid #C4C4C4; border-radius: 3px; padding: 5px 10px;  background: #FFF; margin-top: -1px;}
.order-list .order .row11 { line-height: 1.3em; overflow: hidden; font-size: 0.8em; }
.order-list .order .row1 { height: 1.3em; line-height: 1.3em; overflow: hidden; font-size: 0.8em; }
.order-list .order .row2 { line-height: 1em; font-size: 0.6em; }
.order-list .order .row3 { line-height: 1em; font-size: 0.6em; }
.order-list .order .row4{ padding-top: 10px;  padding-bottom: 10px; }

#order-modal { font-size: 0.8em; }
#order-modal .p1 { height: 1.1em; line-height: 1.1em; font-size: 0.8em; }
#order-modal .p2 { height: 1.1em; line-height: 1.1em; font-size: 0.8em; }
#order-modal .p5 { height: 1.1em; line-height: 1.1em; font-size: 0.8em; }
#order-modal .p6 { height: 1.1em; line-height: 1.1em; font-size: 0.8em; }


.icon {
	width: 22px;
    height: 22px;
    position: relative

}