:root {
 /* --primary: #ff0000; */
}

/*  Цвета инициалов пользователей */
.short-name-color-0 { background-color: #6c8bc6; }
.short-name-color-1 { background-color: #4bb5ea; }
.short-name-color-2 { background-color: #4cd6bc; }
.short-name-color-3 { background-color: #ffdb66; }
.short-name-color-4 { background-color: #3ee6c4; }
.short-name-color-5 { background-color: #ddaa3b; }
.short-name-color-6 { background-color: #8cd568; }
.short-name-color-7 { background-color: #4fcbde; }
.short-name-color-8 { background-color: #ec68df; }
.short-name-color-9 { background-color: #c7d651; }
.short-name-color-10 { background-color: #bd6ee7; }


/* Теги */
html {
  font-size: 0.9rem;
}

body {

}

h1 {
  font-weight: 250;
  margin-bottom: 25px;  
}

h2 {
  font-weight: 250; 
}


header {
  height: 60px;
}

main {
  background: #ffffff;   
}

footer {
  background: #ffffff;  
}

/* /Теги */


/* Bootstrap стили */
.display-4 {
    font-weight: 200;
}

.clearfix, .clear {
  clear: both;
}

.navbar-brand {
  font-size: 2rem;
  padding-top: 0;  
}

.dropdown-menu {
  right: 0;
  left: auto; 
}

.media:hover {
 background: var(--light);
 border-top-color: var(--light);
 border-top-style: inset;
 border-top-width: thin;
 border-bottom-color: var(--light);
 border-bottom-style: inset;
 border-bottom-width: thin; 
 border-left-color: var(--secondary);
 border-left-style: inset;
 border-left-width: 4px;  
}

.media-pic {
  height: 150px; 
  width: 150px; 
  background-size: cover;  
  background-position: center center;
  background-repeat: no-repeat;   
}

.card-columns {  
  column-gap: 2rem;
}

/* /Bootstrap стили */


/* a4-site common */

.height-150px {
  height: 150px;
}

.onpage_link {
  border-bottom: 1px dashed #007bff;  
  color: #007bff;  
  cursor: pointer;
}

.user-thumb {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;  
}

.user_photo {
  width: 70px;
}

.sitenews .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

#star-raty img {
  width: 24px;
  height: 24px;
}

.star-rating {
  color: #ffd700;
  margin-right: 0.5rem; 
}
/* /a4-site  common */



.carousel-indicators li {
  color: var(--dark);
}

.carousel-indicators .active {
  color: var(--gray);
}

#slide-main {
  height: 350px; 
  z-index: -2;  
  background: url(/images/design/slide1.jpg) no-repeat;  
  background-size: cover;  
  background-position: center;   
}

#cat-list {
  margin-top: -800px;
  opacity: 0.9; 
  width: 650px!important;   
}


/* Консультации */
.consult-answer {
  overflow: hidden;  
}

.consult-answer img {
  float: left;
  margin: 0 15px 5px 0;
}

.consult-rubr-item {
  padding: 5px; 
  border-bottom: 1px solid #CCCCCC; 
  overflow: hidden;  
}
/* /Консультации */


/* Поиск */
#search, #search-main, #search-filters {
  max-width: 700px;
}

#search input, #search-main input {
  font-size: 1.5rem;
}  

#search-main {
  margin-top: -350px;
  height: 300px;
}

#search-filters div {
  margin-right: 1rem;
}  
/* / Поиск */ 



/* Комментарии */
#comments {
  font-size: 0.9rem;  
}

#comments .lead {
  font-size: 1.1rem;  
}

#comments .new {
  border-width: 3px!important;  
}

#comments .user-thumb {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;  
}

#comment_text::placeholder { 
  color: var(--gray); 
  font-size: 0.8em; 
}

#comments_form_div, #ajax-loader, #ajax-loader1 {
  display: none;
}

#comments #ajax-loader1 {
  margin-top: -33px;
  margin-left: 33px;
}

#comments .child {
  margin-left: 2rem;
  background-color: var(--light);
}

#comments .subchild {
  margin-left: 4rem;
  background-color: var(--light);
}

/* /Комментарии */


/* Новости сайта */
.sitenews img {
  /* max-width: 200px; */
}
/* /Новости сайта */

/*  Подписка */
#subscribe-result {
  display: none;
}


/* Стили для вывода картинок */
.photo-left {
  /* padding: 0 15px 15px 0;*/
	float: left;
}
.photo-right {
  /* padding: 0 0 15px 15px; */
	float: right;
}
.photo-center {
  padding: 0 15px 15px 15px;
	clear: both;   
	margin: 0 auto;
}

.photo-img {
	PADDING: 1px;
  /* background-color: #EBECEE; */
}
.photo-txt {
               FONT-SIZE: 12px;
               PADDING: 1px;
               background-color: #EBECEE;
               border-top: 1px solid #ffffff;
               width: 100%;
}
/* /Стили для вывода картинок */


/* bsmultiselect */
.dashboardcode-bsmultiselect .badge {
  line-height: 1.5em!important;
  border: 1px solid rgb(235, 236, 238);
  margin-right: 0.5em;
  padding: 3px 5px!important; 
}

.dashboardcode-bsmultiselect .badge button {
  padding-left: 3px!important;
}
/* / bsmultiselect */

/* Яндекс.карты */
ymaps {
  max-width: 100%!important;
}


@media (min-width: 576px) and (max-width: 767.98px) { 
  
  .card-columns { 
   column-count: 2;
  } 

}  


@media (min-width: 960px)  { 

  #comments .child {
    margin-left: 3rem;
    background-color: var(--light);
  }
  
  #comments .subchild {
    margin-left: 6em;
    background-color: var(--light);
  }    
  
}