/* CSS Helper
*********************************************************/
.lh0 { height:0; line-height:0; }
.lh1 { line-height:1em; }
.lh2 { line-height:2em; }
.lh3 { line-height:3em; }

.m0 	{ margin: 0 !important; }
.mt0	{ margin-top: 0 !important; }
.mr0	{ margin-right: 0 !important; }
.mb0	{ margin-bottom: 0 !important; }
.ml0	{ margin-left: 0 !important; }

.m-5	{ margin: 5px !important; }
.m-10	{ margin: 10px !important; }
.m-15	{ margin: 15px !important; }
.m-20	{ margin: 20px !important; }
.m-30	{ margin: 30px !important; }

.m-h-0	{ margin-left: 0 !important; margin-right: 0 !important; }
.m-h-5	{ margin-left: 5px !important; margin-right: 5px !important; }
.m-h-10	{ margin-left: 10px !important; margin-right: 10px !important; }
.m-h-15	{ margin-left: 15px !important; margin-right: 15px !important; }
.m-h-20	{ margin-left: 20px !important; margin-right: 20px !important; }
.m-h-30	{ margin-left: 30px !important; margin-right: 30px !important; }

.m-v-0	{ margin-top: 0 !important; margin-bottom: 0 !important; }
.m-v-5	{ margin-top: 5px; margin-bottom: 5px !important; }
.m-v-10	{ margin-top: 10px; margin-bottom: 10px !important; }
.m-v-15	{ margin-top: 15px; margin-bottom: 15px !important; }
.m-v-20	{ margin-top: 20px !important; margin-bottom: 20px !important; }
.m-v-30	{ margin-top: 30px !important; margin-bottom: 30px !important; }

.m-t-0	{ margin-top: 0px !important; }
.m-t-5	{ margin-top: 5px !important; }
.m-t-10	{ margin-top: 10px !important; }
.m-t-15	{ margin-top: 15px !important; }
.m-t-20	{ margin-top: 20px !important; }
.m-t-30	{ margin-top: 30px !important; }

.m-r-0	{ margin-right: 0px !important; }
.m-r-5	{ margin-right: 5px !important; }
.m-r-10	{ margin-right: 10px !important; }
.m-r-15	{ margin-right: 15px !important; }
.m-r-20	{ margin-right: 20px !important; }
.m-r-30	{ margin-right: 30px !important; }

.m-b-0	{ margin-bottom: 0px !important; }
.m-b-5	{ margin-bottom: 5px !important; }
.m-b-10	{ margin-bottom: 10px !important; }
.m-b-15	{ margin-bottom: 15px !important; }
.m-b-20	{ margin-bottom: 20px !important; }
.m-b-30	{ margin-bottom: 30px !important; }

.m-l-0	{ margin-left: 0px !important; }
.m-l-5	{ margin-left: 5px !important; }
.m-l-10	{ margin-left: 10px !important; }
.m-l-15	{ margin-left: 15px !important; }
.m-l-20	{ margin-left: 20px !important; }
.m-l-30	{ margin-left: 30px !important; }

.p0		{ padding: 0 !important; }
.pt0	{ padding-top: 0 !important; }
.pr0	{ padding-right: 0 !important; }
.pb0	{ padding-bottom: 0 !important; }
.pl0	{ padding-left: 0 !important; }

.p-5	{ padding: 5px !important; }
.p-10	{ padding: 10px !important; }
.p-15	{ padding: 15px !important; }
.p-20	{ padding: 20px !important; }
.p-30	{ padding: 30px !important; }

.p-h-0 	{ padding-left: 0; padding-right: 0; }
.p-h-5 	{ padding-left: 5px !important; padding-right: 5px !important; }
.p-h-10 { padding-left: 10px !important; padding-right: 10px !important; }
.p-h-15 { padding-left: 15px !important; padding-right: 15px !important; }
.p-h-20 { padding-left: 20px !important; padding-right: 20px !important; }
.p-h-30 { padding-left: 30px !important; padding-right: 30px !important; }

.p-v-0 	{ padding-top: 0 !important; padding-bottom: 0 !important; }
.p-v-5 	{ padding-top: 5px !important; padding-bottom: 5px !important; }
.p-v-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.p-v-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.p-v-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.p-v-30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.p-t-0	{ padding-top: 0px !important; }
.p-t-5	{ padding-top: 5px !important; }
.p-t-10	{ padding-top: 10px !important; }
.p-t-15	{ padding-top: 15px !important; }
.p-t-20	{ padding-top: 20px !important; }
.p-t-30	{ padding-top: 30px !important; }

.p-r-0	{ padding-right: 0px !important; }
.p-r-5	{ padding-right: 5px !important; }
.p-r-10	{ padding-right: 10px !important; }
.p-r-15	{ padding-right: 15px !important; }
.p-r-20	{ padding-right: 20px !important; }
.p-r-30	{ padding-right: 30px !important; }

.p-b-0	{ padding-bottom: 0px !important; }
.p-b-5	{ padding-bottom: 5px !important; }
.p-b-10	{ padding-bottom: 10px !important; }
.p-b-15	{ padding-bottom: 15px !important; }
.p-b-20	{ padding-bottom: 20px !important; }
.p-b-30	{ padding-bottom: 30px !important; }

.p-l-0	{ padding-left: 0px !important; }
.p-l-5	{ padding-left: 5px !important; }
.p-l-10	{ padding-left: 10px !important; }
.p-l-15	{ padding-left: 15px !important; }
.p-l-20	{ padding-left: 20px !important; }
.p-l-30	{ padding-left: 30px !important; }



.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.vt { vertical-align: top; }
.vc { vertical-align: middle !important; }

.vcenter { 
	/* special bootstrap addon */
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.b, .bold	{ font-weight:bold; }
.i { font-style:italic; }
.noBg, .nobg, .bg0 { background:none; }
.noBorder, .b0 { border:0 !important; }
.whiteBorder { border:1px solid #fff; }
.nosh, .noShadow, .s0 { box-shadow: none !important; }

.pointer,.hand { cursor:pointer; }
.help { cursor:help; }

img.left	{ float:left; margin-right:10px; }
img.right	{ float:right; margin-left:10px; }

.out		{ position:absolute; left:-9999px; }
.txtout	{ text-indent:-3000px; }

.hidden, .dn { display:none; } /* reserved for bootstrap */ 
.hideme { display:none; /*visibility: hidden;*/ }

.cb		{ clear:both; }
.fl		{ float:left; }
.fr		{ float:right; }
.fn		{ float:none; }
.cl 	{ clear: left; }
.cr 	{ clear: right; }
.dib 	{ display: inline-block !important; }
.dit 	{ display: inline-table; }
.dtc 	{ display: table-cell; }
.flex { display: flex; }
.fixed { position: fixed !important; }
.w100 { width: 100%; }


.small 		{ font-size:.9em; }
.smaller 	{ font-size:.8em; }
.smallest	{ font-size:.7em; }
.fwn			{ font-weight: normal; }

.nowrap { white-space: nowrap; }
.pure { white-space: pre-wrap; }
.ellipsis { overflow:hidden; text-overflow: ellipsis; }
.cap { text-transform: capitalize; }
.uc, .upper	{ text-transform: uppercase; }


label.left {
	display:inline-block;
	width:60px;
}
.w50 { width:50px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w100 { width:100px; }

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid.vc { align-items: center; }

.row-1 { grid-row: span 1; }
.row-2 { grid-row: span 2; }
.row-3 { grid-row: span 3; }
.row-4 { grid-row: span 4; }
.row-5 { grid-row: span 5; }
.row-6 { grid-row: span 6; }
.row-7 { grid-row: span 7; }
.row-8 { grid-row: span 8; }
.row-9 { grid-row: span 9; }
.row-10 { grid-row: span 10; }
.row-11 { grid-row: span 11; }
.row-12 { grid-row: span 12; }

.col-1 { grid-column: span 1; }
.col-2 { grid-column: span 2; }
.col-3 { grid-column: span 3; }
.col-4 { grid-column: span 4; }
.col-5 { grid-column: span 5; }
.col-6 { grid-column: span 6; }
.col-7 { grid-column: span 7; }
.col-8 { grid-column: span 8; }
.col-9 { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }


.revert {
	unicode-bidi: bidi-override;
	direction: rtl;
}





.labels { 
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px 20px;
  margin-bottom: 30px;
}
.labels > * {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.labels label {}
.labels label + * {}

.labels.nospace { 
  grid-row-gap: 0; 
  line-height: normal;
}

.labels.gap10 { grid-column-gap: 10px; }
.labels.gap30 { grid-column-gap: 30px; }
.labels.gap40 { grid-column-gap: 40px; }





.gradient1 {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */	
}
.gradient2 {
background: #e4e4e4; /* Old browsers */
background: -moz-linear-gradient(top, #e4e4e4 0%, #ebebeb 8%, #e4e4e4 56%, #d7d7d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e4e4e4 0%,#ebebeb 8%,#e4e4e4 56%,#d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e4e4e4 0%,#ebebeb 8%,#e4e4e4 56%,#d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
}

.hr {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

