

/* Start:/bitrix/templates/first_ujkh_green/components/bitrix/news.list/info_resident/style.css?17685670833535*/
.info_resident_block2{margin-top:50px;margin-bottom:300px;}

/* Стили секций с содержанием */
.info_resident_block2 section{display:none;padding:15px;background:#fff;border:1px solid #ddd;}
.info_resident_block2 section>p{margin:0 0 5px;line-height:1.5;color:#383838;/* прикрутим анимацию */-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;}

/* Описываем анимацию свойства opacity */
@-webkit-keyframes fadeIn{from {opacity:0;} to {opacity:1;}}
@keyframes fadeIn{from {opacity:0;} to {opacity:1;}}

/* Прячем чекбоксы */
.info_resident_block2 input{display:none;position:absolute;}

/* Стили переключателей вкладок (табов) */
.info_resident_block2 label{display:inline-block;font-family:Roboto;font-size:14px;margin:0 0 -1px;padding:10px 20px;text-align:center;color:#aaa;border:0px solid #ddd;border-width:1px 1px 1px 1px;background:#f1f1f1;border-radius:3px 3px 0 0;}

/* Шрифт-иконки от Font Awesome в формате Unicode */
.info_resident_block2 label:before {font-family:fontawesome;font-size:16px;font-weight:normal;margin-right:10px;content:"\f05a";}

/* Изменения стиля переключателей вкладок при наведении */
.info_resident_block2 label:hover {color:#888;cursor:pointer;}

/* Стили для активной вкладки */
.info_resident_block2 input:checked+label {color:#555;border-bottom:1px solid #fff;background:#fff;}

/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {display:block;}

/* Убираем текст с переключателей и оставляем иконки на малых экранах*/
@media screen and (max-width: 680px){
	.info_resident_block2 label {
		font-size: 0;
	}
	.info_resident_block2 label:before {
		margin: 0;
		font-size: 18px;
	}
}

/* Изменяем внутренние отступы переключателей для малых экранов*/
@media screen and (max-width: 400px){
	.info_resident_block2 label {
		padding: 15px;
	}
}


/*содержание вкладки*/
.disclosure_block4_sections_doc div {float:left;margin-left:25px;/* прикрутим анимацию */-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
.disclosure_block4_sections_doc_date{float:right!important;}
.disclosure_block4_sections_doc div a{font-family:Tahoma;font-size:14px;color:#000000;}
.disclosure_block4_sections_doc_icon{float:left;}
.disclosure_block4_sections_top .col-lg-2{font-family:Tahoma;font-size:14px;color:#676767;}
.disclosure_block4_sections_top .col-lg-2 div{float:right;}
.disclosure_block4_sections_top .col-lg-2 div div{float:left;}
.disclosure_block4_sections_doc_date{margin-top:1px;}

/*Когда раздел пуст*/
.board_warning_news .col-lg-12{height:63px;background:#F5F5F5;border:1px solid #676767;font-family:Tahoma;font-size:14px;color:red;margin-bottom:120px;}
.board_warning_news .col-lg-12 div{margin-top:19px;margin-left:24px;}

.disclosure_block4_empty{margin-left:49px;}

















/* End */
/* /bitrix/templates/first_ujkh_green/components/bitrix/news.list/info_resident/style.css?17685670833535 */
