﻿/*Грузим шрифты*/
@font-face{
	font-family: Georgia;
	src:url(../fonts/Georgia.ttf);       
}
@font-face{
	font-family: GeorgiaItalic;
	src:url(../fonts/GeorgiaItalic.ttf);       
}
@font-face{
	font-family: pt_sans_regular;
	src:url(../fonts/pt_sans_regular.ttf);       
}
@font-face{
	font-family: vFuturis;
	src:url(../fonts/vFuturis.ttf);       
}

body, html{
	background: #f1f1f1;
	font-family: pt_sans_regular!important;
}

/*Общие стили*/
label{color:#7F7F7F!important;}
a{outline:none;}

/*margins*/
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.mt-20{
    margin-top: 20px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-20{
    margin-bottom: 20px;
}
.ml-5{
    margin-left: 5px;
}
.ml-10{
    margin-left: 10px;
}
.ml-15{
    margin-left: 15px;
}
.ml-20{
    margin-left: 20px;
}
.mr-5{
    margin-right: 5px;
}
.mr-10{
    margin-right: 10px;
}
.mr-15{
    margin-right: 15px;
}
.mr-20{
    margin-right: 20px;
}

/*paddings*/
.pt-5{
    padding-top: 5px;
}
.pt-10{
    padding-top: 10px;
}
.pt-15{
    padding-top: 15px;
}
.pt-20{
    padding-top: 20px;
}
.pb-5{
    padding-bottom: 5px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-15{
    padding-bottom: 15px;
}
.pb-20{
    padding-bottom: 20px;
}
.pl-5{
    padding-left: 5px;
}
.pl-10{
    padding-left: 10px;
}
.pl-15{
    padding-left: 15px;
}
.pl-20{
    padding-left: 20px;
}
.pr-5{
    padding-right: 5px;
}
.pr-10{
    padding-right: 10px;
}
.pr-15{
    padding-right: 15px;
}
.pr-20{
    padding-right: 20px;
}

.no-right-padding{padding-right:0!important;}
.no-left-padding{padding-left:0!important;}
.no-all-padding{padding:0!important;}
.clear-mrgb-10{clear:both;margin-bottom:10px;}
/*Стили для таблиц*/
.table-ias{border:1px solid #A6A6A6;}
.table-ias th{border-right:1px solid #A6A6A6;border-bottom:none!important;text-transform:uppercase;}
.table-ias th:last-child{border-right:none!important;}
.table-ias th a{color:#333;}
.table-ias td{border-top:1px solid #A6A6A6!important;}
/*иконки*/
.pl-tabl-maker{font-size:8px;color:#737373;margin-right:10px;line-height:1.5;}
.insert-ico{font-size:16px;color:#008901;}
.answer-ico{font-size:16px;color:#110B5B;}
/*панель с textarea*/
.f-g-color{background:#94BCDC;border:1px solid #7BA0E2;}
.f-g-color textarea{overflow-y:scroll;}
/*Панель с табами*/
.tab-content{border-bottom:1px solid #dedede;border-left:1px solid #dedede;border-right:1px solid #dedede;padding:10px;}
/*Группы полей с двумя маленькими полями*/
.group-two-inputs-1{width:175px!important;background:#DCDCDC;}
.group-two-inputs-1 *, .group-two-inputs-2 *{float:none!important;margin:0 4px;}
.group-two-inputs-1 .gti1{width:40px!important;}
.group-two-inputs-1 .gti2{width:60px!important;}

.group-two-inputs-2{width:200px!important;background:#DCDCDC;padding:0 4px;}
.group-two-inputs-2 .gti1{width:113px!important;}
.group-two-inputs-2 .gti2{width:50px!important;}

/*Поле с кнопками приращения или уменьшения значения*/
.count-input-group *{float:left;}
.count-input-group{width:120px;position:relative;}
.count-input-group input{width:103px!important;}
.count-input-group span{
	height:17px;
	line-height:17px;
	width:17px;
	display:block;
	cursor:pointer;
	position:absolute;
	text-align:center;
	right:0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeedee', endColorstr = '#e3e3e3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeedee', endColorstr = '#e3e3e3')";
	background-image: -moz-linear-gradient(top, #eeedee, #e3e3e3);
	background-image: -ms-linear-gradient(top, #eeedee, #e3e3e3);
	background-image: -o-linear-gradient(top, #eeedee, #e3e3e3);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#eeedee), to(#e3e3e3));
	background-image: -webkit-linear-gradient(top, #eeedee, #e3e3e3);
	background-image: linear-gradient(top, #eeedee, #e3e3e3);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
.count-input-group .minus-cnt{bottom:0;}
.count-input-group .plus-cnt{top:0;}

/*Горизонтальное меню*/
.horisontal-menu>.btn-group>button{
	height:40px!important;
}

/*Вертикальное меню аккордеон*/
#vert-ak-butt, #vert-ak-butt-in-mm{
	height:40px;
	width:40px;
	background:url(../img/menu-square-button.png) 0 0 no-repeat;
	cursor:pointer;
}
#vert-ak-butt-in-mm{
	position:absolute;
	top:0;
	left:0;
}
.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-submenu {
  margin-left:20px;
}
.list-group-item-success{
	background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
	color:#333!important;
	margin-bottom:2px;
	margin-top:2px;
}
a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus{
	background:#e0e0e0;
}
#MainMenu{
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	border-radius:4px;
	position:relative;
	padding-left:45px;
	display:none;
}
.clear{clear:both;}





/*Стили блоков*/
.full-width{width:100%;padding: 0;}
.main-wrapper{width:1200px;margin:0 auto;padding:0;float:none;}
.h-logo-title{
	padding:22px 0;
}
.h-logo-title img{
	margin-right:55px;
	margin-left: 10px;
}
.h-logo-title h2{
	text-transform: uppercase;
	color: #5698db;
	font-size: 25px;
	margin-right:20px;
}
.h-logo-title h2 span{
    font-family: Times New Roman;
	font-size: 30px;
	color: #5a6068;
	letter-spacing: 5px
}
.h-logo-title img, .h-logo-title h2{
	float:left;
}
.lang-box{
	float:right;
	margin-right: 15px;
}
.lang-box>li>a{
	padding: 6px 12px!important;
	border-radius: 0!important;
	text-transform: uppercase;
}
.president-words{
	border-left: 2px solid #5a6068;
	min-height: 75px;
}
.president-words p{ margin: 0 0 10px;; padding: 0; color: #5a6069; text-transform: uppercase;}
.president-words p:nth-child(1){ text-indent: 65px; font-size: 13px; }
.president-words p:nth-child(2){ text-indent: 45px; font-size: 11px; }
.president-words p:nth-child(3){ text-indent: 25px; font-size: 11px; }
.president-words p:nth-child(4){ text-align: right; font-size: 15px; }

/*////////////////////////////Стили для личного кабинета - Начало*/
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.row-ptb-10{ padding: 10px 0; }
.col-strong-text{
    font-weight: bold;
    font-size: 16px;
}
.field-250w{
    max-width: 250px;
}
/*Панель авторизации и регистрации*/
.login-box{
	float: right;
}
.login-box .btn{
    font-size: 14px;
}
.nav-logined-user{
    float: right;
}
.modal-open{
    overflow: hidden!important;
}
/*Модальное окно авторизации*/
.autorization-form .input-group, .autorization-form #entrance-msg, .restore-passw-form .input-group{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.autorization-form #entrance-msg .alert{
    margin-bottom: 0!important;
}
#restore-pass-link{
    cursor: pointer;
    text-decoration: underline;
    margin: 6px 15px;
}
a.oferta-link{
	font-size: 18px;
	text-align: right;
	display: block;
	text-decoration: underline;
}
.autorization-form a.oferta-link{
	font-size: 16px;
	text-align: center;
}


/*Хлебные крошки*/
ul.breadcrumb li:last-child a{
    pointer-events: none;
    cursor: default;
    color: #777;
}

/*Пополнение баланса*/
.payment_method_item label{
    margin-left: 5px;
}

/*Мой счет, Пополнение*/
.replenish_score_table, .my_score_table, .replenish_score_table tbody td, .my_score_table tbody td{
    border: none!important;
}
.replenish_score_table tr td, .my_score_table tr td{
    width: 50%;
}
.replenish-card-link{
    font-size: 20px;
}
/*Мои карты*/
.my-maps-description{
    margin: 15px 0;
}
/*Главная панель*/
.main_panel_header{
    font-size: 18px;
    font-weight: bold;
}
.top-panel-navigation{
    margin: 15px 0;
    text-transform: uppercase;
}
.main-panel-navigation{
    margin-bottom: 15px;
}
.main-info-children .panel-heading{
    font-size: 18px;
    text-transform: uppercase;
}
.main-info-children .col-xs-9{
    font-weight: bold;
    font-size: 18px;
}
/*Настройки*/
.settings-fields{
    font-size: 16px;
}
.settings-fields .contact-panel{
    margin: 10px 0!important;
}
.settings-fields .contact-panel .panel-heading{
    font-weight: bold;
}

/*Посещаемость*/
#attendance-table{
	width: 100%;
}
#attendance-table > tr > td{
	width: 14.2%;
}
.inOutTable{
	margin: 0!important;
}

/*////////////////////////////Стили для личного кабинета - Конец*/


/*Верхнее меню*/
ul.top-three-column-menu{
	width: 75%;
}
ul.top-three-column-menu li{
	width: 25%;
	text-align: center;
}
ul.top-three-column-menu li a{
	font-size: 20px;
	text-transform: uppercase;
	color: #5698db!important;
	display: inline-block;
}

ul.top-three-column-menu li a img {
	height: 22px;
	margin-top: -4px;
	margin-right: 5px;
}

/*форма поиска*/
.search-group{ margin-top: 8px; }
/*Верхнее синее меню*/
.top-blue-panel{
	background: #5698db;
	padding-top: 10px;
	/*margin-bottom: 4px;*/
}
.top-blue-panel ul.top-full-width-menu li a{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

/*Верхний слайдер*/
.topSliderBox .col-md-9{
	padding: 0 2px 0 0!important;
	height: 301px;
}
.topSliderBox .col-md-3{
	padding: 0!important;
	height: 301px;
}

.topSliderBox{
	/*padding: 8px 0 0 0;
	border-top: 2px solid #5f656c;*/
}

.page-content{ border-top: 6px solid #f1f1f1; }


/*Баннеры*/
.poslanie-box{
	background: #dedede;
	cursor: pointer;
}
.poslanie-box img{
	max-width: 100%;
}
.poslanie-box p{
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: #787878;
	line-height: 1.4;
	margin-top: 8px;
}
.wtite-text{ color: #fff; }
.blue-text{ color: #5698db; }
.bold-text{ font-weight: bold; }
.align-center{ text-align: center; }

.title-widjet{ font-size: 19px; text-transform: uppercase; padding: 0 20px;}
.blue-title-widjet{ background: #5698db; }
.gray-title-widjet{ background: #dedede; }
.height-title-widjet-55{ min-height: 55px; line-height: 55px; }
.height-title-widjet-42{ min-height: 42px; line-height: 42px; }
.padding-right-2px{ padding-right: 2px; }
.padding-left-2px{ padding-left: 2px; }
.border-blue-left-4{ border-left: 7px solid #5698db; }

/*виджеты новостей*/
.news-not-found {
	width: 100%;
	padding: 25px 40px;
	font-size: 20px;
	color: #5698db;
}
.news-content-box{
	width: auto;
	padding: 7px 10px;
}
.news-content-box img{
	min-width: 100%;
}
.date-news{
	font-size: 17px;
	color: #589ada;
	margin-top: 10px;
}
.title-news{
	font-size: 17px;
	color: #484848;
	text-transform: uppercase;
}
.desc-news{
	font-size: 16px;
	color: #737373;
}
.read-archive-news{
	text-transform: uppercase;
	color: #4880b9;
	font-size: 16px;
	text-align: right;
	text-decoration: underline;
	padding: 1px 10px 7px 10px;
}
/*Виджет олимпиад*/
.olympiads-box{
	padding: 10px 10px;
}
.olymp-widj-title{
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}
.olympiads-list-items{
	margin-top: 10px;
	text-align: center;
}
.olympiads-list-items li{
	width: 49%;
	display: inline-block;
	text-align: left;
}
.olympiads-list-items .media-heading{
	text-transform: uppercase;
}

/*Виджет опроса*/
.opros-box{ font-family: GeorgiaItalic; }
.opros-box .media-list{
	padding: 15px 0 0 35px;
}
.opros-box .media-body{
	padding-top: 30px;
}
.opros-box p{ 
	font-size: 16px;
	margin-top: 10px;
	padding: 0 15px;
}

/*Виджет Абитуриентам*/
ul.abiturients-nav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.abiturients-nav li{
	margin: 0;
	display: inline-block;
	width: 46%;
	height: 65px;
	line-height: 65px;
}
ul.abiturients-nav li a{
	display: block;
	padding: 0 0 0 40px;
	text-align: left;
	text-transform: uppercase;
	font-size: 18px;
	color: #5a6069;
}

ul.abiturients-nav li:nth-child(1) a{
	background: url(../images/icons/kuda-poiti.png) 0 50% no-repeat;
}
ul.abiturients-nav li:nth-child(2) a{
	background: url(../images/icons/specialnosti.png) 0 50% no-repeat;
}
.abitur-cat .content-block{
	padding-right: 10px;
}
.serpyn-cat .content-block{
	padding-left: 10px;
}
.abitur-cat p, .serpyn-cat p{
	color: #686d75;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 25px 0 25px;
}
.abitur-cat .read-archive-news, .serpyn-cat .read-archive-news {
	margin-right: 5px;
}

.abitur-cat p:first-letter{
	font-size: 17px;
}

/*Виджет Подросток и закон*/
ul.podrostok-zakon-vidjet{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.podrostok-zakon-vidjet li{
	margin: 0;
	display: inline-block;
	height: 62px;
	line-height: 62px;
}
ul.podrostok-zakon-vidjet li a{
	display: block;
	padding: 0 5px;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
	color: #5a6069;
}

/*Виджет календаря*/
.calend-vidjet-title{
	background: #5698db;
	padding: 10px;
	text-transform: uppercase;
	color: #fff; 
}
.calend-vidjet-title .left-t-cal{
	text-align: left;
	font-size: 18px;
}
.calend-vidjet-title .right-t-cal{
	text-align: right;
	font-size: 16px;
	padding-top: 14px;
}
table.calendar-table{
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
}
table.calendar-table td, table.calendar-table th{
	text-align: center;
}
table.calendar-table th{
	font-weight: normal;
}
table.calendar-table tbody td{
	background: #5597da;
	color: #fff;
	border: 1px solid #fff;
	height: 44px;
}

table.calendar-table tbody td.today-cal{
	background: #fff;
	color: #345ca1;
}
table.calendar-table tbody td.event-cal{
	background: #5a6068;
}
.btn-cal{
	text-transform: uppercase;
	text-decoration: underline;
	float: right;
	margin-top: 10px;
}

/*Виджет новостей с лайками*/
ul.news-like-list{
	text-align: center;	
}
ul.news-like-list li{
	display: inline-block;
	width: 24%;
	position: relative;
}
ul.news-like-list li .media-body{
	text-align: left;
	color: #939393;
	font-size: 16px;
}

ul.news-like-list li .news-likes-box{
	position: absolute;
	border: 1px solid #939393;
	width: 114px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #c1c2bf;
	padding: 0 10px;
	bottom: 0;
	left: 136px;
}

ul.news-like-list li .like-top, ul.news-like-list li .like-bottom{
	width: 14px;
	height: 16px;
	display: block;
	margin-top: 5px;
} 
ul.news-like-list li .like-top{
	float: left;
	background: url(../images/icons/like-top.png) 0 0 no-repeat;
}
ul.news-like-list li .like-bottom{
	float: right;
	background: url(../images/icons/like-bottom.png) 0 0 no-repeat;
}

/*Виджеты визуализации данных*/
.news-data-vizualization{
	border-top: 2px solid #dcdcdc;
	padding-bottom: 30px;
}
.news-data-vizualization .col-md-3{
	padding: 10px;
}
.news-data-vizualization .col-md-3 .data-viz-box{
	border: 1px solid #b2bcc3;
	min-height: 286px;
	width: 100%;
	padding: 10px;
}
.d-v-i-title{
	min-height: 61px;
	padding-left: 80px;
	color: #000000;
	line-height: 1.15;
}
.d-v-i-ent{
	background: url(../images/icons/ent/icons.png) 0 0 no-repeat;
}
.d-v-i-vipusknick{
	background: url(../images/icons/vipuskniki/shapka.png) 0 0 no-repeat;
}
.d-v-i-mecenats{
	background: url(../images/icons/mecenats/case.png) 0 0 no-repeat;
}
.d-v-i-school{
	background: url(../images/icons/schools/school-one.png) 0 0 no-repeat;
	padding-left: 95px;
}
.d-v-i-title span{
	font-size: 25px;
	font-weight: bold;
	font-family: pt_sans_regular;
}
.d-v-i-title p{
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.d-v-numb-title{
	color: #5a6169;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 5px;
}
.d-v-numb-title p{
	font-size: 25px;
}
.d-v-numb-title p span{
	color: #599ee0;
}

.ent-table{
	width: 100%;
}
.ent-table .progress{
	margin-bottom: 0;
}
.ent-table tr:nth-child(1n) .progress .progress-bar{
	background: #5d6e77!important;
}
.ent-table tr:nth-child(2n) .progress .progress-bar{
	background: #5697dc!important;
}

.medium-ball-ent{
	text-transform: uppercase;
	color: #5d6e78;
	font-size: 16px;
	padding-left: 7px;
}
.medium-ball-ent span{
	color: #5a9fe0;
	font-size: 18px;
}

.r-t-bigtext{
	font-size: 14px;
}
.r-t-bigtext tr td{
	padding: 2px 0;
}
.r-t-smalltext{
	font-size: 12px;
}
.raion-tables-box{
	margin-top: 10px;
}
.r-t-right-padding{
	padding-right: 4px;
}
.r-t-left-padding{
	padding-left: 4px;
}
.raion-table{
	width: 100%;
	color: #000;
}
.raion-table tr td:nth-child(1){
	width: 80%;
}
.raion-table tr td:nth-child(2){
	width: 20%;
	text-align: right;
	color: #5a9fe0;
}
.r-t-girls-boys-percent-table{
	width: 100%;
}
.percent-table-pattern{
	width: 36px;
	height: 19px;
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	padding-left: 4px;
	margin-bottom: 5px;
}
.blue-pattern{
	background: url(../images/icons/vipuskniki/percent_diagrams/blue-pattern.png) 0 0 no-repeat;
}
.black-pattern{
	background: url(../images/icons/vipuskniki/percent_diagrams/black-pattern.png) 0 0 no-repeat;
}
.girl-item{
	width: 11px;
	height: 19px;
	display: inline-block;
	margin-right: 3px;
	background: url(../images/icons/vipuskniki/percent_diagrams/girl-item.png) 0 0 no-repeat;
}
.boy-item{
	width: 10px;
	height: 19px;
	display: inline-block;
	margin-right: 3px;
	background: url(../images/icons/vipuskniki/percent_diagrams/boy-item.png) 0 0 no-repeat;
}

.r-t-girls-boys-percent-table .demo-1{
	display: inline-block;
}
.r-t-girls-boys-percent-table .demo-1:nth-child(1) .cir{
	background: #fff url(../images/icons/vipuskniki/percent_diagrams/girl-percent-fon.png) center 30% no-repeat!important;
}
.r-t-girls-boys-percent-table .demo-1:nth-child(2) .cir{
	background: #fff url(../images/icons/vipuskniki/percent_diagrams/boys-percent-fon.png) center 30% no-repeat!important;
}
.r-t-girls-boys-percent-table .demo-1 .perc{
	line-height: 1!important;
	padding-top: 23px!important;
}

.mecenats-table{
	width: 100%;
	margin-top: 15px;
}
.mecenats-table tr td:nth-child(1){
	width: 44%;
}
.mecenats-table .mes-summ{
	height: 41px;
	width: 99px;
	background: url(../images/icons/mecenats/people-plus.png) 0 0 no-repeat;
}
.mecenats-table .mec-percent-value, .mecenats-table .mec-year-value{
	color: #5a6068;
	font-weight: bold;
	font-family: pt_sans_regular;
}
.mecenats-table .mec-percent-value{
	font-size: 24px;
}
.mec-year-value{
	font-size: 20px;
}

.people-minus{
	width: 190px;
	height: 50px;
	background: url(../images/icons/mecenats/people-minus.png) 0 0 no-repeat;
}
.mec-bottom-text{
	text-transform: uppercase;
	color: #000;
	font-size: 10px;
	margin-top: 30px;
}
.mec-bottom-text span{
	font-size: 17px;
	color: #5a9fe0;
}

.school-all{
	width: 100px;
	padding-top: 52px;
	text-align: center;
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
	background: url(../images/icons/schools/school-all.png) 0 0 no-repeat;
	margin-bottom: 7px;
}

/*Виджет золотая книга имен и учитель года*/
.goldbook-teacheryear .g-t-item{
	padding: 1% 0 0 1% ;
	width: 20%;
	float: left;
	cursor: pointer;
}
.goldbook-teacheryear:last-child{
	padding-right: 1%;
}
.goldbook-teacheryear .g-t-box{
	position: relative;
	display: inline-block;
	padding: 10px;

}
.goldbook-teacheryear .g-t-box img{
	width: 100%;
	border: 1px solid #555;
}
.goldbook-teacheryear .g-t-box .g-t-title{
	text-transform: uppercase;
	color: #5697da;
	font-size: 18px;
	margin-top: 20px;
}
.goldbook-teacheryear .g-t-box .g-t-desc{
	position: absolute;
	opacity: 0.8;
	overflow: hidden;
	margin: 0px 10px;
	padding: 5px 0px;
	left: 0px;
	right: 0px;
	bottom: 10px;
	display: none;
	color: #fff;
	text-align: center;
	background: #555;
}

.goldbook-teacheryear .g-t-box .g-t-desc h4{
	font-size: 16px;
	text-transform: uppercase;
	margin: 5px 0;
}

.goldbook-teacheryear .g-t-box .g-t-desc h5{
	font-size: 11px;
	text-transform: uppercase;
	margin: 5px 0;
}

.g-t-star{
	width: 21px;
	height: 20px;
	background: url(../images/icons/star.png) 0 0 no-repeat;
	float: left;
	margin-right: 3px;
}
.goldbook-teacheryear-link {
	text-transform: uppercase;
	color: #4880b9;
	font-size: 16px;
	text-align: right;
	text-decoration: underline;
	padding: 1px 0 7px 10px;
	margin-bottom: 5px;
}

/* Персоны внутренняя страница */
.persones-block {
	border: #f1f1f1 solid 1px;
	margin-top: -5px;
	padding-bottom: 1%;
	margin-bottom: 25px;
}

.persones-block .g-t-wrapper{
	width: 100%;
}
.persones-block .g-t-item{
	padding: 1%;
	width: 20%;
	float: left;
	cursor: pointer;
}

.persones-block .g-t-box{
	position: relative;
	display: inline-block;
	padding: 10px;

}
.persones-block .g-t-box img{
	width: 100%;
	border: 1px solid #555;
}
.persones-block .g-t-box .g-t-title{
	text-transform: uppercase;
	color: #5697da;
	font-size: 18px;
	margin-top: 20px;
}
.persones-block .g-t-box .g-t-desc{
	position: absolute;
	opacity: 0.8;
	overflow: hidden;
	margin: 0px 10px;
	padding: 5px 0px;
	left: 0px;
	right: 0px;
	bottom: 10px;
	color: #fff;
	text-align: center;
	background: #555;
}

.persones-block .g-t-box .g-t-desc h4{
	font-size: 16px;
	text-transform: uppercase;
	margin: 5px 0;
}

.persones-block .g-t-box .g-t-desc h5{
	font-size: 11px;
	text-transform: uppercase;
	margin: 5px 0;
}

.persones-splitter{
	width: 96%;
	margin: 0 auto;
	height: 1px;
	background: #f1f1f1;
	clear: both;
}

#persones_filter {
	width: 100%;
	padding: 15px 10px;
	background-color: #f1f1f1;
	margin-bottom: 15px;
}

#persones_filter .form-group {
	padding: 0 10px;
}

#persones_filter select, #persones_filter input{
	width: 100%;
	font-size: 14px;
	font-family: Arial;
}

#persones_filter_btn {
	margin-left: 10px;
	font-size: 14px;
	font-family: Arial;
}

/* Отрисовка контента внутренней страницы */
#person_info_block{
	width: 100%;
}

#person_info_block img {
	width: 180px;
	height: 240px;
	float: left;
	margin: 0 15px 10px 0;
}

#person_info_block .info{
	font-family: Arial;
	line-height: 24px;
}

#person_info_block .info span{
	font-weight: bolder;
	color: #555;

}


/*Конференции форум*/
.conf-forum-wrapper{
	border-top: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
}
.conf-forum-wrapper .col-md-6{
	text-align: center;
}
.conf-forum-wrapper .col-md-6 a{
	height: 135px;
	line-height: 135px;
	color: #5697da;
	display: inline-block;
	font-size: 18px;
	text-align: left;
	padding-left: 80px;
	text-transform: uppercase;
}

a.online-conf-link{
	background: url(../images/icons/online-conferention.png) 0 50% no-repeat;
}

a.forum-link{
	background: url(../images/icons/forum.png) 0 50% no-repeat;
}








.page-cont-wr{
	min-height:500px;
	background: #fff;
    
	padding:0!important;
}
.sidebar, .text-box{
	background:transparent;
	padding:5px;
}
.footer{
	min-height:150px;
	background:#596068;
	position: relative;
}
.copyright{
	position: absolute;
	bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	width: 100%;
}
#to-top{
	width: 51px;
	height: 52px;
	background: url(../images/icons/to-top.png) 0 0 no-repeat;
	position: absolute;
	bottom: 15px;
	right: 15px;
	cursor: pointer;
}
#index_counters{
	width: 100px;
	height: 32px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
ul.social-buttons{
	list-style-type: none;
	position: absolute;
	right: 100px;
	bottom: 4px;
}
ul.social-buttons li {
	float: left;
	margin-right: 4px;
}
ul.social-buttons li a{
	display: block;
	width: 29px;
	height: 29px;
}
ul.social-buttons li a.tw{background: url(../images/icons/socials/twitter.png) 0 0 no-repeat;}
ul.social-buttons li a.sk{background: url(../images/icons/socials/skype.png) 0 0 no-repeat;}
ul.social-buttons li a.gl{background: url(../images/icons/socials/google.png) 0 0 no-repeat;}
ul.social-buttons li a.mr{background: url(../images/icons/socials/mailru.png) 0 0 no-repeat;}
ul.social-buttons li a.fc{background: url(../images/icons/socials/facebook.png) 0 0 no-repeat;}
ul.social-buttons li a.ok{background: url(../images/icons/socials/ok.png) 0 0 no-repeat;}
ul.social-buttons li a.vk{background: url(../images/icons/socials/vk.png) 0 0 no-repeat;}

ul.footer-menu{
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin-top: 30px;
}
ul.footer-menu li{
	display: inline-block
}
ul.footer-menu li a{
	padding: 10px 15px;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
}

.page-header h1{
	font-size:25px;
}

/*Карусель с несколькими миниатюрами*/
#myCarousel{}
.carousel-inner{
	list-style-type:none;
	margin:0;
	padding:0;
}
.carousel-inner li{
	margin: 0;
	padding: 40px;
}
.carousel-inner li a img{
	width: 100%;
	height: 156px;
	border: 1px solid #b8b8b8;
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  font-size: 20px;
  color: #596068;
  text-shadow: none;
}
.carousel-control:hover, .carousel-control:focus{
	color: #5698db!important;
}
.carousel-control.left {
	background-image: none;
	text-align: left;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
  text-align: right;	
}

.topSliderBox .carousel-control.right { right: 300px!important; }  

.carousel-control {
  padding-top:105px;
  width:5%;
}

/* Верхнее меню */
#top_menu ul li.active-item a{
	color: #555 !important;
}

#top_menu{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	z-index:10;
}
#top_menu ul{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	list-style:none;
}
#top_menu > ul::after{
	display:block;
	width:100%;
	height:0px;
	clear:both;
	content:" ";
}
#top_menu ul li{
	position:relative;
	display:block;
	float:left;
	width:auto;
	height:auto;
}
#top_menu ul li a{
	display:block;
	padding: 4px 18px 0px 18px;
	color:#ffffef;
	line-height:1.3em;
	text-decoration:none;
	text-transform:uppercase;
	height:40px;
	box-sizing:border-box;
}
#top_menu ul li > a:hover, #top_menu ul li:hover > a{
	color:#555;
}

#top_menu ul li ul{
	position:absolute;
	top:40px;
	left:0px;
	display:none;
	width: auto;
	max-width: 300px;
	opacity: 0.9;
	box-shadow: 0 5px 10px #444;
}
#top_menu ul li:hover ul{display:block;}/*эта строчка реализует механизм выпадения*/
#top_menu ul li ul li{
	background: #fff;
	float:none;
	width:100%;
}
#top_menu ul li ul li a{
	color: #000;
	display:block;
	text-transform:uppercase;
	font-size: 16px;
	height:auto;
	padding:7px 25px;
	width:100%;
	box-sizing:border-box;
	border-top:1px solid #5698db;
}
#top_menu ul li ul li:first-child a{border-top:0px;}
#top_menu ul li ul li a:hover{
	color:#5698db;
}

/* Блоки новостей на главной */
.new-nav {
	display: inline-block;
	padding-left: 35px;
	padding-right: 35px;
	border-right: 2px solid #fff; 
}

.new-nav:last-child{
	border-right: 0;
}

#content_block {
	padding: 15px 25px 30px 25px;
	font-size: 16px;
	line-height: 20px;
}

/*Новости*/

.news-title, .page-title {
	color: #00A7DD;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 15px;
}

.news-list-item{
	width: 100%;
	padding: 5px;
	margin: 5px 0;
	border:  #00A7DD solid 1px;
	display: inline-block;
}

.news-preview {
	background-position: center;
}

.news-tr-content {
	vertical-align: top;
	padding: 0 15px 0 20px;
	font-size: 16px;
	line-height: 20px;
}

.news-tr-content .title {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #5698DB;
	margin-bottom: 5px;
}

.news-tr-content .title span{
	color: #555;
}

.news-tr-content .link {
	text-align: right;
	margin-right: 15px;
}

#news_pagination {
	margin: 12px 15px;
	float: right;
}

.publication_date {
	text-align: right;
	font-weight: bold;
	margin-top: 5px;
	color: #555;
	margin-bottom: 15px;
}

.v-link {
	cursor: pointer;
}

.v-link-news:hover{
	background-color: #F1F5FB;
}

#index_news_nav {
	padding: 0 !important;
}

#index_news_nav .new-nav {
	text-align: center;
	cursor: pointer;
}

#index_news_nav .new-nav:hover, #index_news_nav .active {
	background-color: #5698db;
	color: #fff;
}

.search-word {
	background-color: yellow;
}

.page-subtitle {
	width: 100%;
	padding: 5px 0;
	font-size: 18px;
	border-bottom: 1px #999 dotted;
	margin-bottom: 10px;
}

.search-splitter {
	width: 100%;
	margin-top: 20px;
}

.search-item {
	width: 100%;
	padding: 10px 5px 0 5px;
	font-size: 16px;
}

.panel-body .orgsite-item {
	padding: 5px 20px;
}

.panel-body .orgsite-item:hover {
	background-color: #F1F5FB !important;
}

.panel-body .orgsite-item:nth-child(2n){
	background-color: #f1f1f1;
}

.panel-body .page-subtitle {
	margin-top: 20px;
}

.panel-body .page-subtitle:first-child {
	margin-top: 0;
}

.panel-body .orgsite-item .link span{
	color: #5698db;
}

/* Слайдер инфографики */
#infograph_block {
	width: 100%;
	height: 287px;
	padding: 0;
	float: left;
	margin-bottom: 10px;
}

#infograph_block .infograph-prev-btn{
	height: 287px;
	width: 30px;
	display: inline-block;
	float: left;
	cursor: pointer;
	font-size: 28px;
	padding: 110px 0 0 5px;
	color: #5698db;
}

#infograph_block .infograph-next-btn{
	height: 287px;
	width: 30px;
	display: inline-block;
	cursor: pointer;
	float: right;
	font-size: 28px;
	padding: 110px 0 0 5px;
	color: #5698db;
}

#infograph_block .infograph-content{
	height: 287px;
	width: calc(100% - 60px);
	display: inline-block;
	float: left;
}

#infograph_carousel {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: red;
}

#infograph_carousel li {
	float: left;
	width: 269px;
	height: 279px;
	border: gray 1px solid;	
}

#infograph_carousel li img {
	margin: 0;
	padding: 0;
}

/* Карусель баннеров */
#banner_block {
	width: 100%;
	height: 150px;
	padding: 0;
	float: left;
	margin: 20px 0;
}

#banner_block .banner-prev-btn{
	height: 150px;
	width: 30px;
	display: inline-block;
	float: left;
	cursor: pointer;
	font-size: 22px;
	padding: 65px 0 0 5px;
	color: #999;
}

#banner_block .banner-next-btn{
	height: 70px;
	width: 30px;
	display: inline-block;
	cursor: pointer;
	float: right;
	font-size: 22px;
	padding: 65px 0 0 5px;
	color: #999;
}

#banner_block .banner-content{
	height: 150px;
	width: calc(100% - 60px);
	display: inline-block;
	float: left;
}

#banner_carousel {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: red;
}

#banner_carousel li {
	float: left;
	width: 200px;
	height: 150px;	
}

#banner_carousel li img {
	margin: 0;
	padding: 0;
}

#infograph_block .infograph-prev-btn:hover,
#infograph_block .infograph-next-btn:hover,
#banner_block .banner-prev-btn:hover,
#banner_block .banner-next-btn:hover {
	opacity: 0.7;
}

#topSlader .carousel-caption{
	background-color: transparent !important;
	color: #000;
}

#topSlader .carousel-caption h2,
#topSlader .carousel-caption p,
#topSlader .carousel-caption a {
	color: #000;
	text-shadow: none;
}

#topSlader .carousel-caption h2{
	margin-top: 35px;
}

#topSlader .carousel-caption p {
	line-height: 24px;
}

#topSlader .carousel-indicators{
	left: 50%;
	bottom: 0;
}

#topSlader .carousel-indicators li {
	width: 16px;
	height: 16px; 
	margin-right: 6px;
}

/*Большой баннер на главной */
#active_vidgets {
	margin-bottom: 10px;
}
/*Левый блок */
#smart_school {
	width: 100%;
	height: 227px;
	background-image: url(/portal/images/smart_school/smart_school.png);
	background-repeat: no-repeat;
	margin: 10px 0 20px 0;
}

#smart_school .left-item {
	width: 560px;
	height: 100%;
	float: left;
	margin-left: 140px;
	text-transform: uppercase;
}

#smart_school .left-item h2{
	font-family: Tahoma;
	font-size: 30px;
	margin: 25px 0 10px 0;
	padding: 0;
	line-height: 30px;
	font-weight: bolder;
	-moz-text-shadow:0 0 30px rgba(255,255,255,0.9);
	-webkit-text-shadow:0 0 30px rgba(255,255,255,0.9);
	text-shadow:0 0 30px rgba(255,255,255,0.9);
}

#smart_school .left-item h4{
	font-family: Tahoma;
	font-weight: bolder;
	font-size: 8.5px;
	padding: 0;
	margin: 5px 0 5px 0;
	line-height: 16px;
}

#smart_school .left-item ul {
	padding: 0;
	margin: 10px 0 12px 0;
}

#smart_school .left-item ul li {
	font-family: Tahoma;
	margin: 0;
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	height: 36px;
}

#smart_school .left-item ul li:nth-child(1){
	background-image: url(/portal/images/smart_school/pad.png);
	background-repeat: no-repeat;
	padding: 7px 0 0 43px;
}

#smart_school .left-item ul li:nth-child(2){
	background-image: url(/portal/images/smart_school/money.png);
	background-repeat: no-repeat;
	padding: 7px 0 0 41px;
}

#smart_school .left-item ul li:nth-child(3){
	background-image: url(/portal/images/smart_school/pencil.png);
	background-repeat: no-repeat;
	padding: 7px 0 0 41px;
}

#smart_school .left-item .buttons{
	margin-top: 15px;
}

#smart_school .left-item .buttons div{
	display: inline-block;
	border: #659DBF solid 1px;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 10px;
	font-size: 16px;
	box-shadow: 0 0 14px rgba(255,255,255,0.9);
}

#smart_school .left-item .buttons div:hover{
	box-shadow: 0 0 14px rgba(192,192,192,0.9);
	opacity: .9;
}

#smart_school .left-item .buttons .smart-card{
	padding: 10px 20px;
	background-color: #8EBB38;
}

#smart_school .left-item .buttons .about-school{
	padding: 10px 25px;
	background-color: #E9BD29;
}

/*Правый блок */

#smart_school .right-item {
	width: 180px;
	height: 100%;
	float: left;
	margin-left: 20px;
	text-transform: uppercase;
}

#smart_school .right-item ul {
	padding: 0;
	margin: 37px 0 12px 0;
}

#smart_school .right-item ul li {
	list-style: none;
	font-family: Tahoma;
	margin: 7px 0 0 0;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	height: 48px;
	width: 100%;
}

#smart_school .right-item ul li:nth-child(1){
	background-image: url(/portal/images/smart_school/pitanie.png);
	background-repeat: no-repeat;
	padding: 7px 0 0 57px;
}

#smart_school .right-item ul li:nth-child(2){
	background-image: url(/portal/images/smart_school/accesscontrol.png);
	background-repeat: no-repeat;
	padding: 7px 0 0 57px;
}

#smart_school .right-item ul li:nth-child(3){
	background-image: url(/portal/images/smart_school/books.png);
	background-repeat: no-repeat;
	padding: 8px 0 0 57px;
}












/* СТИЛИ ВНУТРЕННИХ СТРАНИЦ */
.overf {
	overflow: auto;
	width: 100%;
	height: 400px;
	margin: 0 -1em;
	border: 1px solid #eee;
}
.overf_width {
	overflow-x: auto;
	width: 100%;
	border: 1px solid #eee;
}
.overf_width::-webkit-scrollbar,
.overf::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: #e0e0e0;
}
.overf_width::-webkit-scrollbar-thumb,
.overf::-webkit-scrollbar-thumb {
	border-width: 1px 1px 1px 1px;
	border-color: #c0c0c0;
	border-radius: 5px;
	background-color: #64B5F6;
}
.overf_width::-webkit-scrollbar-thumb:hover,
.overf::-webkit-scrollbar-thumb:hover {
	background-color: #00a0ce;
}

.page_content table {
	width: 100%;
	font-size: 14px;
}

.page_content thead tr {
	background-color: #58c2de;
	color: #fff;
	text-align: center;
}

.page_content tbody tr:nth-child(odd) {
	background-color: #f0f0f0;
}

.page_content tbody tr:nth-child(even) {
	background-color: #fff;
}

.page_content td {
	border: 1px solid #ccc;
	padding: 7px 10px;
}

/* События */
#index_events {
	width: 100%;
	padding: 10px 20px 20px 20px;
	border-top: #EFEFEF solid 2px;
}

#index_events h2{
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bolder;
	color: #555;
}

#index_events .container{
	width: 100%;
	height: 160px;
	position: relative;
	padding: 0;
}

#index_events .container .left {
	width: 12%;
	height: 100%;
	padding: 5px;
	margin: 0;
	float: left;
}

#index_events .container .left .top{
	width: 100%;
	height: 60px;
	border: #DEDEDE solid 2px;
}

#index_events .container .left .top .month{
	font-size: 16px;
	font-family: Arial;
	text-align: center;
	font-weight: bolder;
	color: #555;
	padding: 5px 5px 0 5px;
}

#index_events .container .left .top .pattern{
	width: 80%;
	margin: 0 auto;
	position: relative;
}

#index_events .container .left .top .pattern .v-line{
	width: 80%;
	height: 2px;
	margin: 0 auto;
	margin-top: 12px;
	background-color: #CAC8C6;
	position: relative;
}

#index_events .container .left .top .pattern .point{
	margin: 0 auto;
	margin-top: -12px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: #CAC8C6 solid 2px;
	position: relative;
}

#index_events .container .left .top .pattern .point .i-point{
	margin: 3px auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #517483;
	border: #3A6071 solid 2px;
}

#index_events .container .left .bottom{
	width: 100%;
	height: 90px;
	border: #DEDEDE solid 2px;
	margin-top: 5px;
	padding: 7px 10px 0 10px;
}

#index_events .container .left .bottom .circle {
	margin: 0 auto;
	margin-top: -5px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: relative;
	z-index: 991;
	border: #fff solid 4px;
	background: #517483;
}

#index_events .container .left .bottom .circle .i-circle{
	margin: 4px auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;	
}

#index_events .container .left .bottom .value {
	font-family: Arial;
	width: 100%;
	margin: 0 auto;
	margin-top: -20px;
	height: 60px;
	border: #E9E9E7 solid 2px;
	border-radius: 4px;
	position: relative;
	z-index: 990;
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	line-height: 13px;
	font-weight: bolder;
}

#index_events .container .right{
	width: 88%;
	height: 100%;
	padding: 0 10px;
	margin: 0;
	float: right;
	position: relative;
}

#index_events .container .right .time-line {
	width: 100%;
	height: 6px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 56px;
	z-index: 800;

}

#index_events .container .right .time-line .base-line{
	width: 100%;
	height: 2px;
	margin: 2px 0 0 0;
	background-color: #CAC8C6;
	float: left;
	position: absolute;
}

#index_events .container .right .time-line .left-point{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #CAC8C6;
	left: 0;
	position: absolute;
}

#index_events .container .right .time-line .right-point{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #CAC8C6;
	right: 0;
	position: absolute;
}

#index_events .container .right .items{
	width: 100%;
	height: 100%;
	padding: 5px 15px;
	position: absolute;
	z-index: 999;
}

#index_events .container .right .items .tm-item{
	width: 7.9%;
	height: 100%;
	padding: 10px 5px;
	display: inline-block;
}

#index_events .container .right .items .tm-item .month{
	font-size: 16px;
	font-family: Arial;
	text-align: center;
	font-weight: bolder;
	color: #555;
}

#index_events .container .right .items .tm-item .point{
	margin: 0 auto;
	margin-top: 12px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: #CAC8C6 solid 2px;
}

#index_events .container .right .items .tm-item .point .i-point{
	margin: 3px auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	
}

#index_events .container .right .items .tm-item .v-line {
	width: 2px;
	height: 10px;
	margin: 0 auto;
	background-color: #CAC8C6;
	position: relative;
	z-index: 993;
}

#index_events .container .right .items .tm-item .circle{
	margin: 0 auto;
	margin-top: -6px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	position: relative;
	z-index: 991;
	border: #fff solid 6px;
}

#index_events .container .right .items .tm-item .circle .i-circle{
	margin: 4px auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;	
}

#index_events .container .right .items .tm-item .value{
	width: 100%;
	margin: 0 auto;
	margin-top: -20px;
	height: 60px;
	border: #E9E9E7 solid 2px;
	border-radius: 4px;
	position: relative;
	z-index: 990;
	padding: 18px 0;
	text-align: center;
	font-size: 20px;
	color: #A6A6A6;
}

#index_events .container .right .items .color-b .point .i-point{
	background: #517483;
	border: #3A6071 solid 2px;
}
#index_events .container .right .items .color-b .circle{
	background: #517483;
}
#index_events .container .right .items .color-r .point .i-point{
	background: #ED5F61;
	border: #E24147 solid 2px;
}
#index_events .container .right .items .color-r .circle{
	background: #ED5F61;
}
#index_events .container .right .items .color-y .point .i-point{
	background: #EAAD4B;
	border: #E7A231 solid 2px;
}
#index_events .container .right .items .color-y .circle{
	background: #EAAD4B;
}
#index_events .container .right .items .color-g .point .i-point{
	background: #7BB3A2;
	border: #69A997 solid 2px;
}
#index_events .container .right .items .color-g .circle{
	background: #7BB3A2;
}

#event_index_list {
	width: 50%;
	margin: 0 auto;
}

#event_index_list .modal-dialog{
	width: 100%;
}

#event_index_list .modal-dialog .modal-content{
	border-radius: 0;
	border: #ccc solid 1px;
}

#index_events .container .right .items .index-event {
	cursor: pointer;
}

#event_index_list .close{
	font-size: 26px;
	margin-bottom: -26px;
} 

#event_modal_content .ev-modal-container {
	margin: 0;
}

#event_modal_content .ev-modal-container .item{
	width: 100%;
	padding: 7px 0;
	border-bottom: 1px #C9CAC5 solid;
	clear: both;
}

#event_modal_content .ev-modal-container .item img {
	width: 100px;
	height: 75px;
	margin-right: 15px;
}

#event_modal_content .ev-modal-container .item .date {
	font-size: 18px;
	color: #0061B8;
}

#event_modal_content .ev-modal-container .item .title {
	font-size: 16px;
	color: #777;
}

#event_modal_content .ev-modal-container .item .address {
	font-size: 16px;
	color: #3789DA;
	text-align: right;

}

#event_index_list .modal-content .button{
	float: right;
	margin: 12px 0 0 0;
	background-color: #5698db;
	padding: 8px 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#event_index_list .modal-content .button:hover{
	background-color: #246BA9;
}

#table-events-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

#table-events-list tr td {
	background-color: #fff;
	border: 0;
	border-bottom: #7E7E7E 1px solid; 
	padding: 12px 0;
}

#table-events-list .image {
	width: 120px;
}

#table-events-list .image img {
	width: 120px;
	height: 80px;
}

#table-events-list .content {
	padding-left: 15px;
}

#table-events-list .content .title{
	color: #656565;
	font-size: 18px;
}

#table-events-list .content .title span{
	color: #000;
}

#table-events-list .content .address{
	color: #000;
	font-size: 16px;
	margin-top: 5px;
}
#table-events-list .content .date{
	color: #0078D5;
	font-size: 16px;
	margin-top: 5px;
}

#table-events-list .link{
	width: 140px;
}

#table-events-list .link .button{
	background-color: #5698db;
	padding: 8px 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	margin: 0 auto;
}

#table-events-list .link .button:hover{
	background-color: #246BA9;
}

#events_pagination {
	margin: 20px 0;
}

#event_description {
	width: 100%;
	font-size: 16px;
}

#event_description img{
	width: 320px;
	height: 240px;
	margin: 0 15px 10px 0;
}

#event_description span {
	color: #555;
	font-weight: bold;
}

#event_description div {
	margin-bottom: 5px;
}

#event_description .date {
	color: #0078D5;
}

#evmap{
	width: 100%;
	height: 300px;
}

#events_filter {
	width: 100%;
	padding: 15px 10px;
	background-color: #f1f1f1;
	margin-bottom: 15px;
}

#events_filter .form-group {
	padding: 0 10px;
}

#events_filter select, #persones_filter input{
	width: 100%;
	font-size: 14px;
	font-family: Arial;
}

#events_filter_btn {
	margin-left: 10px;
	font-size: 14px;
	font-family: Arial;
}

/* Shortcode news-list */

#scYearButtons {
	margin-top: 5px;
}

#scYearButtons .sc-news-button {
	font-size: 105%;
}

#scNewsTable {
	margin: 20px 0 15px 0;
}

#scNewsTable_filter {
	display: none;
}

#scNewsTable thead {
	display: none;
}

.kgs-page {
	margin: 20px 25px 5px 25px;
}

#kgs_list {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 10px 15px;
}

#kgs_list .kgs-filter {
	flex: 0 0 220px;
	height: auto;
	padding: 0 5px;
	margin-right: 25px;
}

#kgs_list .kgs-filter h3 {
	margin: 0 0 10px 0;
	padding: 5px;
	width: 100%;
	font-weight: 500%;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}

#kgs_list .kgs-filter .kgs-filter-title {
	padding: 10px 0 5px 5px;
	font-size: 16px;
	text-transform: uppercase;
}

#kgs_list .kgs-filter .kgs-filter-row {
	padding-left: 5px;
	font-size: 14px;
}

#kgs_list .kgs-filter .kgs-filter-row input {
	height: 14px;
	width: 14px;
}

#kgs_list .kgs-filter .btn-group {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 15px;
}

#kgs_list .kgs-filter .btn-group .btn {
	flex: 1 1 45%;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}

#kgs_list .kgs-filter .btn-group .make-filter {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

#kgs_list .kgs-filter .btn-group .reset-filter {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}


#kgs_list .kgs-list {
	flex: 1 1 auto;
	height: auto;
}

#kgs_list .kgs-list .search-block {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 15px;
}

#kgs_list .kgs-list .search-block .input-area {
	flex: 1 1 auto;
	border: solid 1px #ccc;
	border-radius: 5px 0 0 5px;
}

#kgs_list .kgs-list .search-block .input-area input {
	width: 100%;
	height: auto;
	border: 0;
	font-size: 14px;
	padding: 6px 15px;
	border-radius: 5px 0 0 5px;
}

#kgs_list .kgs-list .search-block .button-area {
	flex: 0 0 100px;
	border: solid 1px #198754;
	border-left: 0;
	padding: 6px 15px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background-color: #198754;
	border-radius: 0 5px 5px 0;
}

#kgs_list .kgs-list .search-block .button-area:hover {
	opacity: .8;
}

#kgsListTable {
	margin-bottom: 30px;
}

#kgsListTable_wrapper {
	margin-bottom: 30px;
}

#kgsListTable thead {
	display: none;
}

#kgsListTable tbody tr td:first-child {
	display: none;
}

#kgsListTable tbody tr td:last-child {
	border-bottom: solid 1px #ccc !important;
}

#kgsListTable_filter {
	display: none;
}

#kgsListTable .kgs-item-value {
	display: block;
	width: auto;
	padding: 5px 0;
	font-size: 110%;
}

#kgsListTable .kgs-item-value span {
	font-weight: bold;
	color: #00A7DD;
}

.kgs-error {
	width: 98%;
	height: auto;
	margin: 15px auto;
	padding: 10px 20px;
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
	font-size: 16px;
}

#kgs_pagination {
	margin: 20px 0;
}

#kgs_info {
	padding: 10px 25px;
	width: 100%;
	height: auto;
}

#kgs_info h3 {
	margin: 0 0 10px 0;
	padding: 5px 0;
	width: 100%;
	font-weight: 500%;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}

#kgs_info .kgs-table-info, #kgs_info .kgs-table-groups {
	width: 100%;
	border: 0;
	margin-bottom: 20px;
}

#kgs_info .kgs-table-info tr, #kgs_info .kgs-table-info tr td {
	border: 0;
	padding: 5px 10px;
}

#kgs_info .kgs-table-info .title {
	width: 250px;
	font-weight: bold;
}

#kgs_info .leader-block {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 20px 0;
	padding: 0;
}

#kgs_info .leader-block .leader-image {
	flex: 0 0 150px;
	height: auto;
	margin-right: 20px;
}

#kgs_info .leader-block .leader-image img {
	height: 200px;
	width: 150px;
	object-fit: cover;
}

#kgs_info .leader-block .leader-info {
	flex: 1 1 auto;
	height: auto;
	padding: 0;
}

#kgs_info .kgs-table-groups {
	margin: 20px 0 40px 0;
}

#kgs_info .kgs-table-groups thead tr {
	border-bottom: 2px #00A7DD solid;
}

#kgs_info .kgs-table-groups thead tr th {
	font-weight: bold;
	font-size: 110%;
	color: #00A7DD;
	padding: 5px 8px;
}

#kgs_info .kgs-table-groups tbody tr {
	border-bottom: 1px #00A7DD solid;
}

#kgs_info .kgs-table-groups tbody tr td {
	padding: 5px 8px;
}

#kgs_info .kgs-table-groups .join-row {
	text-align: center;
}

#vacanciesCard p span {
	font-weight: bold;
}

#vacancyPerson {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 20px;
}

#vacancyPerson .photo-block {
	flex: 0 0 210px;
	height: 280px;
	margin-right: 20px;
	border: 1px solid #ccc;
	cursor: pointer;
}

#vacancyPerson .photo-block img {
	width: 210px;
	height: 280px;
}

#vacancyPerson .photo-block p {
	text-align: center;
	font-size: 14px;
	font-style: italic;
	padding: 0 10px;
}

#vacancyPerson .photo-block p:first-child {
	margin-top: 60px;
}

#vacancyPerson .info-block {
	flex: 1 1 auto;
	height: 100%;
}

#vacanciesModal .row .input-item {
	padding: 0 5px;
}

#vacanciesModal .row .input-item:first-child {
	padding-left: 0;
}

#vacanciesModal .row .input-item:last-child {
	padding-right: 0;
}

#vacanciesModal .vac-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 30px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #ccc;
	width: 100%;
}

#vacanciesModal .vac-header .vac-title {
	font-size: 18px;
	flex: 1 1 auto;
	padding-top: 8px;
	text-transform: uppercase;
}

#vacanciesModal .vac-header .vac-button {
	flex: 0 0 140px;
	text-align: center;
	padding: 8px 15px;
	background-color: #5698DB;
	border-radius: 3px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}

#vacanciesModal .vac-header .vac-button:hover {
	opacity: .8;
}

#saveResdataBlock {
	margin: 36px 0 0 15px !important;
}

#saveResdataBlock input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
}

#loadSaveData {
	margin-left: 40px;
	padding: 5px 10px;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #337ab7;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
}

#loadSaveData:hover {
	opacity: .7;
}