/* == form.class based == */
.ymn.capture div.ctls {
	/*width: 342px;*/
	width: 580px;
}

.ymn.capture .medium{
	width: 570px;
	height: 100px;
}

.ymn .readon .button{
	border: 0;
}

.rt-breadcrumb-surround .ymn div.ctls{
	background-color: #fff;
	padding: 5px 0;
	height:25px;
	margin-bottom:10px;
}

.rt-breadcrumb-surround .ymn input{
	/*width: 188px;*/
	margin-right: 3px;
}

#rt-breadcrumbs .rt-block {
	 margin: 0;
	 padding: 10px 5px 5px;
}

.rt-date-feature {
	 float: right;
}

.rt-lang-feature {
	float: left;
	padding-left:10px;
	margin: -5px 1px 0 -8px;
	opacity: 0.35;
}

.register-field .label-left{
	 display: block;
	 float: left;
	 font-size: 120%;
	 width: 130px;
}

/* --- Tabber Generic --- */
a:active,a:focus {outline:0;}
.jwts_clr {clear:both;height:0;line-height:0;}

/* --- Tabs --- */
.jwts_tabberlive {margin:0px 0px;padding:0px;} /* margin was 4px */
.jwts_tabberlive .jwts_tabbertab {margin:0px;padding:0px;border:0px;/*border-top:1px solid #bbb;height:300px;overflow:auto;*/}
.jwts_tabberlive .jwts_tabbertab h2,
/* .jwts_tabberlive .jwts_tabbertab h3, */
.jwts_tabberlive .jwts_tabbertabhide {display:none;}
ul.jwts_tabbernav {margin:0px; padding:3px 4px; list-style:none;list-style-image:none;background:none;border-bottom:1px solid #e0e0e0;line-height:normal;height:auto;}
ul.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {font-size:13px;font-weight:bold;margin:0px 1px;padding: 7px 15px;color:#777;border:1px solid #bbb;border-bottom:none;background:#eee url("../_images/jwts/slide_bg.png") repeat-x top;}
ul.jwts_tabbernav li a:visited {color:#333;}
ul.jwts_tabbernav li a:hover {font-size:13px;font-weight:bold;margin:0px 1px;padding: 7px 15px;color:#c64934;border:1px solid #aaa;border-bottom:none;background:#f2f2f2;text-decoration:none;}

ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff; color: #00AAF0;}
ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
ul.jwts_tabbernav li.jwts_tabberactive,

ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;line-height: 15px;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */

/* --- Slides --- */
.jwts_slider {margin:4px 0px;padding:0px;}
.jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;}

/* DEFAULT STYLING */
.jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;background:url("../images/jwts/slide_bg_r.png") no-repeat right;cursor:pointer;}
.jwts_title_left {background:url("../images/jwts/slide_bg_l.png") no-repeat left;margin:0 10px 0 0;}
a.jwts_title_text,
a.jwts_title_text:link {display:block;background:url("../images/jwts/star.png") no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#444;}
a.jwts_title_text:visited {color:#444;}
a.jwts_title_text:hover {display:block;background:transparent url("../images/jwts/star.png") no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#c64934;}
.jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:none;border:none;}
.jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */


/*  quick fix */
.modfix .rt-block{
		/*margin: 15px -15px;*/
		margin: 0 -60px 0 -20px;
}

.mainfix .rt-block{
		/*margin: 15px -15px;*/
		/*margin: 0 0px 0 -15px;*/
	 margin: 3px 0 -3px 20px;
	 padding: 5px 15px 0;
}

.rt-block-menufix {
	padding: 0 10px;
	margin-bottom: -5px;
}

.rt-block-menufix.right{
	float:right;
}

div.fixSearchable > div > a >span {
	margin: -6px 0;
}



.lh15{
	line-height: 15px;
}

/* mod_menu .small override */

/* mbx
.module-content ul.menu.small > li a span, .module-content ul.menu.small > li > ul > li a span {padding: 0px 25px;display: block;font-weight: normal;background-repeat: no-repeat;}

.sidebar-right .module-content ul.menu.small > li:hover > a span, .sidebar-right .module-content ul.menu.small > li:hover > .separator span, .sidebar-right .module-content ul.menu.small > li:hover .item span, .sidebar-right .module-content ul.menu.small > li.active > a span, .sidebar-right .module-content ul.menu.small > li.active > .separator span, .sidebar-right .module-content ul.menu.small li.active > .item span {
	 background-position: -7px -57px;
}
.module-content ul.menu.small li.parent li a span, .module-content ul.menu.small li.parent li .item span, .module-content ul.menu.small li.parent li .separator span {
	 background-position: 5px 11px;
	 background-repeat: no-repeat;
}
.module-content ul.menu.small li.parent li a:hover span, .module-content ul.menu.small li.parent li .item:hover span, .module-content ul.menu.small li.parent li .separator:hover span, .module-content ul.menu.small li.parent li.active > a > span, .module-content ul.menu.small li.parent li.active > .item > span, .module-content ul.menu.small li.parent li.active > .separator > span {
	 background-position: 5px -375px;
}
.module-content ul.menu.small ul {
	 margin: 0;
	 padding: 5px 0 5px 15px;
}
.rt-menubar li, .module-content ul.menu li {
	 text-transform:none;
}
/* //mod .small /

div.readon .button{
	color: #fff
}
div.readon .button:hover{
	background-color: transparent;
}
div.readon .button:focus{
	background-color: transparent;
}

.inputbox, #form-login .inputbox, #com-form-login .inputbox, #josForm .inputbox, .component-content .search_result .inputbox, .component-content .contact .inputbox, .component-content .user input#email, .component-content .user input#name, .component-content .user input#username, .component-content .user input#password, .component-content .user input#passwd, .component-content .user input#password2 {
	border: 1px solid #ccc;
}

.inputbox, textarea {
	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.inputbox, textarea {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.inputbox:hover, .inputbox:focus {
	background: #fff;
	/* border: 1px solid #FF5847; /
}

*/

/* ymn-buttons */

.ymn .button{
/*	background: none repeat scroll 0 0 #FFFFFF; */
/*	background-color: transparent;  */
/*  	border: 1px solid #00aaf0; */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-right: 5px;
	padding: 1px 5px;
/*   color: #00aaf0; */
	/* font-size: 100%; */
	text-transform: none;
}

.ymn .button:hover, .ymn .button:focus, .ymn .button.on, .ymn .button-rev{
	background-color: #b00;
	color: #fff;
}

.ymn .button.blue:hover, .ymn .button.blue:focus, .ymn .button.blue.on, .ymn .button-rev{
	background-color: #499df3;;
	color: #fff;
	margin: 1px;
	box-shadow: 1px 1px 6px #888;
}


.ymn .button.red{
	background-color: #700;
	border-color: #a00;
	color: #fff;
}
.ymn .button.red:hover{
	background-color: #b00;
}

.ymn .button.green{
	background-color: #070;
	border-color: #040;
	color: #fff;
}
.ymn .button.green:hover{
	background: #0a0;
}

.ymn .button.blue{
	background-color: #1c86f2;
	border-color: #f9ff00;
	color: #fff;
	font-weight: bold;
}

.ymn .button.blue:hover{
	background: #1c86f2;
}

.ymn .button.big{
	padding: 10px;
}

.inputbox.btn{
	color: #111;
}

.ymn hr.loop{
	height: 0;
	border-width: 0;
}


.ymn .toolbar{
	margin-right: 5px;
	padding: 2px 5px;
	width: 140px;
}

.ymn .toolbar-s{
	font-size: small;
	height: 26px;
}

/* tab-like btn */
.ymn div.mnu {
	 margin: 2px 0;
}

.ymn div.mnu a :not(li){
	 /* background-color: WhiteSmoke;
	 /* color: CornflowerBlue; */
	 margin: 0;
	 padding: 7px;
}

.ymn .topd div.mnu a :not(li){
	 padding: 2px 5px;
}

.ymn div.mnu a.on :not(li){
	/* color: #0d2f51;;
	box-shadow: 2px 2px 4px rgba(0, 103, 159, 0.44);*/
	padding: 5px 10px;
}

.ymn.title{
	font-size: 1.6em;
	padding-bottom: 5px;
	margin: 0px;
	line-height: 1em;
}

.ymn .ctls-right #back, .ymn .ctls-right .space {
	 margin-left: 15px;
}

/* blu'ish
.inputbox:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.ymn .button{
	background-color: #fff; /* transparent; /*
	border: 1px solid #00aaf0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-right: 5px;
	padding: 1px 5px;
	color: #00aaf0;
	text-transform: none;
}

.ymn .button:hover, .ymn .button:focus, .ymn .button.on, .ymn .button-rev{
	background-color: #00aaf0;
	color: #fff;
}
*/

/* #faa66e */

.inputbox:focus, textarea:focus {
	border-color: rgba(250, 147, 60, 0.34);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.ymn .button{
	background-color: #fff; /* transparent; */
	border: 1px solid #FF6A06;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-right: 5px;
	padding: 1px 5px;
	color: #faa66e;
	text-transform: none;
}
.ymn .button:hover, .ymn .button:focus, .ymn .button.on, .ymn .button-rev{
	background-color: #faa66e;
	color: #fff;
}

/* === o/g ===*/
.ymn .button.accent{
	background-color: #3066c1;
	color: white;
	border-color: #1069bf;
}
.ymn .button.accent:hover, .ymn .button.accent:focus, .ymn .button.accent.on{
	/*color: #FFFF00;*/
}


/* === grey === */
.inputbox.grey:focus, textarea.grey:focus {
	border-color: #808080;
}
.ymn .button.grey{
	border: 1px solid #808080;
	color: #8f8f8f;
}
.ymn .button.grey:hover, .ymn .button.grey:focus, .ymn .button.grey.on, .ymn .button-rev.grey{
	background-color: #f0f0f0;
	color: #444;
}
/* ==//== */

/* === grey-inv === */
.inputbox.grey2:focus, textarea.grey2:focus {
	border-color: #808080;
}
.ymn .button.grey2{
	border: 1px solid #808080;
	background-color: #f6f6f6;
	color: #8f8f8f;

}
.ymn .button.grey2:hover, .ymn .button.grey2:focus, .ymn .button.grey2.on, .ymn .button-rev.grey2{
	background-color: #fefefe;
	color: #333;
}
/* ==//== */


/* === alt === */
.inputbox.alt:focus, textarea.alt:focus {
	border-color: rgba(250, 147, 60, 0.34);
}
.ymn .button.alt{
	border: 1px solid #088A08;
	color: #35B935;
}
.ymn .button.alt:hover, .ymn .button.alt:focus, .ymn .button.alt.on, .ymn .button-rev.alt{
	background-color: #35B935;
	color: #fff;
}
/* ==//== */



.ymn .wspl{
	white-space:pre-line;
}


/* red
.inputbox:focus, textarea:focus {
	border-color: rgba(255, 111, 71, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 111, 71, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 111, 71, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 111, 71, 0.6);
}

.rt-joomla .contact .inputbox:focus, #com-form-login .inputbox:focus, #josForm .inputbox:focus, .search_result .inputbox:focus {
	border-color: #a1a1a1;
	transition: border-color 0.25s ease-in-out;
}

*/


/* ====== fields ============== */

.ymn .field{
	padding: 8px 5px; /*7px;*/

}

.ymn .subform, .field.xt{
	padding-right: 0;
	padding-left: 0;
}


.ymn .subform{
	padding-right: 0;
	padding-left: 0;
}

/* ymn.css, 30%
.ymn td.lbl, div.field.lbl{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
	width: 15%;
	text-align: right;
}
*/

.ymn.admin td.lbl{
	width: 20%;
}
.ymn .zero{
	padding: 0px;
}
.ymn td.bottom{
	vertical-align: bottom;
}

.ymn td.lbl.red{
	color: #b00;
}

.ymn td{
	padding-bottom: 0px;
	padding: 5px;
}

.ymn .group{
	vertical-align: top;
	background-color: #fcfcfc;
	color: #777;
	font-weight: bold;
}

/* ====== sizes ============== */

.inputbox{
	/* 160 /
	width: 200px;
	*/
}

#limit.inputbox{
	width: 80px;
}

.inputbox.small{
	/* 100 */
	width: 160px;
}

.inputbox.smaller{
	/* 70 */
	width: 120px;
}

.inputbox.xsmall{
	/* 70 */
	width: 70px;
}

.inputbox.narrow{
	/* 30 */
	width: 50px;
}

.inputbox.xnarrow{
	/* 30 */
	width: 35px;
}

.inputbox.wide{
	/* 200 */
	width: 300px;
}

.inputbox.mwide{
	/* 330 */
	width: 450px;
}

.inputbox.xwide{
	/* 550 */
	width: 550px;
}

.inputbox.smedium{
	/* 330x80 */
	width: 450px;
	height: 80px;
}

.inputbox.medium{
	/* 330x150 */
	width: 450px;
	height: 150px;
}

.inputbox.xmedium{
	/* 330x350 */
	width: 450px;
	height: 350px;
}

.inputbox.large{
	/* 550x150 */
	width: 550px;
	height: 150px;
}

.inputbox.xlarge{
	/* 550x500 */
	width: 550px;
	height: 500px;
}


/* ====== spaces ============== */

.vspace{
	padding: 10px;
	margin: 15px 0pt;
}
.hspace{
	padding: 10px;
	margin: 0px 15pt;
}
.ltspace{
	padding:10px;
	margin: 15px 0 15px 15px;
}
.rtspace{
	padding:10px;
	margin: 15px 15px 15px 0
}
.vispace{
	padding: 20px 0;
}
.hispace{
	padding: 0 20px;
}


/* other overrides */

.rimg{
	margin: 5px 10px;
}

.rrow{
	 margin-top: 5px;
	 min-height: 80px;
}

.rrow.cl{
	 border: 0px solid #C9C9C9;
}

.rt-joomla h2{
	letter-spacing: 1px;
}
.rt-joomla h3, .rt-joomla h4, .rt-joomla h5 {
	 letter-spacing: 1px;
}

ul li a {
	 font-size: 1em;
	 line-height: 1.8em;
}

ul.x-pagination a {
	margin: 2px;
	padding: 0 2px;
}


.sidebar ul.x-pagination a {
	 margin: -2px;
}

.sidebar ul.x-pagination {
	 margin: 20px 0px 30px -5px;
	 padding-left: 0px;
}

.pg-icon{
	float:left;
	margin: 12px 2px; /* matches margin 10 of ul pages*/
}

ul, ol {
  /*  padding-left: 5px; */
}

ul.x-pagination {
	 float: left;
	 /* margin: 10px 0px 30px 0px; */
	 /*width: 69%;*/
}

.counter{
	margin: 0;
}

.redactor_toolbar ul li{
	background: none;
}

.moduletable.left{
	float: left;
	margin-right: 10px;
}


.ymn .boxLine{
	border-bottom: 1px solid;
}

.debug{
	border: 1px dashed #cfcfcf !important;
	margin:5px;
	padding:5px 0 0 7px;
}
.debug h6{
	color: #aaa;
}
.yax.dbgfix{
	margin: -18px;
}
.ymn.dbgfix{
	padding: 5px 0px 0px 7px;
}

#manage\.event .boxTag{
	border: 1px solid rgb(121, 121, 121);
	position: absolute;
	margin-top: -20px;
	padding: 15px;
	font-size: large;
	text-align: center;
	background-color: rgb(127, 187, 91);
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#manage\.event .row{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-color: orange;
	margin-top: 20px;
}


.slist .si1, .slist .si2{
	float:left;
}

.slist .si2{
	margin-left: 28px;
}


.sbox .info.sub{
	color: grey;
	font-size: small;
}

.subrow .title{
	font-size:1.7em;
	color: red;
	margin-bottom:5px;
}

div.cols .sub{
	margin: 35px 0px 0px;
}

div.readmore{
	border-bottom: 1px dashed;
}

div.readmore > p{
	margin-top:13px;
}

.simtag{
	float: left;
	border: 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
}

.topmessage{
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(187, 187, 187, 0.31);
	padding: 14px 12px 8px;
	margin-right: 4px;
	box-shadow: 2px 2px 4px #FFE4E4; /*ccc*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.message{
	background-color: rgba(255, 255, 255, 0.6);
	/*border: 1px solid rgba(187, 187, 187, 0.31);*/
	padding: 14px 12px 8px;
	margin-right: 4px;
	/*box-shadow: 2px 2px 4px #FFE4E4; *//*ccc*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
}

.message.error{
	/*background-color: rgba(255, 215, 215, 0.6);*/
	background-color: rgba(255, 0, 0, 0.7);
	color: white;
	font-size: 1.2em;
}

.message.success{
	background-color: rgba(176, 254, 136, 0.6);
}



.message.hdr{
	background: rgba(224, 224, 224, 0.25) none repeat scroll 0% 0%;
	border: none;
}

.warning{
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgba(255, 0, 0, 0.57);
	color: rgb(255, 255, 255);
	margin-bottom: 10px;
	font-size: large;
}

.notification{
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgba(24, 255, 0, 0.6);
	color: #444;
	margin-bottom: 10px;
}

ins{
	color: green;
	background: #dfd;
	text-decoration: none;
}

del{
	color: red;
	background: #fdd;
	text-decoration: none;
}

.info.sub{
	color: grey;
	font-size: small;
}

.ymn .subtext, .ymn.subtext{
	color: grey;
	font-size: small;
}

.ymn .subtext.light, .ymn.subtext.light{
	color: #c4c4c4;
}

.ymn .mediumtext, .ymn.mediumtext{
	font-size: medium;
}

.field.ico > .radio{
	margin-right: 20px;
	float: left;
}
/*
.ymn .ico img {
	 margin: 0px -4px -2px 4px;
}
*/

.ymn .button .icon{
	margin: 1px 7px 0 0;
}

.hook{
	height: 30px;
	border-left: 2px solid #bad6e5;
	width: 50%;
	margin-top: -10px;
	border-bottom: 2px solid #bad6e5;
	float: right;
	margin-right: 7px;
}

.hook2{
	width: 32px;
	height: 20px;
	border-left: 2px solid #bad6e5;
	border-bottom: 2px solid #bad6e5;
	float: left;
	margin: -12px 20px 0px 20px;
}



/* === badges ===*/


.x-badge {
	 border: 1px solid;
	 min-width: 200px;
	 min-height: 150px;
	 float: left;
	 padding: 0px;
	 margin: 10px 20px 0 0px;
	 border-radius: 5px;
	 /*float:right;*/
	 transition: height 0.5s;
}

.x-badge:hover {
	cursor: pointer;
	background-color: #fff;
}

.x-badge .item {
	font-size: 2em;
	font-weight: bold;
	padding: 10px 10px 10px;
	margin-top:10px;
	text-align: center;
}

.x-badge .item.con{
	border-top: 1px solid;
}

.x-badge .x-badge-left{
	float: left;
	min-width: 50px;
	padding: 5px;
	border-right: 1px solid;
}

.x-badge .x-badge-right{
	float: right;
	padding: 5px 10px;
}
.x-badge.small{
	min-width: 100px;
	min-height: 60px;
}

.x-badge.small .item{
	padding: 5px;
	margin-top: 0px;
	font-size: 1.2em;
}

.x-badge.narrow{
	min-width: 20%;
	min-height: 24px;
}

.x-badge.inline{
	min-width: 20%;
	min-height: 24px;
	margin: 0 10px;
}

.chart{
	 border: 1px solid;
	 min-width: 200px;
	 height: 150px;
	 float: left;
	 padding: 0px;
	 margin: 0 10px 0 0px;
	 border-radius: 5px;
	 /*float:right;*/
	 transition: height 0.5s;
}
.chart:hover {
	cursor: pointer;
	background-color: #fff;
}
.chart .item{
	text-align: center;
}
.chart .item.con{
	border-top: 1px dashed;
}

.chart .title{
	font-size: 1.3em;
}

/*
border-color: #00AAF0;
color: #69d3ff;
background-color: rgba(7, 158, 251, 0.31);
*/
.x-badge.blue, .x-badge.blue > .item.con{
	border-color: #00AAF0;
	color: #69d3ff;
	background-color: rgba(7, 158, 251, 0.31);
}
.x-badge.blue > .line.con{

}
.x-badge.blue:hover{
	background-color: rgba(7, 158, 251, 0.62);
	box-shadow: 1px 1px 4px;
}


.x-badge.red, .x-badge.red > .item.con{
	border-color: #a00;
	color: #d20000;
	background-color: rgba(170, 0, 0, 0.31);
}
.x-badge.red:hover {
	background-color: rgba(170, 0, 0, 0.62);
	box-shadow: 1px 1px 4px;
}

#component-contact .contentheading{
	font-size: 5em;
}

/* ========= */
/*#rokstories-35{*/
#rt-showcase > .rt-container{
	background: transparent;
}

.fpstories{
	background-color:#fcfcfc;
	background:#fcfcfc url(...) repeat-x left top scroll;
}

#rt-navigation {
	 height: 88px;
}


.rokstories-layout2{

	 padding-top: 15px;
	 width: 715px;
	 float: right;
}

.desc-container{
	min-height: 108px;
}

.image-container.feature-pad{
	float:right;
}

.feature-block .image-container .image-full img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;
}

.rokstories-layout2 .feature-arrow-r {right: 4px;top: 83%;}
.rokstories-layout2 .feature-arrow-l {left: 0;top: 187px;} /* 55%

/* FP left
.rokstories-layout2 .feature-arrow-l {left: 2px;top: 83%;}
.rokstories-layout2 .feature-arrow-r {right: 0;top: 187px;} /* 55%
*/
/* FP right
.rokstories-layout2 .feature-arrow-r {right: 4px;top: 83%;}
.rokstories-layout2 .feature-arrow-l {left: 0;top: 187px;} /* 55%
*/
/*
.rt-image {
	 background: #FFF none repeat scroll 0% 0%;
	 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
*/

.feature-block .feature-pad{
	margin-left: 0;
}

#rt-footer-surround > div:nth-child(1){
	background: transparent none repeat scroll 0% 0%;

}

.rt-container{
	width: 980px;
}

.vstep{
	max-width:700px;
}


.logo{
	margin-top: 15px;
}
.nav-main{
	/* margin-top: 17px; */
}

.drop-down ul li a{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.shadow-normal {
	 box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	 border-radius: 2px;
}

.shadow-light {
	 box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.20);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	 border-radius: 2px;
}




#axside .shadow-normal{
	padding: 10px;
}

.image100{
	width: 95%;
}

.top_menu{
	margin-bottom: -20px;
	margin-right: 1px;
}

.ilink{
	border: 1px dashed;
	padding: 5px;
	border-radius: 4px;
}

.ctls .radio{
	/*white-space: nowrap;*/
}

.collapse_padding{
	padding: 0px;
}

/* ========= custom === */

.fix-sb-top{
	margin: 0 0 -25px -7px;
}

.ymn div.ctls{
	background: #b8c6cd08; /*..08, ..1c, #F4F6FC;*/
	margin-top: 10px;
}

.bottom_menu {
	/*
	 float: none;
	 text-align: right;
	*/
}
.address {
	 width: 65%;
}

.fpslider{
	background-color:#fcfcfc;
}

.fpslider .aximages_s img {
	 float: none;
}

.ymn div.mnu a :not(li){
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ymn div.mnu.topd{
	/*border-bottom: 1px solid rgba(235, 126, 13, 0.42);
	border-bottom: 1px solid rgba(230, 230, 230, 0.3); */
	background-color: rgb(245, 247, 254, 0.53); /* rgba(252, 252, 252, 0.6); */
	/* margin-left: 10px; */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.io-light .ymn div.mnu.topd {
  background-color: rgb(245 247 254 / 5%);
}

a{
	font-color: #F06421;
}

.menu-box{
	margin-top: 10px;
}

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

.ymn .bottom, .ymn div.radiobottom > .radio{
	vertical-align:bottom;
	display: inline-block;
	margin-left: 7px;
}

.ymn .top, .ymn div > .radio .top{
	vertical-align:top;
}

.ymn .f-top, .ymn div > .radio .f-top{
	vertical-align:top;
	padding-top: 8px;
}

.ymn .step.title{
	font-size: 200%;
	color: #F06421;
	margin-bottom: 10px;
}

.ymn .tag {
	 padding: 2px 5px;
	 background-color: #FFF;
	 /*float: left;*/
	 margin: 2px 5px 0px 0px;
	 border-radius: 2px;
}

.ymn .tag1 {
	 padding: 2px 5px;
	 /*margin: 2px 5px 0px 0px;*/
	 background-color: #FFF;
	 float: left;
	 border-radius: 2px;
}
.ymn .tag4 {
	 padding: 2px 5px;
	 margin: -4px 5px 0px 0px;
	 background-color: #FFF;
	 float: left;
	 border-radius: 2px;
}

.ymn .tag4-r {
	 padding: 2px 5px;
	 margin: -4px 5px 0px 0px;
	 background-color: #FFF;
	 float: right;
	 border-radius: 2px;
}

.ymn .tag5 {
	 padding: 2px 5px;
	 margin: -4px -5px 0px 0px;
	 background-color: #FFF;
	 border-radius: 2px;
}

.ymn .tag5-r {
	 padding: 2px 5px;
	 margin: -4px -5px 0px 0px;
	 background-color: #FFF;
	 float: right;
	 border-radius: 2px;
}

.ymn .tag-r {
	 padding: 2px 5px;
	 background-color: #FFF;
	 float: right;
	 margin: 2px 5px 0px 0px;
	 border-radius: 2px;
}

.ymn .tag-s{
	padding: 0 5px;
	border-radius: 2px;
}

.ymn .tag-m{
	background-color: #eaeaeae6;
	padding: 0px 4px;
}

.ymn .tag2-r {
	 background-color: rgb(217, 225, 255, 0.5);
	 margin: 2px 5px 0px 0px;
	 padding: 2px 5px;
	 border-radius: 2px;
	 float: right;
}

.ymn .tag2-r.mt-30, .ymn .tag-r.mt-30{
	margin-top: -30px;
}

.ymn .tag2-r.mt-20, .ymn .tag-r.mt-20 {
	margin-top: -20px;
}
.ymn .tag2-r.mt-10, .ymn .tag-r.mt-10 {
	margin-top: -10px;
}
.ymn .tag2-r.mt-2, .ymn .tag-r.mt-2 {
	margin-top: -2px;
}
.ymn .tag2-r.mt-1, .ymn .tag-r.mt-1 {
	margin-top: -1px;
}


.ymn .tag2 {
	 background-color: rgb(217, 225, 255, 0.5); /* rgb(240, 248, 255); */
	 margin: 2px 5px 0px 0px;
	 padding: 2px 5px;
	 border-radius: 5px;
}

.ymn .tag3 {
	 background-color: rgb(217, 225, 255, 0.5); /* rgb(240, 248, 255); */
	 padding: 2px 5px;
	 border-radius: 5px;
}
.io-light .ymn .tag3 {
	 background-color: rgb(217, 225, 255, 0.05); /* rgb(240, 248, 255); */
}

.ymn .tag3col{
	background-color: rgb(217, 225, 255, 0.5);
}

.io-light .tag3col{
	background-color: rgb(217, 225, 255, 0.07) !important;
}

.ymn .tag.red, .tag-r.red, .tag1.red, .tag2.red{
	/*padding: 5px;*/
	border: 1px solid red;
	color: white;
	/*margin: 5px;*/
}

.ymn .tag.grey, .tag1.grey, .tag2.grey{
	border: 1px solid rgba(128, 128, 128, 0.3);
}

.ymn .tag2.ex{
	margin: 10px 5px 0 0;
	padding: 2px 10px;
}

.ymn .tag2.ex:hover{
	background-color: #91ea5466;
}

.ymn .tag.clear{
	border: 0px;
	background-color:transparent;
}

.ymn .tag.clear-60{
	border: 0px;
	background-color:transparent;
	width: 60px;
}


.ymn div.header-compact{
	font-weight: normal;
}

.ymn div.cols {
	 padding: 2px;
}

.col.em{
	font-size: 1.2em;
}

.ymn .tbox {
	background: #ffffff1a;
}

.ymn .w70{
	max-width: 70%;
}
.ymn .w75{
	max-width: 75%;
}
.ymn .w50{
	max-width: 50%;
}

.user-greeting-s {
	float: none;
	padding: 8px;
	border: 1px solid #5479f9;
	border-radius: 5px;
	margin-bottom: 5px;
	background-color: rgba(255, 255, 255, 0.73);
	position: absolute;
	top: 15px;
}

.user-greeting {
	color: #3350CC;
	background-color: #2e2e2f66;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 3px 0 10px 0px;
}

.user-logout {
/*    margin: 0px 30px 10px 5px; */
	 clear: both;
}

.user-logout img {
	 max-height: 18px;
}

.shadow-x {
	border: 4px solid #eee;
	margin: -5px 0px 5px;
}

.shadow-x:hover{
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
	margin: -5px -2px 5px;
}

.shadow-accent{
	-moz-box-shadow: 0px 2px 32px #fffa;
	-webkit-box-shadow: 0px 2px 32px #fffa;
	box-shadow: 0px 2px 32px #fffa;
}

.logo-s{
	margin: 5px 20px -20px;
}

#header-btm {
	background: #f4f6fc;
}

#footer-btm {
	background: #f4f6fc;
}

.w100{
	width: 100%;
}
.wbox{
	width: 97%;
	word-wrap: break-word;
}



.overtop{
	width: 100%;
}

/*
.footer{
  height: 50px;
  margin-top: -50px;
}
*/

.sticky-bottom{
	position: fixed;
	bottom: 0;
	z-index: 10;
	opacity:	0.95;
	background-color: black;
}

.sticky-top{
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 999;
	width: 100%;
}

.sticky-hdr-top{
	 position: fixed;
	 left: 0;
	 z-index: 1;
}

.top-left{
	position: absolute;
	top: 0;
	left: 0;
}

.top-right{
	position: absolute;
	top: 0;
	right: 0;
}

.fullscreen {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	min-height: 100%;
}

.fullscreen-text{
	position: absolute;
	top: 37%;
	left: 37%;
	padding: 20px;
	background-color: yellow;
	padding: 20px;
	opacity: 0.9;
}

/*
.ymn .m-imagecard .m-body {
	 padding: 0 10px;
}
*/

.ymn img.tip {
	 vertical-align: middle;
}

.ymn .date-badge{
	margin: 0px 11px 10px 0px;
	border: 1px solid grey;
	padding: 6px;
	border-radius: 5px;
	width: 100px;
	text-align: center;
}

#Barre .rt-lang-feature img{
	max-height: 24px;
}

@media only screen and (min-width: 54em) {
	.ymn .xline{
		float: left;
		margin-right: 10px;
	}

	.ymn .xline-r{
		float: right;
		margin-left: 10px;
	}
}

.ymn .tag{
	padding: 2px 5px;
	background-color: white;
	float: left;
	margin: 2px 5px 0 0;
	border-radius: 2px;
}

.ymn p{
	/* margin: 0; */
}


.ymn .bracket{
	border-left: 2px solid rgba(0, 103, 159, 0.27);
	padding: 0 0 10px 5px;
}

.ymn .aline{
	background-color: #e1e1ff99 /* #0051aa10; /* #fcfcfce6; /* aliceblue */
}
.io-light .ymn .aline{
	background-color: #e1e1ff14 /* #0051aa10; /* #fcfcfce6; /* aliceblue */
}


.ymn .aline-2{
	background-color: aliceblue;
}

.ymn .aline-2r{
	background-color: aliceblue;
	text-align: right;
}

.ymn .aline .inputbox{
	background-color: #fbfbfb;
}


.ymn .lbl2{
	background-color: rgb(244, 246, 252);
	padding: 0px 10px;
}

fieldset.app {
	/*margin: 20px 0;*/
	margin: 10px 10px 10px 5px;
}


.white{
	color: white;
}
.black{
	color: black;
}
.bg-white{
	background-color: white;
}
.bg-black{
	background-color: black;
}

.ymn .button {
	 background-color: #B4C7FF33; /* #FFF; */
	 border: 1px solid #0461bc; /* #004990; */
	 border-radius: 2px;
	 margin-right: 5px;
	 padding: 1px 5px;
	 color: #0461bc; /* #004990; */
	 text-transform: none;
	 padding: 3px 15px;
}

.ymn .button:hover, .ymn .button:focus, .ymn .button.on, .ymn .button-rev {
	 background-color: #004990;
	 color: #FFF;
}

.ymn .button, .ymn div.button {
	 border-radius: 2px;
	 margin: 0px 0px -5px 10px;
}

.ymn.buttons-lg div.ctls .button{
	 padding: 5px 15px;
	 margin: -15px 10px 0px 0px;
	 font-size: medium;
}

.ymn.buttons-lg div.ctls div.button{
	 padding: 3px 15px;
}

.ymn .button:hover {
	box-shadow: 2px 2px 5px #00499099;
}


.ymn .button.sm {
	 padding: 3px;
	 margin: 3px;
	 font-size: inherit;
}

.ymn .x-btn-fix{
	margin: 0 10px 10px 0 !important;
	padding: 5px 10px !important;
}


.ymn.lbl-lg td.lbl, div.field.lbl{
	width: 30%;
}

.ymn.lbl-left td.lbl, div.field.lbl{
	text-align: left;
}

.ymn.lbl-60 td.lbl, div.field.lbl{
	width: 60%;
}
.ymn.lbl-50 td.lbl, div.field.lbl{
	width: 50%;
}
.ymn.lbl-40 td.lbl, div.field.lbl{
	width: 40%;
}
.ymn.lbl-45 td.lbl, div.field.lbl{
	width: 45%;
}
.ymn.lbl-30 td.lbl, div.field.lbl{
	width: 30%;
}
.ymn.lbl-25 td.lbl, div.field.lbl{
	width: 25%;
}

.ymn.lbl-10 td.lbl, div.field.lbl{
	width: 10%;
}


.ymn div.ctl {
	/*background: rgb(249, 249, 249);*/
	border-radius: 8px;
}

.ymn div.ctl/*.left*/{
	margin-bottom: 20px;
}

.ymn.title{
	font-size: large;
	margin: 5px 0;
	font-weight: bold;
}

.rimg{
	border: 1px dashed #C9C9C9;
	margin: 10px;
	padding: 2px;
	width: 200px;
	height: 50px;
	min-height: 50px;
	float: left;
	background-color: #FFF;
	max-width: none;
}

.printthis{
  background: white;
}
.printthis .rrow{
  background: none;
  /*border-top: 1px solid rgb(201, 201, 201);*/
  margin-top: 5px;
}

.printthis .pl{
	font-size: large;
	/*margin-bottom: 0px;*/
}

a:hover {
	/* text-decoration: underline; */
}

.info h2, .info h3, .info h4 {
	 padding: 5px 0 0px 0;
	 margin-bottom: 5px;
	 font-weight: bold;
}


span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;/*color:#B79000;*/}
div.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;/*color:#B79000;*/}


/* ========= responsive progress bar
-- 'active' class and 'visited' class
<div class="checkout-wrap">
  <ul class="checkout-bar">
	 <li class="visited first">
		<a href="#">Login</a>
	 </li>
	 <li class="previous visited">Shipping & Billing</li>
	 <li class="active">Shipping Options</li>
	 <li class="next">Review & Payment</li>
	 <li class="">Complete</li>
  </ul>
</div>
*/
/*
@-webkit-keyframes myanimation {
  from {
	 left: 0%;
  }
  to {
	 left: 50%;
  }
}
*/
.stepper-wrap {
  color: #444;
  /*font-family: 'PT Sans Caption', sans-serif;*/
  margin-top: 20px;
  padding-bottom: 80px;
  max-width: 1200px;
  position: relative;
  margin-bottom: 30px;
}

ul.stepper-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
  white-space:pre;
}
ul.stepper-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
	-moz-border-radius: 15%;
	-webkit-border-radius: 15%;
  border-radius: 15%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 35px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 6px;
  width: 35px;
  z-index: 5;
}
ul.stepper-bar li.active {
  color: #F57926;
  font-weight: bold;
}
ul.stepper-bar li.active:before {
  background: #F57926;
  z-index: 5;
}
ul.stepper-bar li.visited {
  background: #ECECEC;
  color: #8bc53f;
  z-index: 5;
}
ul.stepper-bar li.visited:before {
  background: #8bc53f;
  z-index: 7;
}
ul.stepper-bar li:nth-child(1):before {
  content: "1";
}
ul.stepper-bar li:nth-child(2):before {
  content: "2";
}
ul.stepper-bar li:nth-child(3):before {
  content: "3";
}
ul.stepper-bar li:nth-child(4):before {
  content: "4";
}
ul.stepper-bar li:nth-child(5):before {
  content: "5";
}
ul.stepper-bar li:nth-child(6):before {
  content: "6";
}
ul.stepper-bar li:nth-child(7):before {
  content: "7";
}
ul.stepper-bar a {
  color: #8bc53f;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

@media all and (max-width: 799px) {
	.stepper-wrap {
	 padding-bottom: 0;
	 margin-top: 10px;
	}
	.stepper-bar{
	 padding-left: 8px;
	 border-left: 4px solid #f57f30;
  }
}


@media all and (min-width: 800px) {
  .stepper-bar li.active:after {
	 -webkit-animation: myanimation 3s 0;
	 background-size: 35px 35px;
	 background-color: #F57926;
	 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	 -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 content: "";
	 height: 15px;
	 width: 100%;
	 left: 50%;
	 position: absolute;
	 top: -50px;
	 z-index: 0;
  }

  ul.stepper-bar {
	 -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 background-size: 35px 35px;
	 background-color: #EcEcEc;
	 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
	 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	 height: 15px;
	 margin: 0 auto;
	 padding: 0;
	 position: absolute;
	 width: 100%;
  }
  ul.stepper-bar:before {
	 background-size: 35px 35px;
	 /*background-color: #57aed1;*/
	 background-color: #8bc53f;
	 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	 -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	 content: " ";
	 height: 15px;
	 left: 0;
	 position: absolute;
	 width: 10%;
  }
  ul.stepper-bar li {
	 display: inline-block;
	 margin: 50px 0 0;
	 padding: 0;
	 text-align: center;
	 width: 19%;
  }
  ul.stepper-bar li:before {
	 height: 45px;
	 left: 40%;
	 line-height: 45px;
	 position: absolute;
	 top: -65px;
	 width: 45px;
	 z-index: 5;
  }
  ul.stepper-bar li.visited {
	 background: none;
  }
  ul.stepper-bar li.visited:after {
	 background-size: 35px 35px;
	 background-color: #8bc53f;
	 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	 -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	 content: "";
	 height: 15px;
	 left: 50%;
	 position: absolute;
	 top: -50px;
	 width: 100%;
	 z-index: 5;
  }

  ul.stepper-bar li.visited.last:after {
	width: 67%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
  }

}

.iCheckContainer{
	margin-bottom: 10px;
/*	width: 300px !important; */
}

.ymn .bgt-white{
	background: rgba(255, 255, 255, 0.73) none repeat scroll 0% 0%;
}

.lbl{
	/*font-weight: bold;
	white-space: pre;*/
}

.l-fix .lbl{
	position: absolute;
	margin: -1.3em 5px;
	font-weight: bold;
	white-space: pre;
}

.ymn .hilite:hover{
	/*border: 1px dashed red;
	box-shadow: 2px 2px 7px rgba(254, 171, 116, 0.50);*/
	box-shadow: 0px 1px 7px rgba(146, 187, 255, 0.45);
}

.ymn .field.accent{
	background-color: rgb(252, 252, 252);
}

.ymn .field.accent2{
	background-color: rgb(244, 246, 252);
}


.ymn div.accent1{
	color: rgb(0, 103, 159);
}
.ymn div.accent2{
	color: color: rgb(255, 145, 72);
}

.iCheckContainer{
	margin-bottom: 10px;
/*	width: 300px !important; */
}

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

.step .title{
	color: #F06421;
	font-size: 200%;
}

.ymn .heading{
	font-size:1.3em;
	white-space:pre;
}

.ymn .heading.big{
	font-size:1.5em;
	font-weight: bold;
}

.ymn .heading.green{
	color: #088A08;
}

.ymn .heading.dline{
	margin:15px 0 10px 0;
	border-bottom:1px dashed;
}

.ymn .opt-row{
	font-size:1.3em;
	white-space:pre;
	margin-bottom: 12px;
	text-align: right;
}

.ymn .opt-lbl{
	font-size:1.3em;
	white-space:pre;
	float: left;
}

.ymn .bg-white{
	background: rgba(255, 255, 255, 0.6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* == */
fieldset.app, .ymn .groupheader {
	 /*margin: 5px 0px 5px 0px;*/
	 margin: 10px 0;
}
fieldset.app, .ymn .groupheader {
	 border: none;
	 border-top: 1px solid #0f50be;
	 padding: 5px 0px;
	 clear: both;
}

fieldset.app legend {
	/*
	 color: rgb(4, 97, 188);
	 color: rgb(166, 61, 184);
	*/
	 font-size: 1.2em;

	color: rgb(15, 80, 190);
	background-color: #e8eefd; /*#ef8cff99;*/
	padding: 5px 10px;
}


.io-light fieldset.app legend {
	background-color: #e8eefd17; /*#ef8cff99;*/
}

/*
.ymn.x fieldset.app, .ymn.x .groupheader,
.ymn.x-50 fieldset.app, .ymn.x-50 .groupheader{
	 border: none;
	 border-top: 1px solid #0F7FEB;
	 padding: 5px 0px;
	 margin-top: 3em;
}

.ymn.x fieldset.app legend,
.ymn.x-50 fieldset.app legend {
	 color: #272727;
	 font-size: 1.5em;
	 margin-top: -2em;
}

*/

/*

	mx-grid (max-width):

  -0: 18em: 288px
  -1:	24em:	384px
  -2:	34em:	544px
  -3:	46em:	736px

  -4:	50em:	800px
  -5:	56em:	896px
  -6:	67em:	1072px
  -7:	73em:	1168px


*/

.ymn .file{
		width: 90%;
		float: left;
		margin-left: 1%;
		margin-right: 2%;
	}

@media screen and (min-width: 46em) {
	.ymn.x-50 fieldset.app, .ymn fieldset.app.x-set{
		width: 45%;
		float: left;
		margin-left: 1%;
		margin-right: 2%;
	}

	.ymn fieldset.app.x-clear {
		width: unset;
		float: unset;
		/*&margin-left: unset;
		margin-right: unset;*/
		clear: both;
	}

	.ymn .file{
		width: 45%;
		float: left;
		margin-left: 1%;
		margin-right: 2%;
	}

}

@media screen and (min-width: 73em) {
	.ymn.xx-50 fieldset.app, .ymn fieldset.app.xx-set{
		width: 49%;
		float: left;
		margin-left: 0%;
		margin-right: 1%;
	}

	.ymn fieldset.app.xx-clear {
		width: unset;
		float: unset;
		/*&margin-left: unset;
		margin-right: unset;*/
		clear: both;
	}
}

.ymn.xx-50 td.lbl, div.field.lbl {
	/*width: 25%;*/
	white-space: nowrap;
}

.ymn .file{
	border: 1px dashed #e9e9e9;
	padding: 10px;
	background-color: #fcfdffe6;
}

.ymn .file .mh10{
	float: left;
}

@media only screen and (max-width: 46em) {


}


.ymn .gText{
	min-height: 40px;
}

/* 979

@media screen and (max-width: 899px) {

	.mnu .ctl{
		display: inline-block;
		margin-bottom: 5px;
	}

	.mnu > .ctl > a{
		float:left;
		margin: 2px;
	}
	.mnu > .ctl .lblYear{
		float: left;
		position: unset !important;
	}
}

*/

/* 767 */
/*
@media screen and (max-width: 767px) {
	.ymn .c25{
		width: 99%;
	}
	.ymn .c75{
		width: 99%;
	}
	.subrow{
		padding: 0;
	}
	.ymn div.cols{
		padding: 0;
	}
	.subrow .title {
		font-size: 1.5em;
		margin-bottom: 1px;
	}
	.mnu > .ctl .lblYear{
		display: none !important;
	}

	.mnu > .ctl .setS{
		padding-top: 4px !important;
	}

	.mnu > .ctl .specialM{
		padding-top: 4px !important;
	}
}
*/
#register-page .align-me {
	margin-left: 130px;
}

@media screen and (max-width: 450px) {
	.subrow .title {
		font-size: 1.2em;
		margin-bottom: 1px;
	}
	#register-page .align-me {
		margin-left: 10px;
	}

}

#footer-btm{
	overflow: auto;
}

.cover{
	background-position: cover;
}


.mem-tag{
	top: 5px;
	padding: 10px;
}

.mem-tag-top{
	position: absolute;
	right: 60px;
	top: 5px;
	padding: 10px;
}


.ymn .scratch{
	text-decoration: line-through;
	font-size: small;
}

.ymn .subtotal-line{
	border-bottom: 1px dashed;
}
.ymn .total-line{
	border-bottom: 1px solid;
}
.ymn .total-bar{
	font-size: 1.3em;
}

.manage .aximages_s img{
  max-height: 60px;
  max-width: 60px;
}
.manage .redactor_box img.aximage{
  max-height: 250px;
  max-width: 250px;
}

.aximages img{
	max-width: 100%;
}

.x-page{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.xx-page{
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

 .zx-page{
	max-width: 94%;
	margin:auto;
	clear: both;
}

.clear{
	clear: both;
}

.x-limitless,
.x-limitless .x-page,
.x-limitless #main,
.x-limitless .x-container {
	max-width: none;
}
.x-limitsome,
.x-limitsome .x-page,
.x-limitsome #main,
.x-limitsome .x-container {
	max-width: 1750px;
	/*margin: 15px auto;*/
}

/* does not clear like x-page, so: either/or */
.x-limit,
.x-limit #main,
.x-limit .x-container {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.xx-limit,
.xx-limit #main,
.xx-limit .x-container {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}


.menu > li{
	list-style: none;
}

.sidebar .menu > li.active > a{
	background-color: transparent;
	box-shadow: none;
}

.borderless td, .borderless th {
	 border: none !important;
}

/*fix BS */
.label:empty {
	 display: block;
}

.hide{
	display: block !important;
}

.mctl{
	background-color: #f4f6fc;
}

.ymn .readonly{
	background-color: #efefef;
	color: grey;
}

.mx-r{
	 position: relative;
	 /*
	 left: 0;
	 top: 540px;
	 */
	 height: 100px;
	 /*padding: 5px 0;*/
	 width: 100%;
}
/*
.x-shadow{
	margin: -1px 5px;
}
*/
.x-shadow:hover{
	-moz-box-shadow: 1px 1px 5px;
	-webkit-box-shadow: 1px 1px 5px;
	box-shadow: 1px 1px 5px;
	padding: 1px;
	margin: -1px 5px;
}

.web .top-bar {
	/*
	 position: absolute;
	 right: 5px;
	 float: right; */
	 opacity: 0.8;
}

.web .btm-bar {
	 opacity: 0.8;
}

.web .ctls-right{
	margin-top: -30px;
}

.web div.ctls{
	/*margin-bottom: 0px;*/
}

.pagewrap{
	max-width: 1200px;
	margin: auto;
}

.ya24{
	margin: -8px 8px 0px 0px;
	max-width: 24px;
	max-height: 24px;
}

.x-50.h100 .app{
	min-height: 100px;
}

.x-50.h200 .app{
	min-height: 200px;
}

.x-50.h300 .app{
	min-height: 300px;
}

/*primary color!

!important; ??
*/
/*
.primary {
	 background-color: #00bcd4;
}

.primary.lighten-1 {
	 background-color: #26c6da;
}

.card [data-background-color="primary"] {
	 background: linear-gradient(60deg, #00bcd4, #26c6da);
	 /* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
	 box-shadow: 0 4px 20px 0px rgba(34, 153, 149, 0.1), 0 7px 10px -5px rgba(39, 161, 176, 0.4);
}

.card [data-icon-bg-color="primary"] i {
	 /* color: #9c27b0;
	 color: #26c6da;
}

*/

/* red */

.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary:hover {
	 box-shadow: 0 14px 26px -12px rgba(176, 39, 39, 0.4), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(176, 39, 39, 0.2);
}

.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary:hover {
	 box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
	 background-color: #0f50be;
	 color: #FFFFFF;
}

.form-control, .form-group .form-control {
	 border: 0;
	 background-image: linear-gradient(#b02727, #b02727), linear-gradient(#D2D2D2, #D2D2D2);
	 background-size: 0 2px, 100% 1px;
	 background-repeat: no-repeat;
	 background-position: center bottom, center calc(100% - 1px);
	 background-color: rgba(0, 0, 0, 0);
	 transition: background 0s ease-out;
	 float: none;
	 box-shadow: none;
	 border-radius: 0;
	 font-weight: 400;
}


.card [data-background-color="primary"] {
	 background: linear-gradient(90deg, #0f50be, #0f50bee6);
	 box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(152, 152, 152, 0.4);
}


.field-bg{
	background-color: rgba(50, 103, 230, 0.05);
	padding: 5px;
}

.field-bg .inputbox{
	background-color: #fcfcfce6; /* #fafcff; */
}

.chosen-container-single .chosen-single {
	height: 29px;
	border: 1px solid #ddd;
	font-size: 1em;
	line-height: 2em;
	color: unset;
}

.chosen-container-single em{
	color: unset;
}

.ymn .ctl .chosen-container{
	margin: -2px 10px 0 0;
	max-width: 235px;
}

.ymn div.mnu .chosen-container a{
	margin: 0px 0px;
	/* border: none; */
}

.ymn .mnu .chosen-container-single span{
	margin: -1px 5px;
}

#ff_appForm_filter_chosen .chosen-single{
	color: red;
}

.app.red1{
	background-color: #fceae6;
}

.app.green1{
	background-color: #e6fce7;
	border-top: 1px solid #0c1;
}

.green1Msg{
	padding: 10px;
	background-color: #9cfc9c;
	margin: 0px 0px 20px 20px;
}

.user-logout {
	 background-color: #8f8f8f66;
	 padding: 5px 3px 5px 6px;
	 border-radius: 2px;
}

.fly-bar-bottom {
	max-width: 900px;
}

.web .btm-loc{
	position: absolute;
	bottom: 50px;
}

.ymn div.mnu a :not(li){
	 /*  background-color: rgb(204, 215, 255);
	display: inline-block;
	 background-color: rgba(0, 73, 144, 0);
	 margin: 0px;
	 padding: 7px;
	 border-radius: 2px;
	 /* border-left: 1px solid; */
	 padding: 2px 5px;
	 display: inline-block;
	 margin: 2px 0px;
	 /*border: 1px solid white;*/
}

 .ymn div.mnu a.on :not(li), .ymn div.mnu a:hover :not(li){
	/*color: #e8f0ff;
	box-shadow: 2px 2px 4px rgba(0, 103, 159, 0.44); /* rgba(42, 0, 159, 0.4); * /
	background-color: #0f50be; /*#a63cb8;*/
	padding: 2px 5px;
	/*
		padding: 1px 6px;
		font-size: 1.02em;
	*/
}

/* mb!
.ymn div.mnu a.chosen-single:hover {
	 color: #e8f0ff;
	 box-shadow: 2px 2px 4px rgba(0, 103, 159, 0.44);
	 background-color: #0f50be;
	 padding: 2px 5px;
	 padding: 1px 6px;
	 font-size: 1.02em;
}
*/

.ymn.sr-pe div.mnu a.on :not(li){
	background-color: #4caf50;
}

.ico.xbg{
	background-color: white;
	margin: 1px 0px 0 5px;
	border-radius: 2px;
}

.ymn .ev-desc{
	border: 1px solid #859ba6;
	background-color: #fff6;
	padding: 10px;
}

.ymn .ev-tr{
	background-color: #cfcfcf33;
}

.ymn td.ev-lbl, .ymn div.ev-lbl{
	background-color: #b0bec533;
	padding: 5px;
}

.ymn .ev-bar{
	border-left: 1px solid red;
	padding: 10px;
}

/*
.nav > li {
	height: 40px;
}
*/

.sidebar .nav-btm i {
	 float: left;
	 line-height: 24px;
	 width: 30px;
	 text-align: center;
	 color: #a9afbb;
}

.sidebar .nav-btm li.active > a {
	color: white;
	padding: 2px 7px 2px;
	border-radius: 2px;
}

.sidebar .nav-btm > li {
	 list-style: none;
}

/* nav adjust */

.nav-hdr .nav {
	margin: 0px 0px;
	/* padding-left:10px; */
}

.nav-hdr .nav.m10 {
	margin: 0px 10px;
}

.nav-hdr .nav > li{
	float: left;
	height: 48px;
}

.nav-hdr .nav > li > a{
	color: white;
	padding: 10px 15px 9px;
}

.nav-hdr .nav > li > a:focus, .nav-hdr .nav > li > a:hover {
	 background-color: #eb7e0d;
}

.nav-hdr .nav > li.active > a{
	 background-color: #E47428;
}

.fa-hide i{
	display: none;
}

#form-login{
	position: fixed;
	bottom: 5px;
	z-index: 12;
}

.user-logout{
position: fixed;
right: 5px;
bottom: 10px;
}

.sidebar-mini .user-greeting{
	opacity: 0;
}


.componentheading {font-weight: bold;margin:1em 0;}
h1 .componentheading {font-size: 180%;}


.ffs-manage, .ffs-subject, .ffs-error-description{
	background-color: #f3f6fd66;
}

.app.ffs-find{
	border: 1px solid #b5c3db;
}

.txt-admin{
	/* font-family: roboto; */

	font-family: verdana;
	font-size: 13px;

}

.mctl h2, .border-top-dashed{
	border-top: 1px dashed grey;
}

.ymn .checkbox label, .ymn label{
	font-size: inherit;
}

.topc{
	margin-bottom: 20px;
}

.ymn .m-sb3{
	margin-bottom: 5px;
}

.qtip-light, .qtip-light-x, .qtip-light-y {
	border-bottom: 3px solid #2b74c680;
	border-top: 3px solid #2b74c6;
	max-width: 70%;
}

#bg {
	 position: fixed;
	 top: -50%;
	 left: -50%;
	 width: calc(200% - 360px);
	 height: 200%;
}

.sidebar-mini #bg{
	/*width: calc(200% - 80px);*/
	width: 200%;
}

ul.x-pagination a:hover, ul.x-pagination a:active, ul.x-pagination a:focus {
	 background: #700;
	 border: 1px solid #700;
	 color: #fff;
	 text-decoration: none;
}

ul.x-pagination span.current, ul.x-pagination a:hover, ul.x-pagination a:active, ul.x-pagination a:focus{
	color: #fff;
	border-color: #d88e41cc;
	background-color: #eb8923;
}

.sb-left .main-panel {
	 float: right;
}

.sb-left .sidebar {
	 left: 0;
}

.sb-left .sticky-bottom {
	width: initial;
}

.nav.inverted i.material-icons{
	padding: 0px 5px;
	margin-top: -8px;
}

#bg img {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 margin: auto;
	 min-width: 50%;
	 min-height: 50%;
	 opacity: 0.7;
}

#right.s-fix, #left.s-fix{
	padding-top: 15px;
}

.colorclass-pick-button{
	float: left;
	white-space: initial;
}
/*  === background?
body {
  background: url(...) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/


/* === scrollbar
._mCS_1 .mCSB_dragger .mCSB_dragger_bar{ background-color: red; }
._mCS_2 .mCSB_dragger .mCSB_dragger_bar{ background-color: green; }
#mCSB_3_dragger_vertical .mCSB_dragger_bar{ background-color: blue; }
#mCSB_1_scrollbar_vertical .mCSB_dragger{ height: 100px; }
#mCSB_1_scrollbar_horizontal .mCSB_dragger{ width: 100px; }
.mCSB_1_scrollbar .mCSB_dragger .mCSB_draggerRail{ width: 4px; }
*/

#mCSB_1_scrollbar_vertical{
	margin: 25px 10px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{
	height: 48px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
	background-color: rgba(0, 103, 159, 0.8);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: rgba(0, 103, 159, 0.8);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: rgb(235, 126, 13, 90);
}


/* ==  cutoms elements === */

/*
.herobox1{
	background:url("../../../images/boards/herobox-bg3.png") no-repeat;
	background-size: cover;
	width: 80%;
	min-height: 155px;
	margin: auto 10%;
	position: absolute;
	bottom: -100px;
	color: blue;
	text-align: center;
}
*/
/*
.herobox-tray1{
	background:url("../../../images/boards/herobox-corner.png") no-repeat;
	position: absolute;
	margin: auto 10%;
	bottom: -100px;
	width: 80%;
}


.herobox1{
	min-height: 155px;
	color: #0f50be;
	text-align: center;
}
*/

.herobox1{
	position: absolute;
	margin: auto 9%;
	/* bottom: -100px; */
	width: 82%;
	/*min-height: 155px;*/
	color: #0f50be;
	text-align: center;
	border: 16px solid #e96eea33;
	margin-top: -82px;
}

.herobox1 .h1, .herobox1 .h2, .herobox1 .hc {
	background-color: white;
	margin: 0;
	padding: 30px;
	box-shadow: 10px 10px 20px #8000804d;
	border-left: 5px solid #E47428;
}


/* follow this schema when translating paletton:

.red {
  background-color: #F44336 !important;
}
.red-text {
  color: #F44336 !important;
}

*/

/* Main Colors, set in cms - v1*/

.custom-bg-1{
	background-color: #f7f7f7;
}
.custom-bg-2{
	background-color: #e0e0e0;
}
.text-1{
	color: #f7f7f7;
}
.text-2{
	color: #e0e0e0;
}

.primary-lighten-3-text { color: #BE52C2 }
.primary-lighten-1-text { color: #AB2FAF }
.primary-color-text { color: #A10EA6 }	/* purple v1 - #a61aab, (161,14,166) */
.primary-darken-1-text { color: #870188 } /* 83>87*/
.primary-darken-3-text { color: #68006C }

.secondary-lighten-3-text { color: #F49555 }
.secondary-lighten-1-text { color: #E47428 }
.secondary-color-text { color: #BE550E }	/* orange*/
.secondary-darken-1-text { color: #9C3F00 }
.secondary-darken-3-text { color: #742F00 }

.accent-lighten-3-text { color: #51C05F }
.accent-lighten-1-text { color: #2FAB3F }
.accent-color-text { color: #159525 }	/* green */
.accent-darken-1-text { color: #067B15 }
.accent-darken-3-text { color: #005C0B }

.text-lighten-3-text { color: #537FCB }
.text-lighten-1-text { color: #3066C1 }
.text-color-text { color: #0F50BE }	/* blue */
.text-darken-1-text { color: #0A3C91 }
.text-darken-3-text { color: #072F72 }

.complement-lighten-3-text { color: #EFE73D }
.complement-lighten-1-text { color: #DBD20E }
.complement-color-text { color: #B4AC00 }	/* yellow */
.complement-darken-1-text { color: #928C00 }
.complement-darken-3-text { color: #686400 }

/* --- */

.primary-lighten-3 { background-color: #BE52C2 }
.primary-lighten-1 { background-color: #AB2FAF }
.primary-color { background-color: #A10EA6 }	/* purple*/
.primary-darken-1 { background-color: #870188 }
.primary-darken-3 { background-color: #68006C }

.secondary-lighten-3 { background-color: #F49555 }
.secondary-lighten-1 { background-color: #E47428 }
.secondary-color { background-color: #BE550E }	/* orange*/
.secondary-darken-1 { background-color: #9C3F00 }
.secondary-darken-3 { background-color: #742F00 }

.accent-lighten-3 { background-color: #51C05F }
.accent-lighten-1 { background-color: #2FAB3F }
.accent-color { background-color: #159525 }	/* green */
.accent-darken-1 { background-color: #067B15 }
.accent-darken-3 { background-color: #005C0B }

.text-lighten-3 { background-color: #537FCB }
.text-lighten-1 { background-color: #3066C1 }
.text-color { background-color: #0F50BE }	/* blue */
.text-darken-1 { background-color: #0A3C91 }
.text-darken-3 { background-color: #072F72 }

.complement-lighten-3 { background-color: #EFE73D }
.complement-lighten-1 { background-color: #DBD20E }
.complement-color { background-color: #B4AC00 }	/* yellow */
.complement-darken-1 { background-color: #928C00 }
.complement-darken-3 { background-color: #686400 }

/* == + HC-2* == */

.primary-lighten-4-text { color: #E09DE3 }
.primary-lighten-2-text { color: #B642BA }
.primary-darken-2-text { color: #730177 }
.primary-darken-4-text { color: #3E0040 }

.secondary-lighten-4-text { color: #FFC299 }
.secondary-lighten-2-text { color: #EB8743 }
.secondary-darken-2-text { color: #863600 }
.secondary-darken-4-text { color: #331400 }

.accent-lighten-4-text { color: #97DFA0 }
.accent-lighten-2-text { color: #41B650 }
.accent-darken-2-text { color: #006A0D }
.accent-darken-4-text { color: #002A05 }

.text-lighten-4-text { color: #95B2E2 }
.text-lighten-2-text { color: #4474C6 }
.text-darken-2-text { color: #08347E }
.text-darken-4-text { color: #021B44 }

.complement-lighten-4-text { color: #FFF980 }
.complement-lighten-2-text { color: #ECE428 }
.complement-darken-2-text { color: #7A7500 }
.complement-darken-4-text { color: #272500 }

/* --- */

.primary-lighten-4 { background-color: #E09DE3 }
.primary-lighten-2 { background-color: #B642BA }
.primary-darken-2 { background-color: #730177 }
.primary-darken-4 { background-color: #3E0040 }

.secondary-lighten-4 { background-color: #FFC299 }
.secondary-lighten-2 { background-color: #EB8743 }
.secondary-darken-2 { background-color: #863600 }
.secondary-darken-4 { background-color: #331400 }

.accent-lighten-4 { background-color: #97DFA0 }
.accent-lighten-2 { background-color: #41B650 }
.accent-darken-2 { background-color: #006A0D }
.accent-darken-4 { background-color: #002A05 }

.text-lighten-4 { background-color: #95B2E2 }
.text-lighten-2 { background-color: #4474C6 }
.text-darken-2 { background-color: #08347E }
.text-darken-4 { background-color: #021B44 }

.complement-lighten-4 { background-color: #FFF980 }
.complement-lighten-2 { background-color: #ECE428 }
.complement-darken-2 { background-color: #7A7500 }
.complement-darken-4 { background-color: #272500 }

/* --
h1,h2,h3,h4,.componentheading {font-weight: bold;margin:1em 0;}
h1,.componentheading {font-size: 180%;}
*/

/*
.ht.col-1{
	background-color: #c2dfff;
	color: #1470d5;
}
.ht.col-2{
	background-color: #94ffc6;
	color: #008037;
}
.ht.col-3{
	background-color: #d3f7fe;
	color: #12aee0;
}
.ht.col-4{
	background-color: #dadada;
	color: #787878;
}
.ht.col-5{
	background-color: #1584ff;
	color: #d4e8ff;
}
*/

.ht.col-1{
	background-color: #4982C740;
	color: #074288;
}
.ht.col-2{
	background-color: #3BBEBE40;
	color: #007D7D;
}
.ht.col-3{
	background-color: #FFBB4F80;
	color: #D07F00;
}
.ht.col-4{
	background-color: #FF9F4F40;
	color: #D05E00;
}
.ht.col-5{
	background-color: #1584ff;
	color: #d4e8ff;
}

.ht.cc-img{
	padding: 2px 10px 2px 9px;
	/*background-color: #16C4E91F;
	color: #398181;*/
	background-color: #3066C11C;
	color: #768090fa;
}
.ht.cc-img img{
	margin: -5px 2px 0px 2px;
}

/*rangeSlider, with icon */
.irs--big .irs-min, .irs--big .irs-max {
	padding: 1px 5px 0px 5px;
	background-color: #9f9f9f70;
}
.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
	padding: 1px 5px 0px 5px;
}
/*range slider, no icon
.irs--big .irs-min, .irs--big .irs-max {
	padding: 2px 5px 0px 4px;
	background-color: #9f9f9f70;
}
.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
	padding: 2px 5px 0px 4px;
	/*background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); /
}
*/

#ya-creator.formfields{
	font-size: 11px;
}

.ymn .c2{
	min-width: 30px;
}

.ymn select{
	border: 1px solid #aeaeae;/* #ddd8d8; */
}

.ymn select.faded{
	  border: 1px solid #ddd8d8;
	  color: #ddd8d8;
}

#axside .alert {
	position: absolute;
	left: 50%;
	margin: 5px;
}

.r-cause a, .r-impact a{
	color: unset;
}

.r-cause{
	background-color: #ffca28 !important;
	/* background-color: #ffca28 !important; /* lighten-1 */
	color: #a64a03 !important; /*amber text darken-4*/
}

.r-impact{
	background-color: #f95959 !important; /* red darken*/
	color: #710004  !important; /* red l-4*/
}

.r-control{
	background-color: #e0e0e0 !important; /* red darken*/
	color: #444  !important; /* red l-4*/
}

.ymn .subform div.ctls{
	margin-bottom: 15px; /* 2 w/o pagination*/
}

.ymn div.ctls {
  margin-bottom: 48px;
  /*overflow: auto;*/
}

.ymn .subform .inset-green{
	border-left: 2px solid #c6e2a2;
	border-top: 1px solid #c6e2a2;
	padding-top: 20px;
	padding-right: 10px;
}

.ymn .subform .inset-blue{
	border-left: 2px solid #e1e1ff;
	border-top: 1px solid #e1e1ff;
	padding-top: 20px;
	padding-right: 10px;
}

.ymn .subform.inset > .ymn {
	border-left: 2px solid #e1e1ff;
	border-top: 1px solid #e1e1ff;
	padding-top: 20px;
	padding-right: 10px;
}

.subform.inset.l-pad > .ymn {
  padding-left: 2em;
}

.ymn .subform .separator-blue{
	border-top: 1px solid #e1e1ff;
	padding-top: 20px;
}

.ymn .subform .separator-blue{
	border-top: 1px solid #e1e1ff;
	padding-top: 20px;
	padding-left: 10px;
	border-left: 1px solid #e1e1ff;
}

.ymn .field.red a{
	color: #b00;
}
.ymn .field.green a{
	color: #1f7e23;
}

.ymn .middle{
	vertical-align: middle !important;
}

.ff-tabs-subspace ul.ff-tabs{
	margin: 40px 0 -112px 0px;
}


/**
* fix IOkit .ymn combo
*/

/*div.mnu .ctl .io-alert span{
div.mnu ul > li > a > span{

}
*/

.ymn div.mnu .ctl a :not(li){
	display: inline;
	padding: 3px;
}

.tab-bg{
	background-color: #3f51b51a; /*0d*/
	color: #3f51b5 !important;
}

.io-light .tab-bg{
	color: #bfbfbf !important;* /
}

.io-light .io-tab li > a > span{
  background-color: #2d2d2d;
  color: #bfbfbf;
}

.io-light .h3,
.io-light .h3 > a
{
	 /* color: rgba(255, 255, 255, 0.87); } */
}

/**
* adj IOkit
**/

a, .io-link{
	color: #1c5790;
}

.io-progress{
	margin-bottom: 3px;
	margin-top: 3px;
}

.io-offcanvas-bar{
	background: #f4f4f4;
}

.buttons-lg .io-button,
.io-buttons-app .io-button:not(.large){
	margin: -2px 10px 0 0;
	padding: 0 15px;
	font-size: 0.875rem;
	line-height: 27px;
}

.io-form-label,
.io-form-horizontal .io-form-label,
.io-form-stacked .io-form-label{
	font-weight: 500;
	background-color: #fcfcfc;
	margin-top: unset;
	padding-left: 2px;
}

@media (min-width: 960px){
	.io-form-label {
		/*text-align: right;*/
		padding-right: 2px;
	}
}

.sc-theme-dark .io-form-label{
	background-color: #fcfcfc05;
}

/**
* hotfix dark-theme
**/
.sc-theme-dark .tag4 {
  background-color: #ffffff12;
}

.sc-theme-dark td.lbl, .sc-theme-dark div.lbl-r, div.field.lbl{
	 background-color: #fcfcfc05;
	 /*background-color: transparent;*/
}

.sc-theme-dark a:not(.sc-button) {
  color: #426bc0;
}

.mdi::before {
	 font-size: 16px;
}

.sp-replacer {
	 padding: 8px;
	 border: solid 1px #aeaeae;
	 margin-bottom: 1px;
	 background: #fff;
}