@charset "UTF-8";
body {
  margin: 0px;
  background: #dddddd; }

body.print {
  padding: 2vw;
  background: #ffffff; }

p {
  margin: 0px; }

ul {
  margin: 0px; }

.flash_result {
  border: 2px #0bc227 solid;
  padding: 5px; }

.inline-block {
  display: inline-block; }

@viewport {
  width: device-width; }
@media screen and (max-device-width: 500px) {
  @viewport {
    width: 500px; } }
@font-face {
  font-family: 'Conv_Kurale-Regular';
  src: url("../fonts/Kurale-Regular.eot");
  src: local("☺"), url("../fonts/Kurale-Regular.woff") format("woff"), url("../fonts/Kurale-Regular.ttf") format("truetype"), url("../fonts/Kurale-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  font-family: Conv_Kurale-Regular;
  color: #000000;
  font-size: 14px;
  line-height: 16px; }

h1 {
  font-size: 20px;
  font-weight: bold; }

.inside-block1 {
  margin-right: 3vw; }

.top_menu {
  position: fixed;
  background-color: #5acdcf80;
  display: grid;
  grid-template-columns: 0px auto auto auto 0px;
  grid-template-areas: "hamburger login doplinks phone services";
  top: 0px;
  z-index: 200;
  font-weight: bold;
  color: #FFF;
  left: 0;
  right: 0px; }
  @media only screen and (max-width: 520px) {
    .top_menu {
      grid-template-columns: 15vw auto 15vw;
      grid-template-areas: "hamburger login services" "hamburger phone services";
      height: 14vw; } }

.top_menu_cell {
  text-align: center; }

.top_menu_cell.cell_hamburger {
  grid-area: hamburger; }

.top_menu_cell.cell_login {
  grid-area: login; }

.top_menu_cell.cell_doplinks {
  grid-area: doplinks; }
  @media only screen and (max-width: 520px) {
    .top_menu_cell.cell_doplinks {
      display: none; } }

.top_menu_cell.cell_services {
  grid-area: services; }

.top_menu.out {
  transform: translateY(-100%); }

.top_menu_name {
  display: inline-block; }
  @media only screen and (max-width: 520px) {
    .top_menu_name {
      display: none; } }

@media only screen and (max-width: 520px) {
  .hamburger-button {
    background: url(/i/hamburger.svg) 50% 50% no-repeat;
    background-size: 60%;
    width: 100%;
    height: 100%;
    cursor: pointer; } }

@media only screen and (max-width: 520px) {
  .services-button {
    background: url(/i/kluch.svg) 50% 50% no-repeat;
    background-size: 60%;
    width: 100%;
    height: 100%;
    cursor: pointer; } }

.top_menu_actions {
  /*    background-color: #5acdcf; */
  border-radius: 3px;
  display: inline-block;
  padding: 0.2vw 2vw; }

.button {
  cursor: pointer; }

.center_button {
  padding: 7px 15px;
  background: #509092;
  color: #ffffff;
  margin-top: 10px;
  border: 0px;
  font-size: 18px;
  border-radius: 5px; }

.top_menu_actions a, .top_menu_actions {
  color: #FFF;
  text-decoration: none;
  font-weight: bold; }

#phone-number {
  top: 0px;
  padding: 5px;
  z-index: 10;
  color: #83FFE5;
  font-weight: bold;
  display: inline-block; }

@media only screen and (max-width: 520px) {
  .phone-label {
    display: none; } }

#phone-number .num {
  color: #219282; }
  @media only screen and (max-width: 520px) {
    #phone-number .num {
      /*        color: #83FFE5; */ } }

.text-block {
  font-size: 20px; }

.text-block-bold {
  font-size: 20px;
  font-weight: bold; }

.text-big {
  font-weight: bold;
  font-size: 30px; }
  @media only screen and (max-width: 520px) {
    .text-big {
      font-size: 5vw; } }

#header {
  margin-top: 20px; }
  @media only screen and (max-width: 520px) {
    #header {
      margin-top: -2vw; } }

.block {
  text-align: center;
  margin-top: 0 auto; }
  @media only screen and (max-width: 520px) {
    .block {
      width: 95%;
      margin: 0 auto; } }

.margin_block {
  margin: 0 auto;
  width: 80%; }

#main_wrapper .bmark {
  color: #008080; }

#main_wrapper {
  background: url(../i/fonS2.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: repeat-y;
  margin: 0px auto;
  position: relative;
  width: 100%;
  min-width: 1000px;
  min-height: 100%; }
  @media only screen and (max-width: 520px) {
    #main_wrapper {
      width: 100%;
      min-width: 200px;
      margin-top: 14vw;
      overflow: auto;
      /*	overflow: hidden; */ } }

@media only screen and (max-width: 520px) {
  #main_wrapper.main_page {
    overflow: hidden; } }

#main_wrapper_inner {
  display: grid;
  grid-template-columns: 1fr 5fr; }
  @media only screen and (max-width: 520px) {
    #main_wrapper_inner {
      display: block; } }

.main_page #main_wrapper_inner {
  display: block; }

@media only screen and (max-width: 520px) {
  #main_wrapper_left {
    width: 0px;
    height: 0px; } }

.main_page #main_wrapper_left {
  width: 0px;
  height: 0px; }

@media only screen and (max-width: 520px) {
  .left_menu_wrapper {
    position: absolute;
    display: none; } }

.main_page .left_menu_wrapper {
  position: absolute;
  display: none; }

.left_menu_no_vizible .left_menu_wrapper {
  position: absolute;
  display: none; }

.left_menu_close {
  display: none; }
  @media only screen and (max-width: 520px) {
    .left_menu_close {
      position: fixed;
      top: 20vw;
      right: 5vw;
      width: 7vw;
      height: 7vw;
      background: url(/i/close.svg) 100% no-repeat;
      cursor: pointer; } }

@media only screen and (max-width: 520px) {
  .left_menu_wrapper.active {
    position: fixed;
    padding-top: 20vw;
    display: block;
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    overflow: auto;
    z-index: 100;
    background: white;
    top: 0; } }

.left_menu {
  min-width: 250px;
  width: 20vw;
  border-radius: 10px;
  background: rgba(0, 179, 0, 0.2);
  padding: 10px 20px;
  margin-left: 10px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 520px) {
    .left_menu {
      width: 100%;
      border-radius: 0px;
      background: white;
      padding: 2vw 2vw;
      margin-left: 0px;
      heigth: 100%;
      overflow: auto; } }

.left_menu_section {
  text-align: center;
  background: #4a8a734d;
  color: #000;
  margin-bottom: 5px;
  font-size: 18px;
  border-radius: 4px; }
  @media only screen and (max-width: 520px) {
    .left_menu_section {
      font-size: 6vw;
      border-radius: 0px;
      margin-bottom: 3vw;
      color: #134a60;
      line-height: 7vw; } }

.left_menu ul {
  padding-left: 0px; }

.left_menu li {
  list-style: none;
  line-height: 18px;
  margin-bottom: 7px;
  background-color: rgba(0, 179, 0, 0.08);
  padding: 5px;
  border-radius: 5px; }
  @media only screen and (max-width: 520px) {
    .left_menu li {
      border-radius: 0px;
      border-bottom: 1px #b2dbdd solid;
      background-color: unset;
      padding: 3vw 5vw;
      margin-bottom: 0px; } }

.left_menu li a {
  text-decoration: none;
  display: block; }

.left_menu li:hover {
  background-color: rgba(81, 173, 111, 0.32); }

#podval {
  margin-left: 20px;
  padding: 5px;
  background: rgba(200, 200, 200, 0.5);
  width: 200px;
  border-radius: 10px;
  position: absolute;
  bottom: 10px; }

.block {
  position: relative; }

#strelka {
  position: absolute;
  z-index: 2;
  text-align: center;
  width: 100%;
  opacity: 0;
  display: none; }

/**** BLOCK 1  ****/
#chel1 {
  position: absolute;
  right: -500px;
  z-index: 2; }
  @media only screen and (max-width: 520px) {
    #chel1 {
      width: 40vw;
      opacity: 0.4;
      top: -7vw;
      display: none; }
      #chel1 img {
        width: 100%; } }

#top_shlap {
  position: absolute;
  top: 40px;
  left: 56px;
  width: 45px;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
  z-index: 1; }

#chel2 {
  position: absolute;
  left: -500px; }
  @media only screen and (max-width: 520px) {
    #chel2 {
      width: 40vw;
      opacity: 0.4;
      top: -7vw;
      display: none; }
      #chel2 img {
        width: 100%; } }

#subtitle2 {
  font-size: 20px; }
  @media only screen and (max-width: 520px) {
    #subtitle2 {
      font-size: 20px; } }

/**** end BLOCK 1  ****/
/**** BLOCK 2 FORM ****/
form {
  margin-bottom: 0px; }

.form1 * {
  font-size: 16px; }

.form1 {
  margin: 20px auto;
  border-radius: 20px;
  background-color: #5acdcf;
  width: 400px;
  padding: 10px 20px 20px 20px; }

.form2 {
  margin: 0px auto;
  border-radius: 20px;
  background-color: #5acdcf;
  width: 85%;
  padding: 10px 20px 20px 20px; }
  @media only screen and (max-width: 520px) {
    .form2 {
      width: 96%;
      padding: 5vw 3vw; } }

.form-block {
  background-color: #55b7b9;
  border-radius: 7px;
  margin: 5px 0px 10px; }

.form-block-title {
  background-color: #4ea2a4;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px 5px 0px 0px;
  color: #023a3c;
  font-size: 20px; }
  @media only screen and (max-width: 520px) {
    .form-block-title {
      font-size: 4.5vw; } }

.form-block-body {
  padding: 10px 10px 20px 10px; }

.form-text-block strong {
  color: #7a0000; }

.error_text {
  color: #7a0000; }

.form-item-label {
  color: #2c2c2c;
  font-weight: bold; }

.form2 .control-label {
  color: #2c2c2c;
  font-weight: bold; }

.form2 button {
  padding: 7px 15px;
  background: #509092;
  color: #ffffff;
  margin-top: 10px;
  border: 0px;
  font-size: 18px;
  border-radius: 5px; }

.form2 h1 {
  color: #00514e; }
  @media only screen and (max-width: 520px) {
    .form2 h1 {
      font-size: 6vw; } }

.center {
  text-align: center; }

input[type=text], input[type=password] {
  /*    width:370px;*/
  width: 100%;
  height: 35px;
  padding: 5px;
  background-color: #bfebec;
  border: 0px; }

textarea {
  width: 100%;
  padding: 5px;
  background-color: #bfebec;
  border: 0px; }

#kupon-form input[type=submit] {
  margin-top: 15px;
  padding: 5px;
  font-weight: bold;
  background-color: #aea464;
  border: 0px;
  width: 200px; }

.form-filter input {
  margin-top: 0px;
  height: 35px; }

.form-filter select {
  margin-top: 0px;
  /*    height: 35px;*/
  background-color: #bfebec;
  border: 0px; }

.form-filter input[type=submit] {
  background-color: #64abae; }

.form-elem {
  margin-top: 20px; }

.form-error {
  color: #990000; }

.help-block-error {
  color: #990000; }

form .help-block {
  color: #990000; }

/****************/
#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(100, 100, 100, 0.2);
  z-index: 900;
  top: 0px; }

#overlay2 {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(100, 100, 100, 0.5);
  z-index: 50;
  top: 0px; }

#load_animation {
  margin: 0px auto;
  height: 30px;
  width: 500px; }

#load_animation_top {
  height: 40%; }

#block2 {
  min-height: 600px;
  width: 70%;
  margin: 0 auto; }
  @media only screen and (max-width: 520px) {
    #block2 {
      width: 97vw; } }

#block2 .form2 {
  padding: 20px; }

/**** end BLOCK 2 FORM ****/
/**** BLOCK 3 KROME ****/
.poyasneniya-wrapper {
  background-color: rgba(232, 222, 114, 0.27);
  border-radius: 8px;
  width: 550px;
  margin: 0px auto;
  text-align: left;
  padding: 25px 35px;
  position: relative;
  z-index: 20;
  left: 20px; }
  @media only screen and (max-width: 520px) {
    .poyasneniya-wrapper {
      width: 90vw;
      left: unset; } }

.krome-block {
  position: relative; }

.shlap-staya {
  width: 1px;
  position: relative;
  margin: 0px auto; }

.shlap-staya img {
  position: absolute; }

.krome-item {
  margin-bottom: 20px;
  padding-left: 25px;
  background: url(../i/shlap.png) no-repeat left top;
  background-size: 20px;
  font-size: 19px; }

.big-title {
  font-size: 35px;
  font-weight: bold; }

/**** end BLOCK 3 KROME ****/
/**** BLOCK 4 HOW ****/
.how-wrapper {
  width: 10px;
  margin: 0px auto;
  position: relative;
  z-index: 20px;
  left: -40px; }

.how-znaki {
  position: absolute;
  left: -120px;
  top: 110px;
  width: 320px; }

.how-item {
  background: rgba(255, 255, 255, 0.65);
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  position: absolute;
  font-size: 14px; }

.how-num {
  color: #008080;
  position: absolute;
  left: 7px;
  top: 3px;
  display: block; }

.how-item1 {
  width: 160px;
  left: 200px;
  top: 50px; }

.how-item2 {
  width: 170px;
  left: 270px;
  top: 250px; }

.how-item3 {
  width: 500px;
  left: -110px;
  top: 460px; }

.how-item4 {
  width: 180px;
  left: -380px;
  top: 230px; }

.how-item5 {
  width: 350px;
  left: -480px;
  top: 20px; }

/**** end BLOCK 4 HOW ****/
/***BLOCK 5 TOCHNO  **/
.vopros-staya {
  width: 1px;
  position: relative;
  margin: 0px auto; }

.vopros-staya img {
  position: absolute;
  opacity: 0.4; }

.tochno_wrapper {
  background: rgba(255, 255, 255, 0.4);
  margin: 30px auto;
  width: 90%;
  padding: 30px 20px; }

.tochno_inner_wrapper {
  background: rgba(255, 255, 255, 0.6);
  margin: 0px auto;
  width: 800px;
  padding: 20px; }

.tochno_inner_wrapper * {
  font-size: 12px;
  font-family: Times; }

.tochno_inner_wrapper td {
  text-align: center;
  padding: 10px; }

.tochno_inner_wrapper td.vsego {
  background-color: #fcce79; }

.tochno_inner_wrapper tr.ekurier * {
  font-weight: bold;
  font-family: Conv_Kurale-Regular; }

.tochno_inner_wrapper tr.bot td {
  border-bottom: 2px #969696 solid; }

/***end  BLOCK 5 TOCHNO  **/
/***  BLOCK 6 VOZVRAT  **/
/***end  BLOCK 6 VOZVRAT  **/
/***  BLOCK 7 FOOTER  **/
#zemla {
  background: url(../i/skala.png) no-repeat;
  background-position: bottom center;
  background-size: contain;
  height: 110px;
  /*width:800px;*/
  margin: 0 auto;
  position: absolute;
  width: 100%;
  bottom: 0px; }

/***end  BLOCK 7 FOOTER  **/
#main-content {
  width: 300px;
  margin: 0px auto;
  position: relative; }

#main-content-form {
  width: 80%;
  font-family: Conv_Kurale-Regular;
  margin: 0px auto;
  position: relative;
  font-size: 16px;
  color: #757170; }

#main-content-form input[type=text] {
  width: 100%;
  height: 30px;
  padding: 4px;
  border-radius: 7px;
  border: #eeeeee 1px solid; }

#form_wrapper {
  /*    background: url(/i/overlay-form.png);*/
  background: rgba(168, 159, 206, 0.73);
  border: 3px #a6a9b6 solid;
  height: 60%;
  overflow: auto;
  padding: 50px 60px;
  border-radius: 10px; }

.form_item {
  margin: 4px; }

.form_item {
  background: rgba(168, 159, 206, 0.9);
  padding: 10px; }

#form_wrapper * {
  font-family: Conv_Kurale-Regular;
  color: #000000; }

.sled-staya {
  width: 1px;
  position: relative;
  margin: 0px auto; }

.sled-staya img {
  position: absolute; }

#mightyCallC2C-a3e91ae8-a72b-443c-9c9f-5525fe78d435 {
  top: 250px; }
  @media only screen and (max-width: 520px) {
    #mightyCallC2C-a3e91ae8-a72b-443c-9c9f-5525fe78d435 {
      position: relative;
      top: unset;
      transform: unset;
      display: none; } }

#zakaz_button {
  z-index: 9999 !important;
  position: fixed;
  right: 0px;
  top: 150px;
  margin-top: -120px;
  color: #ffffff;
  transform: rotate(-90deg);
  transform-origin: right bottom 0px;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  display: inline-block;
  white-space: nowrap !important;
  line-height: 0 !important;
  padding: 16px 25px;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
  background-color: #00b3a2 !important;
  border: solid 1px #00abb3;
  border-radius: 6px 6px 0 0;
  border-bottom: none; }
  @media only screen and (max-width: 520px) {
    #zakaz_button {
      position: relative;
      top: unset;
      transform: unset;
      display: none; } }

#zakaz_button * {
  color: #ffffff; }

#zakaz_img {
  width: 20px;
  height: 20px;
  background-image: url("../i/zakaz.png");
  background-size: 20px 20px;
  background-repeat: no-repeat; }

#content {
  padding: 0px 4vw 0px 1vw;
  min-height: 400px;
  box-sizing: border-box; }
  @media only screen and (max-width: 520px) {
    #content {
      padding: 0px 1vw 0px 1vw; } }

#content h1 {
  text-align: center; }

h1.page-title {
  margin-top: 0px; }

.tab_menu {
  border-radius: 10px;
  /*    background: rgba( 0 , 179 , 0  , 0.2 ); */ }

.tab_menu li {
  list-style: none;
  /*float: left; */
  display: inline-block;
  padding: 10px; }

/********** ORDER FORM **********/
.orders_filter_form_wrapper {
  display: table; }
  @media only screen and (max-width: 520px) {
    .orders_filter_form_wrapper {
      display: block; } }

.orders_filter_coll {
  display: table-cell;
  min-width: 200px; }
  @media only screen and (max-width: 520px) {
    .orders_filter_coll {
      display: block; } }

.orders_filter_form {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, auto));
  align-items: center; }
  @media only screen and (max-width: 520px) {
    .orders_filter_form {
      grid-template-columns: 1fr 1fr; } }

.orders_filter_form_marshrutization {
  grid-template-columns: 1fr 1fr 1fr; }
  @media only screen and (max-width: 520px) {
    .orders_filter_form_marshrutization {
      grid-template-columns: 1fr 1fr; } }

.orders_filter_item {
  padding: 0.4vw 1vw; }
  .orders_filter_item select {
    width: 100%; }

.order_form_inner_table {
  width: 100%; }

.order_form_inner_row {
  /*    display: table-row; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%; }
  @media only screen and (max-width: 520px) {
    .order_form_inner_row {
      display: block; } }

.orders-table {
  background: rgba(0, 171, 179, 0.5); }
  @media only screen and (max-width: 520px) {
    .orders-table {
      margin-bottom: 2vw;
      background: unset; } }

.tblitem {
  padding: 3px;
  vertical-align: top; }

.orders-list-table {
  display: grid;
  grid-template-columns: 5vw 20vw 15vw 15vw 5vw 10vw 7vw;
  grid-template-areas: " id status source target price what weight";
  align-items: top;
  background: rgba(0, 171, 179, 0.5);
  border-radius: 10px; }
  @media only screen and (max-width: 520px) {
    .orders-list-table {
      grid-template-areas: "id status status status" " source source target target" "price weight what  what";
      grid-template-columns: 1fr 1fr 1fr 1fr; } }

@media only screen and (min-width: 520px) {
  .orders-list-table.inverted_1 {
    grid-template-areas: " id status target source  price what weight"; } }

.orders-list-table.orders-list-table-user {
  grid-template-columns: 5vw 5vw 20vw 15vw 15vw 10vw 10vw 10vw 10vw 7vw;
  grid-template-areas: " id inner status source target recipient_name recipient_phone price what weight"; }
  @media only screen and (max-width: 520px) {
    .orders-list-table.orders-list-table-user {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-areas: " id  status status status" " inner status status status"  " source source target target"  " recipient_name recipient_name  recipient_phone recipient_phone " " price what what weight"; } }

@media only screen and (min-width: 520px) {
  .orders-list-table.orders-list-table-user.inverted_1 {
    grid-template-areas: " id inner status target source recipient_name recipient_phone price what weight"; } }

.orders-list-table.orders-list-table-kurier {
  grid-template-columns: 5vw 5vw 20vw 15vw 15vw 10vw 10vw 10vw 10vw 7vw 7vw 7vw 7vw;
  grid-template-areas: " id inner status source target customer_name customer_phone recipient_name recipient_phone price  what weight comment"; }
  @media only screen and (max-width: 520px) {
    .orders-list-table.orders-list-table-kurier {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-areas: " id  status status status" " inner status status status"  " source source target target"  " customer_name customer_name customer_phone customer_phone " " recipient_name recipient_name recipient_phone recipient_phone " " price  price weight weight"  " what comment comment comment"; } }

@media only screen and (min-width: 520px) {
  .orders-list-table.orders-list-table-kurier.inverted_1 {
    grid-template-areas: " id inner status target source recipient_name recipient_phone customer_name customer_phone price what weight comment"; } }
@media only screen and (max-width: 520px) {
  .orders-list-table.orders-list-table-kurier.inverted_1 {
    grid-template-areas: " id  status status status" " inner status status status"  "target target source source "  " recipient_name recipient_name  recipient_phone recipient_phone " " customer_name customer_name customer_phone customer_phone " " price  price weight weight"  " what comment comment comment"; } }

.orders-list-table.orders-list-table-marshrut {
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-template-areas: " status metka created description"; }
  @media only screen and (max-width: 520px) {
    .orders-list-table.orders-list-table-marshrut {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "status status" "metka created" "description description"; } }

.market-otchet {
  display: table; }

.mobile-label {
  display: none; }
  @media only screen and (max-width: 520px) {
    .mobile-label {
      display: block;
      font-weight: bold; } }

.inverted_0 .mobile-label.main {
  display: block; }
.inverted_0 .mobile-label.inverted {
  display: none; }

.inverted_1 .mobile-label.main {
  display: none; }
.inverted_1 .mobile-label.inverted {
  display: block; }

.orders-list-table.orders-list-table-market-otchet {
  display: table-row;
  grid-template-areas: "id market created dostavka_date price dostavka_price price_magaz inner comment status"; }
  @media only screen and (max-width: 520px) {
    .orders-list-table.orders-list-table-market-otchet {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "id id  inner" "created dostavka_date market " "dostavka_price price_magaz price" "comment status status";
      margin-bottom: 2vw; } }
  .orders-list-table.orders-list-table-market-otchet .tblitem {
    display: table-cell; }
    @media only screen and (max-width: 520px) {
      .orders-list-table.orders-list-table-market-otchet .tblitem {
        border: 1px #81cfd2 solid; } }

.orders-list-table.orders-list-table-admin-otchet {
  display: table-row;
  grid-template-areas: "id market created dostavka_date price dostavka_price price_magaz zp_calc s_kuriera kurier_name inner comment status"; }
  @media only screen and (max-width: 520px) {
    .orders-list-table.orders-list-table-admin-otchet {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "id id  inner" "created dostavka_date market " "dostavka_price price_magaz price" " zp_calc s_kuriera kurier_name" "comment status status";
      margin-bottom: 2vw; } }
  .orders-list-table.orders-list-table-admin-otchet .tblitem {
    display: table-cell; }
    @media only screen and (max-width: 520px) {
      .orders-list-table.orders-list-table-admin-otchet .tblitem {
        border: 1px #81cfd2 solid; } }

.marshrut-line-wrapper {
  margin-bottom: 1vw;
  overflow: hidden; }
  @media only screen and (max-width: 520px) {
    .marshrut-line-wrapper {
      margin-bottom: 3vw; } }

@media only screen and (max-width: 520px) {
  .orders-list-table.tblheader {
    display: none; } }

.orders-list-table.tblheader {
  background: rgba(0, 171, 179, 0.5); }
  .orders-list-table.tblheader .tblitem {
    text-align: center;
    margin-right: 2px; }
  .orders-list-table.tblheader .tblitem:last-child {
    margin-right: 0; }

.area_id {
  grid-area: id; }
  @media only screen and (max-width: 520px) {
    .area_id {
      background: #6dc671; } }

.tblitem.area_id.no_price_detected {
  background-color: #f87e65; }

@media only screen and (max-width: 520px) {
  .rowch0 .tblitem.area_id {
    background: #6dc671; } }

@media only screen and (max-width: 520px) {
  .rowch1 .tblitem.area_id {
    background: #6dc671; } }

.area_inner {
  grid-area: inner; }
  @media only screen and (max-width: 520px) {
    .area_inner {
      background: #6dc671; } }

.area_status {
  grid-area: status; }
  @media only screen and (max-width: 520px) {
    .area_status {
      background: #6dc671; } }

.area_what {
  grid-area: what; }
  @media only screen and (max-width: 520px) {
    .area_what {
      border: 1px #a1fff8 dotted; } }

.area_market {
  grid-area: market; }

.area_zp_calc {
  grid-area: zp_calc; }

.area_s_kuriera {
  grid-area: s_kuriera; }

.area_kurier_name {
  grid-area: kurier_name; }

.area_created {
  grid-area: created; }

.area_dostavka_date {
  grid-area: dostavka_date; }

.area_dostavka_price {
  grid-area: dostavka_price; }

.area_price_magaz {
  grid-area: price_magaz; }

.area_magaz_phone {
  grid-area: magaz_phone; }

.area_comment {
  grid-area: comment; }

.area_recipient_name {
  grid-area: recipient_name; }
  @media only screen and (max-width: 520px) {
    .area_recipient_name {
      border: 1px #a1fff8 dotted; } }

.area_recipient_phone {
  grid-area: recipient_phone; }
  @media only screen and (max-width: 520px) {
    .area_recipient_phone {
      border: 1px #a1fff8 dotted; } }

.area_customer_name {
  grid-area: customer_name; }

.area_customer_phone {
  grid-area: customer_phone; }

.area_weight {
  grid-area: weight; }
  @media only screen and (max-width: 520px) {
    .area_weight {
      border: 1px #a1fff8 dotted; } }

.area_price {
  grid-area: price; }
  @media only screen and (max-width: 520px) {
    .area_price {
      border: 1px #a1fff8 dotted; } }

.area_price_magaz {
  grid-area: price_magaz; }
  @media only screen and (max-width: 520px) {
    .area_price_magaz {
      border: 1px #a1fff8 dotted; } }

.area_dostavka_price {
  grid-area: dostavka_price; }
  @media only screen and (max-width: 520px) {
    .area_dostavka_price {
      border: 1px #a1fff8 dotted; } }

.area_source {
  grid-area: source; }

.area_target {
  grid-area: target; }

@media only screen and (max-width: 520px) {
  .tblitem.area_source {
    padding-left: 5vw;
    border: 1px #a1fff8 dotted; } }

@media only screen and (max-width: 520px) {
  .tblitem.area_target {
    padding-left: 5vw;
    border: 1px #a1fff8 dotted; } }

.area_weight {
  grid-area: weight; }

.orders-table div {
  min-width: 50px; }

.orders-table .tblheader {
  /*    background: rgba( 0 , 179 , 0  , 0.4 ); */
  border-radius: 5px;
  overfolow: hidden; }

.orders-table .tblheader .tblitem {
  background: rgba(0, 179, 0, 0.4); }

.tblheader * {
  font-weight: bold; }

.rowch1 .tblitem {
  background: rgba(0, 179, 0, 0.1); }

.rowch0 .tblitem {
  background: rgba(0, 255, 0, 0.1); }

.rowch1.inverted_1 {
  background: rgba(213, 182, 9, 0.3); }

.rowch0.inverted_1 {
  background: rgba(243, 206, 3, 0.3); }

.no-active-day.rowch1 {
  background: rgba(150, 150, 150, 0.5); }

.no-active-day.rowch0 {
  background: rgba(170, 170, 170, 0.5); }

/****** PAGES **********/
.page-wrapper {
  width: 70vw;
  margin: 0 auto; }

/***** pagination ******/
.pagination li {
  padding: 3px;
  display: inline-block;
  font-weight: bold;
  margin: 2px;
  text-align: center;
  list-style: none; }

.pagination li.active * {
  color: rgba(0, 179, 0, 0.9);
  font-size: 20px; }

.pagination li * {
  color: #FFFFFF; }

.pagination li a {
  text-decoration: none; }

/*****item line*****/
.item-line * {
  font-size: 12px; }

.item-addr-source {
  font-weight: bold;
  font-size: 15px;
  /*    color: #883344; */
  color: #1a5145; }

.item-phone-source {
  color: #573810; }

.item-addr-target {
  font-weight: bold;
  font-size: 15px;
  color: #1a5145; }

.item-phone-target {
  color: #573810; }

.status-str {
  color: #823212; }

.status_0 {
  background-color: #4c9789; }

.status_1 {
  background-color: #c4c165; }

.status_2 {
  background-color: #78c465; }

.status_3 {
  background-color: #658fc4; }

.status_4 {
  background-color: #9765c4; }

.status_5 {
  background-color: #c46565; }

.status_6 {
  background-color: #c46565; }

.strong-link {
  color: #622525; }

.strong {
  font-weight: bold; }

.item-comment {
  color: #887133;
  margin-top: 5px; }

.item-comment-title {
  /*    color: #887133; */
  /*font-weight: bold; */ }

.message {
  background: #38a96a;
  color: #eeeeee;
  border-radius: 5px;
  padding: 5px;
  margin: 10px; }

.message.admin-metro-message {
  display: none; }

.admin-block-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px; }

.admin-block {
  margin: 20px 10px 20px 10px;
  border-radius: 10px;
  background: rgba(0, 179, 0, 0.2);
  padding: 20px; }

.admin-button {
  /*    display: inline;*/
  border-radius: 5px;
  background: rgba(20, 150, 60, 0.2);
  border: 0px;
  padding: 5px 7px;
  cursor: pointer; }

.admin-list-item {
  display: block;
  list-style: none;
  background: #7BBDA6;
  padding: 5px 5px 5px 5px;
  margin: 2px;
  border-radius: 5px;
  cursor: pointer;
  color: #175111;
  font-weight: bold;
  position: relative; }

.admin-list-item.editing .edit-icon {
  display: none; }

.admin-list-item input {
  background: #a0cebd; }

.admin-list-item-title {
  margin-left: 15px;
  margin-right: 40px;
  padding: 5px; }

.metro-line-item.active {
  border: 2px #5B9D86 solid; }

.metro-item.active {
  border: 2px #5B9D86 solid; }

.metro-item {
  background: #d7eae2; }

.hvat {
  float: left; }

.edit-icon {
  background: url(../i/icons/edit-write-writing-icon.png);
  width: 40px;
  height: 40px;
  background-size: 40px;
  position: absolute;
  top: 5px;
  right: 5px; }

.add-icon {
  font-size: 50px;
  line-height: 10px;
  position: relative;
  top: 10px;
  color: #5B9D86;
  cursor: pointer; }

.remove-icon {
  font-size: 50px;
  line-height: 10px;
  position: relative;
  top: 10px;
  color: #990000;
  cursor: pointer; }

.save-icon {
  background: url(../i/icons/floppy-icon.png);
  width: 40px;
  height: 40px;
  background-size: 40px;
  position: absolute;
  top: 5px;
  right: 5px;
  display: none; }

.editing .save-icon {
  display: inline; }

.editing input {
  border: 1px #5B9D86 solid; }

.jslink {
  border-bottom: 1px dashed;
  text-decoration: none; }

.building_num_item {
  float: left;
  padding: 2px;
  border: 1px #44dd77 solid;
  border-radius: 2px;
  margin: 2px;
  cursor: pointer; }

.building_num_item:hover {
  background: #aaddaa; }

.building_num_list {
  max-height: 150px;
  overflow: auto; }

.select_full_building_link {
  visibility: hidden; }

.select_full_building_link.active {
  visibility: visible; }

.interface-toggle-link {
  padding: 5px;
  background-color: #00b300;
  text-decoration: none;
  border-radius: 5px;
  color: #ffffff; }

.form-toggle {
  float: right;
  display: block;
  text-align: center;
  width: 150px; }

.message-item {
  margin: 20px 70px 5px 30px;
  background-color: #7BBDA6;
  padding: 20px;
  border-radius: 10px; }

.message_item_date {
  border-bottom: 1px #444444 solid;
  color: #447733; }

.fly_message {
  position: absolute;
  z-index: 100;
  margin: auto;
  width: 70%;
  left: 0;
  right: 0;
  top: 100px; }

.message {
  background-color: #47b0b1;
  padding: 20px;
  border-radius: 10px; }

.message_title {
  margin-bottom: 25px;
  font-size: 25px;
  font-weight: bold; }

.message_check {
  text-align: right; }

.message_container {
  margin-right: 100px; }

.top-form-text {
  text-align: left; }

.form-button {
  background-color: #55FF55;
  height: 35px;
  border: 0px; }

@media only screen and (max-width: 520px) {
  .tomorrow-button {
    width: 100%; } }

.adress_interface_map_outer {
  padding-left: 1vw; }

.adress_interface_map {
  width: 100%;
  height: 100%;
  min-height: 200px;
  border: 1px #444444 solid; }
  @media only screen and (max-width: 520px) {
    .adress_interface_map {
      width: 100%; } }

.adress_interface_position_block {
  display: grid;
  grid-template-areas: "street map" "building map" "flat map";
  grid-template-columns: 1fr 1fr; }
  @media only screen and (max-width: 520px) {
    .adress_interface_position_block {
      grid-template-columns: 1fr;
      grid-template-areas: "street" "building" "map" "flat"; } }

.adress_interface_position_block_street {
  grid-area: street; }

.adress_interface_position_block_building {
  grid-area: building; }

.adress_interface_position_block_flat {
  grid-area: flat; }

.adress_interface_position_block_map {
  grid-area: map; }

.td-section {
  border-left: 1px dotted #444444; }
  @media only screen and (max-width: 520px) {
    .td-section {
      border-left: unset; } }

.order_form_customer_block {
  display: grid;
  grid-template-areas: "market office reverce";
  grid-template-columns: 1fr 1fr 1fr; }
  @media only screen and (max-width: 520px) {
    .order_form_customer_block {
      grid-template-areas: "market "  "office" "reverce ";
      grid-template-columns: 1fr; } }

.order_form_customer_block_market {
  grid-area: market; }

.order_form_customer_block_office {
  grid-area: office; }

.order_form_customer_block_reverce {
  grid-area: reverce; }

/*******COMMON LAYOUT*******/
.common-content {
  margin: 0px auto;
  width: 80%;
  font-family: Conv_Kurale-Regular;
  padding-right: 50px;
  max-width: 900px;
  background: rgba(98, 171, 87, 0.2);
  border-radius: 10px;
  padding: 30px; }

.common-content * {
  font-family: Conv_Kurale-Regular; }

.common-logo {
  position: relative;
  top: -10px;
  left: 0px;
  text-align: left; }

.common-logo .subtitle {
  text-align: left; }

#subtitle *, #subtitle {
  font-size: 1.5vw; }
  @media only screen and (max-width: 520px) {
    #subtitle *, #subtitle {
      font-size: 3.3vw; } }

.logo-link {
  text-decoration: none; }

.logo-wrapper-round {
  padding: 0 30px 30px 30px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background: rgba(98, 171, 87, 0.2); }

.new-list-item {
  position: relative;
  border: 1px solid #41E0D0;
  box-shadow: 0 0 12px 0 rgba(119, 119, 119, 0.08);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.3);
  display: block;
  margin-right: 16px;
  margin-bottom: 15px;
  overflow: hidden; }

.new-list-item a {
  text-decoration: none; }

.new-list-img {
  /*    width: 370px;*/
  height: 208px;
  overflow: hidden;
  display: block;
  margin: 10px; }

.new-item-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px; }

.new-inside-image-wrapper {
  float: left;
  width: 300px;
  margin-right: 20px; }

.lead-side-wrapper {
  padding: 0px 30px; }

.items-table {
  border: 1px rgba(81, 81, 81, 0.61) solid;
  border-collapse: collapse; }

.items-table td {
  border: 1px rgba(81, 81, 81, 0.61) solid; }

.items-table tr.first td {
  font-weight: bold; }

.top-form {
  border: 1px #858585 solid; }

.controls-cell {
  position: relative; }

.controls-cell .edit-icon {
  position: relative;
  cursor: pointer; }

.items-pagination li * {
  color: #010101; }

.marshrut-orders {
  border: 3px #73c482 solid; }

.marshrut-spacer {
  /*
      height: 5px;
      background: #cccccc;
  */ }

.marshrut-line {
  background: #cccccc; }

.marshrut-line.fixed {
  background: #b5e3ae; }

/****** PRINT *****/
body.print .orders-table {
  background: #ffffff;
  /*    border: 1px #cccccc solid; */ }

body.print .order-num {
  border: 1px #cccccc solid;
  border-radius: 5px;
  display: inline-block;
  padding: 3px;
  font-weight: bold; }

body.print .order-inner-num {
  border: 1px #cccccc solid;
  border-radius: 5px;
  display: inline-block;
  padding: 3px; }

.print-title {
  font-size: 2vw;
  margin-bottom: 1vw; }

body.print .tblheader {
  background: #cccccc; }

body.print .orders-table td {
  border: 1px #cccccc solid;
  padding: 8px 5px;
  vertical-align: top; }

body.print .orders-table .tblitem {
  border: 1px #cccccc solid;
  padding: 8px 5px;
  vertical-align: top; }

body.print .item-addr-target {
  font-size: unset;
  color: unset;
  font-weight: unset; }

body.print .admin-item {
  display: none; }

body.print .adress-field-adress {
  display: none; }

.map-print {
  height: 15vw; }

.pnowrap {
  white-space: nowrap; }

.nowrap {
  white-space: nowrap; }

.mkad-container {
  padding: 0 4vw; }

.razdelitel td {
  border-top: 2px #23998c solid; }

.razdelitel[rtype="1"] {
  background: #d7d775; }

.razdelitel[rtype="2"] {
  background: #77d477; }

.razdelitel[rtype="3"] {
  background: #f59191; }

.edit-link-container {
  position: relative;
  display: inline-block; }

.edit-link {
  position: absolute;
  z-index: 50;
  display: inline-block;
  cursor: pointer; }

.order-edit-link {
  display: inline-block;
  cursor: pointer; }

.source_address_wrapper {
  position: relative; }

.source_address_wrapper_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100;
  background: #00000033;
  text-align: center;
  vertical-align: middle; }

.address-interface-label-reverce {
  display: none; }

#admin_adress_building_form {
  word-break: break-all; }

.tabs-menu {
  display: grid;
  grid-template-columns: auto auto auto auto; }
  @media only screen and (max-width: 520px) {
    .tabs-menu {
      grid-template-columns: auto auto; } }

.tab-menu-item {
  display: inline-block;
  padding: 5px 15px;
  border: 1px rgba(0, 179, 0, 0.4) solid;
  border-radius: 10px;
  margin-right: 2px;
  color: #f6f6f6;
  font-weight: bold;
  text-decoration: none;
  background: #6bb193cc; }

.tab-menu-item.active {
  background: #3e7870cc; }

.marshrut-form-select {
  max-width: 150px; }

#setkurier-kurier_id {
  max-width: 150px; }

.order_calculator_stoimost {
  color: #865308;
  font-size: 22px;
  font-weight: bold; }

.order_calculator_title {
  font-weight: bold;
  font-size: 18px;
  color: #333333; }

.calculator_message {
  padding: 2px 3px;
  border-radius: 5px;
  background: #6aafb1;
  width: auto;
  display: inline-block;
  margin-top: 4px;
  border: 1px #629c9e solid; }

/******** page **********/
.page {
  margin: 0 auto;
  width: 90%; }

.page * {
  font-size: 18px; }

.page_block {
  width: 80%;
  margin: 0 auto 20px; }

.page_block2 {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media only screen and (max-width: 520px) {
    .page_block2 {
      grid-template-columns: 1fr; } }

.page_nottice {
  border: 1px #629c9e solid;
  padding: 20px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 19px;
  background: #2fa79133; }

.page_button {
  padding: 12px 26px;
  margin: 10px auto 30px;
  background: #ef9a3a;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
  font-size: 20px;
  color: #eaeaea;
  font-weight: bold; }

.wrap_middle {
  display: table;
  height: 100%; }

.cell_middle {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  height: 100%; }

.page_block_title {
  font-weight: bold; }

.page_ul {
  margin-top: 5px;
  list-style: disc; }

#modal-content {
  display: none; }

.modal-content {
  display: none;
  width: 70%;
  margin: 0 auto;
  position: absolute;
  z-index: 500;
  left: 0;
  right: 0;
  /*    padding: 3vw 4vw; */ }
  @media only screen and (max-width: 520px) {
    .modal-content {
      width: 90%; } }
  .modal-content .form2 {
    width: 100%; }

.get_code {
  color: #7e5f06;
  font-size: 23px; }

.slide-div {
  display: none; }

.content {
  overflow-x: auto; }

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