@charset "utf-8";


/***********************************************************************
 * Skin: Yellow Light
 **********************************************************************/
.skin-yellow-light{
	--body_bg: #f9fafc;				/*Основной цвет фона страницы*/
	--main_bg: #8411DC;/*#f39c12;				/*Основной цвет фона элементов*/
	--main_bg_hover: #B458FA;/*#e08e0b;		/*Основной цвет фона элементов при наведении*/
	--content_bg: #ecf0f5;			/*Основной цвет фона области контента*/
	--topmenu_color: #fff;			/*Цвет шрифта верхнего меню*/
	--topmenu_color_active: #444;	/*Цвет шрифта верхнего меню для выделенного элемента*/
	--sidebar_color1: #444;			/*Цвет шрифта бокового меню*/
	--sidebar_color2: #666;			/*Цвет шрифта бокового меню*/
	--link_color: #367fa9;			/*цвет ссылок*/
}

.skin-yellow-light a{
	color: #3c8dbc;
}
.skin-yellow-light a:hover{
	color: #e08e0b;
}

.skin-yellow-light #spinner{
	/*background-color: rgba(0, 0, 0, 0.1);*/
}

.skin-yellow-light .divider{
	border-bottom: 1px solid var(--content_bg);
}

.skin-yellow-light .divider2{
	border-bottom: 2px solid var(--content_bg);
}

.skin-yellow-light .wrapper{
	background-color: var(--body_bg);
}
.skin-yellow-light .main-header{
	background-color: var(--main_bg);
}
.skin-yellow-light .main-header .logo {
	color: #fff;
	border-bottom: 0 solid transparent;
}

/*Верхнее меню*/

.skin-yellow-light .navbar-nav li{
	border-left:1px solid var(--main_bg_hover);
}
.skin-yellow-light .navbar-nav li:hover{
	background:var(--main_bg_hover);
}
.skin-yellow-light .navbar-nav li a{
	color:var(--topmenu_color);
}
.skin-yellow-light .navbar-nav li.activepage{
	background:var(--content_bg);
}
.skin-yellow-light .navbar-nav li.activepage a{
	color:var(--topmenu_color_active);
}
.skin-yellow-light .navbar-nav li ul li,
.skin-yellow-light .navbar-nav li.activepage ul li{
	background:var(--main_bg);
}
.skin-yellow-light .navbar-nav li ul li a,
.skin-yellow-light .navbar-nav li.activepage ul li a{
	border-top:1px solid #ffffff;
	color:var(--topmenu_color);
}
.skin-yellow-light .navbar-nav li ul li a:hover,
.skin-yellow-light .navbar-nav li.activepage ul li:hover{
	background:var(--main_bg_hover);
}


/*Левая боковая панель*/

.skin-yellow-light .main-sidebar{
	background-color:var(--body_bg);
}
.skin-yellow-light .main-sidebar .user-panel .user-image{
	color: var(--main_bg);
}
.skin-yellow-light .main-sidebar .user-panel .user-info .name{
	color: var(--sidebar_color1);
}
.skin-yellow-light .main-sidebar .user-panel .user-info .position{
	color: var(--sidebar_color2);
}

.skin-yellow-light .main-sidebar .user-panel:hover .user-info .name{
	color: var(--link_color);
}



.skin-yellow-light .sidebar-menu li:hover{
	background-color: var(--content_bg);
}
.skin-yellow-light .sidebar-menu li.activepage {
	background-color: var(--content_bg);
}
.skin-yellow-light .sidebar-menu li a{
	color: var(--sidebar_color2);
}
.skin-yellow-light .sidebar-menu li a:hover{
	color: #000;
}


/*Область контента*/
.skin-yellow-light .content-wrapper{
	background: var(--content_bg);
	border-left: 1px solid #d2d6de;
}


.skin-yellow-light .box,
.skin-yellow-light .simple-box{
	border-top: 3px solid var(--main_bg);
}


/*Подсказки*/
.skin-yellow-light .tooltip:hover:after/*,
.skin-yellow-light .btn[title]:hover:after*/{
	background: #3c8dbc;
	background: rgba(0,0,0,.5);
	color: #fff;
}
.skin-yellow-light .tooltip:hover:before/*,
.skin-yellow-light .btn[title]:hover:before*/{
	border-color: #3c8dbc transparent;
}



/*Кнопки*/
.skin-yellow-light .btn-flat{
	background-color: transparent;
	color: #444;
	border-color: transparent;
}
.skin-yellow-light .btn-flat.btn-icon{
	color: #444;
}
.skin-yellow-light .btn-flat:hover{
	background-color: transparent;
	border-color: #367fa9;
}


.skin-yellow-light .btn-primary{
	color: #fff;
	background-color: #3c8dbc;
	border-color: #367fa9;
}
.skin-yellow-light .btn-primary:hover{
	color: #fff;
	background-color: #367fa9;
}

.skin-yellow-light .btn-default{
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd;
}
.skin-yellow-light .btn-default.btn-icon{
	color: #3c8dbc;
}
.skin-yellow-light .btn-default:hover{
	background-color: #ddd;
}

.skin-yellow-light .btn-success {
	background-color: #00a65a;
	border-color: #008d4c;
	color: #fff;
}
.skin-yellow-light .btn-success:hover{
	background-color: #008d4c;
}

.skin-yellow-light .btn-info{
	background-color: #00c0ef;
	border-color: #00acd6;
	color: #fff;
}
.skin-yellow-light .btn-info:hover{
	background-color: #00acd6;
}
.skin-yellow-light .btn-danger{
	background-color: #dd4b39;
	border-color: #d73925;
	color: #fff;
}
.skin-yellow-light .btn-danger:hover{
	background-color: #d73925;
}
.skin-yellow-light .btn-warning{
	background-color: #f39c12;
	border-color: #e08e0b;
	color: #fff;
}
.skin-yellow-light .btn-warning:hover{
	background-color: #e08e0b;
}

.skin-yellow-light .btn-app-toolbar{
	border-bottom: 1px solid #ddd;
	background-color: var(--body_bg);
}

.skin-yellow-light .btn-toolbar{
	/*border-bottom: 1px solid #ddd;*/
	/*background-color: var(--body_bg);*/
}


/*Вкладки*/
.skin-yellow-light .tabs{
	color: #444;
	border-bottom: 1px solid #f4f4f4;
}
.skin-yellow-light .tabs>li.active {
	border: 1px solid #f4f4f4;
	border-top: 3px solid #3c8dbc;
	border-bottom: 1px solid #fff;
	color: #222;
	background-color: #fff;
}
.skin-yellow-light .tabs>li:hover {
	color: #666;
	background-color: #f4f4f4;
}
.skin-yellow-light .tabs>li.active:hover {
	color: #222;
	background-color: #fff;
}

.skin-yellow-light .tab-content{
	border: 1px solid #f4f4f4;
	border-top: 0px;
}


/*Формы*/
.skin-yellow-light .miniform select,
.skin-yellow-light .miniform input, 
.skin-yellow-light .miniform textarea, 
.skin-yellow-light .miniform button{
	/*background-color: var(--body_bg);*/
}
.skin-yellow-light select option:checked{
	background-color: #ddd;
}

.skin-yellow-light .miniform h3.dblock{
	border-bottom: 1px solid var(--main_bg);
}


/*Окно сообщений*/

.skin-yellow-light .msgBoxTitle{
	border-bottom:1px solid #ddd;
}

.skin-yellow-light .msgBox.msg-default{
	background-color: #f9fafc;
	border-color: #ecf0f5;
	color: #666;
	-webkit-box-shadow:1px 2px 2px #aaa;
	-moz-box-shadow:1px 2px 2px #aaa;
	box-shadow:1px 2px 2px #aaa;
}
.skin-yellow-light .msgBox.msg-default .msgBoxTitle{background-color:#ecf0f5;border-bottom:1px solid #aaa;}
.skin-yellow-light .msgBox.msg-default .msgBoxTipTitle{border-bottom:1px solid #00a2c9;}


.skin-yellow-light .msgBox.msg-info{
	background-color: #00c0ef;
	border-color: #00acd6;
	color: #fff;
	-webkit-box-shadow:1px 2px 2px #00acd6;
	-moz-box-shadow:1px 2px 2px #00acd6;
	box-shadow:1px 2px 2px #00acd6;
}
.skin-yellow-light .msgBox.msg-info .msgBoxTitle{background-color:#00acd6;border-bottom:1px solid #00a2c9;}
.skin-yellow-light .msgBox.msg-info .msgBoxTipTitle{border-bottom:1px solid #00a2c9;}

.skin-yellow-light .msgBox.msg-success{
	background-color: #00a65a;
	border-color: #008d4c;
	color: #fff;
	-webkit-box-shadow:1px 2px 2px #008d4c;
	-moz-box-shadow:1px 2px 2px #008d4c;
	box-shadow:1px 2px 2px #008d4c;
}
.skin-yellow-light .msgBox.msg-success .msgBoxTitle{background-color:#008d4c;border-bottom:1px solid #007d43;}
.skin-yellow-light .msgBox.msg-success .msgBoxTipTitle{border-bottom:1px solid #007d43;}

.skin-yellow-light .msgBox.msg-warning{
	background-color: #f39c12;
	border-color: #e08e0b;
	color: #fff;
	-webkit-box-shadow:1px 2px 2px #e08e0b;
	-moz-box-shadow:1px 2px 2px #e08e0b;
	box-shadow:1px 2px 2px #e08e0b;
}
.skin-yellow-light .msgBox.msg-warning .msgBoxTitle{background-color:#e08e0b;border-bottom:1px solid #cc8108;}
.skin-yellow-light .msgBox.msg-warning .msgBoxTipTitle{border-bottom:1px solid #cc8108;}

.skin-yellow-light .msgBox.msg-error{
	background-color: #dd4b39;
	border-color: #d73925;
	color: #fff;
	-webkit-box-shadow:1px 2px 2px #d73925;
	-moz-box-shadow:1px 2px 2px #d73925;
	box-shadow:1px 2px 2px #d73925;
}
.skin-yellow-light .msgBox.msg-error .msgBoxTitle{background-color:#d73925;border-bottom:1px solid #ba3322;}
.skin-yellow-light .msgBox.msg-error .msgBoxTipTitle{border-bottom:1px solid #ba3322;}


.skin-yellow-light .msgBox.msg-confirm{
	color: #fff;
	background-color: #3c8dbc;
	border-color: #367fa9;
	-webkit-box-shadow:1px 2px 2px #367fa9;
	-moz-box-shadow:1px 2px 2px #367fa9;
	box-shadow:1px 2px 2px #367fa9;
}
.skin-yellow-light .msgBox.msg-confirm .msgBoxTitle{background-color:#367fa9;border-bottom:1px solid #2c688a;}

.skin-yellow-light .msgBox.msg-comment{
	background-color: #00c0ef;
	border-color: #00acd6;
	color: #fff;
	-webkit-box-shadow:1px 2px 2px #00acd6;
	-moz-box-shadow:1px 2px 2px #00acd6;
	box-shadow:1px 2px 2px #00acd6;
}
.skin-yellow-light .msgBox.msg-comment .msgBoxTitle{background-color:#00acd6;border-bottom:1px solid #0096ba;}


/*Блок сообщений*/
.skin-yellow-light .callout.callout-danger{
	background-color: #dd4b39 !important;
	border-color: #c23321;
	color: #fff !important;
}
.skin-yellow-light .callout.callout-warning{
	background-color: #f39c12 !important;
	border-color: #c87f0a;
	color: #fff !important;
}
.skin-yellow-light .callout.callout-info{
	background-color: #00c0ef !important;
	border-color: #0097bc;
	color: #fff !important;
}
.skin-yellow-light .callout.callout-success{
	background-color: #00a65a !important;
	border-color: #00733e;
	color: #fff !important;
}
.skin-yellow-light .callout.callout-white{
	background-color: #fff !important;
	border-color: #fff;
	color: #666 !important;
}


/*Теги*/
/*Блок сообщений*/
.skin-yellow-light ul.tags.danger>li{
	background-color: #dd4b39;
	border-color: #c23321;
	color: #fff;
}
.skin-yellow-light ul.tags.danger>li::after{
	border-left-color: #c23321;
	color: #fff;
}

.skin-yellow-light ul.tags.warning>li{
	background-color: #f39c12;
	border-color: #c87f0a;
	color: #fff;
}
.skin-yellow-light ul.tags.warning>li::after{
	border-left-color: #c87f0a;
	color: #fff;
}

.skin-yellow-light ul.tags.info>li{
	background-color: #00c0ef;
	border-color: #0097bc;
	color: #fff;
}
.skin-yellow-light ul.tags.info>li::after{
	border-left-color: #0097bc;
	color: #fff;
}

.skin-yellow-light ul.tags.success>li{
	background-color: #00a65a;
	border-color: #00733e;
	color: #fff;
}
.skin-yellow-light ul.tags.success>li::after{
	border-left-color: #00733e;
	color: #fff;
}

.skin-yellow-light ul.tags>li,
.skin-yellow-light ul.tags.default>li{
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd;
}
.skin-yellow-light ul.tags>li::after,
.skin-yellow-light ul.tags.default>li::after{
	border-left-color: #ddd;
	color: #444;
}
.skin-yellow-light ul.tags>li:hover,
.skin-yellow-light ul.tags.default>li:hover{
	background-color: #eee;
}
.skin-yellow-light ul.tags>li:hover::after,
.skin-yellow-light ul.tags.default>li:hover::after{
	opacity:.8;
}


/*Элементы списка фильтров*/
.skin-yellow-light ul.vlist.danger>li{
	background-color: #dd4b39;
	border-color: #c23321;
	color: #fff;
}
.skin-yellow-light ul.vlist.danger>li::after{
	border-left-color: #c23321;
	color: #fff;
}

.skin-yellow-light ul.vlist.warning>li{
	background-color: #f39c12;
	border-color: #c87f0a;
	color: #fff;
}
.skin-yellow-light ul.vlist.warning>li::after{
	border-left-color: #c87f0a;
	color: #fff;
}

.skin-yellow-light ul.vlist.info>li{
	background-color: #00c0ef;
	border-color: #0097bc;
	color: #fff;
}
.skin-yellow-light ul.vlist.info>li::after{
	border-left-color: #0097bc;
	color: #fff;
}

.skin-yellow-light ul.vlist.success>li{
	background-color: #00a65a;
	border-color: #00733e;
	color: #fff;
}
.skin-yellow-light ul.vlist.success>li::after{
	border-left-color: #00733e;
	color: #fff;
}

.skin-yellow-light ul.vlist>li,
.skin-yellow-light ul.vlist.default>li{
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd;
}
.skin-yellow-light ul.vlist>li::after,
.skin-yellow-light ul.vlist.default>li::after{
	border-left-color: #ddd;
	color: #444;
}
.skin-yellow-light ul.vlist>li:hover,
.skin-yellow-light ul.vlist.default>li:hover{
	background-color: #eee;
}
.skin-yellow-light ul.vlist>li:hover::after,
.skin-yellow-light ul.vlist.default>li:hover::after{
	opacity:.8;
}