/**
* shared custom overrides
*/


/**
* ======= mb =========
*
*     off: * /
* 		on:  */


/**
* Ya-IOkit customization
*/

/*
.sc-theme-f #sc-header .io-navbar {
	 background: transparent; /*#2f3e46;* /
}


.io-section.primary, .io-subnav.pill > .io-active > a{
	background: #566365
}
*/

body > div{
	background-color: #fdfdfd;
	border-radius: 5px;
}

.io-navbar-container:not(.io-navbar-transparent) {
	/* background: transparent; */
}

.io-navbar > .io-text-lead{
	color: #333;
}

#mobile #sc-sidebar-main-toggle .sc-menu-close, #mobile #sc-sidebar-main-toggle .sc-menu-open {
	 color: #333;
}

body {
	 min-width: 320px;
}

/**
* custom breakpoints
*/



/**/

/**
* Ya-IOkit fix - LEGACY css (footer, sb)
*/


/**/



/**
* other things ..
*/

 .io-divider-vertical {
	height: unset;
 }

 /** /
 #axside .mnu.topc, #axside .ctls-left{
	  display: none;
 }
/**/



/**
* colorful eve-tabs and cards
*/

/**
* 10: light-grey
*/
.mnu-status .t_10 > a {
	color: #6f6f6f;
}
.mnu-status .t_10.io-active > a {
	border-top: 1px solid #6f6f6f;
	background-color: #aaaaaa0a;
}
.mnu-status .t_10 > a > span.io-badge {
	background-color: #aaaaaad6;
	color: #ffffffb3;
}

.stories-loop .t_10 {
	border-left: 5px solid #aaaaaad6;
}


/**
* 11: grey
*/
.mnu-status .t_11 > a {
	color: #626161;
}
.mnu-status .t_11.io-active > a {
	border-top: 1px solid #626161;
	background-color: #6261610a;
}
.mnu-status .t_11 > a > span.io-badge {
	background-color: #868484d6;
	color: #ffffffb3;
}
.stories-loop .t_11 {
	border-left: 5px solid #868484d6;
}


/**
* 12: yellow/orange
*/
.mnu-status .t_12 > a {
	color: #dba400d6;
}
.mnu-status .t_12.io-active > a {
	border-top: 1px solid #dba400d6;
	background-color: #dba40012;
}
.mnu-status .t_12 > a > span.io-badge {
	background-color: #dba400e6;
	color: #ffffffb3;
}
.stories-loop .t_12 {
	border-left: 5px solid #dba400e6;
}

/**
* 13: blue-1
*/
.mnu-status .t_13 > a {
	color: #5874ec;
}
.mnu-status .t_13.io-active > a {
	border-top: 1px solid #5874ec;
	background-color: #5874ec0a;
}
.mnu-status .t_13 > a > span.io-badge {
	background-color: #5874ecd6;
	color: #ffffffb3;
}
.stories-loop .t_13 {
	border-left: 5px solid #5874ecd6;
}

/**
* 14: blue-2
*/
.mnu-status .t_14 > a {
	color: #3f51B5;
}
.mnu-status .t_14.io-active > a {
	border-top: 1px solid #3f51B5;
	background-color: #3f51B50a;
}
.mnu-status .t_14 > a > span.io-badge {
	background-color: #3f51B5;
	color: #ffffffb3;
}
.stories-loop .t_14 {
	border-left: 5px solid #3f51B5;
}


/**
* 15: red
*/
.mnu-status .t_15 > a {
	color: red;
}
.mnu-status .t_15.io-active > a {
	border-top: 1px solid red;
	background-color: #ff00000a;
}
.mnu-status .t_15 > a > span.io-badge {
	background-color: #ff0000d6;
	color: #ffffffb3;
}
.stories-loop .t_15 {
	border-left: 5px solid #ff0000d6;
}


/**
* 17: grey-0
*/
.mnu-status .t_17 > a {
	color: #6f6f6f;
}
.mnu-status .t_17.io-active > a {
	border-top: 1px solid #6f6f6f;
	background-color: #aaaaaa0a;
}
.mnu-status .t_17 > a > span.io-badge {
	background-color: #aaaaaad6;
	color: #ffffffb3;
}

.stories-loop .t_17 {
	border-left: 5px solid #aaaaaad6;
}


/**
* 18: green
*/
.mnu-status .t_18 > a {
	color: #008000;
}
.mnu-status .t_18.io-active > a {
	border-top: 1px solid #008000;
	background-color: #0080000a;
}
.mnu-status .t_18 > a > span.io-badge {
	background-color: #008000d6;
	color: #ffffffb3;
}

.stories-loop .t_18 {
	border-left: 5px solid #008000d6;
}


/**
* grey: background-color: #a6a6a6;
orage: #dba400d6
blue-1: #5874ec
green .. #008000
*/


.stages_loop .t_1 .io-card-header {
	background-color: azure;
}
.stages_loop .t_4 {
	background-color: blue;
}
.stages_loop .t_5 {
	background-color: red;
}

.io-accordion-content {
  margin-top: 0;
}

/**
* set bookmark bar to icon
*/
.isBookmark > img{
	border-left: 2px solid #4f81bd;
	padding-left: 1px;
}

.io-grid + .io-grid, .io-grid > .io-grid-margin, * + .io-grid-margin {
  margin-top: 20px;
}

/**/

/**
* cosmetic fixes
*/

.zx-page{
	max-width: 99%
}
.md-headerText3 {
  padding: 1px 0 1px 7px;
}


.ymn .tag-m.soft {
  background-color: #eaeaea70;
  color: #c6c6c6;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

h4{
	border-bottom: 1px dashed #33333375;
}