/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
@import "blueprint";
@import "blueprint/liquid";
@import "blueprint/fancy-type";
@import "compass/utilities";
@import "compass/utilities/tables/scaffolding";
@import "compass/utilities/lists";
@import "compass/utilities/general/float";
@import "compass/css3";
@import "compass/layout";
*/
/* line 117, ../scss/screen.scss */
html,
body {
  height: 100%;
}

/* line 122, ../scss/screen.scss */
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  background: #00355f;
  color: #333;
  padding-right: 10px;
}

/* line 131, ../scss/screen.scss */
a {
  color: #004477;
  text-decoration: none;
}
/* line 134, ../scss/screen.scss */
a:hover {
  text-decoration: underline;
}
/* line 137, ../scss/screen.scss */
a.button:hover {
  text-decoration: none;
}
/* line 140, ../scss/screen.scss */
a.ajax {
  text-decoration: none;
  border-bottom: 1px dashed #004477;
}

/* line 146, ../scss/screen.scss */
.add_info {
  color: #aaa;
  font-style: italic;
}

/* line 151, ../scss/screen.scss */
.text-align-right {
  text-align: right;
  white-space: nowrap;
}

/* line 156, ../scss/screen.scss */
.text-align-center {
  text-align: center;
  white-space: nowrap;
}

/* line 161, ../scss/screen.scss */
#container {
  height: 100%;
  width: 100%;
}
/* line 164, ../scss/screen.scss */
#container td {
  vertical-align: top;
}
/* line 167, ../scss/screen.scss */
#container #header {
  color: white;
  height: 92px;
  margin-top: 15px;
}

#container #header .sity_info {
  display: flex;
  justify-content: right;
  align-items: center;
  float: right;
  font-family: Tahoma;
  width: 550px;
  line-height: 35px;
  color: #bfd2e3;
  letter-spacing: 0.01em;
  font-size: 14px;
  margin-right: 15px;
}

#container #header .phone-number {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #bfd2e3;
}

#container #header .phone-number {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #bfd2e3;
}

#container #header .phone_logo {
  height: 24px;
  width: 24px;
  margin: 0;
  background: url("../img/phone_logo.svg") no-repeat;
}

#container #header .pre_login{
  display: flex;
  justify-content: right;
  align-items: flex-end;
  margin-top: 42px;
  margin-right: 10px;
  position: initial;
  word-wrap: normal;
}

#container #header .pre_login a{
  font-family: Tahoma;
  color: #bfd2e3;
  font-size: 12px;
  margin-right: 4px;
}

#container #header .pre_login .button{
  color: #00355f;
  margin: 22px 0 0 0;
}

#container #header .after_login{
  display: flex;
  justify-content: right;
  flex-direction: column;
  align-items: flex-end;
  font-family: Tahoma;
  margin-right: 15px;
  margin-top: 35px;
  position: absolute;
  right: 0;
  color: #ffffff;
  font-size: 14px;
  position: initial;
}

#container #header .after_login .client_name{
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

#container #header .after_login .exit_button{
  font-family: Tahoma;
  font-size: 10px;
  margin-left: 10px;
  color: #bfd2e3;
}

#side_login_form {
  display: none;
}

#side_info_client_form {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #eee;
  padding: 8px;
  margin: 10px 0;
  color: #00355f;
}
#side_info_client_form .h2 {
  font-family: Tahoma, Arial;
  font-size: 16px;
  color: #46b163;
}

#side_login_form .overlay {
  position: absolute;
  top: 80px;
  right: 20px;
  border-radius: 5px;
  background-color: #eee;
  padding: 8px;
  margin: 10px 0;
  z-index: 9999;
}

/* line 83, ../scss/screen.scss */
#container #header .menu a {
  color: white;
  border-color: rgb(255, 255, 255);
}
/* line 170, ../scss/screen.scss */
#container #header #logo {
  float: left;
  width: 218px;
  height: 80px;
  overflow: hidden;
}
/* line 175, ../scss/screen.scss */
#container #header #logo .logo {
  height: 63px;
  width: 218px;
  margin: 12px 0 0 10px;
  background: url("../img/logo.svg") no-repeat;
}
/* line 181, ../scss/screen.scss */
#container #header #logo .logo_kazan {
  height: 55px;
  width: 200px;
  margin: 5px 0 0 15px;
  background: url("../img/logo_detal7.png") no-repeat;
}
/* line 187, ../scss/screen.scss */
#container #header #logo .info {
  margin: 0 0 0 15px;
  line-height: 14px;
  color: #ddd;
  letter-spacing: 0.01em;
  font-size: 13px;
}
/* line 193, ../scss/screen.scss */
#container #header #logo .info .tel {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
/* line 200, ../scss/screen.scss */
#container #header a:hover #logo div {
  text-decoration: none;
  border-color: white;
}
/* line 204, ../scss/screen.scss */
#container #header .product_groups {
  float: left;
  width: 35%;
  min-height: 70px;
  padding: 4px 0;
  font-size: 11px;
  line-height: 1.3em;
}

#container .product_groups {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5%;
  min-height: 70px;
  padding: 54px 10px;
  font-size: 11px;
  line-height: 1.3em;
}

#container .main_text {
  font-family: Tahoma;
  text-align: center;
  font-size: 35px;
  line-height: 1.3em;
}

#container .under_main_text {
  margin-top: 60px;
  font-family: Tahoma;
  text-align: center;
  font-size: 22px;
  line-height: 1.3em;
}

#container .footer_main_text {
  margin-top: 30px;
  font-family: Tahoma;
  text-align: center;
  font-size: 15px;
  color: #0cc456;
  line-height: 1.3em;
}

#container #main .main_img {
  margin-top: 20px;
  height: 491px;
  width: 719px;
  max-width: 100%;
  background: url("../img/main.svg") no-repeat;
}
/* line 210, ../scss/screen.scss */
#container #header .product_groups a {
  color: #BDDCF6;
}
/* line 213, ../scss/screen.scss */
#container #header .product_groups .main {
  font-size: 12px;
  line-height: 1.5em;
}
/* line 216, ../scss/screen.scss */
#container #header .product_groups .main a {
  color: #ffffff;
}
/* line 221, ../scss/screen.scss */
#container #header .menu {
  width: max-content;
  max-width: 790px;
  margin: 7px 55px 0 40%;
  padding: 0;
  border: 0;
  /* overflow: hidden; */
  height: 15px;
}

@media screen and (max-width: 1920px) {
  #container #header .after_login .client_name{
    max-width: 20vw;
  }
}

@media screen and (max-width: 1620px) {
  #container #header .menu {
    margin: 7px 0 0 20%;
  }

  #container #header .after_login .client_name{
    max-width: 17vw;
    font-size: 0.9vw;
  }
}

@media screen and (max-width: 1440px) {
  #container #header .menu {
    margin: 7px 0 0 10%;
  }

  #container #header .after_login .client_name{
    max-width: 13vw;
    font-size: 0.9vw;
  }
}
/* line 62, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #header .menu li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 49, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #header .menu li:first-child {
  padding-left: 0;
}
/* line 50, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #header .menu li:last-child {
  padding-right: 0;
}
/* line 52, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #header .menu li.last {
  padding-right: 0;
}
/* line 103, ../scss/screen.scss */
#container #header .menu li {
  border-left: 1px solid #BDDCF6;
}
/* line 106, ../scss/screen.scss */
#container #header .menu li:first-child, #container #header .menu li.first {
  border: none;
}
/* line 227, ../scss/screen.scss */
#container #header .search {
  -webkit-appearance: none;
  width: 110%;
  height: 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 20px;
  line-height: 35px;
  margin-left: 40px;
}

#container #header .search :focus::placeholder {
  color: #ffffff;
}

#container #header .search input[name=query] {
  -webkit-appearance: none;
  /*margin-right: -4px;*/
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: none;
  width: 641px;
  height: 35px;
  background-color: #ffffff;
  color: #333;
  padding: 0;
  position: relative;
  display: inline-block;
  padding-left: 8px;
  outline: none;
}

#container #header .search input[type=submit] {
  -webkit-appearance: none;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  width: 116px;
  height: 35px;
  background-color: #46b163;
  border: none;
  position: absolute;
  transform: translate(279%, -48%);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #ffffff;
  cursor: pointer;
}

.search input[type=submit]:active {
  transform: translateY(1px);
}

#container #header .search input#searchCatalog {
  -webkit-appearance: none;
  margin: 0 0 0 150px;
  font-family: Tahoma;
  font-size: 14px;
  width: 116px;
  font-weight: bold;
  height: 35px;
  background-color:  #00355f;
  border: 2px solid #46b163;
  border-radius: 3px;
  padding: 2px;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  transform: translate(279%, -50%);

}

/* line 231, ../scss/screen.scss */
#container #header .basket_data {
  font-family: Tahoma;
  margin-right: 20px;
  margin-top: 7px;
  color: #ffffff;
  position: absolute;
  right: 0;
  /* word-wrap: normal; */
}
@media screen and (max-width: 1130px) {
  #container #header .basket_data {
      position: initial;
  }
}

#container #header .ajax {
  border: none;
  color: #ffffff;
  padding: 2px;
}

#container #header .ajax_button {
  border: none;
  color: #ffffff;
  background-color: #46b163;
  padding: 2px;
}

/* line 238, ../scss/screen.scss */
#container #central #sidebar_placeholder {
  width: 10px;
}

/* line 241, ../scss/screen.scss */
#container #central #sidebar {
  width: 1%;
  padding: 10px 8px;
  color: white;
}
/* line 83, ../scss/screen.scss */
#container #central #sidebar a {
  color: white;
  border-color: white;
}
/* line 245, ../scss/screen.scss */
#container #central #sidebar .menu {
  width: 140px;
}
/* line 248, ../scss/screen.scss */
#container #central #sidebar .menu li a {
  padding: 7.5px 8px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  display: block;
}
/* line 255, ../scss/screen.scss */
#container #central #sidebar .menu li a:hover {
  background-color: #003964;
  text-decoration: none;
}
/* line 260, ../scss/screen.scss */
#container #central #sidebar .menu li .submenu {
  margin: 10px 0 10px 10px;
}
/* line 262, ../scss/screen.scss */
#container #central #sidebar .menu li .submenu a {
  font-size: 11px;
  font-weight: normal;
  color: #BDDCF6;
  border: none;
  line-height: 18px;
}
/* line 270, ../scss/screen.scss */
#container #central #sidebar .menu li.current a {
  background: #BFD2E3;
  color: #012E50;
}
/* line 274, ../scss/screen.scss */
#container #central #sidebar .menu li.current .submenu a {
  background: none;
  color: #BDDCF6;
}
/* line 280, ../scss/screen.scss */
#container #central #sidebar .side_login {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #eee;
  padding: 8px;
  margin: 10px 0;
  color: #f43804;
  display: none;
}
/* line 91, ../scss/screen.scss */
#container #central #sidebar .side_login a {
  color: #004477;
}
/* line 286, ../scss/screen.scss */
#container #central #sidebar .side_login h2,
#container #central #sidebar .side_login .h2 {
  font-size: 16px;
  color: #000;
}
/* line 292, ../scss/screen.scss */
#container #central #sidebar .side_login .login_form input {
  width: 100%;
  height: 20px;
  border: 1px solid #ccc;
  color: #333333;
}
/* line 298, ../scss/screen.scss */
#container #central #sidebar .side_login .login_form .button {
  width: auto;
}
/* line 304, ../scss/screen.scss */
#container #central #content {
  background-color: #fff;
  padding: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  height: calc(100vh - 200px);
}
/* line 308, ../scss/screen.scss */
#container #central #content .news_block {
  width: 30%;
  float: right;
  border-left: 1px solid #ccc;
  padding: 10px;
  margin-left: 10px;
}
/* line 314, ../scss/screen.scss */
#container #central #content .news_block h2,
#container #central #content .news_block .h2 {
  margin-top: 0;
}
/* line 319, ../scss/screen.scss */
#container #central #content .balance_info {
  width: 200px;
  float: right;
  padding: 2px 10px;
  /*border: 1px solid #7F9DB9;*/
  background-color: #F0F0F0;
}
/* line 326, ../scss/screen.scss */
#container #central #content .product_groups {
  width:65%;
  float: left;
  margin-bottom: 16px;
}
/* line 329, ../scss/screen.scss */
#container #central #content .product_groups .main {
  font-size: 16px;
  margin-bottom: 8px;
}
/* line 333, ../scss/screen.scss */
#container #central #content .product_groups .other {
  font-size: 14px;
}
/* line 338, ../scss/screen.scss */
#container #central #content .page_content {
  clear: left;
}
/* line 342, ../scss/screen.scss */
#container #central #content .news_list h3 {
  font-size: 16px;
  margin-bottom: 4px;
}
/* line 346, ../scss/screen.scss */
#container #central #content .news_list img {
  float: left;
  margin-right: 8px;
}
/* line 350, ../scss/screen.scss */
#container #central #content .news_list p {
  margin: 0;
}
/* line 353, ../scss/screen.scss */
#container #central #content .news_list li {
  overflow: hidden;
  clear: both;
  margin: 0 0 4px 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}
/* line 362, ../scss/screen.scss */
#container #central #content .pages_list h3 {
  font-size: 16px;
  margin-bottom: 4px;
}
/* line 366, ../scss/screen.scss */
#container #central #content .pages_list img {
  float: left;
  margin-right: 8px;
}
/* line 370, ../scss/screen.scss */
#container #central #content .pages_list li {
  overflow: hidden;
  clear: both;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #eee;
}
/* line 378, ../scss/screen.scss */
#container #central #content .site_map {
  margin-left: 30px;
}
/* line 380, ../scss/screen.scss */
#container #central #content .site_map a {
  font-size: 14px;
  font-weight: bold;
}
/* line 384, ../scss/screen.scss */
#container #central #content .site_map li ul {
  margin-bottom: 6px;
}
/* line 387, ../scss/screen.scss */
#container #central #content .site_map li ul li {
  list-style: disc;
}
/* line 390, ../scss/screen.scss */
#container #central #content .site_map li ul a {
  font-size: 12px;
  font-weight: normal;
}
/* line 397, ../scss/screen.scss */
#container #footer {
  color: white;
  height: 10px;
  padding: 20px 0 20px 10px;
}
/* line 83, ../scss/screen.scss */
#container #footer a {
  color: white;
  border-color: white;
}
/* line 401, ../scss/screen.scss */
#container #footer .menu {
  float: left;
  width: 65%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
/* line 62, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #footer .menu li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 49, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #footer .menu li:first-child {
  padding-left: 0;
}
/* line 50, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #footer .menu li:last-child {
  padding-right: 0;
}
/* line 52, ../../../../../../var/lib/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography/lists/_horizontal-list.scss */
#container #footer .menu li.last {
  padding-right: 0;
}
/* line 103, ../scss/screen.scss */
#container #footer .menu li {
  border-left: 1px solid #BDDCF6;
}
/* line 106, ../scss/screen.scss */
#container #footer .menu li:first-child, #container #footer .menu li.first {
  border: none;
}
/* line 405, ../scss/screen.scss */
#container #footer .copyrights {
  float: right;
  width: 30%;
  text-align: right;
}

#whatsapp_link {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 9999;
}

.whatsapp_logo {
  height: 48px;
  width: 48px;
  margin: 0;
  background: url("../img/whatsapp.svg") no-repeat;
}

.car_parts_whatsapp_logo {
  height: 32px;
  width: 32px;
  margin: 0;
  background: url("../img/whatsapp_settings.svg") no-repeat;
  padding-bottom: 6px;
}

.question_whatsapp_logo {
  height: 32px;
  width: 32px;
  margin: 0;
  background: url("../img/whatsapp_question.svg") no-repeat;
  padding-bottom: 6px;
}

.whatsapp_logo .dropdown-menu {
    position: absolute;
    bottom: 48px;
    right: 8px;
}

/* line 413, ../scss/screen.scss */
.per_page {
  float: right;
  margin: 20px 0;
}

/* line 418, ../scss/screen.scss */
.paginator {
  margin: 20px 0;
}
/* line 421, ../scss/screen.scss */
.paginator a,
.paginator span {
  padding: 3px 7px 2px 7px;
  margin: 2px 2px;
  text-decoration: none;
  font-size: 14px;
  background-color: #FFF;
}
/* line 429, ../scss/screen.scss */
.paginator a {
  border: 1px solid #CCC;
  color: #004477;
}
/* line 432, ../scss/screen.scss */
.paginator a:hover, .paginator a:active {
  border: 1px solid #7F9DB9;
  background-color: #D8E4F0;
}
/* line 437, ../scss/screen.scss */
.paginator a.prev, .paginator a.next {
  border: none;
}
/* line 440, ../scss/screen.scss */
.paginator a.prev:hover, .paginator a.next:hover {
  background: none;
  text-decoration: underline;
}
/* line 447, ../scss/screen.scss */
.paginator span.current {
  border-color: #004477;
  background-color: #004477;
  color: #FFF;
  font-weight: bold;
}
/* line 453, ../scss/screen.scss */
.paginator span.separator {
  border: none;
  color: #333;
}
/* line 457, ../scss/screen.scss */
.paginator span.prev, .paginator span.next {
  border: none;
  color: #CCC;
}

/* line 467, ../scss/screen.scss */
#errorMsg {
  background: #ffdfdf;
  border: 1px solid #f3afb5;
}

/* line 472, ../scss/screen.scss */
.uniForm {
  width: 500px;
}
/* line 474, ../scss/screen.scss */
.uniForm legend {
  color: #343434;
  font-weight: bold;
  background: none repeat scroll 0 0 #EFEFEF;
  padding: 0.5em 1em;
  margin: 1em 0;
  width: 100%;
}
/* line 482, ../scss/screen.scss */
.uniForm .ctrlHolder {
  padding: 0.5em 1em;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}
/* line 486, ../scss/screen.scss */
.uniForm .ctrlHolder.focused {
  background: #fffcdf;
}
/* line 489, ../scss/screen.scss */
.uniForm .ctrlHolder.error, .uniForm .ctrlHolder.focused.error {
  background: #ffdfdf;
  border: 1px solid #f3afb5;
}
/* line 494, ../scss/screen.scss */
.uniForm .ctrlHolder .errorField {
  color: #af4c4c;
}
/* line 497, ../scss/screen.scss */
.uniForm .ctrlHolder .formHint, .uniForm .ctrlHolder.focused.error .formHint {
  display: none;
}
/* line 501, ../scss/screen.scss */
.uniForm .ctrlHolder.focused .formHint {
  display: block;
  font-size: smaller;
  color: #666;
}
/* line 506, ../scss/screen.scss */
.uniForm .ctrlHolder.valid .errorField {
  display: none;
}
/* line 509, ../scss/screen.scss */
.uniForm .ctrlHolder label {
  width: 165px;
  float: left;
}
/* line 512, ../scss/screen.scss */
.uniForm .ctrlHolder label em {
  color: red;
}
/* line 517, ../scss/screen.scss */
.uniForm .ctrlHolder .field label {
  width: 200px;
}
/* line 520, ../scss/screen.scss */
.uniForm .ctrlHolder .textInput,
.uniForm .ctrlHolder textarea {
  padding: 2px 2px;
  border: 1px solid #aaa;
  background: #fff;
  width: 300px;
}
/* line 526, ../scss/screen.scss */
.uniForm .ctrlHolder .textInput:focus,
.uniForm .ctrlHolder textarea:focus {
  outline: none;
}
/* line 530, ../scss/screen.scss */
.uniForm .ctrlHolder .field {
  width: 610px;
}

#registration-privacy_policy .ctrlHolder {
  width: 430px;
  float: left;
}

#registration-privacy_policy .field {
  width: 20px;
  float: left;
  margin: 0 5px 0 0;
}

#registration-privacy_policy label[for="id_privacy_policy"] {
  width: 500px;
  float: left;

  font-size: 15px;
  color: #7f7f8e;
}

.registration-privacy_policy{
  margin-left: 10px;
  width: 400px;
  text-align: justify;
  font-family: 'Calibri light', Tahoma;
  font-size: 14px;
  color: #8e8e90;
}

/* line 533, ../scss/screen.scss */
.uniForm .ctrlHolder .field li input {
  position: relative;
  top: 2px;
  margin: 0;
}

.uniForm .ctrlHolder .field ul.radioselect {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; /* Добавлено для горизонтального отображения */
}

.uniForm .ctrlHolder .field ul.radioselect li {
    margin-right: 0;
    padding: 0; /* Удаляем внутренние отступы */
}

.uniForm .ctrlHolder label[for="id_person_type"] {
    display: inline-block;
    margin-right: 0px;
    vertical-align: top;
}

/* line 542, ../scss/screen.scss */
.errorField {
  color: #af4c4c;
}

/* line 547, ../scss/screen.scss */
#content h1,
#content .h1 {
  font-size: 24px;
  margin: 0.5em 0 0.5em 0;
}
/* line 552, ../scss/screen.scss */
#content h2,
#content .h2 {
  font-size: 18px;
  border-bottom: 1px solid #efefef;
  margin: 1.5em 0 0.8em 0;
}
/* line 558, ../scss/screen.scss */
#content strong {
  font-weight: bold;
}

/* line 564, ../scss/screen.scss */
.page_content p {
  margin-bottom: 8px;
}
/* line 567, ../scss/screen.scss */
.page_content ul {
  margin: 8px 0;
}
/* line 569, ../scss/screen.scss */
.page_content ul li {
  list-style: disc;
  margin-left: 3em;
}

/* line 576, ../scss/screen.scss */
dl {
  overflow: hidden;
}
/* line 578, ../scss/screen.scss */
dl dt,
dl dd {
  display: block;
  float: left;
  margin-bottom: 4px;
}
/* line 584, ../scss/screen.scss */
dl dt {
  clear: both;
  width: 150px;
}

/* line 591, ../scss/screen.scss */
.button,
button {
  -webkit-appearance: none;
  background-color: #f5f5f5;
  border-color: #eeeeee #dedede #dedede #eeeeee;
  color: #565656;
  display: inline-block;
  vertical-align: middle;
  vertical-align: auto;
  display: inline;
  margin: 0.7em 0.5em 0.7em 0;
  border-width: 1px;
  border-style: solid;
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 130%;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 10px 5px 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-shadow: #fff, -1px, -1px, 0;
  padding: 5px 10px;
  font-size: 14px;
}
/* line 47, ../../../../../../var/lib/gems/2.3.0/gems/compass-blueprint-1.0.0/framework/blueprint/stylesheets/blueprint/_buttons.scss */
.button:active,
button:active {
  background-color: #6299c5;
  border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
  color: white;
}
/* line 62, ../../../../../../var/lib/gems/2.3.0/gems/compass-blueprint-1.0.0/framework/blueprint/stylesheets/blueprint/_buttons.scss */
.button:hover,
button:hover {
  background-color: #dff4ff;
  border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
  color: #336699;
}
/* line 75, ../../../../../../var/lib/gems/2.3.0/gems/compass-blueprint-1.0.0/framework/blueprint/stylesheets/blueprint/_buttons.scss */
.button img,
button img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  float: none;
}

/* line 606, ../scss/screen.scss */
button.disabled {
  background-color: #dddddd;
  border-color: #eeeeee #dedede #dedede #eeeeee;
  color: #e80b0b;
}

button.disabled, button.disabled:hover {
  background-color: #acacac;
  border-color: #eeeeee #dedede #dedede #eeeeee;
  color: rgb(255 255 255);
}

.disabled-btn {
  background-color: #dddddd;
  border-color: #eeeeee #dedede #dedede #eeeeee;
  color: #a1a1a1;
}
.disabled-btn:hover {
  background-color: #dddddd;
  border-color: #eeeeee #dedede #dedede #eeeeee;
  color: #a1a1a1;
}
.hidden {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

/* line 612, ../scss/screen.scss */
.products_search {
  overflow: hidden;
  /* height: 86px; */
}

/* line 614, ../scss/screen.scss */
.products_search .select,
.products_search .textinput {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 0 4px;
  margin-right: 5px;
  color: #333;
}
/* line 624, ../scss/screen.scss */
.products_search select {
  height: 24px;
}
/* line 627, ../scss/screen.scss */
.products_search h1 {
  float: left;
}
/* line 630, ../scss/screen.scss */
.products_search .search {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
/* line 634, ../scss/screen.scss */
.products_search .search #id_query {
  width: 410px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  border: 1px solid #ccc;
  padding: 0 4px;
  float: left;
  margin: 0 5px 5px 0;
  color: #333;
}
/* line 645, ../scss/screen.scss */
.products_search .search .button {
  margin: 0;
  margin: 0 5px 5px 0;
}
/* line 650, ../scss/screen.scss */
.products_search .results_count {
  float: left;
  clear: left;
}
/* line 654, ../scss/screen.scss */
.products_search .col_right {
  width: 420px;
  float: right;
  /* height: 86px; */
}

/* line 657, ../scss/screen.scss */
.products_search .col_right .toggler {
  float: right;
  border-bottom: 1px dashed #004477;
  line-height: 1em;
  margin-bottom: 5px;
}
/* line 663, ../scss/screen.scss */
.products_search .col_right .filters {
  overflow: hidden;
  visibility: hidden;
  clear: both;
  padding: 5px 10px;
  background: #ffffee;
  border: 1px solid #ccc;
  position: absolute;
  right: 20px;
  top: 122px;
  width: 400px;
  font-family: Tahoma;
}
/* line 671, ../scss/screen.scss */
.products_search .col_right .filters .filter {
  margin: 0 5px 5px 0;
  float: left;
}
/* line 675, ../scss/screen.scss */
.products_search .col_right .filters .button {
  float: right;
  margin: 0;
}
/* line 680, ../scss/screen.scss */
.products_search .col_right .client_info {
  /*width: 240px;*/
  float: right;
  clear: right;
  padding: 3px 10px;
  margin-top: 5px;
  background: #F0F0F0;
  /*@include border-radius(3px);*/
}
/* line 690, ../scss/screen.scss */
.products_search #id_producer {
  width: 150px;
}
/* line 693, ../scss/screen.scss */
.products_search #id_delivery_from {
  width: 50px;
}
/* line 696, ../scss/screen.scss */
.products_search #id_delivery_to {
  width: 50px;
}

/* line 701, ../scss/screen.scss */
.ac_loading {
  background: white url("indicator.gif") right center no-repeat;
}

/* line 705, ../scss/screen.scss */
.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}
/* line 711, ../scss/screen.scss */
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 717, ../scss/screen.scss */
.ac_results ul li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
            /*
	        if width will be 100% horizontal scrollbar will apear
	        when scroll mode will be used
	        */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
            /*
	        it is very important, if line-height not setted or setted
	        in relative units scroll will be broken in firefox
	        */
  line-height: 16px;
  overflow: hidden;
}
/* line 735, ../scss/screen.scss */
.ac_results ul li.ac_even {
  background-color: #fff;
}
/* line 738, ../scss/screen.scss */
.ac_results ul li.ac_odd {
  background-color: #eee;
}
/* line 741, ../scss/screen.scss */
.ac_results ul li.ac_over {
  background-color: #0A246A;
  color: white;
}
/* line 745, ../scss/screen.scss */
.ac_results ul li strong {
  font-weight: bold;
}

/* line 752, ../scss/screen.scss */
.base_table {
  border-collapse: collapse;
}
/* line 754, ../scss/screen.scss */
.base_table tr.sep {
  border-top: 2px solid #666;
}
/* line 757, ../scss/screen.scss */
.base_table th {
  text-align: center;
  font-weight: bold;
  background: #eee;
}
/* line 762, ../scss/screen.scss */
.base_table td,
.base_table th {
  padding: 2px 4px;
  border: 1px solid #ccc;
}

/* line 770, ../scss/screen.scss */
.small_table td,
.small_table th {
  font-size: 11px;
  font-family: Tahoma, Arial, sans;
}
div.products_group_title {
  font-weight: bold;
  font-size: 14px;
  margin: 2px 0 5px;
}
div.no_original_message {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 777, ../scss/screen.scss */
table.products_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #7F9DB9;
  background: #FFFFFF;
}
.products_table.main_products {
  margin: 5px 0 10px 0;
}
.products_table {
  margin-bottom: 10px;
}
.products_table.expand .hidden {
  display: table-row;
  visibility: visible;
  position: inherit;
}
/* line 786, ../scss/screen.scss */
table.products_table th {
  padding: 4px 4px;
  height: 30px;
  vertical-align: center;
  text-align: center;
  font-weight: bold;
  background: #D8E4F0;
}
/* line 794, ../scss/screen.scss */
table.products_table td {
  padding: 2px 4px;
  color: #222;
}
/* line 797, ../scss/screen.scss */
table.products_table td input.count {
  height: 15px;
  border: 1px solid #888;
  font-size: 12px;
  line-heihgt: 15px;
  padding: 0 2px;
  width: 30px;
  font-weight: bold;
  text-align: center;
}
/* line 807, ../scss/screen.scss */
table.products_table td.price {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}
table.products_table td.return {
  text-align: center;
}
/* line 811, ../scss/screen.scss */
table.products_table td.delivery {
  display: flex;
  justify-content: center;
  text-align: left;
  font-weight: bold;
}

table.products_table div.delivery {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: bold;
}

table.products_table td.delivery .delivery-block {
  width: 107px;
  height: 21px;
}
table.products_table td.delivery .delivery-block-search {
  width: 130px;
}
/* line 816, ../scss/screen.scss */
table.products_table tr {
  background: #F4F4F4;
}
/* line 819, ../scss/screen.scss */
table.products_table tr.odd {
  background: #E0E0E0;
}
/* line 822, ../scss/screen.scss */
table.products_table tr.order {
  background: #E0E0E0;
}
/* line 825, ../scss/screen.scss */
table.products_table tr:hover {
  background: #D8E4F0;
}

/* line 846, ../scss/screen.scss */
a.product_photo {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/camera.png");
}

/* line 851, ../scss/screen.scss */
a.product_catalog {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/table_gear.png");
}

/* line 856, ../scss/screen.scss */
a.cross {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/arrow_switch.png");
}

/* line 861, ../scss/screen.scss */
a.basket_add {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 2px;
  background: url("../../icons/basket_add.png");
  margin-left: 5px;
}

/* line 867, ../scss/screen.scss */
a.basket_delete {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/basket_delete.png");
}

/* line 872, ../scss/screen.scss */
a.basket_confirm {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/accept.png");
}

/* line 877, ../scss/screen.scss */
a.basket_decline {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/delete.png");
}

a.coins_add {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/coins_add.png");
}

a.coins_delete {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/coins_delete.png");
}

/* line 882, ../scss/screen.scss */
a.supplier_statistics {
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px;
  background: url("../../icons/chart_curve.png");
}

/* line 887, ../scss/screen.scss */
a.edit {
  width: 16px;
  height: 16px;
  margin: 2px;
  background: url("../../icons/pencil.png");
  display: inline-block;
  margin: -2px 0 -2px 2px;
  opacity: 0.6;
}

/* line 894, ../scss/screen.scss */
a.edit:hover {
  opacity: 1;
}

/* line 898, ../scss/screen.scss */
a.comment_add {
  background: url("../../icons/comment_add.png");
}

/* line 902, ../scss/screen.scss */
a.comment_edit {
  background: url("../../icons/comment_edit.png");
}

a.header_profile_balance {
  z-index: 11;
}

/* line 906, ../scss/screen.scss */
td.nowrap {
  white-space: nowrap;
}

/* line 910, ../scss/screen.scss */
td.basket_add {
  width: 60px;
}
/* line 912, ../scss/screen.scss */
td.basket_add div {
  display: flex;
  align-items: center;
}
/* line 915, ../scss/screen.scss */
td.basket_add div p.added-count {
  background-color: #0fad38;
  color: white;
  border-radius: 5px;
  padding: 0px 3px;
  min-width: 15px;
  margin-left: 3px;
  line-height: 15px;
  text-align: center;
}

/* line 928, ../scss/screen.scss */
tr.basket_deleted td {
  background-color: #ff9999;
  text-decoration: line-through;
}

/* line 933, ../scss/screen.scss */
tr.basket_changed td {
  background-color: #ffff99;
}

/* line 937, ../scss/screen.scss */
.basket_old_value {
  color: #666;
  text-decoration: line-through;
}

/* line 942, ../scss/screen.scss */
.basket_new_value {
  font-weight: bold;
}

/* line 946, ../scss/screen.scss */
p.warning {
  background: #ffff99 url("../../icons/error.png") 10px center no-repeat;
  border: 1px solid #dd4;
  padding: 6px 6px 6px 34px;
  line-height: 16px;
  margin-bottom: 8px;
}

/* line 954, ../scss/screen.scss */
.window {
  display: none;
  position: fixed;
  top: 5%;
  left: 50%;
  margin-left: -300px;
  width: 750px;
  max-height: 80%;
  overflow-x: auto;
  background-color: #d8dfea;
  border: 10px solid #00355f;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 12px;
}
/* line 968, ../scss/screen.scss */
.window .close-button {
  float: right;
  color: #880000;
  font-size: 18px;
}
.window .close-button:hover {
  color: #f00;
  transition: color 0.3s;
  transition: font-size 0.3s;
  /*font-size: 20px;*/
  text-decoration: none;
}

.window .window-content{
  color: #333;
}

/* line 954, ../scss/screen.scss */
.window .window-content dl.window_table{
  color: #00355f;
  background-color: #eee;
  margin-left: auto;
  margin-right: auto;
  /* border: 1px solid black; */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 5px;
}

dl.window_table dt,
dl.window_table dd {
  flex-basis: 45%;
  padding: 10px;
}

dl.window_table dt:nth-child(odd),
dl.window_table dd:nth-child(odd) {
  font-size: 14px;
  background-color: #d8dfea;
}

/* line 973, ../scss/screen.scss */
.window .window-content h1,
.window .window-content .h1 {
  text-align: center;
  color:#00355f;
  font-size: 18px;
  margin-bottom: 10px;
}
/* line 978, ../scss/screen.scss */
.window .window-content strong {
  font-weight: bold;
}

/* line 984, ../scss/screen.scss */
#container #header .close-button {
  color: #880000;
}

/* line 988, ../scss/screen.scss */
#message_window {
  top: 50%;
  transform: translate(0, -50%);
  border-width: 2px;
  border-radius: 5px;
}

.message_window {
  top: 50%;
  transform: translate(0, -50%);
  border-width: 2px;
  border-radius: 5px;
}

/* line 995, ../scss/screen.scss */
.message_window__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 1000, ../scss/screen.scss */
#message_window .button {
  color: black;
  font-weight: normal;
  border: 1px solid black;
}

/* line 1007, ../scss/screen.scss */
.message_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/* line 1008, ../scss/screen.scss */
.message_content h1 {
  font-size: 18px;
  font-weight: bold;
}

.message_content strong {
  font-weight: bold;
}

/* line 1012, ../scss/screen.scss */
.message_content img {
  object-fit: contain;
  max-width: 450px;
  max-height: 150px;
  margin-bottom: 10px;
}
/* line 1018, ../scss/screen.scss */
.message_content p {
  font-size: 16px;
  margin-bottom: 10px;
}
/* line 1022, ../scss/screen.scss */
.message_content .text {
  text-indent: 25px;
  text-align: justify;
}

/* line 1007, ../scss/screen.scss */
.message_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/* line 1008, ../scss/screen.scss */
.message_content h1 {
  font-size: 18px;
  font-weight: bold;
}
/* line 1012, ../scss/screen.scss */
.message_content img {
  object-fit: contain;
  max-width: 450px;
  max-height: 150px;
  margin-bottom: 10px;
}
/* line 1018, ../scss/screen.scss */
.message_content p {
  font-size: 16px;
  margin-bottom: 10px;
}
/* line 1022, ../scss/screen.scss */
.message_content .text {
  text-indent: 25px;
  text-align: justify;
}

/* line 1006, ../scss/screen.scss */
#orders_table tr {
  /*    background-color: #ffffff;
  &.hover { background-color: darken(#ffffff, 15%) }*/
}

/* line 1011, ../scss/screen.scss */
#orders_table tr.hover_delivery {
  background-color: #99ff99;
}
/* line 1013, ../scss/screen.scss */
#orders_table tr.hover_delivery.delivery_order {
  background-color: #4dff4d;
}

/* line 1019, ../scss/screen.scss */
#orders_table tr.cancelled, #orders_table tr.cancel-requested {
  color: #888;
}
/* line 1022, ../scss/screen.scss */
#orders_table tr.cancelled td, #orders_table tr.cancel-requested td {
  color: #aaa;
}
/* line 1024, ../scss/screen.scss */
#orders_table tr.cancelled td a, #orders_table tr.cancel-requested td a {
  color: #aaa;
}
/* line 1029, ../scss/screen.scss */
#orders_table tr.cancelled {
  text-decoration: line-through;
}

/* line 1034, ../scss/screen.scss */
#orders_table tr.error {
  background-color: #ff9999;
}

/* line 1038, ../scss/screen.scss */
a.cancel_delivery {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  background: url("../../icons/delete.png");
}

/* line 1046, ../scss/screen.scss */
.position_will_delivery {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  background: url("../../icons/lorry_go.png");
}

/* line 1054, ../scss/screen.scss */
#address-field_autocomplete {
  width: 310px;
}

/* line 1058, ../scss/screen.scss */
#id_comment {
  width: 310px;
}

/* line 1062, ../scss/screen.scss */
.overlay {
  background-color: #000;
}

/* line 1088, ../scss/screen.scss */
.express_info {
  display: none;
  margin-top: 10px;
}
/* line 1091, ../scss/screen.scss */
.express_info.show {
  display: block;
}
/* line 1094, ../scss/screen.scss */
.express_info .error {
  color: red;
}

/* line 1099, ../scss/screen.scss */
.express-disabled {
  color: grey;
}

/* line 1103, ../scss/screen.scss */
.btn-link {
  color: #004477;
  background: transparent;
  border: 0;
}
/* line 1107, ../scss/screen.scss */
.btn-link:hover {
  text-decoration: underline;
}

/* line 1112, ../scss/screen.scss */
.float-right {
  float: right;
}

/* line 1116, ../scss/screen.scss */
#default_address {
  padding: 5px;
}

/* line 1121, ../scss/screen.scss */
.delivery-addresses .address {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
/* line 1125, ../scss/screen.scss */
.delivery-addresses .address .delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url("../../icons/delete.png");
  background-size: 20px;
}

.invisible {
    display: none;
}

.clearfix {
    clear: both;
}

div.form {
    .label label { font-weight: bolder; }
    .form_item {
        margin-bottom: 0.5em;
        .help {
            font-size: smaller;
            color: #666;
        }
    }
    .error {
        background-color: error-bg-color;
        margin-bottom: 0.3em;
        display: inline-block;
        padding: 0 0.5em;
    }
    span.required { color: red };
}

/* line 1134, ../scss/screen.scss */
.delivery-addresses .address input {
  padding: 5px;
}
/* line 1138, ../scss/screen.scss */
.delivery-addresses .add_address {
  border-radius: 50px;
  width: 20px;
  height: 20px;
  background: url("../../icons/add.png") 20px 20px #ddd;
}
/* line 1143, ../scss/screen.scss */
.delivery-addresses .add_address:before {
  content: "";
}

.delivery-info {
  margin: 10px 0 5px 15px;
}
/* line 1150, ../scss/screen.scss */
.delivery-info label[for=delivery_addresses] {
  margin-left: 15px;
}

/* line 1155, ../scss/screen.scss */
.delivery-date {
  font-weight: normal;
  cursor: pointer;
  position: relative;
  font-size: 11px;
  margin: 0 5px 0 0;
}

/* line 1163, ../scss/screen.scss */
.delivery .delivery-date {
  margin: 0 0 0 5px;
}

/* line 1170, ../scss/screen.scss */
.sup-time {
  color: limegreen;
  font-size: 9px;
  vertical-align: super;
}

/* line 1176, ../scss/screen.scss */
.tooltip {
  background: #efe4b0;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
  display: none;
}

/* line 1185, ../scss/screen.scss */
.tooltip[data-show] {
  display: block;
}

/* line 1190, ../scss/screen.scss */
.arrow,
.arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

/* line 1198, ../scss/screen.scss */
.arrow {
  visibility: hidden;
}

/* line 1202, ../scss/screen.scss */
.arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

/* line 1208, ../scss/screen.scss */
.tooltip[data-popper-placement^='top'] > .arrow {
  bottom: -4px;
}

/* line 1212, ../scss/screen.scss */
.tooltip[data-popper-placement^='bottom'] > .arrow {
  top: -4px;
}

/* line 1216, ../scss/screen.scss */
.tooltip[data-popper-placement^='left'] > .arrow {
  right: -4px;
}

/* line 1220, ../scss/screen.scss */
.tooltip[data-popper-placement^='right'] > .arrow {
  left: -4px;
}

.select2-container {
  width: 167px;
}

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
  font-family:fontAwesome;
  content: "\f00c";
  color: #fff;
  background-color: blue;
  border: 0;
  display: inline-block;
  padding-left: 7px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eaeaeb;
  color: #272727;
}
.select2-container--default .select2-selection--multiple {
  margin-bottom: 10px;
  max-height: 32px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #f77750;
  border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
  border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: initial  !important;
  background-color: initial  !important;
  padding: initial  !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:not(:last-child)::after {
  content: " ,";
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  visibility: hidden !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
  visibility: hidden !important;
}
.position_bot_left {
  left: 300px;
  bottom: 30px;
  position: relative;
  width: fit-content;
}
.period_group {
  display: flex;
}
.period_left {
  display: grid;
}
.period_right {
}
.period {
  display: flex !important;
  margin-top: 10px;
}
.period_label {
  width: 120px;
}

.balance-btn {
  margin-top: 3px;
  margin-left: 5px;
}

button.filter {
  background-color: #dddddd;
  border-color: #eeeeee #dedede #dedede #eeeeee;
  color: #999;
  margin: 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
}

.filter-btn {
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  background-color: #D8E4F0;
}

.apply_filter-btn {
  background-image: url(../../icons/tick.png);
}

.decline_filter-btn {
  background-image: url(../../icons/cross.png);
}

.field_header{
  display: inline-flex;
}

.input-header {
  background-color: white;
  border: 2px solid #aaa;
  border-radius: 4px;
  height: 21px;
  margin: 0 5px;
}

.label-header {
  padding: 4px 0;
}

.general_modal__window {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
  z-index: 99;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  display: none;
  pointer-events: none;
}

.return_modal__window {
}

.modal_active {
  display: block;
}

.modal_active_z {
  display: block;
  z-index: 999;
}

.general_modal__window:target {
  pointer-events: auto;
}

.general_modal__window > div {
  display: grid;
  position: relative;
  margin: 10% auto;
  max-height: 80%;
  padding: 3px;
  border-radius: 5px;
  background: #f2f2f2;
  box-shadow: 0px 0px 20px 2px;
}

.return_form {
  width: 800px;
}

.return_form__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px;
  height: 20px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  background: #D8E4F0;
}

.return_form__button {
  font-weight: bold;
  font-size: 14px;
  background-color: #004477;
  color: #fff;
}

.return_form__button:active {
  background-color: #6299c5;
  border-color: #72a9d5 #6299c5 #6299c5 #72a9d5;
  color: white;
}

.return_form__button:hover {
  background-color: #004477b8;
  border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
  color: #fff;
}

.general_modal_form-body {
  background: #FFFFFF;
  display: grid;
  font-size: 12px;
}

.return_form-body {
  grid-template-columns: 4fr 3fr;
}

.return_form-body-left {
  display: grid;
  font-size: 12px;
  margin: 10px;
}

.return_form-body-left-item {
  margin: 0px 0 10px 0px;
}

.return_form-body-left-item__label {
  font-size: 14px;
  margin-bottom: 5px;
}

.return_form-body-left-item__input {
  font-size: 14px;
  background-color: #d8d8d8;
  margin-top: 5px;
  border: 1px solid;
}

.return_form-body-left-item__count {
  width: 65px;
  text-align-last: center;
  text-decoration: underline;
}

.return_form-body-left-item__reason {
  width: 100%;
}

.return_form-body-left-item__info {
  width: 100%;
  height: 100px;
  text-align: left;
  resize: none;
}

.return_form-body-right {
  display: grid;
  font-size: 12px;
  margin: 10px;
}

.return_form-body-right-first {
  background-color: #fff7cd;
  margin: 0px 0 10px 0px;
}

.return_form-body-right-first-header {
  font-size: 18px;
  margin: 10px;
}

.return_form-body-right-second {
  /* border: 1px solid #aaa; */
  background-color: #fff2cc;
  height: 80px;
}

.return_form-body-right__files {
  width: calc(100% - 6px);
  height: calc(80px - 6px);
  text-align: left;
  resize: none;
}

.confirm_modal__window {

}

.confirm_modal__window:target {
  pointer-events: auto;
}

.confirm_modal__window > div {
  display: grid;
  position: relative;
  margin: 10% auto;
  max-height: 80%;
  padding: 3px;
  border-radius: 5px;
  background: #f2f2f2;
  box-shadow: 0px 0px 20px 2px;
}

.confirm_form {
  width: 800px;
}

.confirm_modal-body {
  min-height: 200px;
  font-size: 16px;
  justify-content: space-around;
  align-content: center;
  margin-inline: 20px;
}

.field_holder {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 5px;
}

.field_holder__label {

}

.field_holder__textInput {
  font-weight: bolder;
}

.buttons {
  display: flex;
  justify-content: space-between;
}

.confirm_form__buttons {
  display: flex;
  justify-content: center;
}

.content-button {
  margin: 0;
  width: 150px;
  height: 30px;
  border-color: #565656;
}

.form-button {
  background-color: #004477;
  color: #fff;
  width: 150px;
  height: 30px;
  margin: 0 10px;
}

.form-button:hover {
  background-color: #004477b8;
  border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff;
  color: #fff;
}

.wrapper-dropdown-4 {
  position: relative;
  width: 270px;
  height: 0;
  margin: 0 auto;
  padding: 0px 2px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

wrapper-dropdown-4::-ms-expand {
  display: none;
}

.dd_trigger {
  width: 250px;
  background-image: url(../../icons/arrow_select__.png);
  background-repeat: no-repeat;
  padding-right: 20px;
  background-position-x: 253px;
  background-position-y: 4px;
}

.dd_trigger.input-header::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #004477b8 transparent;
}

.wrapper-dropdown-4:after {
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #004477b8 transparent;
}

.wrapper-dropdown-4 .dropdown {
  position: absolute;
  top: 100%;
  margin-top: 1px;
  left: -1px;
  right: -1px;
  background: white;
  border: 2px solid silver;
  border-top: none;
  list-style: none;
  transition: all 0.3s ease-out;
  opacity: 0;
  pointer-events: none;
  list-style-type: none;
  max-height: 200px;
  overflow-y: scroll;
}

.wrapper-dropdown-4 .dropdown li {
  position: relative;
}

.wrapper-dropdown-4 .dropdown li label {
  display: block;
  padding: 10px 10px 10px 30px;
  border-bottom: 1px dotted #1ccfcf;
  transition: all 0.3s ease-out;
  font-weight: normal !important;
  text-align: left !important;
}

.wrapper-dropdown-4 .dropdown li:last-of-type label {
  border: none;
}

.wrapper-dropdown-4 .dropdown li input {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}

.wrapper-dropdown-4 .dropdown li:hover label {
  background: #f0f0f0;
}

.wrapper-dropdown-4 .dropdown li input:checked ~ label {
  font: normal !important;
  text-align: left !important;
}

.wrapper-dropdown-4.active {
}

.wrapper-dropdown-4.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}

a.position_return {
  background: url("../../icons/page_white_go.png");
  opacity: 1;
}

a.position_chat {
  background: url("../../icons/comments.png");
  opacity: 1;
}

a.position_chat_new {
  background: url("../../icons/comments_add.png");
  opacity: 1;
}

a.new_comments {
  color: red;
  opacity: 1;
  display: inline-block;
  margin: -2px 0 -2px 2px;
}
a.position_can_be_returned, a.position_can_be_returned_with_conditions, a.position_can_not_be_returned {
  margin: 2px 2px -2px 2px;
}

a.position_can_be_returned {
  background: url("../../icons/return_arrow_blue.png");
  opacity: 1;
}

a.position_can_be_returned_with_conditions {
  background: url("../../icons/return_arrow_blue.png");
  opacity: 1;
  filter: brightness(2);
}

a.position_can_not_be_returned {
  background: url("../../icons/return_arrow_grey.png");
  opacity: 1;
}

a.view_files {
  width: 30px;
  height: 30px;
  margin: 2px;
  background: url("../../icons/page_white_camera.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin: -2px 0 -2px 2px;
}

a.has_files {
  opacity: 1;
}

a.has_not_files {
  opacity: 0.5;
}

.return_error_general {
  border: 2px solid red;
}

.return_error_check {
  color: red;
}

.return_error_label {
  color: red;
  display: none;
  font-size: 14px;
}

.return_error_active {
  display: block;
}

div.message__text {
  display: grid;
  grid-template-columns: 90% 10%;
  justify-content: space-between;
  padding: 2px;
  margin: 2px;
  border: solid 1.5px #004477b8;
  border-radius: 5px;
}

.chat_form {
  display: grid;
  grid-template-rows: 90% 10%;
}

.chat_container {
  white-space: pre-line;
  overflow-y: scroll;
  height: 350px;
}

.chat_message {

}

.return_chat__message {
  padding: 10px 10px;
  height: 55px;
  vertical-align: center;
  text-align: left;
  font-size: 14px;
  background: #D8E4F0;
  width: calc(100% - 40px);
  margin: 10px;
}

.chat_buttons {
  display: grid;
  grid-template-columns: 4fr 3fr;
  margin-left: 5px;
  gap: 10px;
}

label.chat_message {
  display: inline;
}

div.chat_day, div.message__author {
  text-align: center;
}

.message__author {
  color: #004477;
  font-weight: 800;
}

.chat_inner_message {
  display: grid;
  grid-template-columns: 80% 20%;
}

.chat_outer_message {
  display: grid;
  grid-template-columns: 20% 80%;
}

.label_chat_message_time {
  font-size: 10px;
}

.hidden {
  display: none;
}

div.files {
  display: grid;
  margin: 10px;
  align-content: end;
}

.img_preview {
  height: 100px;
  padding: 10px;
}

.files_container {
  height: 350px;
  overflow-y: scroll;
}

.files_preview {
  display: flex;
  justify-content: center;
}

.font-smaller {
  font-size: smaller!important;
}

.bg-danger {
  display: inline-block;
  padding: .25em .45em;
  font-size: .5em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 50rem!important;
  background-color: #dc3545!important;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  top: -15px;
}

a.act_download {
  background: url("../../icons/page_white_put.png");
  opacity: 1;
}

.fileList > div > label > span:last-child {
  color: red;
  display: inline-block;
  margin-left: 7px;
  cursor: pointer;
}

.fileList input[type=file] {
  display: none;
}

.fileList > div:last-child > label {
  display: block;
  width: 145px;
  padding: 2px 0 0 0;
  font-size: 14px;
  height: 23px;
  text-align: center;
  border: 1px solid #0000003b;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 5px;
}

.fileList > div:last-child > label:hover {
  background-color: #dff4ff;
  border-color: #0000003b;
  color: #336699;
}

.fileList > div:last-child > label:after {
  content: 'Выбрать файлы';
  vertical-align: middle;
}
#delivery-schedule-container{
  padding-left: 10px;
}
#delivery-schedule-container h4 {
  color: red;
}
.calendar .ui-state-workday a {background: #64e677 !important;}
.calendar .ui-state-holiday a {background: #ff4d4f !important; color: white}
.calendar .ui-datepicker-today a {font-weight: bold}
.delivery-weekdays-modal {
  display: none;
  align-items: center;
  justify-content: center;
  transition: 1000ms linear;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.delivery-weekdays-modal-cnt {
  width: 353px;
  height: 300px;
  background-color: #d8dfea;
  padding: 10px 25px;
  border: 1px solid black;
  border-radius: 2px;
}
.delivery-weekdays-modal .title-modal {
  font-size: 16px;
  text-align: center;
  padding-left: 15px;
  margin-bottom: 15px;
}
.delivery-weekdays-modal .title-bottom {
  font-size: 12px;
  color: red;
  margin-top: 10px;
}
.delivery-weekdays-modal .close-button {
  float: right;
  position: relative;
  top: -5px;
  right: -20px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-image: url(/media/extern/extjs/resources/images/default/panel/tool-sprites.gif);
}
.delivery-weekdays-modal .close-button:hover {
  text-decoration: none;
}
#client-weekends-modal .help-workday {
  position: relative;
  top: -46px;
  left: 2px;
}
#client-weekends-modal .help-holiday {
  position: relative;
  left: 2px;
}
#delivery-schedule-weekend-form .help-holiday, #delivery-schedule-weekend-form .help-workday {
  position: relative;
  top: 4px;
  left: 108px;
}
#client-weekends-modal .help-cnt {
  position: absolute;
  height: 0;
  display: grid;
  grid-template-columns: 140px;
  justify-items: baseline;
  left: 150px;
  top: 208px;
}
.help-cnt {
  position: absolute;
  height: 0;
}
.delivery-weekdays-modal .help-holiday {
  top: -57px;
  left: 2px;
}
.delivery-weekdays-modal .button{
  position: relative;
  left: 120px;
  background-image: url(/media/icons/accept.png) !important;
  background-position: 5px center;
  background-repeat: no-repeat;
  padding-left: 25px;
  border: 1px solid #808080ba;
  background-color: #ededed;
  font-weight: normal;
}
.delivery-weekdays-form > label {display: block;}
.calendar {margin: 0 0 15px 0;}
.delivery-weekdays-form input[type="checkbox"]{
  -webkit-appearance: initial;
  appearance: initial;
  background-image: url("/media/icons/tick.png");
  width: 15px;
  height: 15px;
  margin: 0;
  top: 2px;
  position: relative;
}
.delivery-weekdays-form input[type="checkbox"]:checked {
  background-image: url("/media/icons/cross.png");
}
.delivery-weekdays-form label, .delivery-weekdays-form input {
  cursor: pointer;
}
.delivery-weekdays-form label {
  display: block;
  height: 100%;
  width: 100%;
}
.delivery-weekdays-form table td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 2px 5px;
}
.delivery-weekdays-form table {
  width: 100px;
  background-color: white;
}
.checkedHighlight td {
  background-color: #a1a1a1;
  color: white;
}
#delivery-calendar-form h4, .delivery-weekdays-form h4 {
  color: red;
  font-size: 14px;
}
.help-workday, .help-holiday {
  display: inline-block;
  margin: 0 2px 0 5px;
}
.example-days {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #c5c5c5;
}
.delivery-weekdays-form .help-workday, .delivery-weekdays-form .help-holiday {
  margin-top: 10px;
}
.delivery-weekdays-form .example-days {
  background-repeat: no-repeat;
  background-color: unset;
  background-position: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid black;
}
.delivery-weekdays-form .example-days.workday {
  background-image: url("/media/icons/tick.png");
  background-color: white;
}
.delivery-weekdays-form .example-days.holiday {
  background-color: #a1a1a1;
  background-image: url("/media/icons/cross.png");
}
#delivery-calendar-form .example-days.workday, #client-calendar-modal .example-days.workday {
  background: #66e57b;
}
#delivery-calendar-form .example-days.holiday, #client-calendar-modal .example-days.holiday {
  background: #fe5355;
  color: white;
}
.delivery-weekdays-form h4 {
  margin-bottom: 10px;
}

#calendar-modal .delivery-weekdays-modal-cnt {
  width: 480px;
  height: 345px;
}
#calendar-modal .help-workday, #calendar-modal .help-holiday {
  top: unset;
  left: unset;
}
#calendar-modal h4 { color:red }
#calendar-modal .button {
  float: right;
  left: unset;
  top: -3px;
  margin: 0 0 0 10px;
}
#calendar-modal .client-calendar-form-save-btn {
  margin-left: 0;
}
#client-calendar-modal .client-calendar-form-save-btn {
  background-image: url(/media/icons/accept.png) !important;
}
#client-calendar-modal .client-calendar-form-cancel-btn {
  background-image: url(/media/icons/cancel.png) !important;
}
#client-calendar-modal .ui-datepicker {
  width: 474px !important;
}
#client-calendar-modal .help-workday {
  margin-left: 0;
}

#have_offers_without_max_days_modal_bg {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: #00000091;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#have_offers_without_max_days_modal {
  width: 274px;
  height: 85px;
  background-color: white;
  padding: 10px 15px;
  border: 2px solid #bfd2e3;
  border-radius: 2px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}
#have_offers_without_max_days_modal .modal_text {
  font-size: 14px;
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
}
#have_offers_without_max_days_modal .close-button {
  float: right;
  position: relative;
  top: -5px;
  right: -10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}
#have_offers_without_max_days_modal .close-button:hover {
  text-decoration: none;
}
#have_offers_without_max_days_modal .modal_btn {
  border: 1px solid #00355f;
}

#register-delivery-weekdays-form {
  margin-bottom: 10px;
  padding-left: 10px;
}

#register-delivery-weekdays-form .help-cnt {
  position: relative;
  left: 125px;
  top: -35px;
}

.delivery-calendar-modal {
  display: none;
  align-items: center;
  justify-content: center;
  transition: 1000ms linear;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.delivery-calendar-modal-cnt {
  width: 653px;
  height: 500px;
  background-color: #d8dfea;
  padding: 10px 25px;
  border: 1px solid black;
  border-radius: 2px;
}
.delivery-calendar-modal .title-modal {
  font-size: 16px;
  text-align: center;
  padding-left: 15px;
  margin-bottom: 15px;
}
.delivery-calendar-modal .title-bottom {
  font-size: 12px;
  color: red;
  margin-top: 10px;
}
.delivery-calendar-modal .close-button {
  float: right;
  position: relative;
  top: -5px;
  right: -20px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-image: url(/media/extern/extjs/resources/images/default/panel/tool-sprites.gif);
}
.delivery-calendar-modal .close-button:hover {
  text-decoration: none;
}
.delivery-calendar-modal .help-holiday, .delivery-weekdays-modal .help-workday {
  position: relative;
  top: -34px;
  left: 120px;
}
.delivery-calendar-modal .help-holiday {
  top: -57px;
  left: 3px;
}
.delivery-calendar-modal .button{
  position: relative;
  left: 120px;
  background-position: 5px center;
  background-repeat: no-repeat;
  padding-left: 25px;
  border: 1px solid #808080ba;
  background-color: #ededed;
  font-weight: normal;
}

.extra_tooltip {
  opacity: 0;
  display: inline;
  position: relative;
  width: auto;
  border: 1px solid black;
  padding: 2px;
  border-radius: 2px;
  background-color: white;
  transition: 300ms;
  color: black;
  font-size: 12px;
}

#send_request_tooltip {
  opacity: 0;
  display: inline;
  position: absolute;
  left: 155px;
  border: 1px solid black;
  padding: 3px;
  border-radius: 2px;
  background-color: white;
  transition: 300ms;
  color: black;
  font-weight: normal;
}

.filelist-label {
  font-size: 14px;
}
#filesCnt {
  max-height: 400px;
  overflow: auto;
}
#search-bar {
  position: absolute;
  top: calc(50% - 17px);
  left: calc(50% - 325px);
  height: 35px;
}

#search-bar a {
  color: black;
  display: block;
}

#search-results {
  display: none;
  outline: var(--searchbar-border-width) solid var(--searchbar-border-color);
  width: 648px;
  height: auto;
  background-color: #ffffff;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
  top: 1px;
}

#search-results-header {
  display: none;
  grid-template-columns: 25% 25% 50%;
  justify-items: start;
  background: rgb(191, 210, 227);
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  line-height: 17px;
}

#search-results-header > div {
  padding-left: 6px;
  position: relative;
  bottom: 1px;
}

#search-results .search-item {
  display: grid;
  grid-template-columns: 25% 25% 50%;
  background-color: #FFFFFF;
  color: var(--searchbar-result-text-color);
  line-height: 18px;
  border-top: var(--searchbar-inner-border-width) solid var(--searchbar-inner-border-color);
}

#search-info-limit {
  font-size: 10px;
  color: var(--searchbar-result-text-color);
  border-top: var(--searchbar-inner-border-width) solid var(--searchbar-inner-border-color);
  line-height: 12px;
  padding: 5px 0 5px 8px;
  display: none;
}

.search-item div{
  padding-left: 6px;
  border-right: var(--searchbar-inner-border-width) solid var(--searchbar-inner-border-color);
}

.search-item .search-item-name {
  border: none;
}

#search-results:hover {
  display: block;
}

#search-input:focus + #search-results {
  display: block;
  z-index: 1000;
}

#search_interfaces {
  position: absolute;
  top: 28px;
}

#switch_search_intf {
  color: white;
  background-color: transparent;
  text-decoration: underline;
  border: none;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

#switch_search_intf option {
  color: black;
}

#switch_search_intf:focus {
  outline: none;
}

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

.responsibility-chart {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: rotate(90deg);
  margin: 1px 0 0 3px;
}
.return-img {
  margin: -1px 0 0 5px;
  width: 20px;
  height: 20px;
}

:root {
  --searchbar-border-color: rgb(0, 53, 95);
  --searchbar-inner-border-color:  #e0e0e0;
  --searchbar-border-width: 2px;
  --searchbar-inner-border-width:  1px;
  --searchbar-result-text-color:  black;
}
.file-item {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  position: relative;
}

.file-name-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.file-name {
  font-size: 14px;
}

.remove-button {
  cursor: pointer;
  font-size: 8px;
  color: #FF0000;
}

.progress-bar {
  width: 0;
  height: 20px;
  background-color: green;
  transition: width 0.3s;
  margin-top: 5px;
  position: relative;
  text-align: center;
  color: white;
  overflow: hidden;
}

.progress-bar.error {
  background-color: red;
}

.status-text {
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.photo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.table-filter {
  margin: 5px 5px 5px 0;
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #7F9DB9;
  padding: 5px;
  box-sizing: border-box;
}
.filters-row .table-filter {
  margin: 15px 5px 5px 0;
}
.col-left {
  float: left;
  width: 10%;
}
.table-container {
  width: 90%;
  display: inline-block;
}
.table-container.full-width {
  width: 100%;
}
.table-filter.producers {
  max-height: 497px;
  overflow: auto;
}
.producers_filter_title, #term_filter_title {
  font-size: 14px;
  color: #00355f;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
.filters-row .producer_filter_row {
  display: inline;
  align-self: center;
  justify-self: left;

}
.producer_filters_name_label {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
/*.filters-row {*/
/*  display: grid;*/
/*  grid-template-columns: 225px auto;*/
/*}*/
.filters-row .table-filter {
  margin: 15px 0px 5px;
}
.filters-row .table-filter.producers {
  padding-left: 10px;
  border: none;
  margin-left: 100px;
}
/*.filters-row .table-filter.term {*/
/*  margin-right: 15px;*/
/*  max-height: 135px;*/
/*  height: fit-content;*/
/*}*/
/* .filters-row .table-filter.term #show_arrow_cnt {
  display: none;
} */
/* .filters-row .table-filter.term #term_filter_cnt {
  height: auto;
} */
.producer_filters_label {
  color: #00355f;
  font-weight: bold;
  cursor: pointer;
}
.producer_filters_label input {
  margin-left: 0;
  margin: auto 0;
  float: left;
}
.producer_filters_from_price_label {
  font-size: 10px;
  color: grey;
  white-space: nowrap;
}
#active_producers_filters {
  /* margin-bottom: 10px; */
}
.active_producer_filters_label {
  /* border: 1px solid #00355f; */
  margin-right: 3px;
  margin-top: 3px;
  padding: 1px 5px;
  color: #00355f;
  background-color: #d8e4f0;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  display: inline-block;
  border-radius: 2px;
}
.active_producer_filters_label span {
  padding-left: 3px;
  cursor: pointer;
}
#all_producers_filters_btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: left;
}
.plus_in_circle_icon {
  background-image: url("../../icons/white_blue_plus_circle.png");
  background-size: cover;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 4px;
}
#producers_filters_btn_title {
  display: inline-block;
  color: #00355f;
  text-decoration-line: underline;
  font-size: 13px;
}
#show_all_active_prod_filters_btn, #term_filter_apply, #term_filter_reset {
  display: inline-block;
  color: #00355f;
  text-decoration-line: underline;
  font-size: 13px;
  cursor: pointer;
}
#producer_filters_container {
  margin: 5px 0 2px;
}
.filters-row #producer_filters_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 15%);
  grid-auto-rows: 30px;
}
#clear_all_producer_filters_btn {
  color: white;
  background-color: #c0c0c0;
  cursor: pointer;
}
.filters-row .producer_filters_label_text {
  display: inline;
  width: auto;
  padding-left: 0px;
}
.producer_filters_label_text {
  width: auto;
  padding-left: 20px;
}
#producer_filters_term_input {
  width: 35px;
}
.arrow_cnt {
  padding-right: 2px;
  float: right;
  cursor: pointer;
}
.show_all_offers_btn .arrow_cnt {
  position: relative;
  top: -2px;
}
.arrow_icon {
  border: solid rgb(0, 53, 95);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
  transition: all 150ms;
}
.show_all_offers_btn .arrow_icon {
  padding: 3px;
}
.arrow_icon.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 8px;
}
.arrow_icon.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#producer_filters_slider_term_input {
  width: 99%;
}
.term_slider_text {
  display: flex;
  justify-content: space-between;
}
#term_input {
  padding-bottom: 5px;
  align-items: center;
  justify-content: space-around;
  display: flex;
}
#term_filter_cnt {
  height: 0;
  overflow: hidden;
}

.red-placeholder::-webkit-input-placeholder {
  color: red;
}

.red {
  color: red;
  cursor: pointer;
}

.show_all_offers_btn_cnt {
  position: relative;
  height: 0;
  width: 0;
}

.show_all_offers_btn {
  height: 19px;
  width: 175px;
  text-align: center;
  top: -11px;
  position: relative;
  padding: 3px 5px 0;
  border-radius: 0 0 3px 3px;
  cursor: pointer;
  transition: 300ms;
  color: #31668e;
  float:right;
  /* font-weight: bold; */
}

#fixed-header {
  position: sticky !important;
  background-color: #00355f;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.related-products {
  margin-top: 20px;
}

.related-products-list {
  display: flex;
  gap: 15px;
  list-style: none;
  padding: 0;
}

.related-product-item {
  text-align: center;
  width: 135px;
}

.related-product-link {
  text-decoration: none;
  color: black;
}

.related-product-image {
  width: 115px;
  height: 115px;
  object-fit: cover;
  border-radius: 8px;
}

.related-product-name {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  word-wrap: break-word;
}

#transaction_table td {
  text-align: center;
  vertical-align: middle;
}
.transaction_status {
  cursor: pointer;
}
.payday_not_due {
  width: 16px;
  height: 16px;
  background: url("../../icons/accept_black.png");
  margin: auto;
}
.paid {
  width: 16px;
  height: 16px;
  background: url("../../icons/accept.png");
  margin: auto;
}
.unpaid {
  width: 16px;
  height: 16px;
  background: url("../../icons/delete.png");
  margin: auto;
}
.received_payment {
  width: 16px;
  height: 16px;
  background: url("../../icons/coins_add.png");
  margin: auto;
}
.correct_balance {
  width: 16px;
  height: 16px;
  background: url("../../icons/book_edit.png");
  margin: auto;
}
.refund {
  width: 16px;
  height: 16px;
  background: url("../../icons/box_arrows_black.png");
  margin: auto;
}
#client_form {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
#client_form label {
    margin-bottom: 0 !important;
}
#client_form .select2-container {
    width: 300px !important; 
}
#client_form .select2-selection--multiple .select2-selection__choice,
#client_form .select2-search--inline {
    display: none !important;
}
#client_form .select2-selection--multiple .select2-selection__rendered {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    
    padding-left: 8px !important; 
    padding-top: 4px !important; 
    padding-bottom: 4px !important;
    
    display: block !important;
}