/*! ecerts _utilities.css */

.right 	{text-align: right !important;}
.left 	{text-align: left !important;}
.center	{text-align: center !important;}
@media (max-width: 768px) {
	.mobile-right 	{text-align: right;}
	.mobile-left 	{text-align: left;}
	.mobile-center 	{text-align: center;}
}


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

.nowrap	{white-space: nowrap !important;}
.wrap		{white-space: normal !important;}
.truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*only works on px based widths*/

.bold, b 	{font-weight: bold;}
.normal 	{font-weight: normal;}
.italic, i {font-style: italic;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.underline {text-decoration: underline;}


.hide {display: none !important;}
.show {display: block !important;}
.hideit {display: none !important;}
.showit {display: block !important;}

.hidden {visibility: hidden;}

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

.float-right, .pull-right {float: right;}
.float-left, .pull-left {float: left;}

.clear {clear: both;}

.relative {position: relative;}


/*line height*/
.lh1 {line-height: 1;}
.lh1h {line-height: 1.5;}
.lh2 {line-height: 2;}
.lh3 {line-height: 3;}


 /* margin */
.mt0 {margin-top: 0px;}
.mr0 {margin-right: 0px;}
.mb0 {margin-bottom: 0px;}
.ml0 {margin-left: 0px;}
 
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.mb5 {margin-bottom: 5px;}
.ml5 {margin-left: 5px;}

.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}

.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.ml15 {margin-left: 15px;}

.mt20 {margin-top: 20px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}

.mt25 {margin-top: 25px;}
.mr25 {margin-right: 25px;}
.mb25 {margin-bottom: 25px;}
.ml25 {margin-left: 25px;}

.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}
.ml30 {margin-left: 30px;}

.mt40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}
.ml40 {margin-left: 40px;}

.mt50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}
.ml50 {margin-left: 50px;}

.mt60 {margin-top: 60px;}
.mr60 {margin-right: 60px;}
.mb60 {margin-bottom: 60px;}
.ml60 {margin-left: 60px;}

.mt70 {margin-top: 70px;}
.mr70 {margin-right: 70px;}
.mb70 {margin-bottom: 70px;}
.ml70 {margin-left: 70px;}

.mt80 {margin-top: 80px;}
.mr80 {margin-right: 80px;}
.mb80 {margin-bottom: 80px;}
.ml80 {margin-left: 80px;}

.mt90 {margin-top: 90px;}
.mr90 {margin-right: 90px;}
.mb90 {margin-bottom: 90px;}
.ml90 {margin-left: 90px;}

.mt100 {margin-top: 100px;}
.mr100 {margin-right: 100px;}
.mb100 {margin-bottom: 100px;}
.ml100 {margin-left: 100px;}

.margin-auto			  {margin: auto;}


/*padding*/
.pt0 {padding-top: 0px;}
.pr0 {padding-right: 0px;}
.pb0 {padding-bottom: 0px;}
.pl0 {padding-left: 0px;}
.p0  {padding: 0px;}

.pt5 {padding-top: 5px;}
.pr5 {padding-right: 5px;}
.pb5 {padding-bottom: 5px;}
.pl5 {padding-left: 5px;}
.p5  {padding: 5px;}

.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.p10  {padding: 10px;}

.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.p15  {padding: 15px;}

.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}
.pl20 {padding-left: 20px;}
.p20  {padding: 20px;}

.pt25 {padding-top: 25px;}
.pr25 {padding-right: 25px;}
.pb25 {padding-bottom: 25px;}
.pl25 {padding-left: 25px;}
.p25  {padding: 25px;}

.pt30 {padding-top: 30px;}
.pr30 {padding-right: 30px;}
.pb30 {padding-bottom: 30px;}
.pl30 {padding-left: 30px;}
.p30  {padding: 30px;}

.pt40 {padding-top: 40px;}
.pr40 {padding-right: 40px;}
.pb40 {padding-bottom: 40px;}
.pl40 {padding-left: 40px;}
.p40  {padding: 40px;}

.pt50 {padding-top: 50px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}
.pl50 {padding-left: 50px;}
.p50  {padding: 50px;}

.pt60 {padding-top: 60px;}
.pr60 {padding-right: 60px;}
.pb60 {padding-bottom: 60px;}
.pl60 {padding-left: 60px;}
.p60  {padding: 60px;}

.pt70 {padding-top: 70px;}
.pr70 {padding-right: 70px;}
.pb70 {padding-bottom: 70px;}
.pl70 {padding-left: 70px;}
.p70  {padding: 70px;}

.pt80 {padding-top: 80px;}
.pr80 {padding-right: 80px;}
.pb80 {padding-bottom: 80px;}
.pl80 {padding-left: 80px;}
.p80  {padding: 80px;}

.pt90 {padding-top: 90px;}
.pr90 {padding-right: 90px;}
.pb90 {padding-bottom: 90px;}
.pl90 {padding-left: 90px;}
.p90  {padding: 90px;}

.pt100 {padding-top: 100px;}
.pr100 {padding-right: 100px;}
.pb100 {padding-bottom: 100px;}
.pl100 {padding-left: 100px;}
.p100  {padding: 100px;}



.ps5  {padding: 0 5px 0 5px;}
.ps10 {padding: 0 10px 0 10px;}
.ps15 {padding: 0 15px 0 15px;}
.ps20 {padding: 0 20px 0 20px;}
.ps25 {padding: 0 25px 0 25px;}
.ps30 {padding: 0 30px 0 30px;}




body h1.first,
body h2.first,
body h3.first,
body p.first {
	margin-top: 0;
}
body h1.last,
body h2.last,
body h3.last,
body p.last {
	margin-bottom: 0;
}
body h1.only,
body h2.only,
body h3.only,
body p.only {
	margin-top: 0;
	margin-bottom: 0;
}




/*typography*/
.arial { font-family: Arial, Helvetica, sans-serif; }
.verdana { font-family: Verdana, Arial, Helvetica, sans-serif; }
.courier, .fnCourier { font-family:" Courier New", Courier, mono;}
.oswald { font-family: 'Oswald', Helvetica, sans-serif; }
.roboto { font-family: 'Roboto', Helvetica, sans-serif; }





/* font size */
.small, small { font-size: 83%;}
.fs10 	{font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 	{font-size: 12px;}
.fs13 	{font-size: 13px;}
.fs14 	{font-size: 14px;}
.fs16 	{font-size: 16px;}
.fs18 	{font-size: 18px;}
.fs20 	{font-size: 20px;}
.fs22 	{font-size: 22px;}
.fs24 	{font-size: 24px;}
.fs26 	{font-size: 26px;}
.fs28 	{font-size: 28px;}
.fs30 	{font-size: 30px;}
.fs32 	{font-size: 32px;}


/*cursors*/
.arrow {cursor: default;}
.pointer {cursor: pointer;}
.not-allowed {cursor: not-allowed !important;}




/*width percentage*/
.w100	{width: 100%;}
.w99	{width: 99%}
.w98	{width: 98%}
.w97	{width: 97%}
.w96	{width: 96%}
.w95	{width: 95%}
.w94	{width: 94%}
.w93	{width: 93%}
.w92	{width: 92%}
.w91	{width: 91%}
.w90	{width: 90%}
.w85	{width: 85%}
.w80	{width: 80%}
.w75	{width: 75%}
.w70	{width: 70%}
.w66	{width: 66.66%}
.w65	{width: 65%}
.w60	{width: 60%}
.w55	{width: 55%;}
.w50	{width: 50%;}
.w49	{width: 49%;}
.w45	{width: 45%}
.w40	{width: 40%}
.w35	{width: 35%}
.w33	{width: 33.33%}
.w30	{width: 30%}
.w25	{width: 25%}
.w22 	{width: 22%;}
.w20	{width: 20%}
.w15	{width: 15%}
.w10	{width: 10%}
.w9 	{width: 9%;}
.w8 	{width: 8%;}
.w7 	{width: 7%;}
.w6 	{width: 6%;}
.w5		{width: 5%}
.w4 	{width: 4%;}
.w3 	{width: 3%;}
.w2 	{width: 2%;}
.w1 	{width: 1%;}

/*width pixels*/
.w10px {width: 10px;}
.w20px {width: 20px;}
.w30px {width: 30px;}
.w40px {width: 40px;}
.w50px {width: 50px;}
.w100px {width: 100px;}
.w110px {width: 110px;}
.w200px {width: 200px;}


/*height pixels*/
.h40 {height: 40px;}
.h80 {height: 80px;}
.h120 {height: 120px;}
.mh40 {min-height: 40px;}
.mh80 {min-height: 80px;}
.mh120 {min-height: 120px;}


/*lists*/
ul.nobullet {list-style-type: none;}
li.nobullet {list-style-type: none;}



/*tables*/

/*table*/
table.right  td {text-align: right;}
table.left   td {text-align: left;}
table.center td {text-align: center;}
table.top	 td {vertical-align: top;}
table.middle td {vertical-align: middle;}
table.bottom td {vertical-align: bottom;}
table.nowrap td {white-space: nowrap;}
table.wrap	 td {white-space: normal;}

/*mobile*/
@media (max-width: 768px) {
	table.mobile-nowrap td{white-space: nowrap;}
	table.mobile-wrap 	td{white-space: normal;}
}

/*table rows*/
tr.right  	> td {text-align: right;}
tr.left 	> td {text-align: left;}
tr.center	> td {text-align: center;}
tr.top		> td {vertical-align: top;}
tr.middle	> td {vertical-align: middle;}
tr.bottom	> td {vertical-align: bottom;}
tr.nowrap	> td {white-space: nowrap;}
tr.wrap		> td {white-space: normal;}

/*table cells*/
td.right, th.right 		{text-align: right !important;}
td.left, th.left  		{text-align: left !important;}
td.center, th.center 	{text-align: center !important;}
td.top, th.top 	 		{vertical-align: top !important;}
td.middle, th.middle	{vertical-align: middle !important;}
td.bottom, th.bottom 	{vertical-align: bottom !important;}
td.nowrap, th.nowrap	{white-space: nowrap !important;}
td.wrap, th.wrap		{white-space: normal !important;}
td.bold, th.bold   		{font-weight: bold !important;}
td.lh1, th.lh1 			{line-height: 1;}
td.lh1h, th.lh1h  		{line-height: 1.5;}
td.truncate, th.truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px !important;}




/*animation*/
/*use javascript to add/remove the class "open"*/
.animate-rotate90,
.animate-rotateN90 {
	transition: transform .3s;
}
.animate-rotate90.open {
	transform: rotate(90deg);
}
.animate-rotateN90.open {
	transform: rotate(-90deg);
}



/* debug */
html.debug * { background-color: rgba(255,0,0,.2); }
html.debug * * { background-color: rgba(0,255,0,.2); }
html.debug * * * { background-color: rgba(0,0,255,.2); }
html.debug * * * * { background-color: rgba(255,0,255,.2); }
html.debug * * * * * { background-color: rgba(0,255,255,.2); }
html.debug * * * * * * { background-color: rgba(255,255,0,.2); }