@charset "UTF-8";

/* ===== IMPORTED STYLE ===== */

@import url("chat.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, pointer
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }


a,
a:hover {
  text-decoration: none; }

.gvwArticles a {
    text-decoration: underline; 
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none !important; }

body {
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased; }

button,
input[type=cancel],
input[type=reset],
input[type=button],
input[type=submit]:hover {
  cursor: pointer; }

img {
    cursor: pointer;
}

input[type=file],
input[type=password],
input[type=submit],
input[type=text],
input[type=email],
input[type=search],
textarea,
select {
  outline: none;
  /*
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   */
  /*overflow: auto;*/ }

select::ms-expand {
  display: none; }

input::-ms-clear {
  display: none; }

/**************
END RESETT CSS
****************/
@font-face {
  font-family: "PTSans";
  src: url("../font/PTSansRegular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }
@font-face {
  font-family: "PTSans";
  src: url("../font/PTSansBold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

:root {
  --gray-light: #aeaeae;
  --gray: #666;
  --border-color: #c8c8c8; }

html,
body {
  min-height: 100%; }

html {
  font-size: 16px; }

body {
  line-height: 1.2;
  color: #000;
  font-family: arial;
  background-color: #000;
  min-height: 100vh; }

img {
 /* max-width: 100%; */ }

a {
  color: currentColor;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

h1,
.h1 {
  font-size: 16px; }

h2,
.h2 {
  font-size: 14px; }

h3,
.h3 {
  font-size: 13px; }

b,
strong {
  font-weight: 700; }

.text-center {
  text-align: center; }

.text-uppercase {
  text-transform: uppercase; }

.wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff url("../img/main-bg3.jpg") center 0 no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto; 
}

.wrapper--search {
  background-size: cover;
  background-attachment: fixed;
  background: url("../img/search-bg.jpg") center center;
  background-repeat: no-repeat; }

.wrapper--utility {
  background-size: cover;
  background-attachment: fixed;
  background: url("../img/utility/utility.jpg") center center;
  background-repeat: no-repeat;
  height: 930px; }

.main {
  width: 100%; }

.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex--wrap {
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flex--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .flex--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.gray {
  color: gray; }

.width {
  width: 100%; }

.table--border {
  border: 1px solid var(--gray); }

.pagination--border {
  border-right: 1px solid var(--gray);
  border-left: 1px solid var(--gray); }

.bold {
  font-weight: 700; }

.over {
  white-space: nowrap;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  max-width: 155px;
  display: block; }

.links {
  color: blue;
  margin-bottom: 5px; }
  .links a {
    text-decoration: underline; }

.text {
  color: #767c7d;
  font-size: 13px;
  font-weight: normal;
  display: inline-block;
  /*padding-top: 10px; */
  width: 95%; }

.text2 {
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #333;
	line-height: 15px;
    font-weight: normal;
    display: inline-block;
    width: 95%; 
}

.bg-gray {
  background: #ECECEC; }

.table-user .center {
  text-align: center; }

.small {
  font-size: 10px; }

.underline {
  text-decoration: underline;
  display: inline-block;
  margin-left: 5px; }

.admin-assistant {
  -webkit-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
  left: -95px !important; }

.mb {
  margin-bottom: 10px; }

.f1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.f2 {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6; }

.blue {
  color: #0782C1; }

.popup-link {
  text-decoration: underline; }

.admin-assistant {
  -webkit-transform: scale(0.8) !important;
  transform: scale(0.8) !important;
  left: 0 !important; }
  .admin-assistant .assistant__text {
    min-width: 290px;
    max-width: 290px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff slick-image-url("../img/icons/ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*Header*/
/*main-content*/
.no--before::before {
  content: '';
  display: none; }

.main-content, .main-content2, .login-main-content {
    width: 100%;
    /*width: 588px; */
    max-width: 612px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    position: relative;
    border: 10px solid #d59b62;
    border-radius: 10px;
    z-index: 1;
    margin-top: 50px;
    margin-bottom: 100px;
    opacity: 0.9;
}

.main-content, .main-content2 {
    min-height: 750px;
}
    .main-content::before {
        content: "";
        top: -14px;
        left: 50%;
        width: 184px;
        height: 47px;
        background: url("../img/icons/decor/b77.png") 0 0 no-repeat;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
    }

.main-content {
    max-width: 612px;
}

.main-content2 {
    max-width: 680px;
}

.main-content__body {
  border-radius: 10px;
  /* border: 1px solid #ddccba; */
  padding: 10px;
  position: relative; }
  .main-content__body .h1 {
    margin-bottom: 20px; }

.main-content__body__decor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0 10px; }
  .main-content__body__decor::before, .main-content__body__decor::after {
    content: '';
    width: 25%;
    height: 1px;
    background-color: #84827F; }
  .main-content__body__decor::before {
    margin-right: 10px; }
  .main-content__body__decor::after {
    margin: 10px; }
  .main-content__body__decor span {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 18px;
    height: 15px;
    border-radius: 50%;
    background-color: #C99E76;
    margin: 0 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.main-content__top {
  border-bottom: 1px solid var(--border-color);
  padding: 0 0 0 5px;
  margin-bottom: 15px;
  font-size: 12px;
  width: 95%;}
  .main-content__top .placeholder {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.assistant {
    position: absolute;
    left: 12%;
    bottom: -50px;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    z-index: 100003;
    filter: drop-shadow(2px 2px 3px #64ABFF);
}

.assistant2 {
    left: 10%;
}

.login-assistant {
    bottom: 0;
}

.assistant__text, .assistant__text2 {
    position: absolute;
    bottom: calc(100% + 20px);
    left: 14%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-height: 36px;
    padding: 10px 15px 5px 15px;
    border-radius: 20px;
    border-top: 1px solid #fff;
    background-color: #a8c7ff;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 30px);
    background-image: -webkit-gradient(linear, 0 0, 0 30, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    color: #414141;
    font-style: italic;
    line-height: 16px;
    z-index: 12;
}

.assistant__text3 {
    left: 24%;
}

    .assistant__text::after, .assistant__text2::after {
        content: "\00A0";
        display: block;
        position: absolute;
        left: 75%;
        width: 0;
        height: 0;
        border-width: 30px 12px 0 6px;
        border-style: solid;
        border-color: #a8c8ff transparent transparent transparent;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

.assistant__text {
    min-width: 350px;
}

.assistant__text2 {
    min-width: 300px;
}

.main-content__notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 10px;
}
  .main-content__notice .icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTAxN0QyQzgwMjE2ODExODIyQUQ0RkJCMzY5MzhBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0VEN0JCQjMwNEExMUU0OERFREE3NjQxOENGMjc5RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0VEN0JCQTMwNEExMUU0OERFREE3NjQxOENGMjc5RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFN0VDM0U0NjgwN0U0MTE4NzMzRTgyNUJCRjYwRjMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MDE3RDJDODAyMTY4MTE4MjJBRDRGQkIzNjkzOEFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W8F38AAAAP5JREFUeNpi1NfX/89AZXDhwgVGXHJMDHQGLPhcZWBg8J9UcUIW0t2HjPSOw9EgHRxBSpVsQQogJq4IWojLEHRxSn08NIKUVB8jhxLJqRRkASVxSP/Cm9I4IjVIWXBJEOsQUoOXCY9BPFB6PhBz0iOVqoA8CsQJQGwGtDQI6OubFKfS////I0u8AlKiUO56IE4H4ldQ/hcgzgVasICaqfQUEjsQyTIQAAUxKHjnUzNIO4DYCYjxxVkC1YIUKqkLpNKA2BKI2YBYF03/AnRLSaoP0S3E47rvQJxFaRwSW5aCUicolV6jasbHARZAU+cXamR8gkFK7QqY7oU3QIABAJR1kpoWQe27AAAAAElFTkSuQmCC) no-repeat right;
    width: 30px;
    height: 30px;
    background-size: contain; }
  .main-content__notice p {
    margin-right: 20px;
    font-size: 10px;
    color: #686868;
    text-align: left;
    line-height: 1.3; 
    width: 200px;
  }

.articles-block__top {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 4px;
  margin-bottom: 10px;
  margin-right: 30px;
  margin-top: 35px; }
  .articles-block__top .h3 {
    margin-right: 5px; }

.tip-block {
  position: relative; }

.tip-block {
  width: 15px;
  height: 15px; }
  .tip-block img {
    width: 100%; 
    cursor: pointer;
  }
  .tip-block:hover .tip-content {
    opacity: 1;
    visibility: visible; }

.tip-content {
  position: absolute;
  bottom: calc(100% + 5px);
  left: -5px;
  width: 120px;
  background-color: #fff;
  font-size: 11px;
  line-height: 1.3;
  padding: 5px;
  border: 1px solid var(--border-color);
  opacity: 0;
  visibility: hidden;
  z-index: 9; }

.tip-content--search {
  border: 2px solid #4f52ff;
  background-color: rgba(121, 136, 255, 0.5);
  width: 250px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  right: 250px;
  left: -215px; }

.tip-content--search::after {
  border: medium solid transparent;
  content: "";
  top: 100%;
  right: 10%;
  position: absolute;
  height: 0;
  width: 0;
  border-color: #4f52ff rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
  border-width: 10px;
  margin-left: -25px; }

.tip-content--articlepopup {
  border: 2px solid #4f52ff;
  background-color: rgba(121, 136, 255, 0.8);
  width: 250px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute;
  right: -7px; }

.tip-content--articlepopup::after {
  border: medium solid transparent;
  content: "";
  top: 100%;
  right: 92%;
  position: absolute;
  height: 0;
  width: 0;
  border-color: #4f52ff rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
  border-width: 10px;
  margin-left: -25px; }

.articles-block__filter {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 5px;
  padding: 4px 4px 2px;
  border: 1px solid var(--border-color); }
  .articles-block__filter.flex--between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.articles-block__filter__cta a {
  display: block; }
  .articles-block__filter__cta a:not(:last-child),   .articles-block__filter__cta input:not(:last-child) {
    margin-right: 5px; }

.articles-container {
  max-height: 600px;
  overflow-y: auto;
  outline: none; }

.article-item {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .article-item:nth-child(odd) {
    background-color: rgba(195, 222, 250, 0.8); }

.article-item__content {
  width: calc(100% - 130px); }

.article-item__btn {
  width: 130px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.article-item__text {
  margin-bottom: 10px; }

.article-item__data {
  font-size: 11px; }

.pagination {
  background-color: #d4d4d4;
  color: #5c5c5c;
  font-weight: 700;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .pagination li {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .pagination li a {
      text-decoration: underline;
      font-weight: 700; }
      .pagination li a:hover, .pagination li a.active {
        text-decoration: none; }

.left-sidebar {
  position: absolute;
  right: calc(100% + 10px);
  top: 40px;
  background: #fff;
  width: 200px;
  height: 80%; }
  .left-sidebar__title {
    margin-bottom: 5px; }
  .left-sidebar__table__main {
    padding: 5px; }
    .left-sidebar__table__main div {
      margin-bottom: 4px; }
      .left-sidebar__table__main div img {
        margin-right: 5px; }
    .left-sidebar__table__main .link {
      margin-bottom: 5px;
      display: inline-block;
      margin-left: 10px; }
    .left-sidebar__table__main .link:hover {
      background: #bdb8b0; }
  .left-sidebar__table__top {
    padding: 5px;
    border-bottom: 1px dashed #000; }
  .left-sidebar__table {
    border: 1px dashed #000; }
  .left-sidebar--lg {
    height: auto; }
    .left-sidebar--lg .sidebar-menu li {
      padding: 7px 10px; }
      .left-sidebar--lg .sidebar-menu li a {
        padding-bottom: 7px; }

.top-border {
  margin-top: -2px; }

.left-sidebar-wrapper {
  margin: 5px; }

.admin-right-sidebar, .right-sidebar {
    position: absolute;
    left: calc(100% + 9px);
    top: 15px;
    background: url(data:image/png;base64,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) center no-repeat;
    width: 49px;
}

.right-sidebar {
    height: 650px;
}

.admin-right-sidebar {
    height: 680px;
}


.right-sidebar--lg, .admin-right-sidebar--lg {
    height: auto;
}
    .right-sidebar--lg .sidebar-menu li, .admin-right-sidebar--lg .sidebar-menu li {
        padding: 7px 10px;
    }
        .right-sidebar--lg .sidebar-menu li a, admin-right-sidebar--lg .sidebar-menu li a {
            padding-bottom: 7px;
        }

.sidebar-menu li {
  padding: 7px 10px 5px 10px; }
  .sidebar-menu li:last-child a {
    border-bottom: none; }
  .sidebar-menu li a {
    display: block;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 5px; }
    .sidebar-menu li a img {
      display: block;
      max-width: 25px;
      max-height: 40px;
      margin: 0 auto; 
    }

.years-block {
  position: absolute;
  left: calc(100% + 69px);
  top: 120px;
  width: 200px;
  font-size: 11px;
  padding-bottom: 10px; }

.years-block__title {
  background-color: #70A3E6;
  color: #fff;
  padding: 2px 2px 1px 5px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 3px; }

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 5px; }
  .checkbox input {
    position: relative;
    top: -2px; }
  .checkbox label {
    line-height: 1; }

.years-block__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 5px; }
  .years-block__link:hover .text {
    text-decoration: none; }
  .years-block__link img {
    height: 55px; }
    .years-block__link input {
    height: 45px; }
  .years-block__link .text {
    color: #875B33;
    font-size: 11px;
    text-decoration: underline;
    margin-top: 5px; }

.calendar-block {
  left: -20px;
  bottom: 230px;
  position: absolute;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%); }

.calendar-btn {
  display: block; }
  .calendar-btn .icon {
    display: block;
    width: 36px;
    height: 36px; }
  .calendar-btn .text {
    display: none; }

.text-left {
  text-align: left; }
  .text-left p {
    text-align: left !important; }

.checkbox {
  font-size: 12px; }
  .checkbox label {
    padding-left: 5px; }

.text-area,
.tox {
  margin-bottom: 10px; }

.popup__content__top {
  font-size: 12px;
  color: #ADADAD;
  border-bottom: 1px solid #ADADAD;
  padding: 4px 0;
  margin-top: -20px; }

.popup .text-lg {
  padding: 15px 25px;
  min-height: 130px;
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: gray; }

/* archive page */
.border {
  padding-bottom: 4px;
  border-bottom: 1px solid #c8c8c8;
  font-size: 13px; 
  width: 90%;
}

.archive {
  padding: 25px 15px 25px 20px; }
  .archive .main-content__top {
    padding: 0; }

.accordion a {
  color: #08C;
  text-decoration: underline; }

.panel {
  display: none;
  margin-bottom: 3px; }
  .panel .panel__item:not(:last-child) {
    margin-top: 8px; }
  .panel .panel__item .small {
    font-size: smaller; }
  .panel .total {
    text-align: right;
    margin-right: -55px; }

.article-item__btn--archive {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.article-item--archive {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*
.article-item--archive:hover {
  background-color: rgba(162, 207, 255, 0.8); }

.article-item--archive:nth-child(odd) {
  background-color: rgba(195, 222, 250, 0.8); }
*/

.excellentindicator {
  border-color: blue;
  -webkit-box-shadow: 0 0 5px blue;
          box-shadow: 0 0 5px blue;
  background: -webkit-gradient(linear, left top, left bottom, from(#04cf04), to(#076620));
  background: linear-gradient(#04cf04, #076620);
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out; }

/* / archive page */
/* search page */
.article-item__content--search {
  width: 100%; }
  .article-item__content--search .h3 {
    color: #08C;
    text-decoration: underline; }
  .article-item__content--search .article-item__link {
    color: #008000;
    overflow: hidden;
    text-overflow: ellipsis; }

.main-content__search {
  margin-top: 35px; }

.search-input {
  width: 100%;
  height: 26px;
  border-radius: 5px;
  padding-left: 7px;
  border: 1px solid gray;
  margin-right: 2px;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0.9;
  -webkit-transition: .3s;
  transition: .3s; }

.search-input:focus {
  background-color: #888993;
  border: 1px solid #4f52ff;
  -webkit-box-shadow: 0 0 5px 0 #4f52ff;
          box-shadow: 0 0 5px 0 #4f52ff;
  color: white; }

.sub-text {
  font-size: 10px;
  color: #a5a5a5; }

.tip-block--search {
  margin-left: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/* / search page */
/* show-article page */
.items_wrapper {
  margin-top: 10px;
  width: 90%; }

.input-wrapper {
  margin-top: 3px; }

.input-wrapper {
  -webkit-box-flex: 70%;
      -ms-flex: 70%;
          flex: 70%; }
  .input-wrapper .article {
    height: 100px;
    width: 100%; }

.block-wrapper {
  background-color: #E1E1E1;
  margin-right: 5px;
  padding-top: 3px;
  padding-right: 15px;
  -webkit-box-flex: 30%;
      -ms-flex: 30%;
          flex: 30%; }
  .block-wrapper span {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 6px; }

.icon-estimate--small {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 90%; }
  .icon-estimate--small a img {
    height: 45px; }

.title-showArticle {
  font-family: arial;
  font-size: 16px;
  color: #6b3912;
  vertical-align: top;
  font-weight: bold; }

.articles-container__main-text {
  margin: 10px 0; }

.article-item__wrapper {
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c8c8c8; }

.articles-container__estimate {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .articles-container__estimate__title {
    font-weight: bold;
    font-size: 13px;
    color: gray;
    padding-bottom: 5px;
    margin-top: 10px; }
  .articles-container__estimate__result {
    color: Green;
    padding-bottom: 10px; }

.article-popup-btn {
  margin-top: 10px;
  margin-left: 20px; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 0; }

.assistant-article-popup {
  z-index: 2; }

.article--buttons {
  display: block;
  text-align: end; }

.article-buttons-wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

/* / show-article page */
/* thread page */
.thread {
  padding: 10px 10px 25px 10px; }

.thread-title {
  font-weight: bold;
  font-size: 13px;
  color: var(--gray);
  padding-bottom: 5px;
  border-bottom: 1px solid var(--gray);
  margin-bottom: 10px; }

.articles-container {
  /*border-bottom: 1px solid #c8c8c8;*/ }
  .articles-container .table-wrapper-thread {
    border-left: 1px solid var(--gray);
    border-right: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray); }

.no--border {
  border-bottom: none; }

.buttons-wrapper {
  border: 1px solid var(--gray);
  padding-left: 5px;
  padding-top: 4px; }
  .buttons-wrapper a {
    padding-right: 4px; }

.articles-container__table .col:first-child {
  border-right: 1px solid var(--gray);
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
.articles-container__table .col:nth-child(2) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2; }
.articles-container__table .col__text a {
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px; }
.articles-container__table .col__date {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px; }
.articles-container__table .col__user {
  border-bottom: 1px solid var(--gray); }
  .articles-container__table .col__user__messages {
    font-size: smaller;
    margin-bottom: 5px; }
  .articles-container__table .col__user__name {
    color: #0088cc;
    padding-top: 5px;
    padding-bottom: 10px; }
    .articles-container__table .col__user__name img {
      margin-left: 5px;
      margin-right: 5px; }
.articles-container__table .col__upper {
  background-color: #C3DEFA;
  height: 25px; }
.articles-container__table .col__title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #C3DEFA;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 3px;
  font-size: 12px; }
.articles-container__table .col__text {
  margin-left: 4px;
  margin-right: 4px; }

.thread-popup-btn {
  margin-top: 10px;
  border-top: 1px solid var(--gray); }

/* / thread page */
/* browsethreads */
.align {
  text-align: left; }

.table-thread {
  font-size: 11px;
  line-height: 1.2;
  margin-top: 20px;
  border-color: gray;
  width: 100%; }
  .table-thread .author {
    font-style: italic;
    font-size: 10px; }
  .table-thread .date {
    font-size: 10px;
    width: 85px; }
  .table-thread th {
    font-weight: 700;
    background-color: #ECECEC;
    vertical-align: middle;
    padding: 3px 5px; }
  .table-thread td {
    padding: 4px 2px;
    vertical-align: middle; }
    .table-thread td:first-child {
      max-width: 140px; }
    .table-thread td:last-child {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .table-thread td:not(:nth-child(2)) {
      text-align: center; }
    .table-thread td a {
      color: #08C;
      text-decoration: underline;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .table-thread td a:hover {
        color: #000;
        text-decoration: none; }
    .table-thread td img {
      max-width: none;
      width: 20px; }
  .table-thread--border-treads tr:nth-child(even) {
    background-color: #c3defa; }
  .table-thread--border-treads tr:hover {
    background-color: #99B8D8; }
  .table-thread--border-treads th,
  .table-thread--border-treads td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
    font-size: 12px; }
    .table-thread--border-treads th:first-child,
    .table-thread--border-treads td:first-child {
      border-left: 1px solid #000; }
  .table-thread--border-treads th {
    border-top: 1px solid #000; }
  .table-thread--border-treads td {
    padding: 7px 5px;
    overflow: hidden; }
    .table-thread--border-treads td:first-child {
      max-width: none;
      width: 25px; }

/* / browsethreads */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  background: red;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px; }

.jspHorizontalBar {
  background: red;
  bottom: 0;
  height: 16px;
  left: 0;
  position: absolute;
  width: 100%; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  cursor: pointer;
  direction: ltr;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -20000px; }

.jspDisabled {
  background: #80808d;
  cursor: default; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  float: left;
  height: 100%;
  width: 16px; }

.jspVerticalBar .jspArrow:focus {
  border: 1px solid red;
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.jspVerticalBar {
  width: 5px; }

.jspTrack {
  background: #9b9285; }

.jspDrag {
  background-color: #d3a373; }

.select {
  position: relative;
  display: table;
  color: #000;
  vertical-align: middle;
  min-width: 140px;
  text-align: left;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none; }
  .select--number {
    min-width: 25px; }
  .select--border .placeholder {
    border: 1px solid var(--border-color); }
  .select .placeholder {
    position: relative;
    display: block;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3px;
    cursor: pointer; }
    .select .placeholder:after {
      content: "";
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTAxN0QyQzgwMjE2ODExODIyQUQ0RkJCMzY5MzhBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRDQ0Mjk5NENFQzcxMUUzOTE0RENEODA1N0YzNjNCMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRDQ0Mjk5M0NFQzcxMUUzOTE0RENEODA1N0YzNjNCMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM1Q0ZCQ0Y1NUZDNUUzMTE5NjM3QTEwMUNCMEY4NzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MDE3RDJDODAyMTY4MTE4MjJBRDRGQkIzNjkzOEFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+adCsDwAAACRJREFUeNpidJcT+M+ABph2PHzPiCwA5v///x+MQTpgbIAAAwCLPRPyvhjgnAAAAABJRU5ErkJggg==) no-repeat center;
      width: 6px;
      height: 3px;
      top: -2px;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      margin-left: 5px; }
  .select.is-open ul {
    display: block; }
  .select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    background: #c9d1e0;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    border: 1px solid #cfcfcf;
    padding: 0;
    z-index: 100;
    max-height: 400px; }
    .select ul li {
      display: block;
      text-align: left;
      font-size: 12px;
      padding: 3px 4px;
      color: #5c5c5c;
      border-bottom: 1px solid #c2a797;
      cursor: pointer; }

.select-search {
  font-weight: 700;
  color: var(--gray); }

.select--atriclePopup {
  margin-right: 10px;
  min-width: auto; }
  .select--atriclePopup ul {
    top: auto; }

.inputs__wrapper {
  max-width: 73%; }
  .inputs__wrapper .checkbox input {
    top: -1px; }
  .inputs__wrapper .checkbox {
    font-size: 10px;
    margin-left: -7px; }
  .inputs__wrapper .input-wrapper {
    margin-bottom: 5px; }
  .inputs__wrapper .sub-text {
    margin-bottom: 5px; }

.login {
  border: none;
  border-radius: unset;
  padding: 15px 30px 15px 15px; }
  .login__title {
    font-family: arial;
    font-size: 22px;
    line-height: 16px;
    font-weight: normal;
    color: #3c1e07;
    margin-left: 17%;
    margin-bottom: 10px; }
  .login__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .login__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-top: 2px solid #5b210c;
    padding-top: 5px;
    width: 106%; }
    .login__links a {
      color: #0782C1;
      font-size: 12px; }

.login-wrapper {
  border: none;
  border-radius: unset;
  max-width: 310px;
  height: 420px;
  background: url("../img/login_bg.jpg") center center;
  background-repeat: no-repeat; }

.login__before, .login__after {
  background: url("../img/login_bg.jpg") center center;
  opacity: 0.7;
  width: 50px;
  height: 85%; }

.login__after {
  border-right: 4px solid #fff0e1;
  border-top: 4px solid #fff0e1;
  border-bottom: 4px solid #fff0e1;
  border-radius: 0px 5px 5px 0px; }
  .login__after div {
    margin-top: 10px;
    text-align: center; }

.login__before {
  border-left: 4px solid #fff0e1;
  border-top: 4px solid #fff0e1;
  border-bottom: 4px solid #fff0e1;
  border-radius: 5px 0 0 5px; }

.main-login {
  max-width: 410px;
  height: 400px; }

.login-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
  height: 26px;
  outline: none;
  background-size: cover;
  font-family: arial;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: 2px solid #313030;
  margin-bottom: 20px;
  background: url("../img/login_btn_bg.png") center no-repeat;
  -ms-flex-item-align: end;
   display: flex;
   margin-left: auto;
}

/* safe popup */
.safe {
  cursor: pointer; }

.top {
  margin-top: 8px; }

.register-popup-body {
  padding: 25px 10px 10px 10px; }

.password-wrapper {
  border: 1px solid var(--gray);
  padding: 5px;
  margin-left: -5px;
  position: relative; }
  .password-wrapper .sub-text {
    margin: auto; }
  .password-wrapper .excellentindicator {
    border-color: blue;
    -webkit-box-shadow: 0 0 5px blue;
            box-shadow: 0 0 5px blue;
    background: -webkit-gradient(linear, left top, left bottom, from(red), to(#E37800));
    background: linear-gradient(red, #E37800);
    -webkit-transition: all 2s ease-out;
    transition: all 2s ease-out; }
  .password-wrapper .before {
    content: 'пароль';
    color: var(--gray);
    position: absolute;
    top: -8px;
    background: #d6e5f4; }

.form-wrapper {
  width: 50%; }
  .form-wrapper form {
    margin-left: 10px; }

.select--register .placeholder {
  border: 1px solid var(--gray);
  background: #fff;
  padding: 1px;
  margin: 0;
  font-size: 10px; }
.select--register ul {
  margin: 0; }

.buttons-wrapper-regisrer {
  border-top: 1px solid var(--gray);
  padding-right: 30px; }

.unactive {
  pointer-events: none;
  opacity: 0.5; }

.checkbox-register {
  font-weight: 700;
  color: var(--gray); }

.register-popup {
  border: unset; }
  .register-popup .step-2 {
    left: auto; }
  .register-popup p {
    color: var(--gray);
    margin-bottom: 15px; }
  .register-popup .accept {
    color: var(--gray);
    margin-bottom: 15px;
    margin-top: 10px; }
  .register-popup__title {
    font-weight: bold;
    font-size: 13px;
    color: var(--gray);
    padding-bottom: 5px;
    position: relative; }
    .register-popup__title::after {
      content: '';
      height: 1px;
      width: 33%;
      background: var(--gray);
      position: absolute;
      left: 0;
      bottom: 0; }

.tip-block--registerpopup-2 .tip-content {
  left: 0; }
  .tip-block--registerpopup-2 .tip-content::after {
    left: 22px; }

.tip-block--registerpopup-2-1 .tip-content {
  left: 0;
  bottom: -70px; }
  .tip-block--registerpopup-2-1 .tip-content::after {
    left: 10%;
    top: -21px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.tip-block--registerpopup .tip-content {
  bottom: auto;
  color: #fff;
  background-color: rgba(121, 136, 255, 0.8); }
.tip-block--registerpopup .tip-content--search::after {
  right: 7%;
  top: -21px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.register-popup-2 {
  background-color: rgba(214, 229, 244, 0.7); }

.eror {
  color: red;
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold; }

.articles-container__wrapp {
  background: #d6e5f4;
  -webkit-box-shadow: 0 2px 2px #A1A1A1;
          box-shadow: 0 2px 2px #A1A1A1; }

.input-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--gray); }

.form-wrapper {
  padding: 3px; }

.tip-block--registerpopup-2 .custom-tip {
  top: -58px;
  left: -100px;
  height: 57px; }
  .tip-block--registerpopup-2 .custom-tip::after {
    left: 50%; }

.button-bottom {
  margin-top: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
            margin-right: 50px;
}
  .button-bottom a {
    margin-right: 50px; }

.button-wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.profile-title {
  font-weight: bold;
  color: #783a14;
  font-size: 16px;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-top: 10px; }

.section {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin-bottom: 10px; 
}
  .section .h1 {
    color: var(--gray);
    font-weight: 700; }
  .section .input-wrapper {
    margin: 0;
    padding: 0; }
    .section .input-wrapper .checkbox {
      padding: 0;
      margin: 0; }
    .section .input-wrapper label {
      padding: 0;
      margin: 0 10px 0 0; }
    .section .input-wrapper input {
      width: auto;
      margin: 0; }

.no--border {
  border: unset; }

.button-wrapper {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 10px; 
  margin-right: 25px;
}
  .button-wrapper a {
    margin-right: 50px; }

.date-icon {
  margin-left: 3px; }
  .date-icon img {
    max-height: 20px; }

.tip-block--edit .tip-content--edit {
  bottom: auto;
  color: #fff;
  left: -54px;
  background-color: rgba(121, 136, 255, 0.8); }
  .tip-block--edit .tip-content--edit::after {
    right: 72%;
    top: -21px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
.tip-block--edit .tip-custom {
  left: -103px; }
  .tip-block--edit .tip-custom::after {
    left: 50%; }
.tip-block--edit .tip-top {
  top: -60px; }
  .tip-block--edit .tip-top::after {
    top: 37px; }

.tip-custom {
  left: -40px;
  bottom: 20px;
  border: 2px solid #4f52ff;
  background-color: rgba(121, 136, 255, 0.5);
  width: 250px;
  border-radius: 5px;
  font-size: 12px;
  position: absolute; }
  .tip-custom::after {
    right: 77%;
    top: 41px;
    border: medium solid transparent;
    content: "";
    position: absolute;
    border-color: #4f52ff rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
    border-width: 10px;
    margin-left: -25px; }

.button-wrap {
  width: 95%;
  margin: 0 auto;
  padding-top: 15px;
  border-top: 1px solid #c8c8c8; }

.inner-block {
  margin-bottom: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.icon-wrapper-exit {
  margin-bottom: 20px; }

.exit-title {
  font-weight: bold;
  font-size: 13px;
  color: gray;
  margin-bottom: -10px;
  padding-bottom: 10px;
  position: relative; }
  .exit-title::after {
    content: '';
    height: 1px;
    width: 200%;
    background: var(--gray);
    position: absolute;
    bottom: 0;
    left: 0; }

/*popup*/
.icons {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px; }
  .icons a {
    margin-bottom: 10px; }

.main-content-exit {
  margin-top: 10px;
  width: 90%; }

.results {
  color: var(--gray);
  background-color: #e5ecf9; }

.articles-block-exit {
  height: 350px; }

.table-img {
  width: 65px;
  height: 65px; }

.name__icon {
  margin-right: 3px; }

.table-wrapper-exit {
  width: 80%;
  color: var(--gray); }
  .table-wrapper-exit a {
    text-decoration: none; }

.table-exit {
  font-size: 11px;
  line-height: 1.2;
  margin-top: 20px;
  border-color: gray;
  width: 100%; }

/* Step 2 */
.stat {
  margin-top: 30px; }
  .stat__img {
    margin-right: 10px; }
  .stat__text__title {
    font-weight: bold;
    font-size: 16px;
    color: #783a14;
    margin-bottom: 10px; }
  .stat__text__subtitle {
    font-size: 12px;
    color: #767c7d;
    padding-bottom: 10px; }
  .stat__text__nav {
    font-size: 14px;
    color: #452308; }

.count {
  font-size: 14px;
  color: #452308;
  margin-top: 25px; }

.bie {
  text-align: right;
  color: Gray;
  font-size: 15px;
  margin-right: 70px;
  margin-bottom: 20px; }

/* Step 2 */
.greating-text {
  color: #767c7d;
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 250px;
  width: 90%;
  margin: 60px auto 0 auto; }
  .greating-text p {
    margin-bottom: 15px; }
  .greating-text .side-text {
    margin-top: 30px;
    text-align: end; }
    .greating-text .side-text p {
      margin-bottom: 5px; }

.close2-greating {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.greating {
  background: url(../img/icons/hallway.jpg);
  background-repeat: no-repeat;
  background-position: center center; }

.greating-btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translateY(20px);
          transform: translateY(20px); }

.greating-stap-2 {
  color: #767c7d;
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 250px;
  width: 95%;
  margin: 20px auto 0 auto;
  border: unset; }
  .greating-stap-2 p {
    margin-bottom: 15px; }
  .greating-stap-2 .greating-wrap {
    width: 90%; }
    .greating-stap-2 .greating-wrap .tip-block--edit {
      margin-left: 0; }
      .greating-stap-2 .greating-wrap .tip-block--edit .tip-content--edit {
        left: -230px; }
        .greating-stap-2 .greating-wrap .tip-block--edit .tip-content--edit::after {
          right: 0; }

.greating-wrap__title {
  font-size: 13px;
  font-weight: 700;
  background: #ECECEC;
  color: #000;
  padding: 3px; }

.greating-wrap__links__link {
  color: #0088cc; }
  .greating-wrap__links__link:hover {
    background: rgba(195, 222, 250, 0.8); }

.red {
  color: #8A5942; }

.count-user {
  margin-bottom: 5px; }

.popups-search {
  margin-bottom: 10px; }

.popups span {
  width: 20px;
  margin-right: 10px;
  cursor: pointer; }

.search {
  border: 1px solid var(--gray);
  border-radius: 5px;
  height: 25px;
  background: url(../img/icons/search-1.png) no-repeat 95% center;
  max-width: 300px; }

.table-width {
  width: 25px; }

.password-wrap {
  height: 100px;
  margin-bottom: 60px; }
  .password-wrap .h1 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .password-wrap .email-block {
    color: var(--gray); }
    .password-wrap .email-block input {
      height: 20px;
      border: 1px solid var(--gray);
      opacity: 0.4; }
  .password-wrap .text .name {
    margin-bottom: 4px; }
  .password-wrap .text .question {
    margin-bottom: 4px; }

/*Footer*/
/*popup*/
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 20;
  display: none; }

.popup {
  position: fixed;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border: 11px solid #d59b62;
  border-radius: 10px;
  max-height: 60vh;
  width: 90%;
  max-width: 600px;
  overflow-y: auto;
  -webkit-box-shadow: black 5px 5px 5px;
          box-shadow: black 5px 5px 5px;
  z-index: 30; 
  opacity: 0.9;
  max-height: 600px;
}

.close2,
.close--inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 125px;
  height: 26px;
  background: url(../img/btn_bg.png) center no-repeat;
  outline: none;
  background-size: cover;
  font-family: arial;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  color: #522d1a;
  text-align: center;
  border: 1px solid #d0b675;
  box-shadow: 1px 2px 1px; }
  .close2:hover,
  .close--inner:hover {
    opacity: 0.8; }

.popup__top {
  background-color: #F1F0EF;
  padding: 4px 10px;
  font-size: 16px;
  color: #6b3912;
  font-weight: 700;
  font-family: arial;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); }
  .popup__top .icon {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 50px;
    height: 50px;
    margin-right: 15px; }
    .popup__top .icon img {
      width: 100%; }

.popup__content, .confirm_notification_popup {
  padding: 30px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.confirm_notification_popup {
  padding: 0px 10px 10px;
}

.close2-container {
  padding-top: 10px;
  margin-top: 10px;
  padding-left: 30px;
  border-top: 1px solid #c8c8c8; }
  .close2-container.flex {
    padding-left: 0; }

.calendar-events {
  border: 1px solid #000; }

.calendar-events__top {
  background: #000;
  color: #fff;
  padding: 3px 5px; }

.month {
  font-size: 12px;
  text-decoration: underline;
  font-weight: 700; }
  .month:hover {
    text-decoration: none; }

.month-name {
  font-weight: 700;
  font-size: 18px; }

.week-list {
  padding: 2px 0;
  background-color: #ccc; }
  .week-list li {
    width: 14.2857%;
    text-align: center;
    font-size: 10px; }

.event-list li {
  width: 14.2857%;
  text-align: center;
  font-size: 11px;
  line-height: 1.4;
  padding: 0 3px;
  font-style: italic; }
  .event-list li a {
    text-decoration: underline; }
    .event-list li a:hover {
      text-decoration: none; }

.event-list__item.inactive {
  color: #999; }
.event-list__item.active {
  background-color: #CCCC99; }

.event-list__item__name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 700; }

.popup-form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 380px; }

.input-wrapper {
  margin-bottom: 10px; }
  .input-wrapper span {
    display: block;
    font-size: 12px;
    color: #747474;
    margin-bottom: 4px; }
  .input-wrapper input {
    display: block;
    width: 200px;
    border: 1px solid #D4CDCD;
    outline: none;
    font-size: 13px;
    font-family: Arial;
    color: #595A5A;
    height: 20px;
    padding-left: 10px; }
  .input-wrapper textarea {
    display: block;
    width: 270px;
    border: 1px solid #D4CDCD;
    outline: none;
    font-size: 14px;
    font-family: Arial;
    color: #595A5A;
    height: 140px;
    padding-left: 10px;
    padding-top: 10px;
    resize: none;
    outline: none; }

.choose-date {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .choose-date .input-wrapper {
    margin-bottom: 0; }

.search-btn {
  background-color: transparent;
  border: none;
  line-height: 1; }

.cta-block a {
  line-height: 1; }

.table-wrapper {
  max-height: 350px;
  overflow-y: auto; }

.table-event + .pagination {
  border: 1px solid #000;
  border-top: none; }
  .table-event + .pagination li {
    padding: 0 3px; }

.table {
  font-size: 11px;
  line-height: 1.2;
  margin-top: 20px;
  border-color: gray;
  width: 100%; }
  .table th {
    font-weight: 700;
    background-color: #ECECEC;
    vertical-align: middle;
    padding: 3px 5px; }
  .table td {
    padding: 4px 2px;
    vertical-align: middle; }
    .table td:first-child {
      max-width: 140px; }
    .table td:last-child {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .table td:not(:first-child) {
      text-align: center; }
    .table td a {
      color: #08C;
      text-decoration: underline;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .table td a:hover {
        color: #000;
        text-decoration: none; }
  .table--border tr:nth-child(even) {
    background-color: #c3defa; }
  .table--border tr:hover {
    background-color: #99B8D8; }
  .table--border th,
  .table--border td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
    font-size: 12px; }
    .table--border th:first-child,
    .table--border td:first-child {
      border-left: 1px solid #000; }
  .table--border th {
    border-top: 1px solid #000; }
  .table--border td {
    padding: 7px 5px;
    overflow: hidden; }
    .table--border td:first-child {
      max-width: none; }
    .table--border td:not(:first-child) {
      text-align: left; }

.event-descr {
  min-height: 420px;
  max-height: 500px;
  overflow-y: auto; }
  .event-descr p {
    font-size: 12px;
    margin-bottom: 10px;
    color: #747474;
    text-align: center; }
    .event-descr p b {
      display: block; }

.notice {
  font-size: 12px;
  color: #a5a5a5;
  padding-bottom: 40px;
  padding-top: 5px; }

#event-inner-lg .event-descr {
  max-height: 400px;
  overflow-y: auto; }
#event-inner-lg p {
  text-align: left;
  max-width: 260px;
  font-size: 12px; }
  #event-inner-lg p b {
    font-size: 14px;
    margin-bottom: 3px; }
  #event-inner-lg p span {
    display: block;
    font-size: 14px;
    margin-bottom: 3px; }

.m-0 {
  margin: 0 !important; }
  .m-0 + .select {
    margin-left: 10px; }

.gvwSearch
{
    width: 498px;
}

 .drgUserRatings {
     width: 510px !important;
 }

.gvwCalendar {
    width: 551px;
}

.search2 input[type="text"],.search3 input[type="text"] {
    width: 230px;
}

@media (max-width: 1600px) {
  .admin-assistant .assistant__text {
    min-width: 260px;
    max-width: 260px; } }
@media (max-width: 1550px) {
    .assistant {
        left: 3%;
        bottom: -50px;
        z-index: 1;
        filter: drop-shadow(2px 2px 3px #64ABFF);
    }

.login-assistant {
    bottom: 0;
}
    .assistant__text, .assistant__text2 {
        min-width: 300px;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
        .assistant__text::after, .assistant__text2::after {
            left: 20%;
        }

  .admin-assistant .assistant__text {
    min-width: auto;
    max-width: none;
    width: 160px; }

 .drgUserRatings {
     width: 510px !important;
 }
}
/*1550*/
@media (max-width: 1300px) {
  .assistant-browse {
    bottom: 5%; }

  .assistant-search {
    bottom: -2%; }

    .assistant__text, .assistant__text2 {
        min-width: 180px;
        width: 180px;
    }

  .calendar-block {
    bottom: 230px; }

  .wrapper {
    padding: 50px 0 50px; }

  .right-sidebar, .admin-right-sidebar {
    left: 0;
    width: 100%;
    height: auto;
    bottom: 0;
    position: relative;
    top: auto;
    background-image: none;
    background-color: #DBDBDB; }

  .left-sidebar {
    left: 0;
    width: 100%;
    height: auto;
    bottom: 0;
    position: relative;
    top: auto;
    background-image: none;
    background-color: #DBDBDB; }
    .left-sidebar .top-border {
      display: none; }

  .sidebar-menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .sidebar-menu li:last-child a {
      border: none; }
    .sidebar-menu li a {
      height: 100%;
      padding-bottom: 0;
      padding-right: 10px;
      border-right: 1px solid #c8c8c8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .sidebar-menu li a img {
        max-height: 25px; }

    .right-sidebar--lg .sidebar-menu li, .admin-right-sidebar--lg .sidebar-menu li {
        padding: 0;
    }
    .right-sidebar--lg .sidebar-menu li a,  .admin-right-sidebar--lg .sidebar-menu li a {
      padding: 10px; }

  .years-block {
    left: calc(100% + 20px);
    top: -10px;
    width: 180px; } }
/*1300*/
@media (max-width: 1023px) {
  .years-block {
    position: relative;
    left: 0;
    top: 0;
    width: 100%; }

  .assistant {
    display: none; } }
/*1023*/
@media (max-width: 767px) {
  .main-content {
    border-width: 4px; }
    .main-content::before {
      display: none; }

  .main-content__body {
    border-radius: 0; }

  h1,
  .h1 {
    font-size: 20px; }

  h2,
  .h2 {
    font-size: 18px; }

  h3,
  .h3 {
    font-size: 16px; }

  .article-item__btn {
    width: 80px; }

  .article-item__content {
    width: calc(100% - 80px); }

  .main-content__notice {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
    .main-content__notice p {
      font-size: 12px; }

  .article-item {
    font-size: 14px; }
    .article-item .h3 {
      margin-bottom: 10px; }

  .years-block__link {
    margin-top: 20px; }
    .years-block__link .icon img {
      height: 30px; }

  .sidebar-menu li {
    padding: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .sidebar-menu li a {
      padding: 10px; }

  .calendar-block {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    padding: 5px 10px; }

  .calendar-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #875B33; }
    .calendar-btn .text {
      display: block;
      margin-left: 15px; }

  .event-list li a {
    font-size: 16px; }

  .event-list__item__name {
    font-size: 10px;
    line-height: 1.3;
    -webkit-line-clamp: 2; }

  .popup-form {
    min-height: auto; }

  .event-descr {
    min-height: 200px;
    max-height: 300px; }

  .close2-container {
    padding-left: 0; }

  .table-wrapper {
    overflow: auto; }

  .table {
    min-width: 450px; }

  .table-thread {
    min-width: 450px; }

  .table-event {
    overflow-x: auto; }
    .table-event .table {
      min-width: 500px; }
    .table-event + .pagination {
      border: none;
      margin-top: 10px; }

  .input-wrapper textarea {
    height: 100px; }

 .drgUserRatings {
     width: 410px !important;
 }

.search2 input[type="text"] {
        width: 100px;
    }

}

@media (max-width: 450px) {
  .articles-container__table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

  .col__upper {
    display: none; }

  .buttons a {
    margin-right: 10px; }

  .col:first-child {
    border-bottom: 1px solid var(--gray); }

  .buttons-wrapper a {
    margin-right: 10px; }

  .main-content__search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.search2 input[type="text"] {
        width: 50px;
    }

.search3 input[type="text"] {
    width: 100px;
}

    .search-wrapper {
        margin-top: 10px;
    }

  .tip-content--search {
    bottom: 52px; }

  .article-item__link {
    height: 17px; }

  .main-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .main-login .login__before {
      display: none; }
    .main-login .login__after {
      border: 4px solid #fff0e1;
      border-radius: 5px;
      height: 70px;
      opacity: 1;
      -ms-flex-item-align: start;
          align-self: flex-start; }

  .password-wrapper {
    width: 170%; } 

        .gvwSearch
    {
        width: 340px;
    }

   .search_link a {
       width: 250px;
   }

.login-main-content {
  margin-top: 0px;
}

.main-login {
    max-width: 310px;
}

 .drgUserRatings {
     width: 250px !important;
 }

 .search2 .form-item {
   /* width: 25%; */
}
}

.countercontent {
    display:none;
    position:absolute;
    border-radius: 50%;
    background-color: black;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: white;
    bottom: 0px;
    right: -4px;
}


/*767*/
@media (max-width: 350px) {
  .sidebar-menu li a img {
    max-width: 17px; }

    .gvwSearch
    {
        width: 270px;
    }

    .gvwCalendar {
        width: 272px;
    }

.countercontent {
    right: 9px;
}
}

/*# sourceMappingURL=style.css.map */

.counter {
    position:relative;
}
.counter-item__data {
  font-size: 10px; }

.calendar_add_events {
    border: solid 1px #B9B9B9;
    padding: 3px 3px 4px 3px;
    height: 25px;
    width: 545px;
}

.popupbody {
    padding: 15px 25px;
}

.paragraph
{
    margin-bottom: 5px;
    color: #69290A;
}

.paragraphA {
    margin-bottom: 5px;
    color: #69290A;
}

.paragraph-answer {
    margin-bottom: 5px;
    color: #69290A;
    display: flex;
}

.textboxlabel {
    font-size: 12px;
    font-weight: normal;
    color: #747474;
}

.textboxdefinition
{
    display: inline-block;
    width: 220px;
    font-size: 10px;
    font-weight: normal;
    color: #a5a5a5;
}

.textbox, .dropdownlist {
    width: 193px;
    font-family:Arial;
    font-size:11px;
    color:#595A5A;
    font-weight: bold;
}

.textbox
{
    height: 20px;
}

.textbox-input {
    height: 20px;
    width: 250px;
}

.textbox::after {
    content: "*";
    color: red;
    margin-left: 2px;
}

    .textbox.error{
        content: "*";
        color: red;
        margin-left: 2px;
    }

.error .textbox-input {
    box-shadow: 0 0 15px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
    background-color: #CAD9E7;
}

.error-label {
    content: "*";
    color: red;
    margin-left: 2px;
}

.dropdownlist {
    height: 20px;
}

.button, .disabledbutton {
	width: 120px;
	height: 26px;
    background: url("../img/all/b4c.png") center no-repeat;
	font-family: arial;
	font-size: 13px;
	line-height: 11px;
	font-weight: bold;
	color: #522d1a;
	text-align: center;
	border: 1px solid #d0b675;
        box-shadow: 1px 2px 1px;
}

.disabledbutton {
    opacity: .30;
    cursor: move;
}

.textbox, .searchinput {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #D4CDCD;
}

.textbox:focus, .photohighlight {
  box-shadow: 0 0 15px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
  background-color: #CAD9E7;
}

.confirm_notification_label {
    color: #ADADAD;
    font-size: 11px;
}

.popupheader {
    text-align: left;
    padding: 17px 10px 0 25px;
}

.separator
{
    border-bottom: 1px solid #c8c8c8;
    padding: 0;
    margin-bottom: 10px;
    width: 95%;
}

.confirm_notification_layout {
    display: flex;
    /*display: table-cell;*/
    vertical-align: middle;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    /*min-height: 70px;*/
    height: 70px;
}

.confirm_notification_text {
    color: Gray;
    font-size: 14px;
    font-weight: normal;
}

.requiredFieldValidator
{
    color: Red;
    font-size: 14px;
}

.gvwAllCategories td, .gvwArticles td
{
    padding: 10px;
}

.gvwCategories td, .gvwGuidesPager td, .gvwGuidesPager th, .gvwNames td, .gvwNames th, .gvwWords td, .gvwWords th
{
    padding: 3px;
}

.gvwSearch td, .gvwVisits td, .gvwUsers td, .gvwUsers th
{
    padding: 5px;
}

.gvwUserSearch tr
{
    border: solid 1px gray;
}

.gvwUserSearch td, .gvwUserSearch th
{
    border: solid 1px gray;
    padding: 5px;
}

.gvwVisits th
{
    padding: 3px;
    font-weight: bold;
    color: #452308;
}

.gvwVisits td, .gvwVisits th, .gvwPolls td, .gvwPolls th, .gvwPosts td, .gvwPosts th
{
    border: 1px solid gray;
    width: 32px;
}

.gvwPolls a, .gvwPolls span, .gvwPosts a, .gvwPosts span
{
    font-size: 11px;
}

.gvwPolls th
{
    padding: 3px;
    font-weight: bold;
    color: black;
}

.gvwPolls td, .gvwPosts td
{
   padding: 3px;
}

.gvwPoststd td {
   padding: 0px;
}

.gvwPolls a
{
   text-decoration: underline;
}

.dlstComments
{
    margin-bottom: 10px;
}

.gvwGrayRowStyle {
    background-color: #D4D0C9;
}

.gvwBlueRowStyle {
    background-color: #b5d0ec;
    height: 30px;
    overflow: hidden; 
}

.gvwWhiteRowStyle {
    background-color: White;
    height: 30px;
    overflow: hidden;   
}

.gvwgrayhighlight
{
    background-color:#BDB8B0;
}

.gvwbluehighlight
{
    background-color:#99B8D8;
}

body {
	font: 400 11px arial;
	line-height: 1.2;
	color: #000;
	background-color: black;
    font-weight: normal;
}

.polltitle {
    background-color: #91C4FC;
    padding: 6px 6px 6px 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px
}

.polltitleimage {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.pollheader {
    color: white;
    font-size: 11px;
    line-height: 16px;
    padding-left: 5px
}

.pollcontent {
    background-color: #f0f0f0;
}

.pollquestion {
    display: inline-block;
    width: 100%;
    background-color: #70A3E6;
    color: #717171;
    padding: 2px 2px 1px 5px;
}

.pollarchivediv {
    text-align: right;
    padding: 5px;
}

.pollarchive {
    color: #875B33;
    text-decoration: underline;
}

.pollboxemptydiv {
    display: none;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 110px;
}

.panresults {
    padding: 5px;
}

.weakindicator
{
    border-color: blue;
    box-shadow: 0 0 5px blue;
    background: -webkit-linear-gradient(red, #E37800); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, #E37800); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, #E37800); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, #E37800); /* Standard syntax */

    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

.averageindicator
{
    border-color: blue;
    box-shadow: 0 0 5px blue;
    background: -webkit-linear-gradient(#FF6300, orange); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF6300, orange); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF6300, orange); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF6300, orange); /* Standard syntax */

     -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

.strongindicator
{
    border-color: blue;
    box-shadow: 0 0 5px blue;
    background: -webkit-linear-gradient(#68EA0D, #5C9C00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#68EA0D, #5C9C00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#68EA0D, #5C9C00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#68EA0D, #5C9C00); /* Standard syntax */

     -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

.excellentindicator
{
    border-color: blue;
    box-shadow: 0 0 5px blue;
    background: -webkit-linear-gradient(rgb(4, 207, 4), rgb(7, 102, 32)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(4, 207, 4), rgb(7, 102, 32)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(4, 207, 4), rgb(7, 102, 32)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(4, 207, 4), rgb(7, 102, 32)); /* Standard syntax */

    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

.pollbar {
    margin-bottom: 5px;
    height: 5px;
}

.select .sbSelector {
    font-family:Arial;
    font-size:11px;
    color: gray;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    margin-bottom: -2px;
    overflow-x: hidden;
}

.dropdownlst .sbSelector, .dropdownlst2 .sbSelector, .dropdownlstnum .sbSelector, .dropdownlstshort .sbSelector, .dropdownlstshort2 .sbSelector {
    border: 1px solid #CFCFCF;
    font-family: Arial;
    font-size: 11px;
    color: #5C5C5C;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    padding: 3px 3px 4px 2px;
    background-color: White;
    overflow-x: hidden;
}

.dropdownlst3 .sbSelector {
    border: 1px solid #CFCFCF;
    font-family: Arial;
    font-size: 11px;
    color: #5C5C5C;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    padding: 3px 3px 4px 2px;
    background-color: White;
    overflow-x: hidden;
    margin-bottom: -9px;
}

.dropdownlstshort2 .sbSelector {
    width: 82px;
}

.down_arrow {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTAxN0QyQzgwMjE2ODExODIyQUQ0RkJCMzY5MzhBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRDQ0Mjk5NENFQzcxMUUzOTE0RENEODA1N0YzNjNCMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRDQ0Mjk5M0NFQzcxMUUzOTE0RENEODA1N0YzNjNCMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM1Q0ZCQ0Y1NUZDNUUzMTE5NjM3QTEwMUNCMEY4NzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MDE3RDJDODAyMTY4MTE4MjJBRDRGQkIzNjkzOEFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+adCsDwAAACRJREFUeNpidJcT+M+ABph2PHzPiCwA5v///x+MQTpgbIAAAwCLPRPyvhjgnAAAAABJRU5ErkJggg==') /*../img/all/b2.png*/ no-repeat center;
    width: 10px;
    display: inline-block;
    height: 3px;
	top: -2px;
	position: relative;
}

.sbHolder {
    display: inline-block;
    position: relative;
}

.hallwayinput .help {
   font-size: 12px;
   color: #767c7d;
   padding-bottom: 10px;
}

.dropdownlst .sbSelector {
    min-width: 155px;
}

.dropdownlst2 .sbSelector {
    min-width: 125px;
}

.dropdownlst span, .dropdownlst2 span, .dropdownlstnum span, .dropdownlstshort span, .dropdownlstshort2 span
{
    padding-bottom: 10px;
}

.dropdownlst3 span {
    padding-bottom: 2px;
}

.dropdownlstnum .sbSelector {
    width: 23px;
}

.gvwAllCategories td, .gvwArticles td
{
    padding: 10px;
}

.gvwArticlesPagerStyle
{
    padding: 5px;
}

.content_text {
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #333;
	line-height: 15px;
    font-weight: normal;
}

.new {
    color: #005E9B;
    font-size: 10px;
    vertical-align: top;
    font-weight: bold
}

.sectiontitle, .sectiontitle span
{
   font-weight: bold;
   font-size: 13px;
   color: gray;
   padding-bottom: 5px;
}



.dropdownlstshort2 .sbOptions {
    width: 82px;
}

.dropdownlst .sbOptions, .dropdownlstnum .sbOptions, .dropdownlstshort .sbOptions, .dropdownlstshort2 .sbOptions, .dropdownloclst .sbOptions {
    border: 1px solid #CFCFCF;
    margin-top: 8px;
    background-color: #C9D1E0;
    z-index: 1;
    min-width: 155px;
}

.utilityinput {
	padding: 25px 10px 0 15px;
	text-align: left;
}

.progressbarcontainer {
   width: 98%;
   height: 18px;
   border: 1px solid gray;
   padding: 1px;
   background-color: white;
}

.progressbar {
   background-color: Red;
   height: 15px;
   width: 0;
}

.searchinput {
    border-radius: 5px;
    padding: 0 3px;
    text-indent: 8px;
    font: 400 12px arial;
    box-shadow: inset 0 0 3px 0 #cccccc;
}

.search input[type="text"]:focus, .searchinput:focus
{
    box-shadow: 0 0 15px rgba(81, 203, 238, 1);
    border: 1px solid #73D4F0;
    background-color: #CAD9E7;
}

.gvwSearch a {
    text-decoration: underline;
}

.leafnodestyle {
    vertical-align: top;
    line-height: 14px;
    padding-left: 4px;
    white-space:normal;
}

.leafnodestyle:hover {
     text-decoration: none;
}

.disabledimagebutton {
    opacity: .30;
    cursor: move;
}

.loginsubmit .submit, .submit
{
	width: 125px;
	height: 32px;
    background: url("../img/all/b4b.png") center no-repeat;
	font-family: arial;
	font-size: 15px;
	line-height: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.loginremember
{
    padding-top: 10px;
}

.loginremember span
{
    font-size: 11px;
}

.loginbody p a, .regbody p a, .loginbody p span, .regbody p span, .accessdenied span, .labelOK, .labelERR
{
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.labelERR
{
    color: red;
}

.regborder
{
   width: 190px;
   border-bottom: 1px solid #C8C8C8;
   margin-bottom: 10px;
}

.hallwayicons {
    margin-left: -100px;
    padding-bottom: 30px;
}

.stepstyle {
     vertical-align: top;
}

.sidebarstyle {
     vertical-align: top;
     padding-top: 70px;
}

.headertablewrap, .tablewrap {
    padding: 1px 3px;
    border: solid #a3a3a3 1px;
    height: 30px;
    font-size: 11px;
}

.headertablewrap2, .tablewrap2 {
    padding: 1px 3px;
    border: solid #fff 1px;
    height: 21px;
}

.headertablewrap, .headertablewrap2
{
    font-weight: bold;
    text-align: left;
}

/* установка стилей для локации "Прихожая" */

.hallwaywrapper {
	width: 1420px;
	height: 930px;
	padding: 0;
	margin: 0 auto;
    background: url("../img/hallway/hallway.jpg") top no-repeat;
}

.hallwaycontent {
	margin-left: 450px;
	padding-top: 100px;
}

.hallwaybody {
	width: 612px;
	height: 766px;
    background: url("../img/all/board.png") center no-repeat;
    position: relative;
	opacity: 0.97;
}

.hallwayinput {
	padding: 15px 40px 0 45px;
	text-align: left;
}

.hallwayheader {
    font-size: 13px;
    margin: 40px 10px 0 0;
    padding: 0 0 30px 80px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABDCAYAAADHyrhzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4RTk5QjE1QUMwMjQ2ODExODIyQUQwMUJBODMxOUE5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NUM1QUY1M0ZCM0ExMUU0QTIwOEVFQTVGOUFDNUNDQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NUM1QUY1MkZCM0ExMUU0QTIwOEVFQTVGOUFDNUNDQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4NjU5REIzQjA2MUU0MTE5M0E0QUVDOThBODY0NDMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFOTlCMTVBQzAyNDY4MTE4MjJBRDAxQkE4MzE5QTlFIi8+IDwvcmRmOkRlc2NyaXB0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') /*../img/all/b5a.png*/ no-repeat scroll left top transparent;
}

.hallwaytitle
{
   font-weight: bold;
   font-size: 16px;
   color: #783a14;
   padding-bottom: 10px;
}

.hallwaysubtitle
{
   font-weight: bold;
   font-size: 18px;
   color: #452308;
   padding-bottom: 30px;
}

.hallwaytext
{
   font-weight: normal;
   font-size: 16px;
   color: #767c7d;
   padding: 0 50px 10px 0;
}

.hallwayinput .help {
   font-size: 12px;
   color: #767c7d;
   padding-bottom: 10px;
}

.subtitle {
   margin-left: 10px;
   font-size: 14px;
   color: #452308;
}

.hallwayicons {
    margin-left: -130px;
    padding-bottom: 30px;
}

.hallwayheaderseparator
{
    border-bottom: 1px solid #c8c8c8;
    margin: 10px 40px;
    padding: 25px 0 2px;
    text-align: left;
}

.stepstyle {
     vertical-align: top;
}

.sidebarstyle {
     vertical-align: top;
     padding-top: 70px;
}

.boardtitle
{
   font-weight: bold;
   font-size: 16px;
   color: #666;
   padding-bottom: 15px;
   line-height: 20px;
}

.header_wrap {
    margin-bottom: 60px;
}

.title_wrap {

    margin-left: 13px;
}

.right_info {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNTAxN0QyQzgwMjE2ODExODIyQUQ0RkJCMzY5MzhBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0VEN0JCQjMwNEExMUU0OERFREE3NjQxOENGMjc5RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0VEN0JCQTMwNEExMUU0OERFREE3NjQxOENGMjc5RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFN0VDM0U0NjgwN0U0MTE4NzMzRTgyNUJCRjYwRjMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM1MDE3RDJDODAyMTY4MTE4MjJBRDRGQkIzNjkzOEFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W8F38AAAAP5JREFUeNpi1NfX/89AZXDhwgVGXHJMDHQGLPhcZWBg8J9UcUIW0t2HjPSOw9EgHRxBSpVsQQogJq4IWojLEHRxSn08NIKUVB8jhxLJqRRkASVxSP/Cm9I4IjVIWXBJEOsQUoOXCY9BPFB6PhBz0iOVqoA8CsQJQGwGtDQI6OubFKfS////I0u8AlKiUO56IE4H4ldQ/hcgzgVasICaqfQUEjsQyTIQAAUxKHjnUzNIO4DYCYjxxVkC1YIUKqkLpNKA2BKI2YBYF03/AnRLSaoP0S3E47rvQJxFaRwSW5aCUicolV6jasbHARZAU+cXamR8gkFK7QqY7oU3QIABAJR1kpoWQe27AAAAAElFTkSuQmCC') /*../img/all/b63.png*/ no-repeat right;
    padding: 7px 35px 0 10px;
    float: right;
    width: 250px;
    font-size: 10px;
    margin-top: 35px;
    color: #686868;
    font-weight: normal;
}

.search2 {
    padding: 3px;
    border: 1px solid gray;
    margin-left: 10px;
}

.search3 {
    padding: 3px;
    border: 1px solid gray;
    margin-left: 0px;
}

.grid_wrap {
    margin-left: 10px;
}

.search2 .form-item {
    position: relative;
    margin-left: auto;
}

.search3 .form-item {
    position: relative;
    right: 15px;
    margin-left: auto;
}

/* #V.T. #013 Добавлены background-position и background-repeat, высота увеличена до 20pt */
.search2 .form-item input[type="submit"], .search2 .form-item input[type="button"] {
    background: url("../img/all/b18c.png") /*../img/all/b18c.png*/ no-repeat scroll center center transparent;
    border: 1px solid #ABABAB;
    border-radius: 50px;
    height: 20px;
    position: absolute;
    text-indent: -9999px;
    top: 2px;
    right: 1px;
    width: 20px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.search2 input[type=text] {
    border: 1px solid #c0b8ae;
    padding: 0 22px 0 5px;
    height: 25px;
    border-radius: 30px;
	text-indent: 8px;
	font: 400 12px arial;
    box-shadow:inset 0 0 3px 0 #cccccc;
}

.search2 input[type="text"]:focus, .searchinput:focus
{
    box-shadow: 0 0 15px rgba(81, 203, 238, 1);
    border: 1px solid #73D4F0;
    background-color: #CAD9E7;
}

.search3 .form-item input[type="submit"], .search3 .form-item input[type="button"] {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAhFBMVEX39/f19fX09PTz8/P29vZ+fn77+/vCwsL4+Pjx8fH6+vro6OiDg4N/f3/a2tqAgIDKysqxsbF+fn7f39+0tLTDw8OIiIjY2NjOzs6AgIDk5OTq6uqPj4+Ojo6EhIR+fn6AgICsrKyOjo6Ghoajo6PLy8uPj4/T09OVlZV+fn67u7uAgIDIkS2mAAAAKXRSTlMAAAAAAAAAAAAAAADw+wD9msr9ALGb0AC96wAA/KPU/vwAv/wAAAAA54sGS9IAAABeSURBVHheJcZVFsQgFATRJ1hUxt2tk/3vbyDUR51LJVXjuKXcrmvq02rmcmqd02efPCyCMcZu4mgNa6MfybzH4ehxZmbicLniBtyjRUopnAdeQqoqovQGPlTk+IvfH04IBi+AY3hNAAAAAElFTkSuQmCC') /*../img/all/b18c.png*/ no-repeat scroll center center transparent;
    border: 1px solid #ABABAB;
    border-radius: 50px;
    height: 20px;
    position: absolute;
    text-indent: -9999px;
    top: 2px;
    right: 2px;
    width: 20px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.search3 input[type=text] {
    border: 1px solid #c0b8ae;
    padding: 0 22px 0 5px;
    height: 25px;
    border-radius: 30px;
    text-indent: 8px;

    font: 400 12px arial;
    box-shadow: inset 0 0 3px 0 #cccccc;
}

.search3 input[type="text"]:focus, .searchinput:focus {
    box-shadow: 0 0 15px rgba(81, 203, 238, 1);
    border: 1px solid #73D4F0;
    background-color: #CAD9E7;
}

.simplepager
{
    color: #5a5a5a;
    height: 25px;
}

.simplepager a, .simplepager span
{
    padding-left: 5px;
}

.simplepager a, .gvwUsers tr:last-child a, .gvwNames tr:last-child a, .gvwWords tr:last-child a, .gvwVisits tr:last-child a {
    text-decoration: underline;
}

.gvwArticlesPagerStyle td
{
    border: 0;
    width: 15px;
}

.modalpopup {
    height:100%;
    background-color:gray;
    opacity:0.5;
    z-index: 100000 !important;
}

.modalpopup1 {
    height:100%;
    background-color:gray;
    opacity:0.5;
    z-index: 100001 !important;
}

.modalpopup2 {
    height:100%;
    background-color:gray;
    opacity:0.5;
    z-index: 100002 !important;
}

/* Mask the input as password */
.password-mask {
    -webkit-text-security: disc;
    -moz-webkit-text-security: disc;
    -moz-text-security: disc;
}
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    z-index: 2;
}
.scaled-image {
    max-width: 200px; /* Максимальная ширина */
    max-height: 150px; /* Максимальная высота */
    width: auto; /* Сохраняет пропорции */
    height: auto;
    object-fit: cover; /* Обрезка с сохранением пропорций */
}

.search--textbox {
width: 230px;
}

@media (max-width: 450px) {
    .search--textbox {
        width: 100px;
    }
}