/*=============================
=            color_variables            =
=============================*/
/*=====  End of color_variables  ======*/
/*=============================
=            Mixin            =
=============================*/
/*=====  End of Mixin  ======*/
/*===============================
=            General            =
===============================*/
/*=====  End of General  ======*/
/*===============================
=            Fonts            =
===============================*/
/*=====  End of Fonts  ======*/
/*==============================
=            Layout            =
==============================*/
.row .col {
  padding: 0 .25rem;
}
.add-margin-top-20px {
  margin-top: 20px;
  margin-bottom: 0;
}
.table-wrapper,
.add-margin-10px {
  margin: 10px;
}
.add-padding-1px {
  padding: 1px;
}
.add-padding-10px {
  padding: 10px;
}
.add-fix-bottom-position {
  position: fixed;
  margin: 10px;
  bottom: 0;
}
.add-fix-bottom-position-right {
  right: 0;
}
.add-fix-bottom-position-left {
  left: 0;
}
form {
  margin: 10px;
}
.chip {
  margin: 5px 5px 0 5px;
  background-color: rgba(0, 0, 0, 0.06);
  overflow: hidden;
  position: relative;
  padding-left: 30px;
}
.chip i {
  position: absolute;
  top: 4px;
  left: 6px;
}
.transparent {
  background-color: rgba(0, 0, 0, 0);
}
table caption {
  font-size: 20px;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.rout-points tr,
.rout-points td,
.rout-points th {
  border: 2px solid #ddd;
}
/* Стили для лайтбокса touchTouch */
.marsh-thumbs .item {
  margin-bottom: 15px;
}
.marsh-thumbs .item .item-img {
  display: block;
  width: 100%;
  height: 140px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-size: contain;
  background: #e8e8e8 center center no-repeat;
}
.close {
  border: 1px solid !important;
  border-radius: 0 !important;
  padding: 2px 6px !important;
}
#log-box {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
}
#log-box table tr {
  vertical-align: top;
  font-size: 10px;
}
.log-box-body {
  height: 100%;
  padding: 5px;
  border: 1px solid rgba(197, 197, 197, 0.33);
  background: #fff;
}
.log-box-content {
  overflow-x: hidden;
  height: 200px;
}
.log-box-content table td {
  padding: 0 5px;
  color: #0b58a2;
}
.log-box-content table td + td {
  color: #8d8d8d;
}
#log-box-btn {
  position: fixed;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  padding-top: 3px;
  text-align: center;
  color: #d1471d;
  border: 1px solid rgba(197, 197, 197, 0.33);
  background: rgba(255, 197, 193, 0.44);
  z-index: 4;
}
.log-error {
  color: #ff0000 !important;
}
.log-error + td {
  color: #000 !important;
}
@media (max-width: 360px) {
  .item {
    width: 100% !important;
  }
}
#page-preloader {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.3);
  z-index: 1000;
}
#page-preloader img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  margin: auto;
}
.row-top {
  border-top-color: #579920!important;
}
.row-bottom {
  border-bottom-color: #579920!important;
}
#form_notification table,
#form_smsintime table {
  height: 328px;
}
#form_notification input {
  width: 100%;
}
#form_notification table th {
  width: 130px;
}
/* -------------------- НОВЫЙ ДИЗАЙН --------------------- */
/* BASIC STYLES ------------------------------- */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/static/lib/node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(/static/lib/node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(/static/lib/node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff) format('woff'), url(/static/lib/node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.left-slide-button {
  display: none;
}
h5 {
  font-size: 20px;
}
nav {
  background: #1b9ef3;
}
/* button */
.btn {
  background: #1b9ef3;
  padding-left: 8px;
  padding-right: 8px;
}
.btn:hover,
.btn-large:hover {
  background-color: #47b6fe;
}
.btn:focus,
.btn-large:focus,
.btn-floating:focus {
  background: #1183cd;
}
.btn-white {
  background: #fff!important;
  color: red;
  border-top: 1px solid #f7f7f7;
}
.btn-navy {
  background: #106eac!important;
  color: #fff;
}
/* CARDS */
.card {
  margin: .5rem 0 .5rem 0;
}
.card .map-wrapper {
  position: relative;
}
.card .map {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.card-buttons {
  overflow: hidden;
  padding-bottom: 7px;
  clear: both;
}
.card-buttons:last-child {
  margin-bottom: -7px;
}
.card-buttons .btn {
  float: right;
  margin-left: 10px;
}
.card .card-header,
.card .card-content {
  padding: 10px 12px 15px;
  width: 100%;
}
.card .card-content:before,
.card .card-content:after {
  content: "";
  display: table;
  clear: both;
}
/*.card .card-content h3 {
	font-weight: normal;
}
*/
.card .card-title {
  font-weight: normal;
  line-height: 30px!important;
  margin-bottom: 5px!important;
}
/* DROPDOWN */
.dropdown-content {
  top: 20px!important;
  border-radius: 2px;
  color: #555!important;
}
.dropdown-content li a {
  font-size: 14px!important;
  color: #555!important;
}
/*STATUS BAGE*/
.point_status {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 8px;
  line-height: 26px;
  border-radius: 2%;
  z-index: 1;
  /*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
  /*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
}
/* COLLAPSIBLE */
.collapsible {
  border: none;
  box-shadow: none;
}
.point-details.collapsible .collapsible-header {
  position: relative;
  padding: 6px 0 0;
  font-size: 16px;
  border: none;
}
.point-details.collapsible .collapsible-header .mdi {
  position: absolute;
  right: -1.45rem;
  top: 0;
}
.collapsible .collapsible-body {
  padding: 10px 0;
  /*margin-top: -25px;*/
  font-size: 13px;
  color: #a8a8a8;
  line-height: 24px;
  border: none;
}
.collapsible .circle {
  display: table-cell;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #fff;
}
.collapsible .collapsible-header .title {
  line-height: 1.5rem;
}
.collapsible .collapsible-header .second-line {
  font-size: 14px;
  color: #a8a8a8;
}
.collapsible .collapsible-body .collapsible-body-text {
  margin-bottom: 10px;
}
/* LABELS */
label {
  font-size: 14px;
}
[type="radio"]:checked + label {
  color: #000;
}
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-color: #1b9ef3;
}
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background: #1b9ef3;
}
/* COLLECTION */
.collection .second-line {
  font-size: 14px;
  color: #a8a8a8;
}
/* BUTTON BOX */
/* MODALS */
.modal .modal-content {
  padding: 10px 25px 25px;
}
.modal .modal-content h5 {
  /*margin-bottom: 2rem;*/
}
.modal .modal-footer {
  border-top: 1px solid #e0e0e0;
}
.modal {
  overflow-y: visible;
}
/* INPUT */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #1b9ef3;
  -webkit-box-shadow: 0 1px 0 0 #1b9ef3;
  -moz-box-shadow: 0 1px 0 0 #1b9ef3;
  box-shadow: 0 1px 0 0 #1b9ef3;
}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #1b9ef3;
}
.input-field .prefix.active {
  color: #1b9ef3;
}
/* HEADER */
/* Header title */
#header .h-title {
  font-size: 20px;
  max-width: 60%;
}
#content .row {
  margin-bottom: 0;
}
/* CONTAINER */
.container.wide-container {
  width: 100%;
}
.waves-effect.waves-blue .waves-ripple {
  background-color: rgba(27, 158, 243, 0.65);
}
.nav-extended .nav-content {
  border-top: 1px solid #bbb;
}
.nav-extended .nav-content .tabs a {
  font-size: 12px;
}
/* Signature block */
.signature-box {
  width: 320px!important;
  height: 144px;
  border-radius: 2px;
  z-index: 0;
}
/* ---------- COLORS ----------- */
/* ---------- /COLORS ----------- */
/* /BASIC STYLES ------------------------------- */
/* ------------ СПИСОК МАРШРУТНЫХ ЛИСТОВ --------- */
/* HEADER ------------------ */
#header .date-picker {
  position: relative;
  float: left;
  border: 0;
}
#header .time-picker {
  position: relative;
  float: right;
  margin-right: 25px;
}
#header .date-picker .datepicker,
#header .time-picker .timepicker {
  border: none !important;
  margin: 0;
}
#header .date-picker .material-icons,
#header .time-picker .material-icons {
  position: absolute;
  top: 0;
  left: 100%;
}
#header .date-picker .datepicker {
  width: 130px;
}
#header .time-picker .timepicker {
  width: 45px;
  text-align: right;
}
/* CONTENT ------------------------ */
/* MAIN */
#content.with-bottom-margin {
  padding-bottom: 64px;
}
/* ROUT LIST ITEM */
.card .route-date {
  font-size: 16px;
  color: #1b9ef3;
}
.card ul.route-info {
  /*height: 21px;*/
  margin: 5px 0 5px;
  text-align: justify;
}
.card ul.route-info li {
  display: inline-block;
  font-size: 0.8em;
  font-weight: normal;
  color: #a8a8a8;
  line-height: 20px;
}
/*.card ul.route-info:before {*/
/*content: '';*/
/*display: block;*/
/*width: 100%;*/
/*height: 0;*/
/*}*/
/*.card ul.route-info:after {*/
/*width: 100%;*/
/*height: 0;*/
/*visibility: hidden;*/
/*overflow: hidden;*/
/*content: '';*/
/*display: inline-block;*/
/*}*/
.card .route-lenght-block {
  height: 40px;
  color: #1b9ef3;
}
.card .route-lenght-block .valign-wrapper {
  padding: 0;
  font-size: 16px;
}
.card .route-lenght-block .col {
  height: 100%;
}
.card .route-lenght-info {
  padding: 0;
}
.card .route-lenght-info-item {
  width: 100%;
  height: 50%;
  font-size: 0.8em;
  line-height: 1.8em;
}
.card .route-lenght-info .route-time {
  border-bottom: 2px solid #1b9ef3;
  position: relative;
}
.card .route-lenght-info .route-time:before,
.card .route-lenght-info .route-time:after {
  content: " ";
  position: absolute;
  top: 14px;
  display: block;
  width: 10px;
  height: 10px;
}
.card .route-lenght-info .route-time:before {
  left: -9px;
  border-radius: 50%;
  background: #1b9ef3;
}
.card .route-lenght-info .route-time:after {
  right: -9px;
  border-top: 5px solid transparent;
  border-left: 10px solid #1b9ef3;
  border-bottom: 5px solid transparent;
}
.draw-pass-distance {
  position: absolute;
  border-bottom: 4px solid #1b9ef3;
  height: 10px;
  left: 0;
  bottom: -3px;
}
.draw-pass-distance.no-complite-pass:after {
  content: " ";
  position: absolute;
  bottom: -7px;
  right: -5px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1b9ef3;
}
.card .route-start-time {
  /*padding-left: 0.75rem;*/
}
.card .route-end-time {
  width: 100%;
  /*padding-right: 0.75rem;*/
}
/* active route */
/* disabled route */
.route-item.card.disabled {
  background: #efefef;
}
.route-item.card.disabled .map,
.point-item.card.disabled .map {
  /*display: table;*/
  height: 235px!important;
  padding: 34px;
  vertical-align: middle;
  background: #cfd8dc;
}
.point-item.card.disabled .map-wrapper {
  /*height: 200px!important;*/
}
.point-item.card.disabled .map {
  /*height: 200px!important;*/
}
.point-item.card.disabled .map:before {
  content: "Точка маршрута не активна";
}
.route-item.card.disabled .map:before {
  content: "Маршрут не активен";
}
.route-item.card.disabled .map:before,
.point-item.card.disabled .map:before {
  position: absolute;
  display: block;
  font-size: 16px;
  color: #eceff1;
  vertical-align: middle;
  top: 40px;
  left: 10px;
}
.route-item.card.disabled .map:after,
.point-item.card.disabled .map:after {
  content: "";
  float: right;
  display: inline-block;
  width: 120px;
  height: 160px;
  background: url(/static/images/icons/not_active.png) no-repeat 50%;
  background-size: contain;
  margin-top: 20px;
}
/*@media only screen and (max-width: 1280px){*/
/*.route-item.card.disabled .map:before,.point-item.card.disabled .map:before {*/
/*display: block;*/
/*font-size: 20px;*/
/*text-align: center;*/
/*}*/
/*.route-item.card.disabled .map:after,.point-item.card.disabled .map:after {*/
/*width: 100%;*/
/*margin-top: 30px;*/
/*height: 106px;*/
/*}*/
/*}*/
.route-item.card.disabled .route-date {
  color: #555;
}
.route-item.card.disabled .card-title,
.route-item.card.disabled .route-lenght-block {
  color: #555;
}
.route-item.card.disabled .route-lenght-info-item {
  border-color: #555;
}
.route-item.card.disabled .route-lenght-info-item {
  border-color: #555;
}
.route-item.card.disabled .route-lenght-info-item:before {
  background: #555;
}
.route-item.card.disabled .route-lenght-info-item:after {
  border-left-color: #555;
}
/* ------------ МАРШРУТНЫЙ ЛИСТ -------------- */
/* CONTENT ------------------- */
/* POINT ITEM */
#content .point-item .card-header h2 {
  margin: 0 35px 10px 0;
  font-size: 1.29em;
  line-height: 24px;
}
#content .point-item .card-header h3 {
  margin: 0 0 10px;
  font-size: 1.14em;
  line-height: 22px;
  color: #555;
}
#content .point-item .card-header .point-address {
  height: 44px;
  margin: 0;
  font-size: 1.14em;
  line-height: 22px;
  color: #a8a8a8;
}
#content .point-item .map-wrapper .point-number {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
}
#content .point-item .card-header .point-item-contacts a {
  color: #555;
}
#content .point-item .map-wrapper .point-time-date {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  height: 37px;
  padding: 7px 10px 0 10px;
  color: #fff;
  line-height: 26px;
}
#content .point-item .map-wrapper .point-time-date .mdi {
  float: left;
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 0;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  background: #fff;
}
#content .point-item .map-wrapper .point-time-date .point-timezone {
  float: left;
  margin-left: 8px;
}
#content .point-item .map-wrapper .point-time-date .point-time {
  float: left;
  margin-left: 5px;
  font-weight: bold;
}
#content .point-item .map-wrapper .point-time-date .point-date {
  float: left;
  margin-left: 14px;
  font-size: 12px;
}
#content .point-item .point-info {
  margin-top: 0;
  margin-bottom: 6px;
  line-height: 26px;
  color: #555;
}
#content .point-item .point-info .point-info-content {
  padding-left: 15px;
}
#content .point-item .point-info .point-info-title {
  position: relative;
  padding-left: 26px;
}
#content .point-item .point-info .point-info-title .mdi {
  position: absolute;
  left: 0;
  font-size: 20px;
}
#content .point-item .point-info .pin-prot-info {
  overflow: hidden;
  height: 26px;
}
/* buttons */
#content .point-item .card-buttons .finish-btn,
#content .point-item .card-buttons .navigation-btn {
  width: 36%;
  margin-left: 2.6%;
}
/*#content .point-item .card-buttons .navigation-btn {
	width: 35%;
	margin-left: 6.2%;
}*/
#content .point-item .card-buttons .go-btn {
  width: 22%;
  margin-left: 0;
}
#content .card-buttons .btn {
  margin-left: 3.2%;
}
#content .card-buttons .call-btn,
#content .card-buttons .payment-btn {
  width: 35%;
}
#content .card-buttons .order-cancel-btn {
  width: 20%;
}
#content .card-buttons .give-goods-btn {
  width: 38%;
}
#content .card-buttons .succes-btn {
  width: 47%;
}
#content .card-buttons .payment-offline-btn {
  width: 49%;
}
#content .card-buttons .btn:last-child {
  margin-left: 0;
}
/* --------- Маршрутные листы(адрес) ---------- */
#content .point-address .card-title {
  font-size: 16px;
}
.point-address .carousel {
  height: 200px!important;
}
.point-address .carousel .carousel-item {
  width: 26%!important;
  min-width: 26%!important;
  min-height: 100px;
  margin-left: 13%;
  opacity: 100!important;
}
.point-address .add-photo {
  display: table-cell;
  color: inherit;
  z-index: 1;
}
.point-address .add-photo .material-icons {
  font-size: 6rem;
  line-height: normal;
}
/* ------------ Маршрутные листы(контакты) ------------- */
#content #tab-contacts .contact-image {
  position: relative;
  height: 280px;
  width: 100%;
  background-size: contain;
  background: #fff center center no-repeat;
  -webkit-box-shadow: inset -7px -133px 225px -50px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset -7px -133px 225px -50px rgba(0, 0, 0, 0.35);
  box-shadow: inset -7px -133px 225px -50px rgba(0, 0, 0, 0.35);
}
#content #tab-contacts .contact-image .contact-image-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px;
  font-size: 30px;
  color: #fff;
}
#content #tab-contacts .contact-image .contact-image-title .client-post {
  font-size: 20px;
}
.contact-list {
  margin: 0;
}
.contact-list li.divider {
  padding-left: 0;
  margin-left: 40px;
}
.contact-list li {
  overflow: hidden;
  padding-left: 40px;
  margin-bottom: 15px;
}
.contact-list li:last-child {
  margin-bottom: 0;
}
.contact-list li a {
  color: inherit;
}
.contact-list .mdi:before {
  float: left;
  padding: 10px 0 10px;
  margin-left: -40px;
  font-size: 20px;
  color: #555;
}
.contact-list li .contact-text {
  font-size: 16px;
}
.contact-list li .contact-label {
  color: #a8a8a8;
}
/* Маршрутные листы - товары */
[id^="tab-"] h5 {
  margin-left: 10px;
}
#tab-goods .good-img {
  position: relative;
  float: left;
  width: 72px;
  height: 100%;
  min-height: 60px;
  margin-left: -72px;
  overflow: hidden;
}
#tab-goods .good-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
#tab-goods .collection .collection-item.avatar {
  padding: 5px 40px 5px 85px;
}
#tab-goods .collection .collection-item.avatar .title {
  font-size: 16px;
  margin-top: 7px;
}
#tab-goods .collection .goods-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  max-height: 60px;
  max-width: 60px;
  margin: auto;
}
#tab-goods .collection .goods-info {
  padding-top: 5px;
}
#tab-goods .collection .secondary-content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto 0;
  height: 22px;
  font-size: 22px;
  color: #666;
}
#tab-goods {
  position: relative;
}
#tab-goods .good-card {
  /*height: 100px;*/
}
#tab-goods .good-card > div {
  display: inline-block;
  padding: 5px;
}
#tab-goods .photo-good {
  width: 90px;
  height: 90px;
  margin: 5px;
}
#tab-goods .goods-info {
  position: absolute;
  top: 20px;
  left: 120px;
}
#tab-goods .goods-info h5 {
  margin: 0;
}
/* Маршрутные листы - оплата */
#tab-payment .collection,
#tab-tasks .collection li,
#tab-tasks .collection,
#tab-payment .collection li {
  border: 0;
}
#tab-payment .collection li:last-child {
  border-bottom: 1px solid #e0e0e0;
}
#tab-payment .collection .collection-item.avatar {
  padding-left: 0;
  margin-left: 72px;
}
#tab-payment .collection .secondary-content {
  font-size: 22px;
  color: #666;
}
#tab-payment .collection .circle {
  margin-left: -72px;
}
#tab-payment textarea {
  margin-bottom: 0;
}
/* Маршрутные листы - задачи */
#tab-tasks .collapsible .collapsible-header {
  display: table;
  width: 100%;
  padding: 10px 12px;
}
#tab-tasks .collapsible .collapsible-header-body {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1rem;
}
#tab-tasks .collapsible .collapsible-body {
  padding-left: 70px;
}
.btns-block {
  position: fixed;
  bottom: 0;
  clear: both;
  width: 100%;
  padding: 10px .75rem 15px;
}
.btns-block .btn {
  float: right;
  margin-left: 2%;
  top: -20px;
}
.no-fixed-position-to-tasks-tab {
  position: relative;
  left: -70px;
  width: calc(100% + 70px);
  height: 0;
}
/*-----------------------------------------Новый дизайн для админки-------------------------------------------------------------------*/
.active-and-show-on-map {
  background-color: lightgrey!important;
}
a:focus,
a:hover {
  /*color: white;*/
  text-decoration: none;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: white;
}
.go-btn.btn:hover,
.go-btn.btn:focus,
.info-btn.btn:hover,
.info-btn.btn:focus {
  color: red;
}
.add-relativ-position {
  position: relative;
}
h1,
h2,
h3,
h4 {
  line-height: 100%;
  margin: 15px 0;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.2rem;
}
a {
  color: #1b9ef3;
}
/*a:hover{*/
/*color: @light_gray;*/
/*}*/
.blue-color {
  background-color: #1b9ef3 !important;
}
.container {
  padding: 0;
}
.remove-padding {
  padding: 0!important;
}
.remove-margin {
  margin: 0!important;
}
.set-width-100 {
  width: 100%!important;
}
.logo-name {
  position: absolute;
  top: 0;
  left: 70px;
  font-size: 20px;
}
#modal1 {
  bottom: auto;
  max-width: 500px;
}
#modal1 .modal-content {
  border-radius: 0;
  box-shadow: none;
}
.container,
.row,
.col,
.s12,
.m4,
.l4 {
  max-width: 100%;
}
.driver-info label {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 0.9em;
  font-weight: normal;
  color: #a8a8a8;
  line-height: 20px;
}
#map {
  /*margin-top: 10px;*/
  height: calc(100vh - 64px);
  width: 100%;
}
.navbar-fixed {
  z-index: 1000!important;
}
.route-status .dropdown-content {
  z-index: 99!important;
}
/*@media only screen and (min-width: 1280px) {*/
/*.container {width: 90%;}*/
/*.route-list .fixed-action-btn {left: 25%; bottom: 50px;}*/
/*}*/
/*@media only screen and (min-width: 993px) {*/
/*.container {width: 90%;}*/
/*.route-list .fixed-action-btn {left: 25%; bottom: 50px;}*/
/*}*/
@media only screen and (min-width: 601px) {
  .container {
    width: 90%;
  }
  .fixed-action-btn {
    left: 31%;
    bottom: 50px;
  }
}
.container {
  width: 90%;
}
nav .brand-logo img {
  margin: 5px;
  height: 55px;
}
.work-space,
.options-panel,
.points-list-wraper,
.points-list {
  width: 100%;
}
.nav-breadcrumb {
  height: 18px;
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: normal;
  padding: 5px;
}
.nav-breadcrumb .breadcrumb {
  font-size: 15px;
  color: #a8a8a8;
}
.nav-breadcrumb .breadcrumb:before {
  font-size: 15px;
  color: #a8a8a8;
  margin: 0;
}
.nav-breadcrumb .breadcrumb:last-child {
  color: rgba(0, 0, 0, 0.87);
}
[type="submit"] {
  color: white;
}
/*---------------Card------------------*/
.card-buttons-block {
  height: 40px;
}
.card-buttons-block .fixed-action-btn {
  padding: 0;
  width: 40px;
}
.card-buttons-block .fixed-action-btn-in-card {
  left: 10px;
}
.card-buttons-block .fixed-action-btn-in-card ul {
  /*left: -5px;  если поменять на вертикальные*/
  bottom: 50px;
}
.card-content .card-buttons-block .fixed-action-btn-in-card ul li {
  /*margin: 4px; если поменять на вертикальные*/
}
.card-buttons,
.card-buttons-block {
  padding: 0 0 5px 0;
  margin: 0;
}
.card-buttons .badge,
.card-buttons-block .badge,
.points-list .badge {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #26a69a;
  border-radius: 2px;
  margin-left: 0;
  margin-top: 18px;
}
.points-list .badge {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}
blockquote {
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-left-color: #1b9ef3;
}
.show_routes .show_routes_list blockquote .card {
  margin-left: 0;
}
.card {
  margin: 5px;
}
.card .card-title a {
  color: black;
}
.card-block {
  margin-bottom: 10px!important;
  position: relative;
}
.route-info-block {
  padding: 0!important;
}
.route-info-block-item span,
.card-block label {
  font-size: 0.8em;
  font-weight: normal;
  color: #a8a8a8;
}
.route-info-block-value span {
  font-weight: bolder;
}
.route-date {
  position: relative;
  top: 10px;
}
.fixed-action-btn {
  width: 56px;
  z-index: 20;
}
.fixed-action-btn ul {
  left: 8px;
  text-align: left;
}
.fixed-action-btn-in-card {
  float: right;
  position: relative;
  left: 0;
  bottom: 0;
  margin-right: 3px;
}
.edit_button_container {
  margin-top: 8px;
}
.fixed-action-btn-in-card > .btn-floating > i,
.points-list .btn-floating > i {
  color: #1b9ef3;
}
.fixed-action-btn.horizontal.fixed-action-btn-in-card ul li {
  margin-top: 0;
}
.fixed-action-btn-in-card > .btn-floating.delete > i {
  color: #fff;
}
.card-buttons .fixed-action-btn-in-card ul li,
.card-buttons-block .fixed-action-btn-in-card ul li {
  margin: 0;
}
.card-buttons .fixed-action-btn-in-card ul,
.card-buttons-block .fixed-action-btn-in-card ul {
  right: 44px;
}
.mobile-fab-tip {
  position: fixed;
  right: 69%;
  padding: 0 0.5rem;
  text-align: right;
  background-color: white!important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: black;
  width: auto;
  height: 25px;
  line-height: 25px;
}
.container .row {
  margin: 0;
}
a.btn-floating {
  background-color: #1b9ef3;
}
/*-------list scroller------------------------*/
.wrapper {
  overflow-y: auto ;
  max-height: calc(100vh - 64px);
}
/*-----------Модернизация скролла-------------------------------*/
::-webkit-scrollbar {
  width: 12px;
  /* for vertical scrollbars */
  height: 12px;
  /* for horizontal scrollbars */
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
  background: #1b9ef3;
}
/*--------------Замена стандартного цвета в фильтре МЛ--------------------------------*/
.dropdown-content li > a,
.dropdown-content li > span {
  color: rgba(0, 0, 0, 0.87);
}
.picker__date-display,
.picker__weekday-display,
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused {
  background-color: #1b9ef3 !important;
}
button.picker__today,
button.picker__close,
.picker__day.picker__day--today {
  color: #1b9ef3;
}
.picker__nav--next:hover,
.picker__nav--prev:hover {
  background: rgba(27, 158, 243, 0.2);
}
/*--------------Модификацтт для списка точек---------------------*/
.points-list > .row {
  padding: 0 10px;
}
.points-list .row .col {
  padding: 0;
}
.points-list .card {
  /*height: 150px;*/
  padding: 10px 10px 1px 10px;
}
@media only screen and (max-width: 600px) {
  .points-list .card {
    height: auto;
  }
}
.points-list .card-block,
.points-list .col {
  position: relative;
}
.points-list .edit-icon {
  position: absolute;
  top: -10px;
  right: -10px;
}
.points-list .card .route-lenght-info .route-time:after {
  right: -2px;
}
.points-list .card .route-lenght-info .route-time:before {
  left: -2px;
}
.points-list .btn-floating {
  left: -3px;
}
.points-list .card-positions > .card-block > div {
  display: inline-block;
}
.points-list .card-positions > .card-block > div .btn-floating {
  bottom: 5px;
}
.points-list .route-date {
  top: 0;
}
.points-list .set-right-0 {
  right: 0;
}
.points-list .set-right-0 a {
  width: 23px;
}
.card-buttons .fixed-action-btn .fix-width-in-btn-floating {
  width: inherit;
}
.collapsible .collapsible-header {
  padding: 0;
}
.points-list-wraper .collapsible-body {
  padding: 10px;
}
.points-list-wraper .collapsible-body .info-value > span {
  color: black;
}
.points-list-wraper .collapsible-body .badge {
  color: white;
}
.points-list-wraper .collapsible-body .task-name {
  margin-left: 10px;
  color: black;
}
.points-list-wraper .collapsible-body .tasks-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 5px;
}
.position-number i {
  margin: 0;
}
.position-number .position-number-arrow {
  position: relative;
  top: 15%;
}
.position-number > .card-block {
  height: 36px;
  width: 36px;
  border-radius: 50%;
}
.points-list-wraper #map {
  height: calc(100vh - 200px);
}
.points-list-wraper .wrapper {
  max-height: calc(100vh - 200px);
}
.points-list-wraper .work-space {
  border-top: 1px solid #a8a8a8;
}
.row .wrapper .card {
  overflow-x: hidden;
}
.double-arrows {
  color: #1b9ef3;
}
/*-----------------Модификации для редактора точки Edit_show_route_position---------------*/
.edit-show-route-position {
  position: relative;
}
.edit-show-route-position .col {
  padding: 0;
}
.edit-show-route-position .card {
  padding: 10px;
}
/*.edit-show-route-position .card .add-goods i,*/
/*.edit-show-route-position .card .add-task i{*/
/*color: #F44336;*/
/*}*/
.edit-show-route-position .counterparty-choice {
  padding-right: 40px;
  position: relative;
  width: 100%;
  padding-bottom: 1px;
}
.edit-show-route-position .counterparty-choice .counterparty-input-wrapper {
  position: absolute;
  margin-right: 60px;
  top: -15px;
  left: 0;
  width: calc(100% - 60px);
}
.edit-show-route-position .counterparty-choice .counterparty-input-wrapper input {
  background-color: white;
}
.edit-show-route-position .counterparty-choice .counterparty-choice-wrapper input {
  border-bottom: none;
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0);
}
.edit-show-route-position input[type=text].required-fields-style,
.edit-show-route-position input[type=number].required-fields-style {
  border-bottom-color: red;
}
.edit-show-route-position .counterparty-choice .counterparty-choice-wrapper span.caret {
  right: 15px;
}
.edit-show-route-position #id-form-edit-show-route-position .wrapper-form-content-edit-show-route-position {
  padding: 0 0.75rem;
}
.edit-show-route-position #id-form-edit-show-route-position .wrapper-button-content-edit-show-route-position {
  padding: 0 calc(0.75rem + 5px);
}
.edit-show-route-position #id-form-edit-show-route-position #tab-recipient .btn-floating {
  position: absolute;
  right: -5px;
  top: -25px;
}
.edit-show-route-position #id-form-edit-show-route-position #tab-recipient #edit-counterpary,
.edit-show-route-position #id-form-edit-show-route-position #tab-recipient #edit-contacts {
  top: 15px;
}
[type="checkbox"]:checked + label:before {
  border-bottom-color: #1b9ef3;
  border-right-color: #1b9ef3;
}
.edit-show-route-position-tabs {
  padding: 0!important;
  margin-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
}
.tabs .tab a:hover,
.tabs .tab a.active,
.tabs .tab a {
  color: #1b9ef3;
}
.edit-show-route-position .tabs .disabled a {
  color: #a8a8a8;
}
.tabs .indicator {
  background-color: #1b9ef3;
}
.edit-show-route-position .btn-navy {
  background: #1b9ef3 !important;
}
/*.edit-show-route-position .photo-block{*/
/*position: absolute;*/
/*top: 22rem;*/
/*width: 100%;*/
/*}*/
/*.edit-show-route-position .photo-block .card{*/
/*margin: 0 calc(0.75rem + 5px);*/
/*}*/
.edit-show-route-position .photo-block .card .item i {
  color: white;
}
.edit-show-route-position .photo-block .card .item:last-child i {
  color: #1b9ef3;
}
.edit-show-route-position .photo-block .photo-destination {
  overflow-x: auto ;
}
.edit-show-route-position .photo-block .photo-destination .wrapper-photo-destination {
  width: 2000px;
}
.edit-show-route-position .photo-block .photo-destination .item {
  display: inline-block;
  height: 200px;
  width: 200px;
  position: relative;
  padding: 0;
  margin: 0;
}
.edit-show-route-position .photo-block .photo-destination .item .row {
  padding: 0;
  margin: 0;
}
.edit-show-route-position .photo-block .photo-destination .item .row .col {
  padding: 0;
  margin: 0;
}
.edit-show-route-position .photo-block .photo-destination .item .btn-floating {
  position: absolute;
  right: 5px;
  top: 5px;
}
.edit-show-route-position .photo-block .photo-destination .item .wrapper-img {
  overflow: hidden;
  height: 200px;
  width: 200px;
}
.edit-show-route-position .photo-block .photo-destination .item .item-img {
  height: 200px;
  width: 200px;
  background-size: cover;
}
.add-button-img-photo-destination {
  font-size: 200px;
}
.add-button-photo-destination {
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .edit-show-route-position .photo-block {
    top: 31rem;
  }
}
#id-add-button-photo {
  cursor: pointer;
  position: relative;
}
#id-add-photo-label {
  position: absolute;
  bottom: 5px;
}
.edit-show-route-position #id-form-edit-show-route-position #tab-tasks a,
.edit-show-route-position #id-form-edit-show-route-position #tab-product a {
  position: relative;
}
.edit-show-route-position #id-form-edit-show-route-position #tab-product a.add-goods,
.edit-show-route-position #id-form-edit-show-route-position #tab-tasks a.add-task {
  position: absolute;
  right: 0;
  top: 0;
}
.edit-show-route-position #tab-tasks a:hover,
.edit-show-route-position #tab-product a:hover {
  background-color: #47b6fe;
}
/*--------------Загрузка маршрутного листа------------ */
.set-height-70 {
  height: 70px;
}
.set-height-70 .select-wrapper {
  width: 100%;
}
/*--------------Логин --------------------------*/
.login-driver-page nav,
.login-manager-page nav {
  padding: 0 20px;
}
.login-driver,
.login-manager {
  margin: 50px auto;
  width: 400px;
}
.login-driver [type="button"] {
  width: 100%;
}
.login-driver .row .col {
  padding: 5px 2px;
}
.login-driver .logo-block div,
.login-manager .logo-block div {
  display: inline-block;
  font-size: 15px;
  /*font-weight: bold;*/
}
.login-driver .logo-block img,
.login-manager .logo-block img {
  height: 160px;
}
.login-driver .character-counter {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.login-driver .input-field {
  margin-bottom: 5px;
}
.login-driver .input-field .prefix {
  position: absolute;
  right: 0;
  width: 29px;
  top: 10px;
}
.input-field .prefix ~ input,
.input-field .prefix ~ label {
  margin-left: 0;
  width: 100%;
}
.i-manager {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.login-driver .modal {
  top: 20%;
  width: 400px;
}
/*------Прелоадер---------*/
.preloader-wrapper {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
}
/* --------------------- Медиа-запросы -------------------------- */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .card-buttons .btn {
    font-size: 0.85em;
  }
}
@media only screen and (max-width: 360px) {
  .card .route-lenght-info .route-time:before {
    left: -2px;
  }
  .card .route-lenght-info .route-time:after {
    right: -2px;
  }
}
@media only screen and (max-width: 320px) {
  .card-buttons .btn {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 601px) {
  #modal1 {
    top: 0!important;
    max-height: 100%!important;
  }
}
/*------------Добавление маршрутного листа------------------------------------------*/
.select-wrapper span.caret {
  border: none;
  right: 10px;
}
.add-route-list .card {
  padding: 10px;
}
.add-route-list .btn-floating i {
  color: #1b9ef3;
}
.text-blue {
  color: #1b9ef3 !important;
}
.add-route-list .set-driver {
  margin-right: 85px;
  margin-top: 15px;
}
/*.add-route-list .select-wrapper+label{*/
/*top: 5px;*/
/*}*/
.add-route-list .driver-edit-btns {
  position: absolute;
  right: 85px;
  top: 46px;
}
.add-route-list .driver-edit-btns div {
  position: relative;
}
.add-route-list .driver-edit-btns #btnEditDriver,
.add-route-list .driver-edit-btns #btnEditCar {
  position: absolute;
  left: 0;
  bottom: -10px;
}
.add-route-list .driver-edit-btns #btnAddDriver,
.add-route-list .driver-edit-btns #btnAddCar {
  position: absolute;
  left: 0;
  top: -65px;
}
.add-route-list .driver-edit-btns [disabled] {
  background-color: white!important;
}
.add-route-list .driver-edit-btns [disabled] i {
  color: #DFDFDF !important;
}
.add-route-list .data-field-wrapper {
  margin: 5px 20px;
}
.add-route-list .data-field-wrapper div {
  position: relative;
}
.add-route-list .label-lat-lan {
  position: absolute;
  top: -10px;
  font-size: .7rem;
}
.add-route-list .data-field-wrapper + label {
  position: relative;
}
.add-route-list .label-lat-lan {
  top: 45px;
}
.add-route-list .material-icons.red {
  position: absolute;
  right: 0;
  bottom: 0;
}
.add-route-list .card .row {
  margin-bottom: 0;
}
.add-route-list [type="submit"] {
  margin-left: 5px;
}
.add-route-list .bootstrap-datetimepicker-widget {
  position: absolute !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #1b9ef3;
  color: white;
}
.add-route-list .bootstrap-datetimepicker-widget [type="button"] {
  display: none;
}
.bootstrap-datetimepicker-widget a[data-action="incrementHours"],
.bootstrap-datetimepicker-widget a[data-action="decrementHours"],
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"],
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] {
  padding: 0;
  width: 54px;
  height: 54px;
}
.bootstrap-datetimepicker-widget a[data-action="incrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] span {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action="incrementHours"] span:hover,
.bootstrap-datetimepicker-widget a[data-action="decrementHours"] span:hover,
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"] span:hover,
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] span:hover {
  background: #1b9ef3;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
  background: #1b9ef3;
}
/*-----------Стили Настроек-------------------*/
/*.settings-app{*/
/*margin: 10px;*/
/*}*/
.settings-app input[type=range] + .thumb {
  background-color: #1b9ef3;
  z-index: 10;
}
.settings-app input[type=range]::-webkit-slider-thumb {
  background-color: #1b9ef3;
}
.settings-app input[type=range]::-moz-range-thumb {
  background-color: #1b9ef3;
}
.settings-app input[type=range]::-ms-thumb {
  background-color: #1b9ef3;
}
.settings-app .range-field + div label {
  -o-transform: translateY(-30px) scale(0.8);
  -ms-transform: translateY(-30px) scale(0.8);
  -moz-transform: translateY(-30px) scale(0.8);
  -webkit-transform: translateY(-30px) scale(0.8);
  transform: translateY(-30px) scale(0.8);
  z-index: 1;
}
.settings-app .range-field + div span {
  position: absolute;
  top: -30px;
  right: 0;
}
.settings-app .range-field {
  margin-top: 60px;
  margin-bottom: 30px;
}
.settings-app #get_coords_button {
  position: absolute;
  top: -15px;
  right: 0;
  height: 32px;
}
.settings-app .get-coordinates-wrapper {
  position: relative;
}
/*-----------------Стиль продуктов-------------------*/
.add-product-photo-btn-wrapper {
  position: relative;
  width: 150px;
  display: inline-block;
}
.add-product-photo-btn-wrapper a {
  position: absolute;
}
.add-product-photo-btn-wrapper .btn-remove {
  top: 0;
  right: 0;
  margin: 3px;
}
.add-product-photo-btn-wrapper .btn-make-main {
  left: 0;
  bottom: 20px;
  width: 140px;
  height: 20px;
  margin-left: 5px;
  font-size: 10px;
  line-height: 20px;
  background-color: rgba(27, 158, 243, 0.6);
}
.add-required-style {
  position: relative;
}
.add-required-style:after,
.add-required-style-to-select:after {
  color: #333;
  /* Цвет текста */
  font-size: 60%;
  /* Размер шрифта */
  padding: 2px;
  /* Поля вокруг текста */
  position: absolute;
  bottom: 5px;
  left: 0;
}
.add-required-style-to-select {
  margin-bottom: 40px;
}
.add-required-style-to-select:after {
  bottom: -15px;
}
.edit-contact-person #id_photo_avatar,
.add-contact-person #id_photo_avatar,
.edit_driver #id_photo_avatar,
.add_driver #id_photo_avatar {
  margin-left: 30px;
  cursor: pointer;
  width: 200px;
}
.edit-counterparty .default-phone-wrapper,
.edit-contact-person .default-phone-wrapper,
.edit-counterparty .default-phone-wrapper,
.edit-contact-person .default-phone-wrapper {
  position: relative;
  padding-right: 40px;
}
.edit-counterparty .default-phone-btns,
.edit-contact-person .default-phone-btns,
.edit-counterparty .default-phone-btns,
.edit-contact-person .default-phone-btns {
  position: absolute;
  top: -25px;
  right: 0;
}
/*--------------------Upload list-----------------*/
.upload-route-list .add-required-style-to-upload-list {
  margin-bottom: 0;
  position: relative;
}
.upload-route-list .add-required-style-to-upload-list:after {
  bottom: 9px;
}
/*----------show_tracking_map Трекинг-------------*/
.show_tracking_map .red-text,
.show_tracking_map .green-text {
  font-size: 18px;
  font-weight: bold;
}
.show_tracking_map .red-text {
  color: red!important;
}
.show_tracking_map .green-text {
  color: green;
}
.show_tracking_map span {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.show_tracking_map .preloader-wrapper {
  top: 150px;
  left: calc(50% - 32px);
}
.show_tracking_map .car-mini-icon {
  position: absolute;
  top: -60px;
  right: 15px;
}
.show_tracking_map .agents-count {
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #1b9ef3;
  color: white;
  padding: 5px 2px 2px;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
}
.show_tracking_map input[type=text] {
  margin-bottom: 0;
}
.show_tracking_map .buttons-state {
  margin-top: 10px;
}
.show_tracking_map .buttons-state a {
  font-weight: bold;
}
.show_tracking_map .wrapper,
.show_tracking_map #map {
  max-height: calc(100vh - 155px);
}
.show_tracking_map a[name] + a {
  color: black;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
}
.errorlist {
  color: red;
  font-weight: bold;
  font-size: 12px;
}
#agent_info {
  position: relative;
  padding-left: 15px;
}
#agent_info > div {
  display: inline-block;
  width: 81px;
  height: 81px;
  border-radius: 50%;
  background: url(/static/images/setAva200_200.png) no-repeat center / contain;
  position: relative;
}
#agent_info > span {
  position: absolute;
  left: 120px;
}
#agent_info > div > .badge {
  position: absolute;
  bottom: -5px;
  right: -5px;
}
#agent_info .badge {
  color: white;
}
.show-routes-wrapper {
  position: relative;
}
.show-routes-option-panel-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.show-routes-option-panel {
  margin: 0;
  transition-property: all;
  transition-duration: 3s;
}
.show-routes-option-panel-controller:hover {
  cursor: pointer;
}
.show-routes-option-panel-controller {
  font-weight: bold;
  color: #1b9ef3;
  width: 135px;
  height: 25px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  text-align: center;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: white;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.show-routes-option-panel-controller .info-span {
  position: relative;
  top: -8px;
}
.show-routes-option-panel label {
  position: absolute;
  font-size: 10px;
  -o-transform: translateY(-14px) scale(0.8);
  -ms-transform: translateY(-14px) scale(0.8);
  -moz-transform: translateY(-14px) scale(0.8);
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.bgc-white {
  background-color: white!important;
}
.good_button_position {
  position: absolute;
  bottom: 10px;
}
.good_button_position_cancel {
  right: 160px;
}
.good_button_position_give {
  right: 5px;
}
@media only screen and (max-width: 600px) {
  .fix-height-div {
    height: 36px;
  }
}
@media only screen and (min-width: 601px) {
  .fix-height-div {
    height: 100px;
  }
}
/*.btn-navigation-bgr{*/
/*background-position: top left;*/
/*background-repeat: no-repeat;*/
/*background-size: contain;*/
/*width: 36px;*/
/*height: 36px;*/
/*display: block;*/
/*margin-left: 2.6%;*/
/*position: absolute;*/
/*top: 175px;*/
/*right: 3px;*/
/*}*/
.label-for-status {
  position: absolute;
  left: 0;
  top: -5px;
}
.position-absolute {
  position: absolute;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.btn-round {
  border-radius: 18px;
}
.pagination > li > a,
.pagination > li > span {
  border: none;
}
.logo-block-describe {
  min-height: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.text_logo {
  font-size: 16px;
  width: 70%;
}
.youtube-icon {
  padding-top: 4px;
}
.youtube-icon > a > div {
  background: url(../images/icons/youtube-512.png) 100% 100% no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
}
.table-vcenter-th > thead > tr > th {
  vertical-align: middle;
  text-align: center;
}
.calculate-header {
  margin-top: 10px;
  margin-bottom: 25px;
  height: 120px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  /*border-bottom: 2px solid #999999;*/
}
.calculate-header-body {
  display: grid;
  height: 100px !important;
}
.calculate-header-body .marg-left {
  margin-left: 15px;
}
.calculate-header-body .big-text {
  font-size: 28px;
  font-weight: bold;
  color: #555555;
}
.calculate-header-body .midle-text {
  font-size: 18px;
  font-weight: bold;
  color: #555555;
}
.calculate-header-body .small-text {
  font-size: 16px;
  font-weight: bold;
  color: #555555;
}
.calculate-header-body span {
  font-size: 16px;
  /*font-weight: bold;*/
  color: #337ab7;
}
.calculate-header-body .fl-right {
  float: right;
  margin-left: 5px;
}
.calculate-header .brd-right {
  border-right: 1px solid #bbbbbb;
}
.tr-block-auto td {
  border: 1px solid #bbbbbb !important;
  text-align: center;
}
.tr-block-auto:hover {
  cursor: pointer;
  background-color: #dbeefb;
}
.card1 {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1250px) {
  .calculate-header-body .big-text {
    color: #555555;
    font-weight: bold;
    font-size: 20px;
  }
  .calculate-header-body .midle-text {
    color: #555555;
    font-weight: bold;
    font-size: 14px;
  }
  .calculate-header-body .small-text {
    color: #555555;
    font-weight: bold;
    font-size: 12px;
  }
  .calculate-header-body span {
    font-size: 12px;
    font-weight: bold;
    color: #337ab7;
  }
}
/*=========Для таблиц оптимизации маршрута=======*/
.calculate-header {
  margin-top: 10px;
  margin-bottom: 25px;
  height: 120px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  /*border-bottom: 2px solid #999999;*/
}
.calculate-header-body {
  display: grid;
  height: 100px !important;
}
.calculate-header-body .marg-left {
  margin-left: 15px;
}
.calculate-header-body .big-text {
  color: #555555;
  font-weight: bold;
  font-size: 28px;
}
.calculate-header-body .midle-text {
  color: #555555;
  font-weight: bold;
  font-size: 18px;
}
.calculate-header-body .small-text {
  color: #555555;
  font-weight: bold;
  font-size: 16px;
}
.calculate-header-body span {
  font-size: 16px;
  /*font-weight: bold;*/
  color: #337ab7;
}
.calculate-header-body .fl-right {
  float: right;
  margin-left: 5px;
}
.calculate-header .brd-right {
  border-right: 1px solid #bbbbbb;
}
.tr-block-auto td {
  border: 1px solid #bbbbbb !important;
  text-align: center;
}
.tr-block-auto:hover {
  cursor: pointer;
  background-color: #dbeefb;
}
.card1 {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1250px) {
  .calculate-header-body .big-text {
    color: #555555;
    font-weight: bold;
    font-size: 20px;
  }
  .calculate-header-body .midle-text {
    color: #555555;
    font-weight: bold;
    font-size: 14px;
  }
  .calculate-header-body .small-text {
    color: #555555;
    font-weight: bold;
    font-size: 12px;
  }
  .calculate-header-body span {
    font-size: 12px;
    font-weight: bold;
    color: #337ab7;
  }
}
/*=====  End of Layout  ======*/
/*==============================
=            Module            =
==============================*/
/*=====  End of Module  ======*/
/*=============================
=            State            =
=============================*/
/*=====  End of State  ======*/


.search-wrapper i.material-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}