@charset "utf-8";

/* CSS Helper
*********************************************************/

.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-40	{ margin: 40px !important; }
.m-50	{ margin: 50px !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-h-40	{ margin-left: 40px !important; margin-right: 40px !important; }
.m-h-50	{ margin-left: 50px !important; margin-right: 50px !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-v-40	{ margin-top: 40px !important; margin-bottom: 40px !important; }
.m-v-50	{ margin-top: 50px !important; margin-bottom: 50px !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-t-40	{ margin-top: 40px !important; }
.m-t-50	{ margin-top: 50px !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-r-40	{ margin-right: 40px !important; }
.m-r-50	{ margin-right: 50px !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-b-40	{ margin-bottom: 40px !important; }
.m-b-50	{ margin-bottom: 50px !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; }
.m-l-40	{ margin-left: 40px !important; }
.m-l-50	{ margin-left: 50px !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-40	{ padding: 40px !important; }
.p-50	{ padding: 50px !important; }

.p-h-0 	{ padding-left: 0 !important; padding-right: 0 !important; }
.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-h-40 { padding-left: 40px !important; padding-right: 40px !important; }
.p-h-50 { padding-left: 50px !important; padding-right: 50px !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-v-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.p-v-50 { padding-top: 50px !important; padding-bottom: 50px !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-t-40	{ padding-top: 40px !important; }
.p-t-50	{ padding-top: 50px !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-r-40	{ padding-right: 40px !important; }
.p-r-50	{ padding-right: 50px !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-b-40	{ padding-bottom: 40px !important; }
.p-b-50	{ padding-bottom: 50px !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; }
.p-l-40	{ padding-left: 40px !important; }
.p-l-50	{ padding-left: 50px !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; }

.flipX {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.flipY {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

.flipX.flipY, .flipXY {
	-moz-transform: scaleX(-1) scaleY(-1);
	-o-transform: scaleX(-1) scaleY(-1);
	-webkit-transform: scaleX(-1) scaleY(-1);
	transform: scaleX(-1) scaleY(-1);
}


.out		{ position:absolute; left:-9999px; }
.txtout	{ text-indent:-3000px; }

.hidden, .dn { display:none; } /* reserved for bootstrap */ 
.hideme { 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; }

.fs1 { font-size: 1em; }
.fs12 { font-size: 1.2em; }
.fs14 { font-size: 1.4em; }
.fs16 { font-size: 1.6em; }
.fs18 { font-size: 1.8em; }
.fs2 { font-size: 2em; }

.lh0 	{ line-height:0; height:0; }
.lh1 	{ line-height:1em; }
.lh11	{ line-height:1.1em; }
.lh12	{ line-height:1.2em; }
.lh13	{ line-height:1.3em; }
.lh14	{ line-height:1.4em; }
.lh15	{ line-height:1.5em; }
.lh2 	{ line-height:2em; }
.lh3 	{ line-height:3em; }

.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;
}
label.left.w50 { width:50px; }
label.left.w70 { width:70px; }
label.left.w80 { width:80px; }
label.left.w100 { width:100px; }

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid.vc { align-items: center; }

.grid .row-1 { grid-row: span 1; }
.grid .row-2 { grid-row: span 2; }
.grid .row-3 { grid-row: span 3; }
.grid .row-4 { grid-row: span 4; }
.grid .row-5 { grid-row: span 5; }
.grid .row-6 { grid-row: span 6; }
.grid .row-7 { grid-row: span 7; }
.grid .row-8 { grid-row: span 8; }
.grid .row-9 { grid-row: span 9; }
.grid .row-10 { grid-row: span 10; }
.grid .row-11 { grid-row: span 11; }
.grid .row-12 { grid-row: span 12; }

.grid .col-1 { grid-column: span 1; }
.grid .col-2 { grid-column: span 2; }
.grid .col-3 { grid-column: span 3; }
.grid .col-4 { grid-column: span 4; }
.grid .col-5 { grid-column: span 5; }
.grid .col-6 { grid-column: span 6; }
.grid .col-7 { grid-column: span 7; }
.grid .col-8 { grid-column: span 8; }
.grid .col-9 { grid-column: span 9; }
.grid .col-10 { grid-column: span 10; }
.grid .col-11 { grid-column: span 11; }
.grid .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;
}

.hr {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

h1 .subtitle, 
h2 .subtitle, 
h3 .subtitle {
	display: block;
	font-size: 0.7em;
	font-weight: 300;
	padding-left: .1em;
	/*font-style: italic;*/
}


/* tags */
.mjtag {
  display: inline-block;
  padding: 1px 3px;
  border-radius: 2px;
  background-color: #CFCFCF; 
}

/* Colors */
.white 		{ color: #FFF; }
.ghost 		{ color: #DCD6C9; }
.ghost2		{ color: #D5CBB7; }
.grey 		{ color: #CFCFCF; }
.grey2 		{ color: #8D8D8D; }
.grey3 		{ color: #807155; }
.red 			{ color: #900; }
.bg-red2 	{ color: #deb1b1; }
.knallred { color: #F00; }
.brown    { color: #8F3D07; }
.green 		{ color: #0e7524; }
.blue			{ color: #337ab7; }
.blue2		{ color: #0EA6FE; }
.schoki		{ color: Chocolate; }

.bg-white 	{ background: #FFF; }
.bg-ghost 	{ background: #DCD6C9; }
.bg-grey 		{ background: #CFCFCF; }
.bg-grey2 	{ background: #8D8D8D; }
.bg-red 		{ background: #900; }
.bg-red2 		{ background: #deb1b1; }
.bg-knallred{ background: #F00; }
.bg-brown   { background: #8F3D07; }
.bg-green 	{ background: #0e7524; }
.bg-green2 	{ background: #99d099; }
.bg-green3 	{ background: #6eaf7c; }
.bg-blue		{ background: #337ab7; }
.bg-blue2		{ background: #0EA6FE; }
.bg-schoki	{ background: Chocolate; }


.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 */
}