@charset "utf-8";
/* -----------------------
Dashboard Info
-------------------------- */

.d_box { margin-right: 2em; }
.d_text { text-transform: uppercase; padding: .4em 0em; }
.d_number { letter-spacing: -1px; display: block; padding: 0em 0em; font-weight: normal; font-size: 2.8em; color: #666; }

.d_header { border-bottom: 1px solid #888; color: #fff; font-size: 1.2em; font-weight: bold; text-transform: uppercase; background: #666; text-align: center; padding: .5em 0em; border-top-left-radius: .6em; border-top-right-radius: .6em; }
.d_content { background: #eaeaea; text-align: center; padding: 1em 0em 2em 0em; border-bottom-left-radius: .6em; border-bottom-right-radius: .6em; }
.d_growth { font-size: 1.2em; padding: 0em .35em; }

/* ------------------------------------------------------------------------ */

.rbb { border-right: 4px solid #ccc; }
.hdbo { background: #333; font-weight: bold; padding: .5em; color: #fff; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.hdb { background: #ddd; font-weight: bold; padding: .5em 1em; color: #333; border-top: 1px solid #999; border-bottom: 1px solid #999; border-radius: .2em; }

.hnmo { padding: 1em 0em; color: #666; }
.hnm { padding: 1em 1em; color: #666; border: 1px solid #666; border-radius: 1em; margin: 1em; box-shadow: .3em .3em #ddd;
background: rgb(168,195,149);
background: linear-gradient(180deg, rgba(168,195,149,1) 0%, rgba(224,230,216,1) 24%, rgba(255,255,255,1) 100%);
}
.hxn { padding: 0em .5em; color: #000; font-weight: bold; border-bottom: 1px solid #ccc; }
.hvl { padding: 0em .1em; font-size: 2.7em; color: #666; letter-spacing: -1px; font-weight: bold; }
.hvs { padding: 0em .1em; font-size: 2em; color: #666; letter-spacing: -1px; font-weight: bold; }
.nm_lbl { font-size: .4em; letter-spacing: 0px; }

.unti { border-bottom: 4px solid #ccc; margin-bottom: 2em; padding-bottom: 2em; }
.untx { border-bottom: 4px solid #ccc; margin-bottom: 2em; padding-bottom: 2em; }

.lotnum { margin-bottom: 1em; }
.descunit { margin-top: .5em !important;  }
.descunit td { padding: .7em 0.5em 0em .5em !important; border-bottom: 1px solid #ddd; }

.tagnum { font-size: 2em; }

/* ------------------------------------------------------------------------ */

.pabr { padding-top: 3em; }

/* ------------------------------------------------------------------------ */

.codeunit { border: 5px solid #CCC; width: 45%; float: left; margin-right: 3%; margin-bottom: 3%; padding: 1em; }
.codeunitc { border: 5px solid #add6ff; width: 45%; float: left; margin-right: 3%; margin-bottom: 3%; padding: 1em; }
.codeqr { float: left; margin-right: 2%; }
.codert { overflow: hidden; margin-top: 6%; margin-right: 2% }
.codenm { font-size: 2.5em; font-weight: bold; }
.codesc { font-size: 3em; font-weight: bold; }
.codeds { font-size: 2em; font-weight: bold; }

/* ------------------------------------------------------------------------ */

.dashbox { margin-top: 1.5em; }
.dashrow { padding: 1em 0 0 0; }
.dashunit { padding: 1em 0 0 0; border-bottom: 5px solid #c44e25; }
.dashwidget { position: relative; overflow: hidden; display: inline-block; background: #fff; box-shadow: #ddd 4px 4px; border: 1px solid #069; margin: 0 1em 1em 0; }
.dash10 { width: 9.5% !important; }
.dash12 { width: 11.5% !important; }
.dash15 { width: 15% !important; }
.dash20 { width: 18.5% !important; }
.dash25 { width: 28.5% !important; }
.dash30 { width: 31.5% !important; }
.dash40 { width: 38% !important; }
.dash50 { width: 47.8% !important; }
.dash60 { width: 59.8% !important; }
.dash90 { width: 87.8% !important; }
.dashfull { width: 98.8% !important; }

.totline { border-top: 1px solid #333; border-bottom: 1px double #333; }

.fld { float: left; padding-right: 1em; margin-right: 1em; }
.fl { float: left; padding-right: .5em; width: 42%; }
.flf { float: left; padding-right: 1em; }

.bdr { border: 3px solid #ddd; padding: 1em 1em 2em 1em;  }

.divider { border-top: 4px solid #090; }
.year_unit { border-top: 1px solid #ddd; }

.item { padding: .2em; border: 1px solid #777; margin-right: 2em; margin-top: 2em; box-shadow: 4px 4px #eee; min-height: 300px !important; }
.item_header { padding: .6em; color: #666; background: #eee; font-size: 1em; text-transform: none; font-weight: bold; }
/* .item_header { padding: .3em .6em; color: #fff; 	background: #376275; font-weight: bold; 
	background: rgb(55,98,117);
	background: linear-gradient(180deg, rgba(55,98,117,1) 54%, rgba(82,141,172,1) 100%);	
 font-size: 1.2em; text-transform: none; font-weight: bold; } */
.item_content { min-height: 220px; padding: 0em .4em .4em .4em; font-weight: bold; }
.h300 { min-height: 350px; }

.vpad10 { padding-bottom: 2em; padding-top: 2em; }

.raq { margin: 0em .5em; }
.ptr { cursor: pointer; }

.ci_head { border-bottom: 2px solid #ccc; margin-bottom: 1em; font-weight: bold; text-transform: uppercase; }
.ci_unit { margin-bottom: 1em; }
.ci_unit_head { padding: .4em .5em; background: #eee; color: #666; font-weight: bold; }
.ci_unit_info { font-weight: bold; font-size: 2em; letter-spacing: -1px; margin-top: .1em; }
.ci_sm_units { margin-left: .4em; font-size: .5em; font-weight: normal; color: #666; letter-spacing: 0; }

#lett { padding: .2em .4em !important; }
#narrowsuppliers strong { letter-spacing: normal !important; }
input[name='narrbtn'] { color: #fff; font-weight: bold; border: none; padding: .3em .5em; background: rgb(168,195,149);
background: linear-gradient(180deg, rgba(168,195,149,1) 0%, rgba(63,64,62,1) 0%, rgba(126,125,125,1) 100%) !important; border-radius: .2em !important; }

#ordby { float: right; text-transform: uppercase; }

.unt_container { margin: 1em 0em; width: 97.5%;  }
.unt { padding: 0em; border: 1px solid #d2e7bc; margin-right: 1em; margin-top: 1em; box-shadow: 4px 4px #eee; }

.dbtns { padding: 1em .5em; }
.dbtns a { padding: .3em .5em; }

.unt_content { color: #666; overflow: hidden; padding: .3em .4em .2em 1em; font-size: 2.3em; font-weight: bold; background: url(images/contentbg.png) right bottom no-repeat; }
.useg { margin-right: 1em; padding: 0em; box-shadow: 4px 4px #ddd; margin-bottom: 1.5em; }
.unt_icon { float: left; padding: 1em; font-size: 2em; }
.unt_header { color: #506b29; font-size: .5em; }

.bgorg { background: #ca7802; color: #fff; }
.bgorglight { background: #e08401; color: #fff; }
.bggrey { background: #444; color: #fff; }
.bggreylight { background: #555; color: #fff; }
.bgblue { background: #3d93de; color: #fff; }
.bgbluelight { background: #42a5f6; color: #fff; }
.bggreen { background: #628C36; }
.bggreenlight { background: #729f42; color: #fff; }
.bgpurple { background: #675ca8; }
.bgpurplelight { background: #7266ba; color: #fff; }
.bgpink { background: #de5475; }
.bgpinklight { background: #f75d81; color: #fff; }
.bgred { background: #c00; }
.bgredlight { background: #d00; color: #fff; }

.bggradeen {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 
	background: rgb(102,102,102);
	background: linear-gradient(180deg, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);	*/
	
	background: rgb(250,250,250);
	background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(238,238,238,1) 100%);
	border: 1px solid #ccc;	
}

.ubord { border: 1px solid #333; min-height: 300px; border-radius: 1em; overflow: hidden; margin-right: 1%; }
.utitle { padding: .6em 0em; font-weight: bold; background: #f9f9f9; color: #333; font-size: 1.3em; }
.uconts { height: 200px; width: 97% !important; }

.borg { border-bottom: 1px solid #ca7802; }
.bblue { border-bottom: 1px solid #3d93de; }
.bppl { border-bottom: 1px solid #675ca8; }
.bpnk { border-bottom: 1px solid #de5475; }
.bred { border-bottom: 1px solid #c00; }

.bt { border-top: 3px solid #069; }
.btg { }
.bdtorg { border: 1px solid #c44e25; }
.bdblue { border: 1px solid #069; }
.bdgrey { border: 1px solid #666; } 
.lbbg { background: #f5fdff !important; border-left: 5px solid #069; }
.ybbg { background: #fffbe8 !important; border-left: 5px solid #069; }

.dw_n1 { font-size: 3em; font-weight: normal; display: inline-block; letter-spacing: -2px; margin-right: 0em; padding: 4px 10px 4px 15px; }
.dw_l1 { color: #63C; font-weight: bold; }
.dw_x1 { font-size: 1em; display: inline-block; }
.dw_lk1 { font-weight: bold; }
.dw_icn {
	transition: all .3s linear;
    position: absolute;
    top: 36px;
    right: -6px;
    z-index: 0;
    font-size: 50px;
    color: rgba(0,0,0,0.15);
}

.dw_rl { float: right; }
.dw_hdr { display: none; padding-left: 1em; padding: 7px 10px; border-bottom: 1px solid #333; font-weight: bold; color: #fff; letter-spacing: 0px; font-size: .8em; text-transform: uppercase;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: #506b29; /* Old browsers */
	background: -moz-linear-gradient(top, #506b29 22%, #628c36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #506b29 22%,#628c36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #506b29 22%,#628c36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#506b29', endColorstr='#628c36',GradientType=0 ); /* IE6-9 */	

}
.dw_hdi { background: #fff  url(images/igrad.png) left top repeat-x; border-bottom: 1px solid #333; text-align: center; padding: 5px; font-size: .8em; text-transform: uppercase; }
.dw_hdr a { color: #fff; }
.dw_cnt { padding: 1em; }

.dw_section { vertical-align: text-top; display: inline-block; max-width: 29%; border: 1px solid #ddd !important; background: #fff; padding: .5em; margin: 0 .5em .5em 0em; }
.dw_section_hdr { font-size: 1em; padding: .5em .5em; background: rgb(196,78,37);
background: linear-gradient(180deg, rgba(196,78,37,1) 16%, rgba(164,65,31,1) 55%); color: #fff; }
.dw_section_hdri { font-size: .9em; padding: .3em .5em; background: #628c36; color: #fff; margin-bottom: 2em; text-transform: uppercase; }
.dw_section_hdr { background: #eee; color: #666; border-bottom: 1px solid #ccc; padding: .3em .2em .1em .6em; }
.dw_section_inf { margin: 0em 0em 1em 0em; }
.dnum { letter-spacing: -1px; font-size: 2.1em; font-weight: normal; padding-top: .3em; }

.dw_section_main_hdr { font-size: 1.5em; padding: .3em 0em; background: #fff; color: #666; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; }
.main_data { border-bottom: 4px solid #ddd; margin-bottom: 2em; padding-bottom: 2em; }

.idash { width: 50%; }

.summ_item { display: inline-block; margin-right: 2em; }
.summ_hdr { display: inline-block; background: #eee; font-size: 1em; font-weight: normal; padding: .3em .4em; }

.dgrid { display: table; width: 100%; }
.dw_hedr { padding-left: 1em; padding: 3px 5px; border-bottom: 0px solid #eee; font-weight: normal; color: #069 !important; letter-spacing: 0px; font-size: 1.1em; text-transform: uppercase; letter-spacing: -1px; }
.dw_option { display: table-cell; border: 1px solid #ddd !important; background: #fff; padding: .5em; margin: 0 .5em .5em 0em; }

.padt { padding-top: 2em;  }

.xsm { font-size: .8em !important; }
.xsmi { font-size: 1em !important; }

.lt_disp {
	width: 200px;
	border-right: 4px solid #eee;
	padding-right: 30px;
	margin-right: 30px;	 
	float: left;
}

.rt_disp {
	overflow: hidden;
}

.clopt { font-size: .85em; border-top: 1px solid #ddd; font-weight: bold; padding: .6em 0em; text-transform: uppercase; }
.clopt a { color: #06C; }

.dfx { width: 100% !important; border: 1px solid #eee !important; }

.endline { border-top: 1px solid #333; }

.mv4 { margin: 1em 0em !important; }

.sm_hdr { border-top: 1px solid #666; border-bottom: 1px solid #666; padding: .4em 0em; text-transform: uppercase; font-weight: bold; color: #cd6641; margin-bottom: 1em; }

/* MOX 
------------------------------------------- */

.bg_grey { background: #eee; width: 100%; height: 100%; padding: .5em; }
.dash_box { background: #fff; padding: .5em 0em; border-right: 3px solid #ddd; }
.dash_unit { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 3px solid #ddd; }

.with_inventory { border-top: 4px solid #ddd; padding: 0em 0em 2em 0em; }
.wi_hdr { font-size: 1.3em; font-weight: bold; padding: 1em 0em; color: #78b846; }

.wi_pod { padding-left: 1em; width: 23%; float: left; margin-right: 2em; margin-bottom: 2em; padding-bottom: 1em; border: 1px solid #eee; background: url(images/contentbgbig.png) right bottom no-repeat; }
.wi_inv { font-size: 1.7em; font-weight: bold; letter-spacing: -1px; }
.wi_unit { padding-left: .4em; font-size: 10px; color: #666; letter-spacing: 0px; }
.wi_name { background: #fafafa; font-weight: bold; font-size: 1.6em; letter-spacing: -0.5px; height: 30px; border-bottom: 1px solid #666; border-top: 1px solid #666; margin-bottom: 1em; }
.wi_name a { color: #5d3e12; }
.mr1 { margin-right: 1em; }

.wi_pic { float: left; margin-right: 0.5em; text-align: right; }
.wi_pic i { font-size: 2em; color: #C63; }
.wi_dat { overflow: hidden; }

.wi_num { display: inline-block; margin-right: 1em; }

.mcm { border-left: 4px solid #eee; }
.iconlg { font-size: 1.2em; }

#selectedbox {}
.selectedbox { border: 2px solid #666; padding: 1em; background: #fff; width: 250px; position: fixed; right: 2em; top: 140px;  }
.sid_form {}
.sid_form .rnm { width: 100% !important; }
.sid_form input, .sid_form textarea, .sid_form select { width: 100%; padding: 2px; border: 1px solid #666; box-shadow: 2px 2px #ddd; }
#payform { display: none; }

.tgf { 
	background: rgb(98,140,54) !important;
    background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,42,1) 55%) !important;
	color: #fff !important;
}

.hdr .rb { border: 1px solid #666 !important; }

/* ---------------------------------------- */

.farmname { font-size: 2.4em; font-weight: bold; color: #cd6641; padding-bottom: .4em; text-transform: uppercase; margin-top: 0; }

/* ======================================================================================================== */

.bggraddef {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(98,140,54);
	background: linear-gradient(180deg, rgba(98,140,54,1) 0%, rgba(121,179,66,1) 100%);	
	color: #fff !important;
}

.bggradgrey {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(207,207,207);
	background: linear-gradient(180deg, rgba(207,207,207,1) 0%, rgba(194,194,194,1) 100%);
	color: #ccc !important;
}

.bggraddark {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(63,63,63);
	background: linear-gradient(180deg, rgba(63,63,63,1) 0%, rgba(94,94,94,1) 100%);
	color: #fff !important;
}

.bggradeen {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(98,140,54);
	background: linear-gradient(180deg, rgba(98,140,54,1) 0%, rgba(121,179,66,1) 100%);	
	color: #fff !important;
}

.bggradgreen {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(63, 107, 16);
	background: linear-gradient(180deg, rgba(63, 107, 16,1) 0%, rgba(44, 74, 11) 100%);	
	color: #fff !important;
}

.bggradred {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(121,4,4);
	background: linear-gradient(180deg, rgba(121,4,4,1) 0%, rgba(204,0,0,1) 100%);
	color: #fff !important;
}

.bggradorg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(156,79,2);
	background: linear-gradient(180deg, rgba(156,79,2,1) 0%, rgba(204,102,0,1) 100%);
	color: #fff !important;
}

.bggradblue {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100 */
	background: rgb(20,57,111);
	background: linear-gradient(180deg, rgba(20,57,111,1) 0%, rgba(37,102,196,1) 100%);
	color: #fff !important;	
}

.bggraddef, .bggradgrey, .bggraddark, .bggradeen, .bggradgreen, .bggradred, .bggradred, .bggradorg, .bggradblue {
	border-radius: 1em;	
}

.noassert {
	background: rgb(221,221,221);
	background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 22%);
}

.borg { border-bottom: 4px solid #ca7802; }
.bgrn { border-bottom: 4px solid #79b342; }
.bgry { border-bottom: 4px solid #bbb; }
.bblue { border-bottom: 4px solid #3d93de; }
.bppl { border-bottom: 4px solid #675ca8; }
.bpnk { border-bottom: 4px solid #de5475; }
.bred { border-bottom: 4px solid #c00; }

.bt { border-top: 3px solid #069; }
.btg { }
.bdtorg { border: 1px solid #c44e25; }
.bdblue { border: 1px solid #069; }
.bdgrey { border: 1px solid #666; } 
.lbbg { background: #f5fdff !important; border-left: 5px solid #069; }
.ybbg { background: #fffbe8 !important; border-left: 5px solid #069; }

/* ======================================================================================================== */

@media screen and (max-width: 767px) {
	
	.dw_section_hdr { font-size: .7em; padding: .3em .5em; background: #eee; color: #666; }
	.dw_section_inf { margin: .5em 0em 1em 0em; }
	.dnum { letter-spacing: -1px; font-size: 1.2em;  }
	
	.idash { width: 100%; }
	.dash30 { width: 100% !important; float: none; }
	.dashm30 { width: 50% !important; float: left; }
	
	.dw_option { width: 100% !important; }
		
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	
	.dw_section_hdr { font-size: .7em; padding: .3em .5em; background: #eee; color: #666; }
	.dw_section_inf { margin: .5em 0em 1em 0em; }
	.dnum { letter-spacing: -1px; font-size: 1.4em;  }
	
	.idash { width: 100%; }
	.dashm30 { width: 50% !important; float: left; }
	
	.dw_option { width: 100% !important;
	
}

@media screen and (min-width: 1100px) {
	
	.dashm30 { width: 50% !important; float: left; }
	
}