/*---------------------------------------
	[Generic.css]
	Project:		Edge CTP
	Version:		1.0
	Built:	        01/01/2017	
---------------------------------------*/

 /*--------------------------- Background-Colors  / Colors -----------------------*/ 
 /*----------------------------Typeography----------------------*/
 /*--------------------------- Font-Size -----------------------*/
 /*--------------------------- Height --------------------------*/
 /*--------------------------- Width --------------------------*/
 /*--------------------------- Borders -----------------------*/
 /*--------------------------- Margins / Paddings -----------------------*/ 
 /*--------------------------- Top / Bottom / Right / Left --------------*/ 
 /*--------------------------- Media Queries-----------------------*/

.floatRight { float: right; }
.floatLeft { float: left; }
.floatNone { float: none; }
 /*----------------------Background-Colors-----------------------*/
.bgNone { background-color: none; background: none; }
.bgRed { background-color: red;  }
.bgGrey { background-color: #eeeeee; }
.bgWhite { background-color: #fff; }
.bgPink { background-color: #FFC3E1; }
.bgOrange { background-color: rgb(240, 201, 81); }
.bgBlue { background-color: #66ccff; }
.bgInfo { background-color: #66ccff; }
.bgPrimary { background-color: #6699cc; }
.bgWarning { background-color: #f0ad4e; }
.bgSuccess { background-color: #66cc99; }
.bgDanger { background-color: #ff6666; }


.bgRoyal { background-color: #22D69D; }
.bgCaution { background-color: #fcb2aa; }
.bghighlight { background-color: #FFB65F; }
.bgAction { background-color: #4FC1E9; }
.bgGray { background-color: #DCDCDC; }
.bgBlue { background-color: #53cadf; }
.bgReddish { background-color: #bd3632; }
.bgGreen { background-color: #92d050; }
.bgDarkGreen { background-color: #5bb75b; }

.bgNavajowhite { background-color: #FFDEAD; }
.bgDarkturquoise { background-color: #00CED1; }
.bgRosybrown { background-color: #BC8F8F; }
.bgLightTeal { background-color: #75a9c7; }
.bgBurlywood { background-color: #DEB887; }
.bgDeepskyblue { background-color: #75c4ff; }
.bgCyan { background-color: #c9f5fd; }
.bgOlive { background-color: #808000; }
.bgGoldenrod { background-color: #DAA520; }
.bgGold { background-color: #FFD700; }
.bgDarkkhaki { background-color: #BDB76B; }
.bgYellow { background-color: #f9fa08; }
.bgOrchid { background-color: #da70d6; }
.bgYellowGreen { background-color: #9acd32; }
.bgOliveDrab { background-color: #6b8e23; }
.bgEastSide { background-color: #B18DCC; }
.bgRedkBown { background-color: #89545f; }
.bgOliveYellow { background-color: #dcd99c; }

.pos-relative { position: relative; }
.pos-Absolute { position: absolute; }
/*---------------------------Colors--------------------------*/
.colorGray { color: #7f7f7f; }
.colorLGray { color: #AFAFAF; }
.colorDarkGray { color: #666666; }
.colorBlack { color: #000000; }
.colorMineShaft { color: #333333; }
.colorWhite { color: #ffffff; }
.colorRed { color: #C00000; }
/*.colorBlue { color: #0070C0; }*/
.colorBlue {
	color: #FB8678;
}
.colorhighlightflat { color: #ed7d31; }
.colorRoyalflat { color: #2eca98; }
 /*---------------------------Typeography--------------------*/
.alignCenter { text-align: center; }
.alignCenterImp { text-align: center !important; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignJustify { text-align: justify; }
.fontBold { font-weight: bold !important; }
.font500 { font-weight: 500; }
.font600 { font-weight: 600; }
.fontNormal { font-weight: normal; }
.clrLeft {clear: left; }
.clrRight {clear: right; }
.clrBoth {clear: both; }
.lineHeight10 { line-height: 10px; }
.lineHeight15 { line-height: 15px; }
.lineHeight20 { line-height: 20px; }
.lineHeight25 { line-height: 25px; }
.lineHeight30 { line-height: 30px; }
.lineHeight40 { line-height: 40px; }
.lineHeight50 { line-height: 50px; }
 /*---------------------------Font-Size-----------------------*/
.font7 { font-size: 7px;}
.font8 { font-size: 8px;}
.font9 { font-size: 9px;}
.font10 { font-size: 10px;}
.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 { font-size: 15px;}
.font16 { font-size: 16px;}
.font17 { font-size: 17px;}
.font18 { font-size: 18px;}
.font19 { font-size: 19px;}
.font20 { font-size: 20px;}
.font30 { font-size: 30px;}
.font35 { font-size: 35px;}
.fontinherit { font-size: inherit;}
.fontsmall { font-size: small;}
.fontsmaller { font-size: smaller;}
.fontmedium { font-size: medium;}
.fontlarge { font-size: large;}
.fontlarger { font-size: larger;}
.fontXlarge { font-size: x-large;}
.section-header{font-size:12px !important;}
.field-label{font-size:11px !important; color:#000000 !important; font-weight:bold !important;}
.sup-styling{font-size:8.5px !important; color:#404040 !important; }
.table-note{font-size:12px !important; color:#404040 !important; }
.table-header{font-size:10px !important; font-weight:bold !important;}

/*---------------------------------------------------------- Height ---------------------------------------------------------*/
.height10 { height: 10px; }
.height20 { height: 20px; }
.height22 { height: 22px; }
.height25 { height: 25px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height70 { height: 70px; }
.height75 { height: 75px; }
.height76 { height: 76px; }
.height100 { height: 100px; }

.minHeight10 { min-height: 10px; }
.minHeight20 { min-height: 20px; }
.minHeight30 { min-height: 30px; }
.minHeight40 { min-height: 40px; }
.minHeight50 { min-height: 50px; }
.minHeight100 { min-height: 100px; }
.minHeight200 { min-height: 200px; }
.minHeight400 { min-height: 400px; }
.minHeight500 { min-height: 500px; }
.minHeight600 { min-height: 600px; }
.minHeight700 { min-height: 600px; }
.minHeight800 { min-height: 800px; }
.minHeight900 { min-height: 900px; }
.minHeight1000 { min-height: 1000px; }

.maxHeight10 { max-height: 10px; }
.maxHeight16 { max-height: 16px; }
.maxHeight20 { max-height: 20px; }
.maxHeight30 { max-height: 30px; }
.maxHeight40 { max-height: 40px; }
.maxHeight50 { max-height: 50px; }
/*---------------------------------------------------------- Width ---------------------------------------------------------*/
.width10 { width: 10px; }
.width21 { width: 21px; }
.width20 { width: 20px; }
.width30 { width: 30px; }
.width40 { width: 40px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width75 { width: 75px; }
.width85 { width: 85px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width115 { width: 115px; }
.width120 { width: 120px; }
.width140 { width: 140px; }
.width145 {	width: 145px; }
.width150 { width: 150px; }
.width160 { width: 160px; }
.width165 { width: 165px; }
.width170 { width: 170px; }
.width185 { width: 185px; }
.width200 { width: 200px; }
.width250 { width: 250px; }

.minWidth10 { min-width: 10px; }
.minWidth20 { min-width: 20px; }
.minWidth30 { min-width: 30px; }
.minWidth40 { min-width: 40px; }
.minWidth50 { min-width: 50px; }
.minWidth60 { min-width: 60px; }
.minWidth70 { min-width: 70px; }
.minWidth80 { min-width: 80px; }
.minWidth90 { min-width: 90px; }
.minWidth100 { min-width: 100px; }
.minWidth110 { min-width: 110px; }
.minWidth120 { min-width: 120px; }
.minWidth125 { min-width: 125px; }
.minWidth130 { min-width: 130px;}
.minWidth150 { min-width: 150px; }
.minWidth160 { min-width: 160px; }
.minWidth170 { min-width: 170px; }
.minWidth180 { min-width: 180px; }
.minWidth190 { min-width: 190px; }
.minWidth200 { min-width: 200px; }
.minWidth220 { min-width: 220px; }
.minWidth230 { min-width: 230px; }
.minWidth240 { min-width: 240px; }
.minWidth255 { min-width: 255px; }
.minWidth275 { min-width: 275px; }
.minWidth300 { min-width: 300px; }
.minWidth310 { min-width: 310px; }
.minWidth320 { min-width: 320px; }
.minWidth325 { min-width: 325px; }
.minWidth330 { min-width: 330px; }
.minWidth350 { min-width: 350px; }
.minWidth600 { min-width: 600px; }

.maxWidth10 { max-width: 10px; }
.maxWidth20 { max-width: 20px; }
.maxWidth30 { max-width: 30px; }
.maxWidth40 { max-width: 40px; }
.maxWidth50 { max-width: 50px; }
.maxWidth70 { max-width: 70px; }
.maxWidth80 { max-width: 80px; }
.maxWidth100 { max-width: 100px; }
.maxWidth110 { max-width: 110px; }


/*---------------------------------------------------------- Width In Percentage ---------------------------------------------------------*/

.w100 { width:100%; }
.w2 { width: 2.5% !important; }
/*-------------------------------------------------------------- Borders --------------------------------------------------------------*/
.borderNone { border: 0px; }
.border { border: 1px solid #CCCCCC; }
.borderTop { border-top: 1px solid #CCCCCC; }
.borderTop0 { border-top: 0px none; }
.borderTopOnly { border: 1px 0px 0px 0px; border-color: #CCCCCC; border-style:solid; }

.borderBtm { border-bottom: 1px solid #CCCCCC; }
.borderBtm0 { border-bottom: 0px none; }
.borderBtmOnly { border: 0px 0px 1px 0px; border-color: #CCCCCC; border-style:solid; }

.borderRight { border-right: 1px solid #CCCCCC; }
.borderRight0 { border-right: 0px none; }
.borderRightOnly { border: 0px 1px 0px 0px; border-color: #CCCCCC; border-style:solid; }

.borderLeft { border-left: 1px solid #CCCCCC; }
.borderLeft0 { border-left: 0px none; }
.borderLeftOnly { border: 0px 0px 0px 1px; border-color: #CCCCCC; border-style:solid; }

.brdRadiusTop { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; }

/*--------------------------------------------------------------Border Radius----------------------------------------------------------*/

.brdRadius2 { border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; }
.brdRadius4 { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.brdRadius5 { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.brdRadius10 { border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }


/*--------------------------------------------------------------Margins---------------------------------------------------------------*/
.marginAuto { margin: auto auto; }
.margin0 { margin: 0px;}
.margin5 { margin: 5px;}
.margin10 { margin: 10px;}
.margin15 { margin: 15px;}
.margin0-5 { margin: 0px 5px;}
.margin0-10 { margin: 0px 10px;}
.margin0-15 { margin: 0px 15px;}
.margin0-20 { margin: 0px 20px;}
.margin5-0 { margin: 5px 0px;}
.margin5-10 { margin: 5px 10px;}
.margin5-15 { margin: 5px 15px;}
.margin10-0 { margin: 10px 0px;}
.margin10-5 { margin: 10px 5px;}
.margin10-15 { margin: 10px 15px;}
.margin10-20 { margin: 10px 20px;}

.marginLeft0 { margin-left: 0px; }

.marginLeftImp0 { margin-left: 0px !important; }
.marginLeft5 { margin-left: 5px; }
.marginLeft7 { margin-left: 7px !important; }
.marginLeft8 { margin-left: 8px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft12 { margin-left: 12px; }
.marginLeft15 { margin-left: 15px; }
.marginLeft20 { margin-left: 20px; }
.marginLeft25 { margin-left: 25px; }
.marginLeft30 { margin-left: 30px; }
.marginLeft35 { margin-left: 35px; }
.marginLeft40 { margin-left: 40px; }
.marginLeft45 { margin-left: 45px; }
.marginLeft50 { margin-left: 50px; }
.marginLeft130 { margin-left: 130px; }

.marginRight0 { margin-right: 0px; }
.marginRight2 { margin-right: 2px; }
.marginRight5 { margin-right: 5px; }
.marginRight10 { margin-right: 10px; }
.marginRight15 { margin-right: 15px; }
.marginRight20 { margin-right: 20px; }
.marginRight25 { margin-right: 25px; }
.marginRight30 { margin-right: 30px; }
.marginRight35 { margin-right: 35px; }
.marginRight40 { margin-right: 40px; }
.marginRight45 { margin-right: 45px; }
.marginRight50 { margin-right: 50px; }

.marginTop0 { margin-top: 0px; }
.marginTop3 { margin-top: 3px; }
.marginTop5 { margin-top: 5px; }
.marginTop7 { margin-top: 7px; }
.marginTop8 { margin-top: 8px; }
.marginTop10 { margin-top: 10px; }
.marginTop13 { margin-top: 13px; }
.marginTop15 { margin-top: 15px; }
.marginTop20 { margin-top: 20px; }
.marginTop25 { margin-top: 25px; }
.marginTop30 { margin-top: 30px; }
.marginTop35 { margin-top: 35px; }
.marginTop40 { margin-top: 40px; }
.marginTop45 { margin-top: 45px; }
.marginTop50 { margin-top: 50px; }
.marginTop65 { margin-top: 65px; }
.marginTop80 { margin-top: 80px; }
.marginTop100 { margin-top: 100px; }

.marginBtm0 { margin-bottom: 0px; }
.marginBtm3{margin-bottom: 3px;} 
.marginBtm5 { margin-bottom: 5px; }
.marginBtm10 { margin-bottom: 10px; }
.marginBtm15 { margin-bottom: 15px; }
.marginBtm20 { margin-bottom: 20px; }
.marginBtm25 { margin-bottom: 25px; }
.marginBtm30 { margin-bottom: 30px; }
.marginBtm35 { margin-bottom: 35px; }
.marginBtm40 { margin-bottom: 40px; }
.marginBtm45 { margin-bottom: 45px; }
.marginBtm50 { margin-bottom: 50px; }

/*--------------------------------------Margins with Percentages---------------------------------*/
.marginLeft0p { margin-left: 0%; }
.marginLeft5p { margin-left: 5%; }
.marginLeft10p { margin-left: 10%; }
.marginLeft15p { margin-left: 15%; }
.marginLeft20p { margin-left: 20%; }
.marginLeft25p { margin-left: 25%; }
.marginLeft30p { margin-left: 30%; }
.marginLeft35p { margin-left: 35%; }
.marginLeft40p { margin-left: 40%; }
.marginLeft45p { margin-left: 45%; }
.marginLeft50p { margin-left: 50%; }

.marginRight0p { margin-right: 0%; }
.marginRight5p { margin-right: 5%; }
.marginRight10p { margin-right: 10%; }
.marginRight15p { margin-right: 15%; }
.marginRight20p { margin-right: 20%; }
.marginRight25p { margin-right: 25%; }
.marginRight30p { margin-right: 30%; }
.marginRight35p { margin-right: 35%; }
.marginRight40p { margin-right: 40%; }
.marginRight45p { margin-right: 45%; }
.marginRight50p { margin-right: 50%; }

.marginTop0p { margin-top: 0%; }
.marginTop5p { margin-top: 5%; }
.marginTop10p { margin-top: 10%; }
.marginTop15p { margin-top: 15%; }
.marginTop20p { margin-top: 20%; }
.marginTop25p { margin-top: 25%; }
.marginTop30p { margin-top: 30%; }
.marginTop35p { margin-top: 35%; }
.marginTop40p { margin-top: 40%; }
.marginTop45p { margin-top: 45%; }
.marginTop50p { margin-top: 50%; }

.marginBtm0p { margin-bottom: 0%; }
.marginBtm5p { margin-bottom: 5%; }
.marginBtm10p { margin-bottom: 10%; }
.marginBtm15p { margin-bottom: 15%; }
.marginBtm20p { margin-bottom: 20%; }
.marginBtm25p { margin-bottom: 25%; }
.marginBtm30p { margin-bottom: 30%; }
.marginBtm35p { margin-bottom: 35%; }
.marginBtm40p { margin-bottom: 40%; }
.marginBtm45p { margin-bottom: 45%; }
.marginBtm50p { margin-bottom: 50%; }


 /*----------------------------------------------------------Paddings-----------------------------------------------------------*/
.validTillPadding {padding: 0px 3px 0px 3px !important;}
.pad0 { padding: 0px;}
.pad2 { padding: 2px;}
.pad3 { padding: 3px;}
.pad5 { padding: 5px;}
.pad10 { padding: 10px;}
.pad20 { padding: 20px;}
.pad15 { padding: 15px;}
.pad0_2 { padding: 0px 2px;}
.pad0_3 { padding: 0px 3px;}
.pad2_12 { padding: 2px 12px;}
.pad3_0 { padding: 3px 0px;}
.pad0_5 { padding: 0px 5px;}
.pad0_10 { padding: 0px 10px;}
.pad5_0 { padding: 5px 0px;}
.pad5_10 { padding: 5px 10px;}
.pad5_15 { padding: 5px 15px;}
.pad10_0 { padding: 10px 0px;}
.pad10_5 { padding: 10px 5px;}
.pad10_10 { padding: 10px 10px;}
.pad10_15 { padding: 10px 15px;}
.pad10_20 { padding: 10px 20px;}
.pad0_20 { padding: 0px 20px;}
.pad0_30 { padding: 0px 30px;}

.padLeft0 { padding-left: 0px; }
.padLeft1 { padding-left: 1px; }
.padLeft2 { padding-left: 2px; }
.padLeft3 { padding-left: 3px; }
.padLeft5 { padding-left: 5px; }
.padLeft6 { padding-left: 6px; }
.padLeft10 { padding-left: 10px; }
.padLeft15 { padding-left: 15px; }
.padLeft18 { padding-left: 18px; }
.padLeft20 { padding-left: 20px; }
.padLeft25 { padding-left: 25px; }
.padLeft30 { padding-left: 30px; }
.padLeft35 { padding-left: 35px; }
.padLeft40 { padding-left: 40px; }
.padLeft45 { padding-left: 45px; }
.padLeft50 { padding-left: 50px; }

.padRight0 { padding-right: 0px; }
.padRight2 { padding-right: 2px; }
.padRight5 { padding-right: 5px; }
.padRight6 { padding-right: 6px; }

.padRight7  { padding-right: 7px;  }

.padRight9 { padding-right: 9px; }
.padRight10 { padding-right: 10px; }
.padRight15 { padding-right: 15px; }
.padRight20 { padding-right: 20px; }
.padRight25 { padding-right: 25px; }
.padRight30 { padding-right: 30px; }
.padRight35 { padding-right: 35px; }
.padRight40 { padding-right: 40px; }
.padRight45 { padding-right: 45px; }
.padRight50 { padding-right: 50px; }

.padTop0 { padding-top: 0px; }
.padTop2 { padding-top: 2px; }
.padTop3 { padding-top: 3px; }
.padTop4 { padding-top: 4px; }
.padTop5 { padding-top: 5px; }
.padTop7 { padding-top: 7px; }
.padTop8 { padding-top: 8px; }
.padTop10 { padding-top: 10px; }
.padTop15 { padding-top: 15px; }
.padTop20 { padding-top: 20px; }
.padTop25 { padding-top: 25px; }
.padTop30 { padding-top: 30px; }
.padTop35 { padding-top: 35px; }
.padTop40 { padding-top: 40px; }
.padTop45 { padding-top: 45px; }
.padTop50 { padding-top: 50px; }
.padTop60 { padding-top: 60px; }

.padBtm0 { padding-bottom: 0px; }
.padBtm5 { padding-bottom: 5px; }
.padBtm10 { padding-bottom: 10px; }
.padBtm15 { padding-bottom: 15px; }
.padBtm20 { padding-bottom: 20px; }
.padBtm25 { padding-bottom: 25px; }
.padBtm30 { padding-bottom: 30px; }
.padBtm35 { padding-bottom: 35px; }
.padBtm40 { padding-bottom: 40px; }
.padBtm45 { padding-bottom: 45px; }
.padBtm50 { padding-bottom: 50px; }
/*------------------------------------------Paddings with Percentages---------------------------------*/
.padLeft0p { padding-left: 0%; }
.padLeft3p { padding-left: 3%; }
.padLeft5p { padding-left: 5%; }
.padLeft10p { padding-left: 10%; }
.padLeft15p { padding-left: 15%; }
.padLeft20p { padding-left: 20%; }
.padLeft25p { padding-left: 25%; }
.padLeft30p { padding-left: 30%; }
.padLeft35p { padding-left: 35%; }
.padLeft40p { padding-left: 40%; }
.padLeft45p { padding-left: 45%; }
.padLeft50p { padding-left: 50%; }

.padRight0p { padding-right: 0%; }
.padRight5p { padding-right: 5%; }
.padRight10p { padding-right: 10%; }
.padRight15p { padding-right: 15%; }
.padRight20p { padding-right: 20%; }
.padRight25p { padding-right: 25%; }
.padRight30p { padding-right: 30%; }
.padRight35p { padding-right: 35%; }
.padRight40p { padding-right: 40%; }
.padRight45p { padding-right: 45%; }
.padRight50p { padding-right: 50%; }

.padTop0p { padding-top: 0%; }
.padTop5p { padding-top: 5%; }
.padTop10p { padding-top: 10%; }
.padTop15p { padding-top: 15%; }
.padTop20p { padding-top: 20%; }
.padTop25p { padding-top: 25%; }
.padTop30p { padding-top: 30%; }
.padTop35p { padding-top: 35%; }
.padTop40p { padding-top: 40%; }
.padTop45p { padding-top: 45%; }
.padTop50p { padding-top: 50%; }

.padBtm0p { padding-bottom: 0%; }
.padBtm5p { padding-bottom: 5%; }
.padBtm10p { padding-bottom: 10%; }
.padBtm15p { padding-bottom: 15%; }
.padBtm20p { padding-bottom: 20%; }
.padBtm25p { padding-bottom: 25%; }
.padBtm30p { padding-bottom: 30%; }
.padBtm35p { padding-bottom: 35%; }
.padBtm40p { padding-bottom: 40%; }
.padBtm45p { padding-bottom: 45%; }
.padBtm50p { padding-bottom: 50%; }

 /*--------------------------- Top / Bottom / Right / Left --------------*/ 
.top1 { top:1px; }
.top2 { top:2px; }
.top3 { top:3px; }
.top4 { top:4px; }
.top5 { top:5px; }
.top6 { top:6px; }
.top7 { top:7px; }
.top8 { top:8px; }
.top10 { top:10px; }
.top12 { top:12px; }
.top15 { top:15px; }
.top20 { top:20px; }
.top25 { top:25px; }
.top30 { top:30px; }
.top40 { top:40px; }
.top42 { top:42px; }
.top50 { top:50px; }

.bottom5 { bottom:5px; }
.bottom10 { bottom:10px; }
.bottom15 { bottom:15px; }
.bottom20 { bottom:20px; }
.bottom25 { bottom:25px; }
.bottom30 { bottom:30px; }

.right0 { right:0px; }
.right1 { right:1px; }
.right2 { right:2px; }
.right5 { right:5px; }
.right10 { right:10px; }
.right15 { right:15px; }
.right20 { right:20px; }
.right25 { right:25px; }
.right30 { right:30px; }

.left1 { left:1px; }
.left2 { left:2px; }
.left3 { left:3px; }
.left4 { left:4px; }
.left5 { left:5px; }
.left6 { left:6px; }
.left7 { left:7px; }
.left8 { left:8px; }
.left10 { left:10px; }
.left12 { left:12px; }
.left15 { left:15px; }
.left20 { left:20px; }
.left25 { left:25px; }
.left30 { left:30px; }

/****************************************************************************************/

/******************************* All Status Classes *******/


/*Manufacturing Classes*/
.Adjusted { background-color: #f37d16; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.WIP, .WiP { background-color: #92d050; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.Done { background-color: #6698d6; color: white; display: block; padding: 5px 10px 5px !important; }
.Started { background-color: #00a6ff; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.NotStarted { background-color: #e52267; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.Cancelled, .Cancel { background-color: #000; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.Reinstate { background-color: #677a77; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.NotOrder { background-color: #2b96a9; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.Arrived { background-color: #e33de4; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.OnOrder { background-color: #ff0000; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; font-size:12px;border-radius:.25em }
.NearCancel { background-color: #923b6f; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }
.NearDone { background-color: #9aa2b9; color: white; font-weight: normal; display: block; padding: 5px 10px 5px !important; }

.OnTime, .NeedToday { background-color: #eeee03; }
.Behind, .Late { background-color: #ff5e4e; }
.Ahead, .OnTrack { background-color: #85dc11; }

/*.NotStarted { background-color: #F89406 !important; border-color: #F89406 !important; padding: 5px 10px 5px !important; color: white; font-weight: normal; }*/
.Fixing { background-color: #FB8678 !important; border-color: #FB8678 !important;  color: white; font-weight: normal; padding-top: 10px !important }      
.Installing { background-color: #00a6ff !important; border-color: #002060 !important; padding: 5px 10px 5px !important; color: white; font-weight: normal; }
.Delayed { background-color: #f5aa3a !important; border-color: #7030FE !important; padding: 5px 10px 5px !important; color: white; font-weight: normal; }
.Completed { background-color: #5bb75b !important; border-color: #5bb75b !important; padding: 5px 10px 5px !important; color: white; font-weight: normal; }
.Fixed { background-color: #5bb75b !important; border-color: #5bb75b !important; padding: 10px 10px 5px !important; color: white; font-weight: normal; }
.Installed { background-color: #3f74a3 !important; border-color: #3f74a3 !important; padding: 10px 10px 5px !important; color: white; font-weight: normal; }
.DoneToday { background-color: #A569BD !important; border-color:#A569BD !important; padding: 10px 10px 5px !important; color: white; font-weight: normal; }
.Fitted { background-color: #3f74a3 !important; border-color: #3f74a3 !important; padding: 10px 10px 5px !important; color: white; font-weight: normal; }
.Dealing { background-color: #ffae1a !important; border-color: #ffae1a !important; padding: 5px 10px 5px !important; color: white; font-weight: normal; }
.Collected { background-color: #22D69D !important; border-color: #22D69D !important; color: white; font-weight: normal; }
.Onhold { background-color: #FFB65F !important; border-color: #FFB65F !important;  color: white; font-weight: normal; }

.funnelItemNotStarted { border-left: 5px solid #e52267; }
.funnelItemStarted { border-left: 5px solid #00a6ff; }
.funnelItemCompleted { border-left: 5px solid #5bb75b; }
.funnelItemDelayed { border-left: 5px solid #f5aa3a; }
.funnelItemCancelled { border-left: 5px solid #000; }

/***********************************  General  *************************************************/

.clr-orange {
	color: #ff6600;
}

/**************************************  Media Queries  **************************************************/
/*
1024-1366
768-1024
375-812
414-736
375-667
320-568
411-823
411-731
360-640
*/


@media (max-width: 1024px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 1024px) {
}

@media (max-width: 1024px) {
	.max1024_pad0 {
		padding: 0px;
	}
	.max1024_font12 {
		font-size: 12px !important;
	}
	.max1024_font13 {
		font-size: 13px !important;
	}
}
@media (max-width: 768px) 
{
	.max768_font12 {
		font-size: 12px !important;
	}
}
@media (max-width: 640px) 
{
	.max640_Top7 {
		top: 7px;
	}
	.max640_Top25 {
		top: 25px;
	}
    .max640_Top35 {
		top: 35px;
	}
}
@media (max-width: 480px)
{    
	.max480_Font11 {
		font-size: 11px !important;
	}
	.max480_Font12 {
		font-size: 12px !important;
	}
	.max320_Pad0 {
		padding: 0px;
	}
	.max480_clearLeft {
		clear:left;
	}
	.max480_marginR5 {
		margin-right: 5px;
	}
	.max480_pad5 {
		padding: 5px;
	}
}



@media all and (-ms-high-contrast:none)
	 {
	 /*.ieHeight60 { height: 60px; }  IE10 */
	 *::-ms-backdrop, .ieHeight50 { height: 50px; } /* IE11 */
	 }