/**
* 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: #cad2c5;
	border-radius: 5px;
}

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

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

.io-navbar-toggle {
  /* color: #52796f; */
  color: #333;
}

.io-text-muted {
  color: #bbb8b8 !important;
}

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

body {
	 min-width: 320px;
}

/**
* ext
*/

.io-center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/**
* admin
*/

.admin .ymn div.ctls {
  background: transparent;
}

/**
* mixed
*/

.io-section.secondary {
	 background: #2f3e46bf;
}

.io-button.primary.contained {
	 background-color: #2f3e46;
	 border-color: #2f3e46;
}

.io-button.primary {
	 background-color: #2f3e461c;
	 color: #2f3e46;
	 border-color: #2f3e461c;
}


.io-button.primary {
	 background-color: #2f3e461c;
	 color: #2f3e46;
	 border-color: #2f3e461c;
}


.io-button.primary, .io-button.default {
	 color: unset;
	 border-color: unset;
}

.io-button.primary {
  background-color: #566365;
}

.buttons-lg .io-button, .io-buttons-app .io-button:not(.large) {
  padding: 3px 20px;
}

.io-button.primary.contained:hover, .io-button.primary.contained:focus {
  background-color: unset;
  color: #333;
  box-shadow: 2px 2px 5px #999;
}

#oc-left .io-offcanvas-bar {
  background: #3F5A76;
  width: 190px;
  border-radius: 0 10px 10px 0;
}

#oc-right .io-offcanvas-bar {
  background: #B4C5D7;
  border-radius: 2px 0 0 2px;
  width: 170px;
}

#oc-map .io-offcanvas-bar {
  background: #B4C5D7;
  border-radius: 10px 0 0 10px;
  width: 270px;
}


/**
* screen
*/

.screen .hover:not(.default):not(.primary):not(.secondary):hover {
  background: #ffffffb5;
}

.io-button.primary {
	 background-color: #2f3e461c;
	 color: #ffffff;
	 border-color: #2f3e461c;
}

.io-button.default {
	 background-color: #d9e3d2;
	 color: #334c23;
	 border-color: #d9e3d2;
	 border: 1px solid;
}

.io-button.primary:hover, .io-button.primary:focus,
.io-button.default:hover, .io-button.default:focus {
  background-color: #d1dbcb;
  color: #566365;
}

.io-button.primary.filled, .io-button.default.filled
{
  background-color: #d1dbcb;
  color: #566365;
}

.io-button.default.filled:hover, .io-button.default.filled:focus {
  background-color: #d1dbcb;
  color: #566365;
}

.nav-arr {
	 background-color: #5f7054;
}

#axr20 .btm-bar{
	 display: none;
}

.m-btn {
	 background-color: #486E64;
	 color: white;
	 height: 100px;
	 width: 100px;
}

.io-card{
	border-radius: 5px;
	min-height: 100px;
}

.screen .io-card.primary, .screen .io-button.primary {
	 background-color: #52796F;
}

.io-card.pad{
	border-radius: 15px;
}


.screen .io-card.primary.hover:hover, .screen .io-button.primary:hover {
	 background-color: #2f3e46;
	 /*border: 1px solid;*/
	 color: #f1f1f1;
}

.m-adm .io-card.primary, .m-adm .io-button.primary,
.m-adm .io-card.primary.hover:hover, .m-adm .io-button.primary:hover {
  background-color: #a26769;
}


.m-limit{
	max-width: 510px;
}


.mb-header1{
	background-color: #52796f6b;
	padding: 5px 10px;
	color: #f1f1f1;
	margin-top: -10px
}

.mb-admin-options > label{
	background-color: #a26769;
	padding: 10px;
}

.ymn div.ctls {
  margin-bottom: 24px;
}

.io-card.add-card{
	border: 2px dashed;
	background-color: #ffffff47;
}

.io-card.other-card{
	background-color: #ffffff47;
}

.screen .io-card.hover.other-card:hover{
	background: #2f3e46 !important;
	color: #f1f1f1;
}

.topc .io-alert {
  background: #f8f8f838;
}
.topc .io-alert a{
  text-decoration: none;
}

.m-adm .io-alert {
  background: #f8f8f81c;
}

.io-nav li.active > a{
	background-color: transparent;
}

.io-middle{
	vertical-align: middle;
}

.m-adm div.ctls.btm-bar{
	max-width: 496px;
	margin: auto;
	padding: 0 42px;
}

.m-adm .io-input:focus, .io-select:focus, .io-textarea:focus {
  border: 2px solid #e9e9ed;
}

.ctl-p .ctl-op{
	float: right;
	margin: 15px;
}

.ctl-d {
	background-color: #a26769;
	padding: 10px 20px;
	margin-bottom: 10px;
	color: #e1dbdb;
	border-radius: 0 10px 10px 0;
	text-align: left;
}

.ctl-d.on {
	background-color: #52796f;
}

.ctl-p{
	margin: 30px 0 25px 0;
}

.io-radio:checked, .io-checkbox:checked, .io-checkbox:indeterminate,
.io-radio:checked:focus, .io-checkbox:checked:focus, .io-checkbox:indeterminate:focus {
  background-color: #fff; /*#a26769;*/
}


.ctl .io-button.default{
	background-color: #a26769;
	border-radius: 5px;
	margin-top: -15px;
	color: white;
}

.screen .cbox{
	padding: 0px 5px;
	background-color: #98ada152;
}

.ctl-d.off {
	 background-color: #46535a;
	 color: #666;
}

.screen .io-radio:disabled, .screen .io-checkbox:disabled {
  background-color: #46535a;
  border-color: #7b7979;
}

.screen .ymn .fielddesc {
  font-size: 1em;
}

/**
* custom breakpoints

--
.pad min-height:
544: 90 fs:medium
448: 80 fs:smaller
.io-grid-small > *, .io-grid-column-small > * {
  padding-left: 10px;
}

390 72 small

100
90
81
72

544 |-96
448
390 /352

*/

@media only screen and (max-width: 544px) {
	.io-card.pad{
		min-height: 90px;
		font-size: medium;
	}
}
@media only screen and (max-width: 467px) {
	.io-card.pad{
		min-height: 81px;
		font-size: smaller;
	}
	.io-grid-small > *, .io-grid-column-small > * {
	  padding-left: 10px;
	}
}
@media only screen and (max-width: 394px) {
	.io-card.pad{
		min-height: 72px;
		font-size: small;
	}
}
@media only screen and (max-width: 340px) {
	.io-card.pad{
		min-height: 68px;
		font-size: small;
	}
}

/**/

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

.io-invisible{
	visibility: hidden;
}

/**/



/**
* other things ..
*/

.ymn td.lbl, div.field.lbl,
.ymn td.lbl-r, div.field.lbl-r, div.lbl-r {
  background-color: transparent;
}

.m-version-footer{
  font-size: small;
  color: #0000008c;
  margin: 5px 0px 0px 10px;
}


/**/