/*   
Theme Name: Infrcost
Theme URI: https://infrcost.by
Version: 1.0.0
Tags: infrcost, html5, css3, bootstrap
Description: Шаблон функциональности и оформления для АИС расчета показателей удельных затрат на строительство распределительной инженерной и транспортной инфраструктуры infrcost.by
Author: Кохан Дмитрий
Author URI: http://stroyekonomika.by
*/
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,700,700i&display=swap');
@font-face {
    font-family: Russo One;
    src: url(font/infrcost.ttf);
   }
@font-face {
    font-family: Segoe Ui;
    src: url(font/segoeui.ttf);
   }
@font-face {
    font-family: Segui Sb;
    src: url(font/seguisb.ttf);
   }

@media (min-width: 979px) { 
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { /* для раскрывания субменю по наведению */
		display: block;
	}
	.comment-list .children { /* для комментов */
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {
		margin-top: 0;
	}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*далее мои стили*/
html {
  /* Растягиваем документ на всю высоту окна */
  height: 100%;
}

body {
    font-family: "Segoe Ui","Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    /* Растягиваем body по высоте html */
    min-height: 100%;
}

main {
    /* Выставляем отступ с высотой footer по умолчанию */
    /*padding-bottom: 225px;*/
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Segui Sb","Helvetica Neue", Helvetica, Arial, sans-serif;
}

section {
	font-size: 1.1em;
}

p strong {
	color: #912238;
}

/*оформление меню*/
.nav > li > a {
    font-weight: bold;
    font-size: 1.15em;
    color: black;
}

/*основное верхнее меню*/
.navbar-default .navbar-nav > li > a {
  color:#111;
}

.navbar-default .navbar-nav > li.active > a {
    color: #912238;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #111;
  background-color: #e3afb9;
}

.span_required {
    color: red;
}

/*оформление надписей и заголовков*/
.board {
  border-radius:0.25em;
  color:#FFFFFF;
  display:inline;
  font-size:75%;
  font-weight:700;
  line-height:1;
  padding:0.2em 0.6em 0.3em;
  text-align:center;
  vertical-align:baseline;
}

.board-main {
    background-color: #912238;
}

.board-sub {
    color: #912238;
}

.board-underline {
    text-decoration: underline;
}

.board-initial {
    color: #912238;
    border: 1px solid #912238;
    font-size: 100%;
    padding: 0 0.3em;
    font-weight: 400;
}

.board-init-sub {
    color: black;
    font-size: 100%;
}

.board-result {
    display: inline-block;
    padding: .5em 0;
    color: #000;
}

.color-theme {
    color: #410F19;
}

/*логотип INFRCOST в основном меню*/
.navbar-header a.navbar-brand {
    text-transform: uppercase;
    color: #912238;
    background-color: white;
    font-family: "Russo One",'IBM Plex Sans', Arial, Helvetica, sans-serif;
}

.navbar-header a.navbar-brand:hover {
    color: #912238;
    background-color: #fff;
}

/*ссылка на ЛК пользователя в основном меню, если он авторизован*/
.navbar-header a.navbar-brand.own-cabinet {
    text-transform: none;
    color: #111;
    background-color: #FDB8C6;
    font-family: "Russo One",'IBM Plex Sans', Arial, Helvetica, sans-serif;
}

.navbar-header a.navbar-brand.own-cabinet:hover {
    color: #111;
    background-color: #e3afb9;
}

.navbar-header a.navbar-brand.own-cabinet:focus {
    color: #000;
    background-color: #e3afb9;
}

/*скрыть в ЛК надпись Привет, имя пользователя!*/
.username {
    visibility: hidden;
}

/*ЛК - отображение имени пользователя*/
.cab_center div.cab_title h2 {
    color: #912238;
}

/*ЛК - отображение статуса пользователя - в сети или нет*/
.rcl-action span.user-status {
    color: black;
}

#recallbar {
	display: none !important;
}

/*Отображение логотипа на recallbar*/
#recallbar .rcb_left .rcb_icon a i.rcli.fa-home:before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,0.5);
    border-radius: 4px;
    /*position: absolute;
    left: 0px;
    top: 0px;*/
}

#recallbar .rcb_left .rcb_icon a i.rcli.fa-home:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: url('images/main_icon.png') 0px 0px no-repeat;
}

/*Кнопка регистрации на recallbar*/ 
#recallbar .rcb_left .rcb_icon a i.rcli.fa-book:before {
    content: '\f234';
    }

/*не показывать аватарку и обложку ЛК*/    
#lk-conteyner {
    display: none;
}

/*не показывать строку - Войдите или зарегистрируйтесь в ЛК*/
h4.rcl_cab_guest_message {
    display: none;
}

/*скрыть блок автора wp-recall*/
#block_author-rcl {
    display: none;
}

/*скрыть кнопку редактирования записей wp-recall*/
#rcl-post-bar {
    display: none;
}

/*скрыть фильтры поиска пользователей*/
.rcl-data-filters {
    display: none;
}

/*скрыть цифру в отображении значка инструкции из функции my_rcl_bar_add_icon()*/
#recallbar .rcb_nmbr {
    display: none;
}

/*Надпись в реколбаре: Авторизуйтесь в системе*/
.rcb_left .rcb_icon span.my-help {
    color:#E6E6E6;
    margin:0 0 0 7px;
    vertical-align:middle;
}

/*значок ЛК на странице account - мой кастомный шаблон страницы*/
.custom_page .panel_lk_recall {
    margin: 0;
}

/*скрыть ссылку сброса пароля плагина login attempt*/
.login-error a {
    display: none;
}

.rcl-subtab-content .rcl-search-form + h3 {
    text-align: right;
}

.jumbotron {
    background-image: url('images/head_cover.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    text-align: center;
}

/*стили для header-mini.php*/
.jumbotron.jumbotron-mini {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.navbar.navbar-mini {
    margin-bottom: 5px;
}
/*стили для header-mini.php_окончание*/

.jumbotron h1, .jumbotron h3 {
    font-family: "Russo One",'IBM Plex Sans', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #912238;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}

.margin-top-null {
    margin-top: 0;
}

.jumbotron p {
    font-weight: bold;
}

#infraTabs > li > a {
    border: 1px solid #bbb;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

#infraTabs > li.active > a {
    background-color: #eee;
}

/*вкладка Расчет УЗ*/
#result-tab {
    color: #5E0B1C;
    text-decoration: underline;
}

#infraTabs > li.active > #result-tab {
    color: #912238;
    text-decoration: none;
}

/*Страница Правовые основы системы*/
div.list-group {
    /*margin-bottom: 310px;*/
}

/*при загрузке форм Input-ы выбора наименования населенного пункта скрыты*/
#heat_area_input {
    display: none;
}

#water_area_input {
    display: none;
}

#electro_area_input {
    display: none;
}

#household_area_input {
    display: none;
}

#connect_area_input {
    display: none;
}

#gas_area_input {
    display: none;
}

#rain_area_input {
    display: none;
}

#capital_area_input {
    display: none;
}

#transfer_area_input {
    display: none;
}

/*скрыть фальшивые кнопки Сохранить*/
.false-buttons {
    display: none;
}

/*скрыть строительные индексы при выборе даты*/
#heat_index, #water_index, #electro_index, #household_index,
#connect_index, #gas_index, #rain_index, #capital_index, 
#transfer_index {
    display: none;
}

/*главная секция на главной странице*/
.main_section section {
	border-right: 2px solid #912238;
    padding-right: 10px;
}

/*форматирование строки выбора даты ввода в эксплуатацию объекта*/

input.form-control:invalid, select.form-control:invalid {
	border-color: red;
}

input.form-control:valid, select.form-control:valid {
	border-color: green;
}

/*
input.date-validity {
    display: inline-block;
    width: 95%;
}

input.date-validity:invalid+span.validity:after {
    content: '✖';
    color: red;
    padding-left: 5px;
}

input.date-validity:valid+span.validity:after {
    content: '✓';
    color: green;
    padding-left: 5px;
}
*/

/*форматирование строки выбора даты_окончание*/

/*обертка для таблиц во вкладках - скрол будет появляться по горизонтали на маленьком экране*/
.rcl-subtab-content, .wrapper_all_tables {
    overflow-x: auto;
}

.rcl-subtab-content .wrapper_table, .wrapper_all_tables .wrapper_table {
    overflow-x: auto;
    margin-bottom: 1px;
}
/*обертка для таблиц во вкладках - скрол будет появляться по горизонтали на маленьком экране_окончание*/

/*стили для вывода таблицы просмотра всех записей на вкладке Просмотр/экспорт данных*/
.wrapper_container {
    overflow: auto;
}

.wrapper_container .wrapper_table {
    overflow: auto;
    height: 600px;
}
/*стили для вывода таблицы просмотра всех записей на вкладке Просмотр/экспорт данных_окончание*/

.table > thead > tr > th {
    vertical-align: middle;
    text-align: center; 
}

.table tbody tr td.secondary-cell {
    padding-left: 20px;
}

ul.pagination {
    margin: 10px 10px 0;
}

footer {
	background-color: rgb(65,15,25);
	color: #fff;
    /* Позиционируем footer внизу main */
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Высота footer по умолчанию */
    /*height: 225px;*/
}

footer p {
	font-size: 1.2em;
	margin: 0 0 5px;
}

footer div {
	padding: 5px 15px;
}

#footer_menu {
	display: none;
}

footer a:link, footer a:visited, footer a:active {
  color:#fff;
  text-decoration:none;
}

footer a:hover {
    text-decoration: underline;
    color: #fff;
}

/*стилизация полосы прокрутки_начало*/
/*----------------------------------*/
@media (min-width: 992px) {
    /*новый синтаксис (только для firefox)*/
    html {
        scrollbar-color: #A04456 #fff; /*Цвет полосы прокрутки (цвет ползунка, цвет самой дорожки)*/
        scrollbar-width: thin; /*Ширина полосы прокрутки (thin or auto)*/
    }
    
    /*старый синтаксис Webkit*/
    ::-webkit-scrollbar {
        width: 15px; /*Ширина полосы прокрутки*/
    }
    
    /*Дорожка полосы прокрутки*/
    ::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 100px;
    }
    
    /*Ползунок полосы прокрутки*/
    ::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 3px solid transparent;
        background-clip: content-box;
        background-color: #A04456;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background-color: #410F19;
    }
}
/*стилизация полосы прокрутки_окончание*/