/*panel*/


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    font-size: 10px;
    color: #606c6e;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: 0 none;
    outline: 0 none;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

i {
    display: inline-block;
}

input {
    border: none;
    outline: none;
}

.-md-row {
    outline: none;
}

.-md-row.row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.-md-row>.col-xs-8,
.-md-row>.col-xs-4,
.-md-row>.col-xs-2,
.-md-row>.col-xs-3,
.-md-row>.col-xs-5,
.-md-row>.col-xs-6,
.-md-row>.col-xs-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .container {
        width: 740px;
    }
}

@media (min-width: 940px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1160px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 940px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}


/*Typography*/

body {
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

h1,
.h1 {
    font-size: 3.6rem;
    letter-spacing: -1.8px;
    margin-bottom: 2rem;
}

h2 {
    font-size: 2.4rem;
    letter-spacing: -1.2px;
    font-weight: normal;
    margin: 0 0 1rem 0;
}

h2 .indent {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

h2.-normal-spacing {
    letter-spacing: inherit;
}

h2.-bold {
    font-weight: 700;
}

h3 {
    font-size: 3rem;
    letter-spacing: -1.5px;
    margin: 0;
    font-weight: normal;
}

h4 {
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4rem;
    font-weight: normal;
    margin: 0 0 0.5rem 0;
    color: rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    text-shadow: none;
}

h4.-light {
    color: #adaeaa;
}

h4.-dark {
    color: #464646;
}

h4.-alert {
    color: #bd3021;
}

h4.-non-complete {
    color: #f26521;
}

h4.-alarm {
    color: #d1c025;
}

h4.-normal {
    color: #adaeaa;
}

h4.-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

h4.-ellipsis.-address:hover {
    overflow: visible;
    white-space: normal;
}

h4.-ellipsis.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

h4.-bright {
    color: #5556fe !important;
}

h4.crop-two-line {
    max-height: 2.8rem;
}

h4.-user-online {
    text-shadow: none;
    color: #5556fe !important;
    ;
}

h4.-user-offline {
    text-shadow: none;
    color: #ffb913;
}

h4.-label {
    color: rgba(0, 0, 0, 0.7);
}

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

h4.-need-bolder {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

h4.-ls-no {
    letter-spacing: 0;
}

h4.-hive-main {
    color: #ffb913;
}

h4.-xs-margin {
    margin-bottom: .3rem;
}

h4.-no-bottom {
    margin-bottom: 0;
}

h4.-gray {
    color: #adaeaa;
}

h5 {
    font-size: 0.9rem;
    letter-spacing: -0.2px;
    margin: 0 0 1rem 0;
}

h5.-bright {
    color: #ffb913;
}

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

a {
    text-decoration: none;
    color: #606c6e;
}

a:hover {
    text-decoration: none;
}

.smaller {
    font-size: 0.9rem;
    line-height: 1.2rem;
}

.smaller.-alert {
    color: #bd3021;
}

.smaller.-light {
    color: #f8f9f3;
}

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

.smaller.-gray {
    color: #adaeaa;
}

.smaller.-ls4 {
    letter-spacing: .4px;
}

.smaller-bold {
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.smaller-black {
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
}

.smaller-black.-light {
    color: #979e9d;
}

.xs-bold {
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: -0.3px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
}

.xs-bold i,
.xs-bold hsvg {
    margin-right: 2px;
}

.xs-bold.-light {
    color: rgba(96, 108, 110, 0.7);
}

.xs-bold.-alert {
    color: #bd3021;
}

.xs-bold.-indent {
    color: #bd3021;
}

.xs-bold.-confirmed {
    color: #94b74f;
}

.xs-bold.-tt {
    text-transform: none;
}

.xs-bold.-no-ls {
    letter-spacing: normal;
}

.xs-bold.-ln-1 {
    line-height: 1rem;
}

.xs-normal {
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4rem;
    font-weight: normal;
}

.xs-normal.-light {
    color: #adaeaa;
}

.xs-normal.-dark {
    color: #464646;
}

.xs-normal.-alert {
    color: #bd3021;
}

.xs-normal.-non-complete {
    color: #f26521;
}

.xs-normal.-alarm {
    color: #d1c025;
}

.xs-normal.-normal {
    color: #adaeaa;
}

.xs-normal.-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.xs-normal.-ellipsis.-address:hover {
    overflow: visible;
    white-space: normal;
}

.xs-normal.-ellipsis.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.xs-normal.-bright {
    color: #5556fe !important;
}

.xs-normal.crop-two-line {
    max-height: 2.8rem;
}

.xs-normal.-user-online {
    text-shadow: none;
    color: #5556fe !important;
    ;
}

.xs-normal.-user-offline {
    text-shadow: none;
    color: #ffb913;
}

.xs-normal.-label {
    color: rgba(0, 0, 0, 0.7);
}

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

.xs-normal.-need-bolder {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.xs-normal.-ls-no {
    letter-spacing: 0;
}

.xs-normal.-hive-main {
    color: #ffb913;
}

.sm-normal {
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
}

.sm-normal.-light {
    color: rgba(96, 108, 110, 0.7);
}

.sm-normal.-lighter {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.sm-normal.-login {
    color: #fff;
    text-shadow: 0 0 8px #000;
}

.sm-normal.-darker {
    color: #606c6e;
    text-shadow: none;
}

.sm-normal.-mb-xs {
    margin-bottom: 0.5rem;
}

.sm-normal.-alert {
    color: #bd3021;
}

.sm-normal.-success {
    color: #5556fe !important;
    ;
}

.sm-normal.-lightest {
    color: #ffffff;
    text-shadow: none;
    line-height: 1;
}

.sm-normal.-outside-select:active {
    user-select: none;
}

.sm-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
}

.sm-bold.crop-two-line {
    max-height: 2.8rem;
}

.sm-bold.-underline:hover {
    text-decoration: underline;
}

.sm-bold.-no-ts {
    text-shadow: none;
}

.sm-bold.-light {
    color: #adaeaa;
}

.sm-bold.-alarm {
    color: #ffb913;
}

.sm-bold.-red {
    color: #bd3021;
}

.sm-bold.-success {
    color: #5556fe !important;
    ;
}

.sm-bold.-distance {
    margin: 0 1rem 0 .5rem;
}

.sm-bold.-distance-mod {
    margin: 0 0 0 .5rem;
}

.sm-bold.-vertical-distance {
    margin: .5rem 0 0 0;
}

.sm-bold.-lighter {
    color: #fff;
    text-transform: none;
    text-shadow: none;
}

.bsm-normal {
    font-size: 1.3rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
}

.bsm-bold {
    font-size: 1.3rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    line-height: 1.2;
}

.xsm-normal {
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.xsm-normal.-light {
    color: rgba(96, 108, 110, 0.5);
}

.xsm-normal.-blue {
    color: #5556fe !important;
}

.xsm-normal.-without-shadow {
    text-shadow: none;
}

.xsm-normal.-lh1 {
    line-height: 1;
}

.xsm-normal.-alert {
    color: #bd3021;
}

.xsm-normal.-another-ts {
    text-shadow: 0 .1px 0 #000;
}

.xsm-normal.-std-spacing {
    letter-spacing: 0;
}

.xsm-normal.-mb-xs {
    margin-bottom: 0.5rem;
}

.xsm-normal.-mb {
    margin-bottom: 1rem;
}

.xsm-normal.-negative-ml {
    margin-left: -1rem;
}

.xsm-bold {
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.xsm-bold.-light {
    color: rgba(96, 108, 110, 0.5);
}

.xsm-bold.-alert {
    color: #bd3021;
}

.xsm-bold.-narrow {
    line-height: 1;
}

.xsm-bold.-narrow-xsm {
    line-height: 1.4rem;
}

.xsm-bold.-std-spacing {
    letter-spacing: 0;
}

.xsm-bold.-left-indent {
    margin-left: 1rem;
}

.md-normal {
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    text-shadow: 0 1px 0 #ffffff;
}

.md-normal.-oblate {
    line-height: 1.07;
}

.md-normal.-bright {
    color: #5556fe !important;
    ;
}

.md-normal.-cancellation {
    color: #bd3021;
}

.md-normal.-light {
    color: rgba(96, 108, 110, 0.5);
}

.md-normal.-blue {
    color: #5556fe !important;
}

.md-normal.-gray {
    color: #979e9d;
}

.md-normal.-without-shadow {
    text-shadow: none;
}

.md-normal.-lightest {
    color: #fff;
}

.md-normal.-regular {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.md-normal.-red {
    color: #bd3021;
}

.md-normal.-wide {
    height: 4rem;
    line-height: 4rem;
}

.md-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
}

.md-bold.-title {
    margin-bottom: 0.5rem;
}

.md-bold.-bright {
    color: #5556fe !important;
    ;
}

.md-bold.-cancellation,
.md-bold.-alert {
    color: #bd3021;
}

.md-bold.-light {
    color: rgba(96, 108, 110, 0.5);
}

.md-bold.-alarm {
    font-size: 1.1rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
    color: #ffb913;
}

.md-bold.-lh-plus {
    line-height: 1.4;
}

.md-bold.-template {
    color: #5556fe !important;
}

.md-bold.-lightest {
    color: #fff;
}

.md-bold.-red {
    color: #bd3021;
}

.md-bold.-indent {
    color: #d1c025;
}

.md-bold.-no-ts {
    text-shadow: none;
}

.md-bold.-calmly {
    color: #4fb6a1;
}

.md-bold.-gray {
    color: #adaeaa;
}

.md-bold.-darkness {
    color: #606c6e;
}

.md-bold.-initial {
    text-transform: initial;
}

.md-bold.-success {
    color: #16a086;
}

.md-bold.-birthday {
    color: #ffb913;
}

.md-light {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
}

.hmd-normal {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
}

.hmd-normal.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.hmd-normal.-callsign {
    line-height: 0.8;
}

.hmd-normal.-letter-spacing {
    letter-spacing: 0;
}

.hmd-normal.-title {
    color: #ffb913;
}

.hmd-normal.-regular {
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.hmd-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
}

.hmd-bold.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.hmd-bold.-link {
    color: #297fb8;
}

.hmd-bold.-no-ts {
    text-shadow: none;
}

.hmd-bold.-letter-spacing {
    letter-spacing: 0;
}

.hmd-bold.-total {
    color: #606c6e;
}

.hmd-bold.-cap {
    text-transform: capitalize;
}

.hmd-bold.-low {
    text-transform: lowercase;
}

.hmd-bold.-more-narrow {
    line-height: 1.2rem;
}

.hmd-bold.-mb {
    margin-bottom: 1rem;
}

.xmd-normal {
    font-size: 2rem;
    text-shadow: 0 1px 0 #ffffff;
    letter-spacing: -1px;
}

.xmd-normal.-narrow {
    line-height: 1.1;
}

.xmd-light {
    font-size: 2rem;
    text-shadow: 0 1px 0 #ffffff;
    letter-spacing: -1px;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.xmd-light.-indent {
    color: #ffb913;
}

.xmd-light.-indent-2 {
    color: #d1c025;
}

.xmd-bold {
    font-size: 2rem;
    text-shadow: 0 1px 0 #ffffff;
    letter-spacing: -1px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.xmd-bold.-narrow {
    line-height: 2rem;
}

.xmd-bold.-more-narrow {
    line-height: 1.4rem;
}

.xmd-bold.-cap {
    text-transform: capitalize;
}

.xmd-bold.-bright {
    color: #5556fe !important;
    ;
}

.xmd-bold.-alert {
    color: #bd3021;
}

.xmd-bold.-darkness {
    color: #606c6e;
}

.xmd-bold.-light {
    color: #adaeaa;
}

.xmd-bold.-indent {
    color: #ffb913;
}

.xmd-bold.-indent-2 {
    color: #d1c025;
}

.xmd-bold.-blue {
    color: #297fb8;
}

.xmd-bold.-mb {
    margin-bottom: 1rem;
}

.xms-light {
    font-size: 2.2rem;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -1.1px;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.xms-light.-indent {
    color: #ffb913;
}

.xms-bold {
    font-size: 2.2rem;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -1.1px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.xms-bold.-callsign {
    line-height: 0.8;
}

.xxmd-light {
    font-size: 2.4rem;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    letter-spacing: -1.2px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4;
}

.xxmd-light.-bold {
    font-weight: bold;
}

.xxmd-light.-fixed {
    min-width: 5rem;
}

.xxmd-light.-above-distance {
    line-height: 1;
}

.xxmd-light.-indent {
    color: #d1c025;
}

.xxmd-bold {
    font-size: 2.4rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    letter-spacing: -1.2px;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.4;
}

.xxmd-regular {
    font-size: 2.4rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    letter-spacing: -1.2px;
    text-shadow: 0 1px 0 #fff;
    line-height: 1;
}

.lg-bold {
    font-size: 2.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -1.4px;
}

.lg-bold.-without-ts {
    text-shadow: none;
}

.lg-bold.-callsign {
    line-height: 0.8;
}

.lg-bold.-mt {
    margin-top: 0.5rem;
}

.lg-bold.-fixed {
    min-width: 6.5rem;
}

.lg-bold.-without-height {
    line-height: 0.90;
}

.lg-bold.-dark {
    color: rgba(0, 0, 0, 0.7);
}

.lg-bold.-red {
    color: #bd3021;
}

.lg-bold.-indent {
    color: #d1c025;
}

.lg-bold.-orange {
    color: #ffb913;
}

.lg-bold.-blue {
    color: #5556fe !important;
}

.lg-bold.-success {
    color: #5556fe !important;
    ;
}

.lg-bold.-lg {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -1.4px;
}

.lg-bold.-light {
    color: #adaeaa;
}

.lg-bold.-alarm {
    color: #bd3021;
}

.lg-normal {
    font-size: 2.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -1.4px;
}

.lg-light {
    font-size: 2.8rem;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -1.4px;
}

.lg-light.-indent {
    color: #d1c025;
}

.lg-light.-orange {
    color: #ffb913;
}

.lg-light.-blue {
    color: #5556fe !important;
}

.extra-lg-light {
    margin: 0 0 1rem 0;
    color: #fbad48;
    font-size: 3.6rem;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -1.4px;
    font-weight: 100;
    text-shadow: 0 0 5px #000;
}

.extra-lg-light.-white-color {
    color: #fff;
}

.extra-lg-bold {
    font-size: 3.6rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
}

.extra-lg-bold.-bright {
    color: #d1c025;
}

.extra-lg-bold.-bright-success {
    color: #5556fe !important;
    ;
}

.extra-lg-bold.-bright-alarm {
    color: #ffb913;
}

.extra-lg-bold.-gray {
    color: #606c6e;
}

.extra-md-bold {
    font-size: 4rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
}

.extra-md-bold.-green {
    color: #5556fe !important;
    ;
}

.extra-md-bold.-lh1 {
    line-height: 1;
}

.extra-md-bold.-calmly {
    color: #4fb6a1;
}

.extra-md-bold.-time {
    line-height: 3rem;
}

.gigant-black {
    font-size: 4.2rem;
    line-height: 0.8;
    letter-spacing: -2px;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
}

.gigant-black.-bright-mod3 {
    color: #5556fe !important;
    ;
}

.gigant-black.-bright {
    color: #d1c025;
}

.gigant-black.-bright-mod2 {
    color: #ffb913;
}

.giant-bold {
    font-size: 4.2rem;
    line-height: 0.8;
    letter-spacing: -2px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
}

.giant-bold.-calmly {
    color: #4fb6a1;
}

.giant-bold.-red {
    color: #bd3021;
}

.giant-bold.-success {
    color: #5556fe !important;
    ;
}

p.order-descr {
    font-size: 1.4rem;
    line-height: 1.3rem;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    color: rgba(96, 108, 110, 0.9);
    margin: 0;
}

p.order-descr.-normal {
    font-size: 1.2rem;
}

.address-from {
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 4px;
}

.address-from.-light {
    color: rgba(96, 108, 110, 0.5);
}

.address-from.-alert {
    color: #bd3021;
}

.address-from.-narrow {
    line-height: 1;
}

.address-from.-narrow-xsm {
    line-height: 1.4rem;
}

.address-from.-std-spacing {
    letter-spacing: 0;
}

.address-from.-left-indent {
    margin-left: 1rem;
}

.address-from.-address:hover {
    overflow: visible;
    white-space: normal;
}

.address-from.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.address-from.-md {
    font-size: 1.6rem;
}

.address-from.-sm {
    font-size: 1.2rem;
}

.address-comment {
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.address-comment.-light {
    color: rgba(96, 108, 110, 0.7);
}

.address-comment.-lighter {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.address-comment.-login {
    color: #fff;
    text-shadow: 0 0 8px #000;
}

.address-comment.-darker {
    color: #606c6e;
    text-shadow: none;
}

.address-comment.-mb-xs {
    margin-bottom: 0.5rem;
}

.address-comment.-alert {
    color: #bd3021;
}

.address-comment.-success {
    color: #5556fe !important;
    ;
}

.address-comment.-lightest {
    color: #ffffff;
    text-shadow: none;
    line-height: 1;
}

.address-comment.-outside-select:active {
    user-select: none;
}

.address-comment.-address:hover {
    overflow: visible;
    white-space: normal;
}

.address-comment.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.address-to {
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.address-to.-light {
    color: rgba(96, 108, 110, 0.7);
}

.address-to.-lighter {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.address-to.-login {
    color: #fff;
    text-shadow: 0 0 8px #000;
}

.address-to.-darker {
    color: #606c6e;
    text-shadow: none;
}

.address-to.-mb-xs {
    margin-bottom: 0.5rem;
}

.address-to.-alert {
    color: #bd3021;
}

.address-to.-success {
    color: #5556fe !important;
    ;
}

.address-to.-lightest {
    color: #ffffff;
    text-shadow: none;
    line-height: 1;
}

.address-to.-outside-select:active {
    user-select: none;
}

.address-to.-address:hover {
    overflow: visible;
    white-space: normal;
}

.address-to.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.address-to.-md {
    font-size: 1.6rem;
}

.form-title {
    margin: 0 0 1rem 0;
    color: #ffb913;
    font-size: 2.8rem;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -1.4px;
}

.form-title.-indent {
    color: #d1c025;
}

.form-title.-orange {
    color: #ffb913;
}

.form-title.-blue {
    color: #5556fe !important;
}

.form-title.-normal {
    text-transform: uppercase;
}

.form-title.-small {
    font-size: 2rem;
    text-shadow: 0 1px 0 #ffffff;
    letter-spacing: -1px;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.form-title.-small.-indent {
    color: #ffb913;
}

.form-title.-small.-indent-2 {
    color: #d1c025;
}

.form-title.-clear-margin {
    margin: 0;
}

.form-title.-alert {
    color: #bd3021;
}

.form-title.-xs-ls {
    margin: 0 0 .5rem 0;
    letter-spacing: -2.2px;
}

.help-title {
    margin: 0 0 1rem 0;
    color: #ffb913;
    font-size: 4.6rem;
    font-family: 'robotothin', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -3.4px;
}

.reports-title {
    margin: 0 0 1rem 0;
    color: #ffb913;
    font-size: 4.6rem;
    font-family: 'robotothin', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -3.4px;
}

.reports-subtitle {
    margin: 0 0 1rem 0;
    color: #606c6e;
    font-size: 3rem;
    font-family: 'robotothin', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -1.4px;
}

.dashboard-subtitle {
    font-size: 2rem;
    text-shadow: 0 1px 0 #ffffff;
    letter-spacing: -1px;
    margin-bottom: 0.5rem;
}

.dashboard-subtitle.-narrow {
    line-height: 1.1;
}

.crossed {
    text-decoration: line-through;
}

.g-first-upper:first-letter {
    text-transform: uppercase;
    color: red;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: auto;
    position: fixed;
    top: 55px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10 !important;
    -webkit-overflow-scrolling: touch;
    padding-top: 5px;
    padding-left: 60px;
    outline: 0;
}

.modal.-darker-bg {
    background-color: rgba(136, 183, 213, 0);
    top: 6rem;
    left: 2rem;
}

.modal.backdrop-error {
    bottom: 0;
    left: 0;
    top: inherit;
    right: inherit;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-color: #000000;
}

.modal-backdrop.fade {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.modal-backdrop.in {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.modal-backdrop.backdrop-error {
    display: none;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: auto;
        margin: 0 auto;
    }
    .modal-detail {
        width: auto;
        position: fixed;
        right: 1rem;
        top: 11rem;
    }
    .modal-extra-md {
        width: 99rem;
    }
    .modal-big {
        width: 119rem;
    }
    .modal-auto {
        width: auto;
    }
    .modal-md {
        width: 60rem;
    }
    .modal-extra-lg {
        width: 110rem;
    }
    .modal-sm {
        width: 45rem;
        margin-top: 10vh;
    }
}

@media (min-width: 940px) {
    .modal-lg {
        width: 90rem;
    }
}

.ng-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
}

.ng-modal-dialog {
    /* A centered div above the overlay with a box shadow. */
    z-index: 10000;
    position: absolute;
    width: 50%;
    /* Default */
    /* Center the dialog */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 4px 4px 80px #000;
}

.ng-modal-dialog-content {
    text-align: left;
}

.ng-modal-close {
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    font-size: 120%;
    display: inline-block;
    font-weight: bold;
    font-family: 'arial', 'sans-serif';
}


/*s-label */

.s-label {
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
}

.s-label.-light-clr {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.s-label.-dark-clr {
    color: #606c6e;
}

.s-label.-full {
    display: block;
}

.s-label.-mb {
    margin-bottom: 0.8rem;
    display: block;
}

.s-label.-mb-xs {
    margin-bottom: 0.6rem;
    display: block;
}

.s-label.-mb_2 {
    margin-bottom: 1.3rem;
    display: block;
}

.s-label span.addr-type {
    color: #5556fe !important;
    ;
    margin-left: 1rem;
}

.s-label.-alarm {
    color: #ee1c24;
}

.s-label span.label_hotkey {
    color: #a0d2dd;
    padding-left: 0.4rem;
    text-transform: uppercase;
}

.s-label span.label_inner {
    color: rgba(0, 0, 0, 0.7);
}

.s-label.-alert {
    color: #ee1c24;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.s-label .-required {
    color: #ee1c24;
    float: right;
    font-size: 1.8rem;
    line-height: 1.4rem;
}

.s-label.-required-insert:after {
    content: '*';
    display: inline-block;
    color: #ee1c24;
    margin-left: 0.5rem;
    font-size: 1.4rem;
    line-height: .4rem;
}

.s-label .required-left {
    color: #ee1c24;
    margin-left: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.s-label.empty {
    height: 14px;
}

.required-left {
    color: #ee1c24;
    margin-left: 0.5rem;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: top;
}

.required-left.-hmd {
    line-height: 1rem;
}

.inline-key-tip {
    color: #a0d2dd;
    padding-left: 0.4rem;
    text-transform: uppercase;
}


/*simple input*/

.s-input-colors {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
}

.s-input-text {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
}

.s-input-focus {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.g-relative {
    position: relative;
}

.g-focus {
    border: 0.1rem solid transparent;
}

.g-focus:focus {
    border: 0.1rem solid #5556fe !important;
    box-shadow: 0 0 7px 0 #5556fe !important;
    border-radius: 0.4rem;
}

.g-focus:focus .select-chosen {
    border: 1px transparent solid !important;
    box-shadow: none;
    cursor: text;
}

.s-input {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
    height: 4rem;
    padding: 0rem 1rem;
    width: 100%;
    border-radius: 4px;
}

.s-input.-with-disabled[disabled] {
    color: rgba(96, 108, 110, 0.6);
}

.s-input.-combo-radius {
    border-radius: 4px 0 0 4px;
}

.s-input.-narrow {
    line-height: 2.8rem;
    height: 3rem;
    font-size: 1.6rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.s-input.-narrow::-webkit-input-placeholder {
    line-height: 2.8rem;
}

.s-input.-inside-item-row {
    height: 3rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.s-input.-count-worker {
    width: 11.5rem;
    line-height: 2.8rem;
    height: 3rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 2.2rem;
}

.s-input.-narrow-only {
    line-height: 2.8rem;
    height: 3rem;
}

.s-input.-text-right {
    text-align: right;
}

.s-input.-half {
    width: 45%;
    float: right;
}

.s-input.-one-third {
    width: 33.3333%;
    margin-right: .8rem;
    margin-top: .1rem;
}

.s-input.-ix-width {
    width: 5rem;
}

.s-input.-xxii-width {
    width: 17%;
}

.s-input.-unfloat {
    float: none;
}

.s-input.-md-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.4px;
}

.s-input.-lg-bold {
    font-size: 2.8rem;
}

.s-input.-pincode {
    font-size: 3.2rem;
    padding: 0 1.5rem;
}

.s-input.-ld-bold {
    font-size: 2.2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    height: 3rem;
    line-height: 2.8rem;
}

.s-input.-md-text {
    font-size: 1.9rem;
}

.s-input.-time {
    width: 8rem;
    position: relative;
    padding: 0rem 0.7rem;
}

.s-input.-option {
    width: 9rem;
}

.s-input.-callsign {
    width: 7.5rem;
    margin-right: 1.2rem;
}

.s-input.-callsign-md {
    width: 10.5rem;
    margin-right: 1.2rem;
}

.s-input.-date {
    position: relative;
    padding: 0rem 0.7rem;
}

.s-input.-date::-webkit-input-placeholder {
    font-size: 2rem;
    line-height: 3.6rem;
    word-spacing: 0;
}

.s-input.-date.-narrow-date {
    line-height: 2.8rem;
    height: 3rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 2.2rem;
}

.s-input.-date.-fixed {
    width: 16rem;
}

.s-input.ng-invalid,
.s-input.-invalid,
.s-input.-invalid:focus,
.s-input.ng-invalid:focus {
    outline: 0 none;
    border: 0.1rem solid #ef6f48;
    color: #606c6e;
    background-color: #ffc2af;
    box-shadow: 0 0 7px 0 #9e0b0f;
}

.s-input.ng-invalid::-webkit-input-placeholder,
.s-input.-invalid::-webkit-input-placeholder,
.s-input.-invalid:focus::-webkit-input-placeholder,
.s-input.ng-invalid:focus::-webkit-input-placeholder {
    color: rgba(96, 108, 110, 0.6);
}

.s-input.-opaque {
    background-color: #eceee8;
}

.s-input.-light {
    background-color: #f8f9f3;
}

.s-input:focus {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.s-input.ala-disabled {
    background: none;
    box-shadow: none;
    cursor: default;
    padding: 0;
    border: none;
}

.s-input.ala-disabled:hover,
.s-input.ala-disabled:focus {
    background: none;
    box-shadow: none;
    cursor: default;
    border: none;
}

.s-input.-transparent {
    background-color: transparent;
    box-shadow: none;
    border: none;
    outline: none;
    padding: 0;
}

.s-input.-transparent.md-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
}

.s-input.-transparent:focus,
.s-input.-transparent:hover {
    background-color: transparent;
    box-shadow: none;
    border: none;
    outline: none;
}


/*next generation of s-input*/

.t-input {
    background-color: rgba(10, 10, 10, 0.5);
    box-shadow: 0 .5px 0 0 #aaa;
    border: 0.1rem solid transparent;
    outline: 0 none;
    font-family: 'robotoregular', Tahoma, Verdana, sans-serif;
    color: #fff;
    font-size: 2rem;
    line-height: 3.8rem;
    height: 5rem;
    padding: 0 1rem;
    width: 100%;
    border-radius: 4px;
}

.t-input:focus {
    outline: 0 none;
    color: #fff;
    background-color: rgba(10, 10, 10, 0.5);
    box-shadow: 0 0 1px 0 #ffb913;
}


/*placeholder*/

.s-placeholder {
    font-style: normal;
    font-weight: normal;
    color: rgba(96, 108, 110, 0.3);
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    line-height: 3.8rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.s-placeholder.-sm {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-placeholder.-md {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

.s-input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: normal;
    color: rgba(96, 108, 110, 0.3);
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    line-height: 3.8rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.s-input::-webkit-input-placeholder.-sm {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-input::-webkit-input-placeholder.-md {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

.s-input:-moz-placeholder {
    font-style: normal;
    font-weight: normal;
    color: rgba(96, 108, 110, 0.3);
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    line-height: 3.8rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.s-input:-moz-placeholder.-sm {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-input:-moz-placeholder.-md {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

.s-input::-moz-placeholder {
    font-style: normal;
    font-weight: normal;
    color: rgba(96, 108, 110, 0.3);
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    line-height: 3.8rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.s-input::-moz-placeholder.-sm {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-input::-moz-placeholder.-md {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

.s-input.-sm-placeholder::-webkit-input-placeholder {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-input.-md-placeholder::-webkit-input-placeholder {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}


/*input-time-wrapper*/

.s-input-time-wrapper {
    position: relative;
}

.s-input-time-wrapper .s-input_separator {
    font-style: normal;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 3.7rem;
    z-index: 1;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
}

.s-input-date-wrapper {
    position: relative;
    display: inline-block;
}

.s-input-date-wrapper .s-input_separator {
    font-style: normal;
    display: inline-block;
    position: absolute;
    z-index: 1;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
    color: rgba(96, 108, 110, 0.3);
}

.s-input-date-wrapper .s-input_separator.-first {
    top: 2px;
    left: 3.6rem;
}

.s-input-date-wrapper .s-input_separator.-second {
    top: 2px;
    left: 7.4rem;
}

.s-input-date-wrapper .s-input_separator.-date-first {
    left: 3.6rem;
}

.s-input-date-wrapper .s-input_separator.-date-second {
    left: 7.4rem;
}

.s-input-date-wrapper.focused .s-input_separator {
    color: #606c6e;
}


/*s-textarea */

.s-textarea {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1rem 1rem;
    width: 100%;
    min-height: 4rem;
    border-radius: 4px;
    resize: none;
}

.s-textarea::-webkit-input-placeholder {
    font-style: normal;
    font-weight: normal;
    color: rgba(96, 108, 110, 0.3);
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    line-height: 3.8rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.s-textarea::-webkit-input-placeholder.-sm {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-textarea::-webkit-input-placeholder.-md {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

.s-textarea.-description-tab {
    min-height: 11rem;
}

.s-textarea:focus {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.s-textarea.-more-height {
    height: 5.8rem;
}

.s-textarea.-more-height-lg {
    height: 12.8rem;
}

.s-textarea.-bolder {
    font-weight: 700;
}

.s-textarea.-narrow-size {
    height: 3.8rem;
    padding-top: 3px;
    padding-bottom: 3px;
}

.s-textarea.-narrow-size::-webkit-input-placeholder {
    font-style: normal;
    font-weight: normal;
    color: rgba(96, 108, 110, 0.3);
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    line-height: 3.8rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 3.2rem;
}

.s-textarea.-narrow-size::-webkit-input-placeholder.-sm {
    font-size: 1.1rem;
    padding: 0 0.5rem;
}

.s-textarea.-narrow-size::-webkit-input-placeholder.-md {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

.s-textarea.-md-placeholder::-webkit-input-placeholder {
    font-size: 1.5rem;
    padding: 0;
    line-height: 1;
}

hivetimepicker {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
    height: 4rem;
    width: 100%;
    border-radius: 4px;
    width: 8rem;
    cursor: text;
    display: block;
}

hivetimepicker.-narrow {
    line-height: 2.8rem;
    height: 3rem;
    padding: 0;
}

hivetimepicker.-narrow input {
    line-height: 2.9rem;
    height: 2.9rem;
    padding: 0;
}

hivetimepicker.-narrow .hivetimepicker_separator {
    line-height: 2.9rem;
    height: 2.9rem;
}

hivetimepicker.-narrow.s-input-time-wrapper .hivetimepicker_separator {
    line-height: 2.9rem;
    height: 2.9rem;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: -1px;
}

hivetimepicker.-report {
    font-size: 1.8rem;
    text-align: center;
}

hivetimepicker input {
    width: 2.8rem;
    background: none;
    border: none;
    margin: 0 0.3rem;
}

hivetimepicker input:first-child {
    position: relative;
    left: 3px;
}

hivetimepicker input.hours {
    position: absolute;
    left: 3px;
    top: -1px;
    display: block;
    padding: 0;
}

hivetimepicker input.minutes {
    position: absolute;
    right: 3px;
    top: -1px;
    display: block;
    padding: 0;
}

hivetimepicker.date {
    width: 14.5rem;
}

hivetimepicker.date input.year {
    width: 5.3rem;
}

hivetimepicker:focus,
hivetimepicker.-active {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

hivetimepicker.ng-invalid {
    outline: 0 none;
    border: 0.1rem solid #ef6f48;
    color: #606c6e;
    background-color: #ffc2af;
}

hivereporttimepicker {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
    height: 4rem;
    border-radius: 4px;
    width: 8rem;
    cursor: text;
    display: block;
    /*&.ng-invalid{
    outline: 0 none;
    border: @s-input-border-width solid  @s-input_invalid-border-color;
    color: @s-input_invalid-color;
    background-color: @s-input_invalid-bg;
  }*/
}

hivereporttimepicker.-narrow {
    line-height: 2.8rem;
    height: 3rem;
}

hivereporttimepicker.-narrow input {
    line-height: 2.9rem;
    height: 2.9rem;
}

hivereporttimepicker.-narrow .hivetimepicker_separator {
    line-height: 2.9rem;
    height: 2.9rem;
}

hivereporttimepicker.-report {
    font-size: 1.8rem;
    text-align: center;
}

hivereporttimepicker input {
    width: 2.8rem;
    background: none;
    border: none;
}

hivereporttimepicker input:first-child {
    position: relative;
    left: 7px;
}

hivereporttimepicker:focus,
hivereporttimepicker.-active {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.s-range {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    background-color: transparent;
    /*required for proper track sizing in FF*/
    width: 100%;
}

.s-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border: none;
    border-radius: 3px;
}

.s-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #5556fe !important;
    margin-top: -12px;
}

.s-range:focus {
    outline: none;
    background: transparent;
}

.s-range:focus::-webkit-slider-runnable-track {
    background: transparent;
}

.s-range_progress {
    border-radius: 0;
    box-sizing: border-box;
    background: #5556fe !important;
    height: 3px;
}

.s-range_progress::-webkit-progress-bar {
    background-color: #adaeaa;
}

.s-range_progress::-webkit-progress-value {
    background: #5556fe !important;
}

.select-tip {
    background: #f3f3f3;
    display: inline-block;
    line-height: 1.2rem;
    border: #f3f3f3;
    border-radius: 5px;
    padding: 5px;
    color: red;
}

.select-filter-wrapper {
    position: relative;
    width: 100%;
}

.select-filter-wrapper .select-tip {
    position: absolute;
    top: -1.2rem;
    left: 0.2rem;
    z-index: 1;
}

.select-chosen-crutch {
    min-height: 3rem;
    line-height: 2.8rem;
    padding: 0 2rem 0 1rem;
    border-radius: 0.4rem;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 0 0 #ffffff, inset 0 1px 0 0 #ffffff;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 #ffffff;
}

.select-chosen-crutch .-tip {
    position: absolute;
    background: #f3f3f3;
    display: inline-block;
    line-height: 1.2rem;
    border: #f3f3f3;
    border-radius: 5px;
    padding: 5px;
    top: -0.5rem;
    left: 0;
    color: red;
}

.select-chosen-crutch.-pceudo {
    padding-right: 1rem;
}

.select-chosen-crutch.-full-height {
    height: auto;
}

.select-chosen-crutch .pen-normal {
    fill: #5556fe !important;
    ;
}

.select-chosen-crutch.-disabled {
    cursor: default;
    position: relative;
}

.select-chosen-crutch.-disabled:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    z-index: 2;
    border-radius: 5px;
    left: 0;
    top: 0;
}

.select-chosen-crutch.-full-height {
    height: auto;
}

.select-chosen-crutch hsvg,
.select-chosen-crutch svg.hsvg {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
}

.select-chosen-crutch svg {
    fill: #b1b1b1;
}

.select-chosen {
    height: 3rem;
    line-height: 2.8rem;
    padding: 0 2rem 0 1rem;
    border-radius: 0.4rem;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 0 0 #ffffff, inset 0 1px 0 0 #ffffff;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 #ffffff;
}

.select-chosen .-tip {
    position: absolute;
    background: #f3f3f3;
    display: inline-block;
    line-height: 1.2rem;
    border: #f3f3f3;
    border-radius: 5px;
    padding: 5px;
    top: -0.5rem;
    left: 0;
    color: red;
}

.select-chosen.-pceudo {
    padding-right: 1rem;
}

.select-chosen.-full-height {
    height: auto;
}

.select-chosen .pen-normal {
    fill: #5556fe !important;
    ;
}

.select-chosen.-disabled {
    cursor: default;
    position: relative;
}

.select-chosen.-disabled:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    z-index: 2;
    border-radius: 5px;
    left: 0;
    top: 0;
}

.select-chosen.-full-height {
    height: auto;
}

.select-chosen hsvg,
.select-chosen svg.hsvg {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px;
}

.select-chosen svg {
    fill: #b1b1b1;
}

react-dropdown-filter.-md .select-wrapper {
    font-size: 1.4rem;
}

react-dropdown-filter.-md .select-chosen .-tip {
    position: absolute;
    background: #f3f3f3;
    display: inline-block;
    line-height: 1.2rem;
    border: #f3f3f3;
    border-radius: 5px;
    padding: 5px;
    top: .8rem;
    left: 0;
    color: black;
}

.select-chosen_inner {
    width: 100%;
    display: block;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*&:hover {
    text-overflow: clip;
    position: absolute;
  }*/
}

.select-chosen_inner.-address:hover {
    overflow: visible;
    white-space: normal;
}

.select-chosen_inner.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.particular-width .select-list {
    width: 19rem;
}

.select-list {
    position: absolute;
    z-index: 4;
    list-style-type: none;
    margin: 0;
    line-height: 3rem;
    max-height: 30rem;
    overflow-y: auto;
    border-radius: 0.4rem;
    cursor: pointer;
    padding: 0;
    width: 100%;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    background-color: #f8f9f3;
    margin-top: 1px;
}

.select-list::-webkit-scrollbar {
    width: 15px;
}

.select-list::-webkit-scrollbar-track {
    background: #edefea;
}

.select-list::-webkit-scrollbar-thumb {
    background: #bdc6c7;
    border-radius: 4px;
    border: 2px solid transparent;
    border-right: 3px solid transparent;
    background-clip: content-box;
}

.select-list.-right {
    right: 0;
}

.select-list li {
    padding: 0 1rem 0 2.8rem;
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.select-list li:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.4rem 0.4rem 0 0;
}

.select-list li:first-child:last-child {
    border-radius: 0.4rem;
}

.select-list li:last-child {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 0 0 0.4rem 0.4rem;
}

.select-list li:hover {
    background-color: #ebf4f5;
    text-overflow: clip;
}

.select-list li.active,
.select-list li.-hovered {
    background-color: #ceecf0;
}

.select-list li svg {
    fill: #d1c025;
}

.select-list li.-success {
    color: #16a086;
}

.select-list li.-success .variable_preset {
    fill: #16a086;
    vertical-align: middle;
}

.select-list li .sec-icon svg {
    width: 20px;
    height: 20px;
    margin: -4px 5px;
    fill: #606c6e;
}

.select-list li.clickitem svg {
    position: absolute;
    left: 0.8rem;
    top: 50%;
    margin-top: -1rem;
}

.select-list li hsvg,
.select-list li svg.hsvg {
    position: absolute;
    left: 0.8rem;
    top: 50%;
    margin-top: -1rem;
}

.select-list li svg.plus-sm {
    margin-top: -6px;
}

.select-list li.extra-link {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.select-list li.-input {
    padding: 0 0.5rem;
    cursor: default;
}

.select-list li.-input:hover,
.select-list li.-input.active {
    background-color: #f8f9f3;
}

.select-list li.-input input {
    width: 100%;
    background-color: #edefea;
    border-radius: 0.4rem;
    margin: 0.5rem 0;
    padding: 0.5rem;
    height: 2.5rem;
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: inset 0 -1px 0 0 #ffffff;
    font-size: 1.4rem;
}

.select-list li.-input input:focus {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.select-wrapper {
    width: 100%;
    position: relative;
    /*normal mod*/
    /*end normal mod */
    /*normal mod*/
    /*end normal mod */
    /*status mod*/
    /*end status mod */
    /*accentuated mod */
    /*end accentuated mod */
    /*clock mod*/
    /*end clock mod*/
    user-select: none;
}

.select-wrapper.-disabled {
    opacity: .5;
    pointer-events: none;
}

.select-wrapper:focus {
    outline: none;
}

.select-wrapper:focus .select-chosen {
    border: 1px solid rgba(0, 0, 0, 0.18);
}

.select-wrapper.-normal {
    font-size: 2rem;
}

.select-wrapper.-md {
    font-size: 1.6rem;
}

.select-wrapper.-full-items .select-list li {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 16px;
    overflow: auto;
    white-space: normal;
    text-overflow: initial;
}

.select-wrapper.-only-icons .select-chosen_inner {
    display: flex;
    align-items: center;
}

.select-wrapper.-only-icons .select-chosen_inner.-no-label {
    margin-top: 20px;
}

.select-wrapper.-only-icons .select-chosen_inner.-mb-xs {
    margin-bottom: 0.5rem;
}

.select-wrapper.-only-icons .select-chosen_inner.-mb {
    margin-bottom: 1rem;
}

.select-wrapper.-only-icons .select-chosen_inner.-height-sm {
    height: 3rem;
}

.select-wrapper.-only-icons .select-list li {
    display: flex;
    align-items: center;
}

.select-wrapper.-only-icons .select-list li.-no-label {
    margin-top: 20px;
}

.select-wrapper.-only-icons .select-list li.-mb-xs {
    margin-bottom: 0.5rem;
}

.select-wrapper.-only-icons .select-list li.-mb {
    margin-bottom: 1rem;
}

.select-wrapper.-only-icons .select-list li.-height-sm {
    height: 3rem;
}

.select-wrapper.-sm {
    font-size: 1.4rem;
}

.select-wrapper.-small,
.select-wrapper.-xs {
    font-size: 1.2rem;
}

.select-wrapper.-status {
    width: 16rem;
    font-size: 1.4rem;
}

.select-wrapper.-mb {
    margin-bottom: 1.5rem;
}

.select-wrapper.-color {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: none;
    font-size: 1.3rem;
}

.select-wrapper.-color.-alert .select-chosen,
.select-wrapper.-color.-success .select-chosen {
    color: #ffffff;
}

.select-wrapper.-color.-alert .select-chosen svg,
.select-wrapper.-color.-success .select-chosen svg {
    fill: rgba(255, 255, 255, 0.6);
}

.select-wrapper.-color.-alert .select-chosen {
    background-color: #bd3021;
}

.select-wrapper.-color.-success .select-chosen {
    background-color: #94b74f;
}

.select-wrapper.-mb-mod {
    margin-bottom: 2rem;
}

.select-wrapper.-w90 {
    width: 90%;
}

.select-wrapper.ng-invalid,
.select-wrapper.ng-invalid:focus {
    outline: 0 none;
    color: #606c6e;
    box-shadow: 0 0 7px 0 #9e0b0f;
    border-radius: 0.4rem;
    background-color: #ffc2af;
    border: 0.1rem solid #ef6f48;
}

.select-wrapper.ng-invalid::-webkit-input-placeholder,
.select-wrapper.ng-invalid:focus::-webkit-input-placeholder {
    color: rgba(96, 108, 110, 0.6);
}

.select-wrapper.ng-invalid.-wide .select-chosen,
.select-wrapper.ng-invalid:focus.-wide .select-chosen {
    box-shadow: none;
    height: 3.8rem;
    line-height: 3.6rem;
    padding: 0 1.9rem 0 0.9rem;
}

.select-wrapper.ng-invalid .select-chosen,
.select-wrapper.ng-invalid:focus .select-chosen {
    box-shadow: none;
    height: 2.8rem;
    line-height: 2.6rem;
    padding: 0 1.9rem 0 0.9rem;
}

.select-wrapper.-open-top .select-list {
    bottom: 100%;
}

.select-wrapper.-wide .select-chosen {
    height: 4rem;
    line-height: 3.8rem;
}

.select-wrapper.-wide .select-list {
    line-height: 3.8rem;
    max-height: 38rem;
}

.select-wrapper.-multiple.-wide .select-chosen {
    line-height: 1.8rem;
    padding-top: 3px;
}

.select-wrapper.-accentuated {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    font-size: 2rem;
    letter-spacing: -1px;
    color: #ffb913;
}

.select-wrapper.-accentuated.-ver_2 {
    color: #d1c025;
}

.select-wrapper.-accentuated.-ver_bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.9rem;
}

.select-wrapper.-accentuated.-ver_size-sm {
    font-size: 1.6rem;
}

.select-wrapper.-clock {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -1px;
}

.select-wrapper.-clock .select-chosen {
    padding: 0;
    text-align: center;
}

.select-wrapper.-clock ul.select-list li {
    padding: 0 0 0 1rem;
}

.select-wrapper.-crop .select-chosen {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-wrapper.-crop .select-chosen :hover {
    text-overflow: clip;
}

.select-wrapper.-pceudo .select-chosen {
    border: none;
    padding: 1px 0;
    box-shadow: none;
    cursor: default;
}

.select-wrapper.invalid .select-chosen {
    border: 0.1rem solid #ef6f48;
    background-color: #ffc2af;
}

.select-wrapper .select-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 1rem 0 2.8rem;
}

.select-wrapper .select-item.sub {
    padding-left: 4.8rem;
}

.select-wrapper .select-item:hover {
    background-color: #ebf4f5;
}

.dropdown-wrapper.-empty .select-chosen {
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #adaeaa;
}

.normal-filter-input {
    font-size: 1.2rem;
    /*clock mod*/
    /*end clock mod*/
    /*word mod*/
    /*word mod*/
}

.normal-filter-input.-clock-std-width {
    width: 9rem;
}

.normal-filter-input.-clock-std-width .select-root {
    width: 9rem;
}

.normal-filter-input.-clock {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -1px;
}

.normal-filter-input.-clock .s-input {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    letter-spacing: -1px;
    width: 75%;
    background-color: #f8f9f3;
    border-radius: 0.4rem 0 0 0.4rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
}

.normal-filter-input.-clock .s-input.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.normal-filter-input.-clock .s-input.-link {
    color: #297fb8;
}

.normal-filter-input.-clock .s-input.-no-ts {
    text-shadow: none;
}

.normal-filter-input.-clock .s-input.-letter-spacing {
    letter-spacing: 0;
}

.normal-filter-input.-clock .s-input.-total {
    color: #606c6e;
}

.normal-filter-input.-clock .s-input.-cap {
    text-transform: capitalize;
}

.normal-filter-input.-clock .s-input.-low {
    text-transform: lowercase;
}

.normal-filter-input.-clock .s-input.-more-narrow {
    line-height: 1.2rem;
}

.normal-filter-input.-clock .s-input.-mb {
    margin-bottom: 1rem;
}

.normal-filter-input.-clock .s-button {
    width: 25%;
    height: 3rem;
    float: right;
}

.normal-filter-input.-clock .s-button .arrow-down_select {
    left: 50%;
    margin-left: -5px;
}

.normal-filter-input.-clock .select-chosen {
    padding: 0;
    text-align: center;
    border-radius: 0 0.4rem 0.4rem 0;
}

.normal-filter-input.-clock ul.select-list li {
    padding: 0 0 0 1rem;
}

.normal-filter-input.-word {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -1px;
}

.normal-filter-input.-word .s-input {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    letter-spacing: -1px;
    width: 90%;
    background-color: #f8f9f3;
    border-radius: 0.4rem 0 0 0.4rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
}

.normal-filter-input.-word .s-input.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.normal-filter-input.-word .s-input.-link {
    color: #297fb8;
}

.normal-filter-input.-word .s-input.-no-ts {
    text-shadow: none;
}

.normal-filter-input.-word .s-input.-letter-spacing {
    letter-spacing: 0;
}

.normal-filter-input.-word .s-input.-total {
    color: #606c6e;
}

.normal-filter-input.-word .s-input.-cap {
    text-transform: capitalize;
}

.normal-filter-input.-word .s-input.-low {
    text-transform: lowercase;
}

.normal-filter-input.-word .s-input.-more-narrow {
    line-height: 1.2rem;
}

.normal-filter-input.-word .s-input.-mb {
    margin-bottom: 1rem;
}

.normal-filter-input.-word .s-input.-narrow {
    height: 4rem;
    font-size: 1.4rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.normal-filter-input.-word .s-button {
    width: 10%;
    height: 4rem;
    float: right;
}

.normal-filter-input.-word .s-button .arrow-down_select {
    left: 50%;
    margin-left: -5px;
}

.normal-filter-input.-word .select-chosen {
    padding: 0;
    text-align: center;
    border-radius: 0 0.4rem 0.4rem 0;
}

.normal-filter-input.-word ul.select-list li {
    padding: 0 0 0 1rem;
}


/*checkbox label*/

.ch-label {
    color: #606c6e;
    font-size: 1.6rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    cursor: pointer;
    letter-spacing: -0.3px;
    position: relative;
}

.ch-label.-ls-mod {
    letter-spacing: -0.6px;
}

.ch-label.-xsm {
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.ch-label.-xsm.-light {
    color: rgba(96, 108, 110, 0.5);
}

.ch-label.-xsm.-blue {
    color: #5556fe !important;
}

.ch-label.-xsm.-without-shadow {
    text-shadow: none;
}

.ch-label.-xsm.-lh1 {
    line-height: 1;
}

.ch-label.-xsm.-alert {
    color: #bd3021;
}

.ch-label.-xsm.-another-ts {
    text-shadow: 0 .1px 0 #000;
}

.ch-label.-xsm.-std-spacing {
    letter-spacing: 0;
}

.ch-label.-xsm.-mb-xs {
    margin-bottom: 0.5rem;
}

.ch-label.-xsm.-mb {
    margin-bottom: 1rem;
}

.ch-label.-xsm.-negative-ml {
    margin-left: -1rem;
}

.ch-label.-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.ch-label.-mod {
    text-shadow: 0px 1px 0px #ffffff;
    font-size: 1.2rem;
    vertical-align: top;
    display: inline-block;
    color: #606c6e;
}

.ch-label.-light {
    color: rgba(96, 108, 110, 0.5);
}

.ch-label .key-tip {
    transform: translateX(150%);
    border: none;
    background: none;
    padding: 0;
    top: -0.5rem;
}

.ch-label.-less-font {
    font-size: 1.4rem;
    letter-spacing: -0.8px;
}

.ch-label.-margin-left_xs {
    margin-left: 0.5rem;
}

.ch-label.-margin-right_xs {
    margin-right: 0.5rem;
}

.label-inner:disabled .ch-label {
    color: rgba(96, 108, 110, 0.5);
    cursor: default;
}

.checking_item-inline {
    display: inline-block;
    margin-right: .5rem;
}


/*wrapper*/

.checkbox-wrapper-std {
    height: 3rem;
    line-height: 3rem;
}

.checkbox-wrapper-std .checking_item.checking_item-inline {
    vertical-align: middle;
}

.checkbox-wrapper-std label {
    vertical-align: middle;
}


/*checking mixins*/

.checking_item.-std {
    vertical-align: top;
    /*variables for gray version START*/
    /*variables for gray version END*/
    position: relative;
    line-height: 2rem;
    height: 2rem;
}

.checking_item.-std .checking_input-pseudo-wrapper {
    cursor: pointer;
    font-size: 0;
    vertical-align: top;
    background-color: #edefea;
    border: 0px solid transparent;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

.checking_item.-std .checking_radioinput-pseudo-wrapper {
    cursor: pointer;
    font-size: 0;
    vertical-align: top;
    background-color: #edefea;
    border: 0px solid transparent;
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    border-radius: 1rem;
    display: inline-block;
    text-align: center;
}

.checking_item.-std .checking_input {
    opacity: 0;
    position: absolute;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    float: left;
    margin-right: 1.5rem;
}

.checking_item.-std .checking_input:focus~.checking_input-pseudo-wrapper .checking_input-pseudo {
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.checking_item.-std .checking_input:focus~.checking_input-pseudo-wrapper .checking_input-pseudo .check-xs {
    height: 18px;
}

.checking_item.-std .checking_input:focus~.checking_radioinput-pseudo-wrapper .checking_radioinput-pseudo {
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.checking_item.-std .checking_input:focus~.checking_radioinput-pseudo-wrapper .checking_radioinput-pseudo .check-xs {
    height: 18px;
}

.checking_item.-std .checking_input:disabled~.checking_input-pseudo-wrapper {
    background-color: rgba(237, 239, 234, 0.2);
}

.checking_item.-std .checking_input:disabled~.checking_input-pseudo-wrapper .checking_input-pseudo {
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
}

.checking_item.-std .checking_input:checked~.checking_input-pseudo-wrapper {
    background-color: #edefea;
    border-color: transparent;
}

.checking_item.-std .checking_input:checked~.checking_input-pseudo-wrapper .checking_input-pseudo {
    background-color: #edefea;
}

.checking_item.-std .checking_input:checked~.checking_input-pseudo-wrapper .checking_input-pseudo hsvg,
.checking_item.-std .checking_input:checked~.checking_input-pseudo-wrapper .checking_input-pseudo svg {
    display: inline-block;
}

.checking_item.-std .checking_input:checked~.checking_radioinput-pseudo-wrapper {
    background-color: #edefea;
    border-color: transparent;
}

.checking_item.-std .checking_input:checked~.checking_radioinput-pseudo-wrapper .checking_radioinput-pseudo {
    background-color: #edefea;
}

.checking_item.-std .checking_input:checked~.checking_radioinput-pseudo-wrapper .checking_radioinput-pseudo hsvg,
.checking_item.-std .checking_input:checked~.checking_radioinput-pseudo-wrapper .checking_radioinput-pseudo svg {
    display: inline-block;
    margin-top: calc(0.4rem);
}

.checking_item.-std .checking_input-pseudo {
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    background-color: #edefea;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
}

.checking_item.-std .checking_input-pseudo hsvg,
.checking_item.-std .checking_input-pseudo svg {
    vertical-align: middle;
    display: none;
}

.checking_item.-std .checking_input-pseudo svg {
    fill: #d1c025;
}

.checking_item.-std .checking_radioinput-pseudo {
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    background-color: #edefea;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    border-radius: 1rem;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.18);
}

.checking_item.-std .checking_radioinput-pseudo hsvg,
.checking_item.-std .checking_radioinput-pseudo svg {
    display: none;
}

.checking_item.-std .checking_radioinput-pseudo svg {
    fill: #d1c025;
}

.sm-size {
    height: 3rem;
    line-height: 3rem;
}

.sm-size:focus {
    line-height: 2.9rem;
}

.xs-size {
    height: 2.5rem;
    line-height: 2.5rem;
}

.xs-size:focus {
    line-height: 2.4rem;
}

.xxs-size {
    height: 2rem;
    line-height: 2rem;
}

.xxs-size:focus {
    line-height: 1.9rem;
}

.md-size {
    height: 4rem;
    line-height: 4rem;
}

.md-size:focus {
    line-height: 3.9rem;
}

.std-width {
    width: 14rem;
    vertical-align: top;
}

.normal-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
    background-color: #5556fe !important;
    color: #ffffff;
    fill: #ffffff;
}

.normal-btn:hover {
    background-color: #5bdbf5;
}

.normal-btn:disabled {
    background-color: rgba(201, 39, 160, 0.5) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.normal-btn:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.cancel-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background-color: #ffb913;
    color: #ffffff;
}

.cancel-btn:hover {
    background-color: #ffc846;
}

.cancel-btn svg {
    fill: #ffffff;
}

.cancel-btn:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.cancel-btn:focus {
    box-shadow: 0 0 7px 1px #ff6c00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.gradient-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background: -webkit-linear-gradient(right, #008cff, #5bdbf5);
    color: #ffffff;
}

.gradient-btn:hover {
    background: #5bdbf5;
}

.gradient-btn svg {
    fill: #ffffff;
}

.gradient-btn:disabled {
    background-color: rgba(174, 33, 187, 0.5) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.gradient-btn:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.success-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background-color: #d1c025;
    color: #ffffff;
}

.success-btn:hover {
    background-color: #dfd04a;
}

.success-btn svg {
    fill: #ffffff;
}

.success-btn:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.success-btn:focus {
    box-shadow: 0 0 7px 1px #8b7d00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.forgive-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
    ;
    background-color: #94b74f;
    color: #ffffff;
}

.forgive-btn:hover {
    background-color: #aac673;
}

.forgive-btn svg {
    fill: #ffffff;
}

.forgive-btn:disabled {
    background-color: rgba(148, 183, 79, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.forgive-btn:focus {
    box-shadow: 0 0 7px 1px #8b7d00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.minor-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #ffffff;
    background-color: #c8c8c8;
    color: #ffffff;
}

.minor-btn:hover {
    background-color: #e2e2e2;
}

.minor-btn svg {
    fill: #ffffff;
}

.alert-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #ff5c5c;
    background-color: #bd3021;
    color: #ffffff;
}

.alert-btn:hover {
    background-color: #dc4535;
}

.alert-btn svg {
    fill: #ffffff;
}

.alert-btn:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.alert-btn:focus {
    box-shadow: 0 0 7px 1px #bd3021;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.alert-btn.-indent {
    margin-right: 1rem;
}

.orange-btn {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fbe47b;
    background-color: #f39712;
    color: #ffffff;
}

.orange-btn:hover {
    background-color: #f5ac43;
}

.orange-btn svg {
    fill: #ffffff;
}

.orange-btn:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.orange-btn:focus {
    box-shadow: 0 0 7px 1px #fbe47b;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.orange-btn.-indent {
    margin-right: 1rem;
}


/*Difficult Buttons - сложные кнопки*/

.d-button {
    border-radius: 4px;
    display: table;
    width: 14rem;
    vertical-align: top;
}

.d-button .d-button_inner {
    vertical-align: middle;
}

.d-button .d-button_inner span {
    display: block;
    font-size: 1.2rem;
}

.d-button.-sm {
    height: 3rem;
    line-height: 3rem;
}

.d-button.-sm:focus {
    line-height: 2.9rem;
}

.d-button.-sm span {
    line-height: 1.2rem;
}

.d-button.-md {
    height: 4rem;
    line-height: 4rem;
}

.d-button.-md:focus {
    line-height: 3.9rem;
}

.d-button.-cancel {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background-color: #ffb913;
    color: #ffffff;
}

.d-button.-cancel:hover {
    background-color: #ffc846;
}

.d-button.-cancel svg {
    fill: #ffffff;
}

.d-button.-cancel:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.d-button.-cancel:focus {
    box-shadow: 0 0 7px 1px #ff6c00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.d-button.-normal {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
    background-color: #5556fe !important;
    color: #ffffff;
    fill: #ffffff;
}

.d-button.-normal:hover {
    background-color: #5bdbf5;
}

.d-button.-normal:disabled {
    background-color: rgb(153 153 255 / 50%) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.d-button.-normal:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.d-button.-success {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background-color: #d1c025;
    color: #ffffff;
}

.d-button.-success:hover {
    background-color: #dfd04a;
}

.d-button.-success svg {
    fill: #ffffff;
}

.d-button.-success:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.d-button.-success:focus {
    box-shadow: 0 0 7px 1px #8b7d00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.d-button.-success span.dark {
    color: #938718;
    font-size: 1rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
}


/*Simple Button*/

.s-button {
    display: inline-block;
    border-radius: 4px;
    font-size: 1.2rem;
    position: relative;
    letter-spacing: -0.6px;
}

.s-button.-transparent {
    background-color: transparent;
}

.s-button.-std {
    width: 14rem;
    vertical-align: top;
    height: 4rem;
    line-height: 4rem;
}

.s-button.-std:focus {
    line-height: 3.9rem;
}

.s-button.-std:focus {
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-std.-long {
    width: 21rem;
}

.s-button.-disabled {
    opacity: .5;
    pointer-events: none;
}

.s-button.-combo-radius {
    border-radius: 0 4px 4px 0;
}

.s-button.-std-plus {
    width: 15rem;
}

.s-button.-cancel-btn_long {
    width: 15rem;
}

.s-button.-half-std {
    height: 4rem;
    line-height: 4rem;
    width: 7rem;
}

.s-button.-half-std:focus {
    line-height: 3.9rem;
}

.s-button.-half-std:focus {
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-h_narrow {
    height: 3rem;
    line-height: 3rem;
}

.s-button.-h_narrow:focus {
    line-height: 2.9rem;
}

.s-button.-sq-md {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
}

.s-button.-sq-md:focus {
    line-height: 3.9rem;
}

.s-button.-sq-sm {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    padding: 0;
    text-align: center;
}

.s-button.-sq-sm:focus {
    line-height: 2.9rem;
}

.s-button.-sq-sm.-deviation {
    padding-right: 0.3rem;
}

.s-button.-sq-sm.-ml1 {
    margin-left: 1rem;
}

.s-button.-sq-xs {
    height: 2rem;
    line-height: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    text-align: center;
}

.s-button.-sq-xs:focus {
    line-height: 1.9rem;
}

.s-button.-sq-xs:focus {
    border: 0 none;
}

.s-button.-sq-xxs {
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    text-align: center;
}

.s-button.-sq-xxs:focus {
    line-height: 1.9rem;
}

.s-button.-sq-xxs.-normal:focus {
    border: 0 none;
}

.s-button.-rect-xs {
    width: 4rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    text-align: center;
}

.s-button.-rect-xs:focus {
    line-height: 2.4rem;
}

.s-button.-rect-sm {
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    text-align: center;
}

.s-button.-rect-sm:focus {
    line-height: 2.4rem;
}

.s-button.-xl-cube {
    display: flex;
    justify-content: center;
    min-width: 4rem;
    min-height: 4rem;
    line-height: 3rem;
    padding: 0;
    border-radius: 0;
    right: -7px;
}

.s-button.-sq-sm-inl {
    margin-top: 5px;
    height: 3rem;
    line-height: 3rem;
}

.s-button.-sq-sm-inl:focus {
    line-height: 2.9rem;
}

.s-button.-smaller-size {
    font-size: 1.1rem;
}

.s-button.-right {
    margin-right: 1rem;
}

.s-button.-wide {
    width: 100%;
    text-align: center;
}

.s-button.-login {
    background-color: #fbad48;
    color: #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    height: 5rem;
}

.s-button.-half-wide {
    width: 50%;
}

.s-button.-link-btn {
    display: inline-flex;
}

.s-button.-link-btn hsvg {
    margin: auto;
}

.s-button.-width-mod {
    width: 13.5rem;
}

.s-button.-fit {
    width: 13rem;
}

.s-button.-cancel {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background-color: #ffb913;
    color: #ffffff;
}

.s-button.-cancel:hover {
    background-color: #ffc846;
}

.s-button.-cancel svg {
    fill: #ffffff;
}

.s-button.-cancel:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-cancel:focus {
    box-shadow: 0 0 7px 1px #ff6c00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-gradient {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background: -webkit-linear-gradient(right, #008cff, #5bdbf5);
    color: #ffffff;
}

.s-button.-gradient:hover {
    background: #5bdbf5;
}

.s-button.-gradient svg {
    fill: #ffffff;
}

.s-button.-gradient:disabled {
    background-color: rgb(153 153 255 / 50%) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-gradient:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-success {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fffc13;
    background-color: #d1c025;
    color: #ffffff;
}

.s-button.-success:hover {
    background-color: #dfd04a;
}

.s-button.-success svg {
    fill: #ffffff;
}

.s-button.-success:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-success:focus {
    box-shadow: 0 0 7px 1px #8b7d00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-forgive {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
    ;
    background-color: #94b74f;
    color: #ffffff;
}

.s-button.-forgive:hover {
    background-color: #aac673;
}

.s-button.-forgive svg {
    fill: #ffffff;
}

.s-button.-forgive:disabled {
    background-color: rgba(148, 183, 79, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-forgive:focus {
    box-shadow: 0 0 7px 1px #8b7d00;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-minor {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #ffffff;
    background-color: #c8c8c8;
    color: #ffffff;
}

.s-button.-minor:hover {
    background-color: #e2e2e2;
}

.s-button.-minor svg {
    fill: #ffffff;
}

.s-button.-orange {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #fbe47b;
    background-color: #f39712;
    color: #ffffff;
}

.s-button.-orange:hover {
    background-color: #f5ac43;
}

.s-button.-orange svg {
    fill: #ffffff;
}

.s-button.-orange:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-orange:focus {
    box-shadow: 0 0 7px 1px #fbe47b;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-orange.-indent {
    margin-right: 1rem;
}

.s-button.-alert {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #ff5c5c;
    background-color: #bd3021;
    color: #ffffff;
}

.s-button.-alert:hover {
    background-color: #dc4535;
}

.s-button.-alert svg {
    fill: #ffffff;
}

.s-button.-alert:disabled {
    background-color: rgba(255, 185, 19, 0.5);
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-alert:focus {
    box-shadow: 0 0 7px 1px #bd3021;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-alert.-indent {
    margin-right: 1rem;
}

.s-button.-alert.-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.s-button.-normal {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
    background-color: #5556fe !important;
    color: #ffffff;
    fill: #ffffff;
}

.s-button.-normal:hover {
    background-color: #5bdbf5;
}

.s-button.-normal:disabled {
    background-color: rgb(153 153 255 / 50%) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.s-button.-normal:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.s-button.-normal.active {
    background-color: #5bdbf5;
}

.s-button.-normal a {
    fill: #ffffff;
}

.s-button.-index {
    z-index: 11;
}

.s-button.-indent-right {
    margin-right: .7rem;
}

.s-button.-full-fill {
    display: inline-block;
    padding-left: 2rem;
    padding-right: 2rem;
    width: auto;
}

.s-button.-w_full-fill-sm {
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    width: auto;
}


/*Double button - двойные кнопки*/

.buttons-double {
    border-radius: 0.4rem;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.buttons-double button {
    display: inline-block;
    background-color: transparent;
    vertical-align: middle;
    padding: 0;
}

.buttons-double button:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.buttons-double button:first-child {
    border-radius: 0.4rem 0 0 0.4rem;
}

.buttons-double button:last-child {
    border-radius: 0 0.4rem 0.4rem 0;
}

.buttons-double button.-mw {
    min-width: 4rem;
}

.buttons-double.-sm {
    width: 6rem;
    height: 3rem;
    line-height: 3rem;
}

.buttons-double.-sm button {
    width: 3rem;
    height: 2.8rem;
    line-height: 2.8rem;
}

.buttons-double.-md {
    width: 7rem;
    height: 4rem;
    line-height: 4rem;
}

.buttons-double.-md button {
    height: 3.8rem;
    line-height: 3.8rem;
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
}

.buttons-double.-md button:first-child {
    width: 3.9rem;
}

.buttons-double.-md button.buttons-double_arrow,
.buttons-double.-md button:last-child {
    width: 3rem;
}

.buttons-double.-sm-md button {
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
}

.buttons-double.-sm-md button:first-child {
    width: 3rem;
}

.buttons-double.-sm-md button:last-child {
    width: 3rem;
}

.buttons-double.-normal {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
    background-color: #5556fe !important;
    color: #ffffff;
    fill: #ffffff;
}

.buttons-double.-normal:hover {
    background-color: #5bdbf5;
}

.buttons-double.-normal:disabled {
    background-color: rgb(153 153 255 / 50%) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.buttons-double.-normal:focus {
    box-shadow: 0 0 7px 1px #037aff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.buttons-double.-normal .arrow-down_select {
    fill: rgba(96, 108, 110, 0.5);
}

.buttons-double.-normal:hover {
    background-color: #5556fe !important;
}

.buttons-double.-normal button {
    border-left: 1px solid rgba(132, 255, 245, 0.5);
    padding-right: 1px;
}

.buttons-double.-normal button:hover {
    background-color: #5556fe !important;
}

.buttons-double.-normal button:first-child {
    border-left: none;
    border-right: 1px solid #0ec6eb;
    padding-right: 0;
    padding-left: 1px;
}

.buttons-double.-normal button:disabled,
.buttons-double.-normal button:disabled:hover {
    background-color: rgb(153 153 255 / 50%) !important;
    fill: rgba(255, 255, 255, 0.5);
}

.buttons-double.-full-width {
    width: 100% !important;
}


/*Dropdown button*/

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

.button-dropdown .select-list {
    display: none;
    max-width: 30rem;
    font-size: 1.4rem;
}

.button-dropdown .select-list.-right {
    right: 1rem;
    position: absolute;
    max-width: 17rem;
}

.button-dropdown .select-list.-hidden {
    display: none;
}

.button-dropdown .select-list.-open {
    display: block;
}

.button-dropdown .select-list.-open li {
    padding-left: 1rem;
    font-size: 1.4rem;
}

.button-dropdown.-open .select-list {
    display: block;
}

.button-dropdown.-open .select-list li {
    padding-left: 1rem;
    font-size: 1.4rem;
}


/**/

.buttons-wrapper {
    font-size: 0;
}

.buttons-wrapper:before,
.buttons-wrapper:after {
    content: " ";
    display: table;
}

.buttons-wrapper:after {
    clear: both;
}

.buttons-wrapper:before,
.buttons-wrapper:after {
    content: " ";
    display: table;
}

.buttons-wrapper:after {
    clear: both;
}

.buttons-wrapper:before,
.buttons-wrapper:after {
    content: " ";
    display: table;
}

.buttons-wrapper:after {
    clear: both;
}

.buttons-wrapper:before,
.buttons-wrapper:after {
    content: " ";
    display: table;
}

.buttons-wrapper:after {
    clear: both;
}

.buttons-wrapper.-low-interval button {
    margin-right: 0.5rem;
}

.buttons-wrapper>button,
.buttons-wrapper>.button-dropdown {
    vertical-align: top;
    margin-right: .8rem;
}

.buttons-wrapper>button:last-child,
.buttons-wrapper>.button-dropdown:last-child {
    margin-right: 0;
}

.buttons-wrapper.-top-distance {
    margin-top: 1rem;
}

.buttons-top-fixed {
    position: fixed;
    top: 7rem;
    z-index: 7;
    margin-left: -8rem;
    right: 1rem;
}

.buttons-top-fixed button {
    margin-right: 1rem;
}

.-bg-milky {
    background-color: #f8f9f3;
}

.-bg-white {
    background-color: #ffffff;
}

.-bg-light-gray {
    background-color: #dde2e0;
}


/*complex-link*/

.complex-link {
    display: block;
    cursor: pointer;
}

.complex-link.-normal {
    fill: #5556fe !important;
    ;
    color: #ffffff;
}

.complex-link.-invert-color {
    fill: #ffffff;
    color: #ffffff;
}

.complex-link.-hight hsvg,
.complex-link.-hight svg {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.complex-link hsvg,
.complex-link svg {
    margin-bottom: 0.5rem;
}

.complex-link span {
    display: block;
}

.key-tip {
    float: none;
    position: absolute;
    top: -0.8rem;
    right: 0;
    font-size: .9rem;
    color: #a0d2dd;
    background: #FFF;
    border-radius: 3px;
    padding: 3px 5px;
    line-height: 1;
    border: solid 1px rgba(0, 0, 0, 0.1);
    transform: translateX(40%);
    text-transform: uppercase;
    z-index: 1;
}

.btn-wrapper {
    display: inline-block;
    position: relative;
}

.btn-wrapper.-mr1 {
    margin-right: 1rem;
}

.round-btn {
    border-radius: 15px;
    height: 3rem;
    line-height: 3rem;
    padding: 0 10px;
}

.round-btn:focus {
    line-height: 2.9rem;
}

.round-btn svg {
    margin-right: 0.5rem;
}

.round-btn.-success {
    background-color: #5556fe !important;
    ;
    fill: #ffffff;
    box-shadow: none;
}

.round-btn.-success:hover {
    background-color: #abdc35;
    box-shadow: none;
}

.round-btn.-success:focus {
    box-shadow: none;
    outline: none;
    border: none;
    line-height: 3rem;
}


/*normal size*/


/*narrow size*/


/*square size*/

.switch,
.switch-label,
.switch-slider {
    width: 20rem;
    height: 3rem;
}

.switch {
    position: relative;
    display: inline-block;
    margin: 0;
    /*square mod*/
    /*end square mod*/
    /*narrow mod*/
    /*end narrow mod*/
}

.switch.-sqr {
    width: 8rem;
    height: 4rem;
}

.switch.-sqr .switch-label {
    width: 8rem;
    height: 4rem;
}

.switch.-sqr .switch-slider {
    width: 8rem;
    height: 4rem;
}

.switch.-sqr .switch-slider span.switch-text {
    width: 4rem;
    top: 1.2rem;
}

.switch.-sqr .switch-slider span.switch-text.-right {
    left: 4rem;
}

.switch.-sqr .switch-slider-on {
    left: 0;
    width: 4rem;
}

.switch.-sqr .switch-slider-off:after {
    width: 4rem;
    height: 4rem;
}

.switch.-sqr .switch-check:checked+.switch-label .switch-slider-on {
    width: 8rem;
}

.switch.-sqr .switch-check:checked+.switch-label .switch-slider-off {
    width: 4rem;
}

.switch.-narrow {
    width: 10rem;
}

.switch.-narrow .switch-label {
    width: 10rem;
}

.switch.-narrow .switch-slider {
    width: 10rem;
}

.switch.-narrow .switch-slider span.switch-text {
    width: 5rem;
}

.switch.-narrow .switch-slider span.switch-text.-right {
    left: 5rem;
    color: #606c6e;
}

.switch.-narrow .switch-slider-on {
    left: 0;
    width: 5rem;
}

.switch.-narrow .switch-slider-off:after {
    width: 5rem;
}

.switch.-narrow .switch-check:checked+.switch-label .switch-slider-on {
    width: 10rem;
}

.switch.-narrow .switch-check:checked+.switch-label .switch-slider-off {
    width: 5rem;
}

.switch-check {
    position: absolute;
    opacity: 0;
}

.switch-label,
.switch-slider {
    position: absolute;
    top: 0;
}

.switch-label {
    left: 0;
    text-indent: -9999px;
}

.switch-slider {
    border-radius: 4px;
    background-color: rgba(96, 108, 110, 0.07);
    box-shadow: 0px 1px 0px 0 #ffffff;
    transition: width 0.2s linear;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.switch-slider span.switch-text {
    text-indent: 0;
    position: absolute;
    z-index: 3;
    top: 0.8rem;
    width: 10rem;
    text-align: center;
    font-size: 1.2rem;
    transition: color 0.2s linear;
}

.switch-slider span.switch-text.-left {
    left: 0px;
    color: #ffffff;
}

.switch-slider span.switch-text.-right {
    left: 10rem;
    color: #606c6e;
}

.switch-slider-on {
    left: 0;
    width: 10rem;
}

.switch-slider-off {
    right: 0;
}

.switch-slider-off:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 3rem;
    border-radius: 4px;
    background-color: #5556fe !important;
    box-shadow: 0px 1px 0px 0 #ffffff;
    content: '';
}

.switch-label:active .switch-slider-off:after,
.switch-check:focus+.switch-label .switch-slider-off:after {
    background-color: #5556fe !important;
}

.switch-check:checked+.switch-label .switch-slider-on {
    width: 20rem;
}

.switch-check:checked+.switch-label .switch-slider-on span.switch-text.-left {
    color: #606c6e;
}

.switch-check:checked+.switch-label .switch-slider-on span.switch-text.-right {
    color: #ffffff;
}

.switch-check:checked+.switch-label .switch-slider-off {
    width: 10rem;
}

.onoffswitch {
    position: relative;
    width: 4rem;
    height: 2rem;
    border-radius: 25px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 2rem;
    padding: 0;
    line-height: 20px;
    border-radius: 25px;
    background-color: #c8c8c8;
    transition: background-color 0.3s ease-in;
}

.onoffswitch-label:before {
    content: "";
    display: block;
    width: 2rem;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2rem;
    border: 1px solid #c8c8c8;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
    background-color: #5556fe !important;
    ;
}

.onoffswitch-checkbox:checked+.onoffswitch-label,
.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    border-color: #5556fe !important;
    ;
}

.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    left: 0;
}

.switch-on-on {
    display: block;
}

.switch-on-off {
    display: none;
}

.switch-off-on {
    display: block;
}

.switch-off-off {
    display: none;
}

.select-choices-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.select-root {
    position: relative;
}

.select-root.open .s-input {
    border-radius: 0.4rem 0.4rem 0 0;
    border: 0.1rem solid #5556fe !important;
    border-bottom: 1px solid rgba(96, 108, 110, 0.1);
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.select-root.open-add .s-input {
    border-radius: 0.4rem 0.4rem 0 0;
    border: 0.1rem solid #5556fe !important;
    border-bottom: 1px solid rgba(96, 108, 110, 0.1);
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.select-root.open-remove .s-input {
    background-color: #fff;
    border-radius: 0.4rem;
    border: 0.1rem solid #5556fe !important;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.select-root:focus {
    outline: none;
}

.select-choices-container {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 3.8rem;
}

.select-choices-container.-mini {
    top: 2.8rem;
}

.select-choices-container.-normal .select-choices-list {
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
}

.select-choices-container.-on-front {
    z-index: 8;
}

.select-choices-list {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    font-size: 2.2rem;
    line-height: 3.8rem;
    height: auto;
    border-radius: 0 0 0.4rem 0.4rem;
    padding-left: 0;
    padding-right: 0;
    border: 0.1rem solid #5556fe !important;
    border-top: none;
    background-color: #fff;
    color: #606c6e;
    width: 100%;
}

.select-choices-list li:first-child {
    border-top: 1px solid rgba(96, 108, 110, 0.1);
    line-height: 2.8rem;
}

.select-choices-row {
    padding: .5rem 1rem;
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 2.8rem;
    box-shadow: inset 0 -1px 0 0 #eeeeee, inset 0 1px 0 0 #ffffff;
}

.select-choices-row.active,
.select-choices-row:hover {
    background-color: #ceecf0;
}

.select-choices-row.-fast-address {
    color: #16a086;
}

.select-choices-row.-favorite-address {
    color: #ffb913;
}

.click-area-override:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.incoming-address .select-choices-list {
    max-height: 42rem;
    overflow-y: auto;
}

.destination-address_wrapper {
    font-size: 0;
    position: relative;
}

.destination-address_wrapper .s-button {
    vertical-align: top;
    position: absolute;
    right: 0;
}

.destination-address_wrapper .buttons-double {
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
}

.destination-address_wrapper.-double .destination-address {
    width: 35rem;
    margin-bottom: 1rem;
}

.destination-address_wrapper.-double .destination-address.open {
    width: 86rem;
    -webkit-transition: 0.5s;
}

.destination-address {
    width: 37rem;
    -webkit-transition: 0.5s;
    display: inline-block;
    margin-right: 1rem;
    background-color: #f8f9f3;
}

.destination-address .select-choices-list {
    max-height: 23rem;
    overflow-y: auto;
}

.destination-address .s-input {
    position: relative;
    z-index: 2;
}

.destination-address.open {
    width: 86rem;
    -webkit-transition: 0.5s;
}

.destination-address.open .s-input {
    z-index: 8;
}

.destination-address .select-choices-list {
    overflow-y: auto;
}

.h-input-wrapper {
    display: flex;
    line-height: 3.8rem;
    height: 4rem;
    padding: 0;
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    border-radius: 0.4rem;
}

.h-input {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    background-color: transparent;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 2.2rem;
    line-height: 3.8rem;
    height: 3.9rem;
    padding: 0 1rem;
    border-radius: 0.4rem;
    flex: 1;
    min-width: 5rem;
    width: 5rem;
}

.h-input:focus {
    outline: 0 none;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.h-input_box {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    color: #606c6e;
    font-size: 1.6rem;
    background-color: #fff;
    margin: 2px 1px;
    border-radius: 3px;
    padding: 1px 6px;
    line-height: 3.4rem;
    min-width: 2.5rem;
    white-space: nowrap;
}

.h-input_box.-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.h-input_box.-ellipsis.-address:hover {
    overflow: visible;
    white-space: normal;
}

.h-input_box.-ellipsis.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.what-address {
    max-width: 50rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.what-address.-address:hover {
    overflow: visible;
    white-space: normal;
}

.what-address.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.s-calendar {
    position: absolute;
    right: 2rem;
    z-index: 4;
    top: 0;
}

.s-calendar.-right-calendar {
    right: -30rem;
}

.s-calendar .dropdown-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 3px 5px 14px 0px rgba(0, 0, 0, 0.22);
    padding: 0.5rem;
}

.s-calendar .dropdown-menu li:last-child {
    display: none;
}

.s-calendar table:focus {
    outline: none;
}

.s-calendar thead button {
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.s-calendar thead tr:first-child {
    height: 4rem;
}

.s-calendar thead tr:last-child th {
    color: rgba(96, 108, 110, 0.5);
}

.s-calendar thead tr:last-child th small {
    font-size: 0.9rem;
    text-transform: uppercase;
}

.s-calendar thead tr:last-child th:nth-last-of-type(1),
.s-calendar thead tr:last-child th:nth-last-of-type(2) {
    color: #f26521;
}

.s-calendar .month-th {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.s-calendar tbody tr:nth-last-of-type(1) {
    display: none;
}

.s-calendar tbody td button {
    cursor: default;
    background-color: transparent;
    cursor: pointer;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    font-size: 2.2rem;
    width: 4rem !important;
    height: 4rem;
}

.s-calendar tbody td button[disabled] {
    background-color: transparent;
    cursor: default;
    color: rgba(96, 108, 110, 0.3);
}

.s-calendar tbody td button[disabled]:hover span {
    background-color: transparent;
    color: inherit;
}

.s-calendar tbody td button.active span {
    background-color: #5556fe !important;
    color: #ffffff;
}

.s-calendar tbody td button.active:disabled {
    color: rgba(96, 108, 110, 0.3);
}

.s-calendar tbody td button:hover span {
    outline: 1px solid #5556fe !important;
}

.s-calendar tbody td button.today span {
    background-color: transparent;
    color: #5556fe !important;
}

.s-calendar tbody td button span {
    display: inline-block;
    width: 3rem;
    height: 3rem;
}

.switcher {
    position: relative;
    width: 4rem;
    height: 2rem;
}

.switcher.-disabled input.cmn-toggle-round:checked+label:before {
    background-color: #5556fe;
}

.switcher-xs.switcher {
    width: 3rem;
    height: 1.7rem;
}

.switcher-xs input.cmn-toggle-round+label {
    width: 3.4rem;
    height: 1.7rem;
}

.switcher-xs input.cmn-toggle-round+label:before {
    border-radius: 0.85rem;
}

.switcher-xs input.cmn-toggle-round+label:after {
    width: 1.3rem;
    height: 1.3rem;
}

.switcher-xs input.cmn-toggle-round:checked+label:after {
    margin-left: 1.3rem;
}

.switcher-xs.-right-indent {
    margin-right: 1rem;
}

.switcher-sm {
    width: 4rem;
    height: 2rem;
}

.switcher-sm .switcher {
    width: 3.2rem;
    height: 1.8rem;
}

.switcher-sm input.cmn-toggle-round+label {
    width: 3.6rem;
    height: 1.8rem;
}

.switcher-sm input.cmn-toggle-round+label:before {
    border-radius: 0.9rem;
}

.switcher-sm input.cmn-toggle-round+label:after {
    width: 1.4rem;
    height: 1.4rem;
}

.switcher-sm input.cmn-toggle-round:checked+label:after {
    margin-left: 1.4rem;
}

.switcher-sm.-right-indent {
    margin-right: 1rem;
}

.switcher-md .switcher {
    width: 4rem;
    height: 2.2rem;
}

.switcher-md input.cmn-toggle-round+label {
    width: 4.4rem;
    height: 2.2rem;
}

.switcher-md input.cmn-toggle-round+label:before {
    border-radius: 1.1rem;
}

.switcher-md input.cmn-toggle-round+label:after {
    width: 1.8rem;
    height: 1.8rem;
}

.switcher-md input.cmn-toggle-round:checked+label:after {
    margin-left: 1.8rem;
}

.switcher-md.-right-indent {
    margin-right: 1rem;
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

input.cmn-toggle-round+label {
    width: 4rem;
    height: 2rem;
    display: block;
    border-radius: 50%;
    cursor: pointer;
}

input.cmn-toggle-round+label:before,
input.cmn-toggle-round+label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}

input.cmn-toggle-round+label:before {
    right: 2px;
    background-color: #c8c8c8;
    border-radius: 10px;
    transition: background 0.2s;
    margin-left: -1px;
}

input.cmn-toggle-round+label:after {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: 1px;
    background-color: #fff;
    border-radius: 100%;
    transition: margin 0.2s;
}

input.cmn-toggle-round:checked+label:before {
    background-color: #5556fe !important;
    ;
}

input.cmn-toggle-round:checked+label:after {
    margin-left: 2rem;
}


/*icon switcher*/

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

.icon-switcher.-lock .icon-switcher_inner {
    padding: 5px;
}


/* multi-switcher
модификация slide-selector для React компонента
*/

.multi-switcher-wrapper.-popup {
    position: relative;
}

.multi-switcher-wrapper.-popup .multi-switcher_item {
    padding: 0 0.5rem;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup {
    position: absolute;
    z-index: 2;
    top: 6rem;
    width: 27rem;
    padding: 1.5rem;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 24;
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-light {
    color: rgba(96, 108, 110, 0.5);
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-blue {
    color: #5556fe !important;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-without-shadow {
    text-shadow: none;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-lh1 {
    line-height: 1;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-alert {
    color: #bd3021;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-another-ts {
    text-shadow: 0 .1px 0 #000;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-std-spacing {
    letter-spacing: 0;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-mb-xs {
    margin-bottom: 0.5rem;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-mb {
    margin-bottom: 1rem;
}

.multi-switcher-wrapper.-popup .multi-switcher_popup.-negative-ml {
    margin-left: -1rem;
}

.multi-switcher_popup_fix {
    position: absolute;
    z-index: 2;
    top: 13rem;
    width: auto;
    padding: 1.5rem;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 24;
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.multi-switcher_popup_fix.-light {
    color: rgba(96, 108, 110, 0.5);
}

.multi-switcher_popup_fix.-blue {
    color: #5556fe !important;
}

.multi-switcher_popup_fix.-without-shadow {
    text-shadow: none;
}

.multi-switcher_popup_fix.-lh1 {
    line-height: 1;
}

.multi-switcher_popup_fix.-alert {
    color: #bd3021;
}

.multi-switcher_popup_fix.-another-ts {
    text-shadow: 0 .1px 0 #000;
}

.multi-switcher_popup_fix.-std-spacing {
    letter-spacing: 0;
}

.multi-switcher_popup_fix.-mb-xs {
    margin-bottom: 0.5rem;
}

.multi-switcher_popup_fix.-mb {
    margin-bottom: 1rem;
}

.multi-switcher_popup_fix.-negative-ml {
    margin-left: -1rem;
}

.multi-switcher_popup_fix.-dashboard {
    top: 3.5rem;
    width: 15rem;
}

.multi-switcher {
    position: relative;
    border-radius: 0.4rem;
    background-color: rgba(96, 108, 110, 0.1);
}

.multi-switcher .multi-switcher_item {
    height: 3rem;
    line-height: 3rem;
}

.multi-switcher .multi-switcher_item svg {
    display: inline-block;
    vertical-align: middle;
}

.multi-switcher .multi-switcher_item span.inner-title {
    display: block;
    height: 3rem;
    line-height: 3rem;
    letter-spacing: -0.5px;
}

.multi-switcher .multi-switcher_item {
    font-size: 1.2rem;
}

.multi-switcher.-size_md .multi-switcher_item {
    height: 4rem;
    line-height: 4rem;
}

.multi-switcher.-size_md .multi-switcher_item span.inner-title {
    display: block;
    height: 4rem;
    line-height: 4rem;
}

.multi-switcher.-no-pad .multi-switcher_item {
    padding: 0;
}

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

.multi-switcher.-symmetric .multi-switcher_item {
    width: 50%;
    padding: 0 1rem;
}

.multi-switcher.-icon-inside .multi-switcher_item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.multi-switcher.-icon-inside .multi-switcher_item.active svg {
    fill: #ffffff;
}

.multi-switcher.-symmetric-narrow .multi-switcher_item {
    width: 50%;
    padding: 0 0.5rem;
}

.multi-switcher.-tripple .multi-switcher_item {
    width: 33.333%;
}

.multi-switcher.-quarter .multi-switcher_item {
    width: 25%;
    vertical-align: top;
}

.multi-switcher.-mixed .multi-switcher_item {
    vertical-align: top;
    padding: 0 0.5rem;
}

.multi-switcher.-mixed .multi-switcher_item.active svg {
    fill: #ffffff;
}

.multi-switcher.-mixed svg {
    height: 3rem;
    line-height: 3rem;
    fill: #606c6e;
}

.multi-switcher.-mb {
    margin-bottom: 1rem;
}

.multi-switcher.-preorders {
    width: 13rem;
}

.multi-switcher.-preorders .multi-switcher_list {
    display: flex;
}

.multi-switcher.-preorders .multi-switcher_item {
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #606c6e;
}

.multi-switcher.-preorders .multi-switcher_item.-no-label {
    margin-top: 20px;
}

.multi-switcher.-preorders .multi-switcher_item.-mb-xs {
    margin-bottom: 0.5rem;
}

.multi-switcher.-preorders .multi-switcher_item.-mb {
    margin-bottom: 1rem;
}

.multi-switcher.-preorders .multi-switcher_item.-height-sm {
    height: 3rem;
}

.multi-switcher.-preorders .multi-switcher_item.active {
    fill: #fff;
}

.multi-switcher.-preorders .multi-switcher_item.tip .key-tip {
    padding: 1px 5px;
    top: -0.9rem;
    right: 1rem;
}

.multi-switcher.-icons {
    width: 7rem;
}

.multi-switcher.-icons .multi-switcher_list {
    display: flex;
}

.multi-switcher.-icons .multi-switcher_item {
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #606c6e;
}

.multi-switcher.-icons .multi-switcher_item.-no-label {
    margin-top: 20px;
}

.multi-switcher.-icons .multi-switcher_item.-mb-xs {
    margin-bottom: 0.5rem;
}

.multi-switcher.-icons .multi-switcher_item.-mb {
    margin-bottom: 1rem;
}

.multi-switcher.-icons .multi-switcher_item.-height-sm {
    height: 3rem;
}

.multi-switcher.-icons .multi-switcher_item.active {
    fill: #fff;
}

.multi-switcher.-icons .multi-switcher_item.tip .key-tip {
    padding: 1px 5px;
    top: -0.9rem;
    right: 1rem;
}

.multi-switcher.-height-square ul.multi-switcher_list li {
    height: 3rem;
    line-height: 3rem;
    padding: .5rem;
    fill: #606c6e;
}

.multi-switcher.-height-square ul.multi-switcher_list li.active {
    fill: #f8f9f3;
    text-shadow: none;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
}

.multi-switcher.-pad-xs {
    width: 6.6rem;
}

.multi-switcher.-pad-xs .multi-switcher_item {
    padding: 0;
    text-align: center;
}

.multi-switcher_marker {
    transition: left 0.2s ease-out 0s;
    position: absolute;
    background-color: #5556fe !important;
    border-radius: 0.4rem;
    z-index: 0;
}

.multi-switcher_list {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    z-index: 1;
}

.multi-switcher_list.-disabled {
    opacity: .2;
}

.multi-switcher_item {
    transition: color 0.2s ease-out 0s;
    cursor: pointer;
    -webkit-user-select: none;
    text-align: center;
    display: inline-block;
    padding: 0 1.15rem;
}

.multi-switcher_item.active {
    color: #ffffff;
}

.multi-switcher_item.tip {
    position: relative;
}

.multi-switcher_item.tip .key-tip {
    right: 2rem;
}

.multi-switcher-symmetric .multi-switcher_item {
    width: 50%;
    padding: 0 1rem;
}

.multi-switcher-symmetric-narrow .multi-switcher_item {
    width: 50%;
    padding: 0 0.5rem;
}

.multi-switcher-tripple .multi-switcher_item {
    width: 33.333%;
}

.multi-switcher-quarter .multi-switcher_item {
    width: 25%;
    vertical-align: top;
}

.status-all_wrapper {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
    /*small mod status for right panel*/
}

.status-all_wrapper.-small .status-icon {
    height: auto;
    flex-basis: 2rem;
}

.status-all_wrapper.-small .status-text-wrapper {
    flex-basis: calc(100% - 2rem);
    height: auto;
    padding-right: 0;
    display: block;
}

.status-all_wrapper.-small .status-text-wrapper span {
    margin-right: 5px;
}

.status-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: calc(100% - 2.8rem);
    height: 2.8rem;
    padding-right: 1rem;
}

.status-text {
    color: #5556fe !important;
    ;
}

.status-text.-alarm {
    color: #ffb913;
}

.status-text.-panic {
    color: #bd3021;
}

.price {
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
}

.price .rub {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.price .rub::after {
    /*content: "_";*/
    position: absolute;
    z-index: -1;
    display: block;
}

.price .rub span {
    position: absolute;
    z-index: -1;
    display: block;
}

.price .rub.-bold {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.price.-lg {
    font-size: 4rem;
    letter-spacing: -2px;
    line-height: 4rem;
    height: 4rem;
}

.price.-lg.-mt {
    margin-top: 1rem;
    letter-spacing: -0.3px;
}

.price.-lg.-half-mt {
    margin-top: .4rem;
}

.price.-lg .rub {
    margin-left: 0.5rem;
}

.price.-lg .rub::after {
    bottom: 0.9rem;
    right: 0.8rem;
}

.price.-lg .rub span {
    bottom: 0.9rem;
    right: 0.8rem;
}

.price.-lg-mod2 {
    font-size: 3.6rem;
    letter-spacing: -1px;
    line-height: 3.6rem;
    height: 3.6rem;
}

.price.-lg-mod2.-mt {
    margin-top: 0.6rem;
}

.price.-lg-mod2 .rub {
    margin-left: 0.6rem;
}

.price.-lg-mod2 .rub::after {
    bottom: 0.8rem;
    right: 0.7rem;
}

.price.-lg-mod2 .rub span {
    bottom: 0.9rem;
    right: 0.8rem;
}

.price.-lg-mod3 {
    font-size: 3.2rem;
    letter-spacing: -1.6px;
    line-height: 1;
    height: 3.2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.price.-lg-mod3.-mr {
    margin-right: 1rem;
}

.price.-lg-mod3 .price_value {
    line-height: 1;
    height: 3.2rem;
}

.price.-lg-mod3 .rub {
    margin-left: .8rem;
}

.price.-lg-mod3 .rub::after {
    bottom: .6rem;
    right: .6rem;
}

.price.-lg-mod3 .rub span {
    bottom: 0.6rem;
    right: 0.6rem;
}

.price.-md-lg {
    font-size: 2.8rem;
    letter-spacing: -1.4px;
    line-height: 1;
    height: 2.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.price.-md-lg.-thin-font {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    color: #d1c025;
}

.price.-md-lg.-mr {
    margin-right: 1rem;
}

.price.-md-lg .rub {
    margin-left: .8rem;
}

.price.-md-lg .rub.-nm {
    margin: 0;
}

.price.-md-lg .rub::after {
    bottom: .6rem;
    right: .6rem;
}

.price.-md-lg .rub span {
    bottom: 0.6rem;
    right: 0.6rem;
}

.price.-md-sm {
    font-size: 2.4rem;
    letter-spacing: -1.4px;
    line-height: 1;
    height: 2.4rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.price.-md-sm.-mr {
    margin-right: 1rem;
}

.price.-md-sm .rub {
    margin-left: .8rem;
}

.price.-md-sm .rub::after {
    bottom: .5rem;
    right: .5rem;
}

.price.-md-mod2 {
    font-size: 2.1rem;
    letter-spacing: -1.1px;
    line-height: 1;
    height: 2.1rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.price.-md-mod2.-mr {
    margin-right: 1rem;
}

.price.-md-mod2 .rub {
    margin-left: .8rem;
}

.price.-md-mod2 .rub::after {
    bottom: .4rem;
    right: .5rem;
}

.price.-md {
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    line-height: 1.8rem;
    height: 1.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.price.-md.-black {
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
}

.price.-md .rub {
    margin-left: 0.3rem;
}

.price.-md .rub span {
    bottom: 0.4rem;
    right: 0.4rem;
}

.price.-md .rub::after {
    bottom: 0.4rem;
    right: 0.4rem;
}

.price.-dt {
    font-size: 1.4rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.price.-dt.-light {
    color: rgba(96, 108, 110, 0.5);
}

.price.-dt .rub {
    margin-left: 0.2rem;
}

.price.-dt .rub::after {
    bottom: 0.3rem;
    right: 0.2rem;
}

.price.-dt .rub span {
    bottom: 0.3rem;
    right: 0.2rem;
}

.price.-main {
    color: #d1c025;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-bonus {
    color: #9ebc63;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-cash {
    color: #5556fe !important;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-cashless {
    color: #adaeaa;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-cash-in {
    color: #5556fe !important;
    ;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-alarm {
    color: #bd3021;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-success {
    color: #5556fe !important;
    ;
    text-shadow: 0 1px 0 #ffffff;
}

.price.-total {
    color: #606c6e;
}


/**/

.price-label {
    text-shadow: 0 1px 0 #ffffff;
}

.price-label.-md {
    font-size: 1.1rem;
    line-height: 1.9rem;
}


/*price-list*/

.price-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: table-row;
}

.price-list li {
    display: table-cell;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid #ffffff;
    line-height: 3rem;
    height: 3rem;
    vertical-align: middle;
    padding: 0 0.8rem;
}

.price-list li:first-child {
    border-left: none;
    padding-left: 0;
}

.price-list li:last-child {
    border-right: none;
    padding-right: 0;
}

.price-list li .price.-lg {
    line-height: 3rem;
    height: 3rem;
}

.price-list li .price-label.-md {
    margin-right: 1.0rem;
    line-height: 1.5rem;
}

.price-list li .price.-md {
    line-height: 1.5rem;
    height: 1.5rem;
}

.ruble {
    position: relative;
}

.ruble:after {
    content: "_";
    position: absolute;
    display: block;
    top: 0;
}

.ruble.-sm-size {
    font-size: 1.2rem;
}

.ruble.-sm-size:after {
    margin-top: -3px;
}

.ruble.-xsm-size {
    font-size: 1.4rem;
}

.popup-bg {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    opacity: .5;
    background-color: #000000;
    z-index: 10;
}

.popup {
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 2;
    position: relative;
    width: 90rem;
}

.popup.-opacity {
    background-color: rgba(248, 249, 243, 0.85);
}

.popup.-autoassign {
    width: 97%;
    height: 94%;
    top: 0;
    left: 0;
    outline: 0;
    margin-left: 3rem;
    margin-top: 2rem;
}

.popup.-clear {
    background-color: transparent;
}

.popup.-contact-list {
    max-height: 35.7rem;
}

.popup.-incomingcalls {
    left: 5rem;
}

.popup.-template-panel {
    width: 30rem;
    position: absolute;
    top: 0;
    right: 0;
}

.popup.-oblong-panel {
    width: 30rem;
}

.popup.-oblong-panel .scroll-wrapper {
    height: 40rem;
}

.popup.-oblong-panel .scroll-wrapper.-half {
    height: 20rem;
}

.popup.-without-tip .leaflet-popup-content {
    margin: 0;
}

.popup.-without-tip .leaflet-popup-tip-container {
    display: none;
}

.popup.-without-tip .leaflet-popup-content-wrapper {
    background-color: transparent;
    border-radius: 5px;
}

.popup.-drivers-full {
    width: auto;
    min-width: 40rem;
}

.popup.-drivers-full .scroll-wrapper {
    height: calc(100vh - 21rem);
}

.popup.-md-height {
    height: 23rem;
}

.popup.-md-height .scroll-wrapper {
    height: 23rem;
}

.popup.-oblong-panel-md {
    width: 34rem;
}

.popup.-oblong-panel-lg {
    width: 38rem;
}

.popup.-oblong-panel-lg .scroll-wrapper {
    height: 40rem;
}

.popup.-oblong-panel-lg-auto {
    width: auto;
    max-width: 40rem;
}

.popup.-oblong-panel-lg-auto .scroll-wrapper {
    height: 40rem;
}

.popup section,
.popup .section {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
    padding: 1rem;
}

.popup section.-no-padbot,
.popup .section.-no-padbot {
    padding-bottom: 0;
}

.popup section.-clickable,
.popup .section.-clickable {
    cursor: pointer;
}

.popup section.-clickable.active,
.popup .section.-clickable.active,
.popup section.-clickable.active:hover,
.popup .section.-clickable.active:hover {
    background-color: #ceecf0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup section.-clickable:hover,
.popup .section.-clickable:hover {
    background-color: #ebf4f5;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup section:first-child,
.popup .section:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.popup section:last-child,
.popup .section:last-child {
    box-shadow: inset 0 1px 0 0 #fff;
}

.popup section.-need-shadow,
.popup .section.-need-shadow {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff !important;
}

.popup section:first-child:last-child,
.popup .section:first-child:last-child {
    box-shadow: none;
}

.popup section.-call-to,
.popup .section.-call-to {
    padding: .8rem 1rem;
}

.popup section.-call-to .flex-component_grow,
.popup .section.-call-to .flex-component_grow {
    margin-top: auto;
    margin-bottom: auto;
}

.popup section.-call-to-half,
.popup .section.-call-to-half {
    padding: .8rem .5rem;
}

.popup section.-inner-dropdown,
.popup .section.-inner-dropdown {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
    background-color: rgba(96, 108, 110, 0.07);
    padding: 1.2rem 1rem;
    padding-left: 4.5rem;
}

.popup footer {
    box-shadow: inset 0 1px 0 0 #fff;
    border-top: rgba(0, 0, 0, 0.05) solid 1px;
}

.popup footer.-border-off {
    border: 0;
}

.popup .scroll-wrapper {
    position: relative;
}

.popup.-full-width {
    display: inline-block;
}

.popup.-transparent-bg {
    background-color: transparent;
}

.popup .head-label {
    height: 5rem;
    background-color: #f8f9f3;
    position: relative;
    padding: .75rem 2rem;
    box-shadow: 0 1px 4px #ccc;
}

.popup.-back {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 25%;
    right: 50%;
    margin: auto;
}

.popup.-back.-lg-back {
    top: 30%;
    left: 35%;
}

.popup.-report-columns {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 25%;
    right: 50%;
    margin: auto;
}

.popup.-report-columns.-lg-back {
    top: 30%;
    left: 35%;
}

.popup.-intro {
    position: absolute;
}

.popup.-intro.--right {
    right: 1rem;
}

.popup.-detail-popup {
    position: absolute;
    z-index: 1000;
    top: 1rem;
    right: 1rem;
    margin: auto;
}

.popup.-editable-sm {
    position: absolute !important;
    background-color: #fff;
    width: calc(100% + 2rem);
    z-index: 1000;
    padding: 1rem;
    top: -0.9rem;
    left: -1rem;
}

.popup.-period-popup {
    position: absolute;
    background-color: #fff;
    width: 36rem;
    z-index: 1000;
    padding: 1rem;
    top: -21rem;
    left: -1rem;
}

.popup.-item-inner {
    position: absolute;
    background-color: #fff;
    width: calc(100% - 2rem);
    z-index: 1000;
    padding: 2rem;
    top: 1rem;
    left: 1rem;
}

.popup.-tariff-modal-size {
    width: 119rem;
}

.popup.-xs-size {
    width: 36rem;
}

.popup.-sm-size {
    width: 46rem;
}

.popup.-lg-size {
    width: 60rem;
}

.popup.-create-counteragent {
    width: 46rem;
    height: 22rem;
}

.popup.-driver-tariff-width {
    width: 92rem;
    position: relative;
}

.popup.-sell-tariff-width {
    width: 48rem;
}

.popup.-switcher_popup {
    width: 27rem;
    padding: 1.5rem;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 24;
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.popup.-switcher_popup.-light {
    color: rgba(96, 108, 110, 0.5);
}

.popup.-switcher_popup.-blue {
    color: #5556fe !important;
}

.popup.-switcher_popup.-without-shadow {
    text-shadow: none;
}

.popup.-switcher_popup.-lh1 {
    line-height: 1;
}

.popup.-switcher_popup.-alert {
    color: #bd3021;
}

.popup.-switcher_popup.-another-ts {
    text-shadow: 0 .1px 0 #000;
}

.popup.-switcher_popup.-std-spacing {
    letter-spacing: 0;
}

.popup.-switcher_popup.-mb-xs {
    margin-bottom: 0.5rem;
}

.popup.-switcher_popup.-mb {
    margin-bottom: 1rem;
}

.popup.-switcher_popup.-negative-ml {
    margin-left: -1rem;
}

.popup.-darkness-bg {
    background-color: #dde2e0;
}

.popup.-app-reg-code {
    width: 34rem;
    padding: 1.5rem;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 24;
    margin: 0 auto;
    transform: translateY(300%);
}

.popup.-app-reg-code.-middle {
    width: 47rem;
}

.popup section {
    padding: 1.5rem;
}

.popup section.-bottom-shadow {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07) !important;
}

.popup section.-no-shadow {
    box-shadow: none;
}

.popup section.-xs-section {
    padding: .5rem 1rem 1rem 1rem;
}

.popup section.-xd-section {
    padding: .5rem 1rem;
}

.popup section.-sm-section {
    padding: 1.5rem 1rem 1rem;
}

.popup section.-md-section {
    padding: 1rem;
}

.popup section.-md-section.-left {
    padding-left: 1.5rem;
}

.popup section.-bottom-pad {
    padding: 0 0 1.5rem 0;
}

.popup section.-no-pad {
    padding: 0;
}

.popup section.-xmd-section {
    padding: 1rem;
}

.popup section.-xxmd-section {
    padding: 1rem .5rem 1rem 1rem;
}

.popup.-full-width {
    width: 100%;
}

.popup.-full-name {
    width: calc(100% - 3rem);
    position: absolute;
    margin-top: 3px;
}

.popup.-correct {
    width: 27rem;
    position: absolute;
    margin-top: 3px;
    bottom: 3px;
}

.popup.-correct .plus {
    position: absolute;
    top: 0;
    margin-top: 4rem;
}

.popup.-full-view {
    width: 99%;
    height: 99%;
    max-width: 120rem;
    overflow-x: auto;
    margin: 0 auto;
    background-color: #fcfcfc;
}

.popup.-full-view-report {
    width: 98%;
    height: 98%;
    max-width: 190rem;
    overflow-x: auto;
    margin: 0 auto;
    background-color: #dde2e0;
}

.popup.-no-border-radius {
    border-radius: 0;
}

.popup.-login {
    width: 39.5rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    box-shadow: none;
}

.popup.-login .xs-normal.-alert {
    width: 21rem;
    text-transform: uppercase;
}

.popup.-login .popup_footer {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    border-top: none;
}

.popup.-login .popup_body {
    padding: 2rem 2rem 0 2rem;
}

.popup.-close-connect {
    width: 41rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    background-color: transparent;
    box-shadow: none;
}

.popup.-close-connect .popup_footer {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    border-top: none;
}

.popup.-close-connect .popup_body {
    padding: 2rem 2rem 0 2rem;
}

.popup.-closed-size {
    width: 10rem;
}

.popup.-position-rt {
    right: 3rem;
    top: 2rem;
    position: absolute;
}

.popup.-position-lt {
    left: 3rem;
    top: 2rem;
    position: absolute;
}

.popup.-size-sm {
    width: 30rem;
}

.popup.-size-xd {
    width: 36rem;
}

.popup.-height-chambers {
    height: 40rem;
}

.popup.-size-md {
    width: 46rem;
}

.popup.-size-md.-center.-back {
    margin-right: -23rem;
}

.popup.-size-md.-central {
    margin: 0 auto;
}

.popup.-size-lg {
    width: 56rem;
}

.popup.-size-lg.-with-opacity {
    opacity: .8;
}

.popup.-size-lg .h-input_box,
.popup.-size-lg .h-input {
    font-size: 1rem;
}

.popup.-center {
    left: 25%;
}

.popup.-dashboard .popup_footer {
    padding: 1rem 2rem 2rem 2rem;
}

.popup .close-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer;
}

.popup .close-btn.z-index {
    z-index: 2;
}

.popup .close-btn.-small {
    top: 6px;
    right: 7px;
}

.popup .close-btn.-w-attention {
    right: 20px;
    border-radius: 0.2rem;
    background-color: #bd3021;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup .close-btn.-w-attention.-non-fix-size {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: .75rem 7rem;
    border-radius: 5px;
}

.popup .close-btn.-forward {
    z-index: 5;
}

.popup .tape-line {
    margin-right: 3rem;
    margin-bottom: 1rem;
}

.popup label.s-label {
    margin-bottom: .8rem;
    line-height: 1.4rem;
    display: block;
}

.popup label.s-label.fc-beetween {
    display: flex;
}

.popup label.s-label.-lighter {
    color: #adaeaa;
}

.popup label.s-label.-without-bottom {
    margin-bottom: 0;
}

.popup.-top-indent {
    top: 28px;
}

.popup.-bottom-options {
    position: absolute;
    right: 3px;
    margin-top: 3px;
}

.popup.-top-options {
    position: absolute;
    right: -31rem;
    bottom: 1rem;
}

.popup .s-button.-top-options {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.popup.-income-popup {
    overflow: auto;
    overflow-x: hidden;
    max-height: 70rem;
    width: 100%;
}

.popup.-no-hr section {
    box-shadow: none;
}

.popup.-of-hidden {
    overflow: hidden;
}

.popup_header {
    background-color: #fcfcfc;
    padding: 2rem;
    border-radius: 0.4rem 0.4rem 0 0;
}

.popup_header.-bottomless {
    padding: 2rem 2rem 1rem;
}

.popup_header.-transparent {
    background-color: transparent;
}

.popup_header.-tapeline {
    padding-top: 0;
}

.popup_header.-no-bottom {
    padding-bottom: 0;
}

.popup_header.-top-indent {
    padding-top: 3rem;
}

.popup_header.-true-header-bg {
    background-color: #f8f9f3;
}

.popup_header.-md-padding {
    padding: 1.5rem 2rem;
}

.popup_header.-sm-padding {
    padding: 1rem;
}

.popup_header.-xs-padding {
    padding: 1.5rem 2rem .5rem 2rem;
}

.popup_header.-sm-padding-v2 {
    padding: 1rem 1rem .1rem 1rem;
}

.popup_header.-sm-padding-v2 h5 {
    margin: 0 0 .6rem 0;
}

.popup_header h5 {
    margin-bottom: 0;
}

.popup_body {
    background-color: #f8f9f3;
}

.popup_body.-without-header {
    border-radius: 0.4rem 0.4rem 0 0;
}

.popup_body.-without-header section:first-child {
    box-shadow: none;
}

.popup_body.-fillet {
    border-radius: 0.4rem;
}

.popup_body.-divider {
    box-shadow: inset 0 -1px 0 0 #ffffff, inset 0 -2px 0 0 rgba(0, 0, 0, 0.07);
}

.popup_body.-divider:last-child {
    box-shadow: none;
}

.popup_body.-complete-first {
    border-radius: 0.4rem 0.4rem 0 0;
}

.popup_body.-without-footer {
    border-radius: 0 0 0.4rem 0.4rem;
}

.popup_body.-no-bgcolor {
    background-color: transparent;
}

.popup_body.-opacity {
    background-color: rgba(248, 249, 243, 0.85);
}

.popup_body.-sell-tariff-height {
    height: 56rem;
}

.popup_body.-height-md {
    max-height: 40rem;
}

.popup_body.-driver-orders-report .tabs-content {
    max-height: 46rem;
}

.popup_body.-no-pad section {
    padding: 0;
}

.popup_body section {
    padding: 1rem 2rem 0 2rem;
    border-radius: 0.4rem;
}

.popup_body section.-equal-top-sides {
    padding: 2rem 2rem 0 2rem;
}

.popup_body section.first-step {
    min-height: 8.5rem;
    padding-top: 1.8rem;
}

.popup_body section.second-step {
    min-height: 26rem;
}

.popup_body section.hard-second-step {
    height: 26rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.popup_body section.-hide {
    display: none;
}

.popup_body section.-without-header-bg {
    background-color: #fcfcfc;
}

.popup_body section.-without-bottom {
    padding: 1.5rem 2.5rem 0 2rem;
}

.popup_body section.-without-right-side {
    padding: 1.5rem 1rem 1rem 2rem;
}

.popup_body section.-tariff-pad {
    padding: .5rem .5rem .2rem 2rem;
}

.popup_body section.-sm-padding {
    padding: 1rem;
}

.popup_body section.-sm-and-left {
    padding: 1rem 1rem 1rem 2rem;
}

.popup_body section.-sm-and-md {
    padding: 1rem 2rem;
}

.popup_body section.-none-and-md {
    padding: 0 2rem;
}

.popup_body section.-md-padding {
    padding: 2rem;
}

.popup_body section.-no-shadow {
    box-shadow: none;
}

.popup_body section.-with-bottom {
    padding-bottom: 1rem;
}

.popup_body section.-margin-top {
    margin-top: 2rem;
}

.popup_body.-no-sides-tabs {
    padding: 2rem 0;
    min-height: 30rem;
}

.popup_body.-tabs {
    padding: 2rem;
    min-height: 30rem;
}

.popup_body.-tabs.-fifty {
    min-height: 50rem;
}

.popup_body.-tabs-height {
    min-height: 30rem;
}

.popup_body.-standart {
    padding: 2rem;
}

.popup_body.-standart section:hover {
    background-color: #ebf4f5;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup_footer {
    background-color: #edefea;
    padding: 2rem;
    border-radius: 0 0 0.4rem 0.4rem;
}

.popup_footer.-divider {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
}

.popup_footer.-section-radius {
    border-radius: 0.4rem;
}

.popup_footer.-opacity {
    background-color: rgba(237, 239, 234, 0.85);
}

.popup_footer.-less-indent {
    padding: 1rem 2rem;
}

.popup_footer.-transparent {
    background-color: transparent;
    box-shadow: none !important;
}

.popup_footer.-oblong {
    padding: 1rem;
}

.popup_row {
    padding-bottom: .7rem;
}

.popup_row.-top-md {
    padding-top: 1rem;
}

.popup_row-xs {
    margin-bottom: .2rem;
}

.popup_row-sm {
    margin-bottom: .5rem;
}

.popup_row-md {
    margin-bottom: 1rem;
}

.popup_row_mdm {
    margin-bottom: 1.7rem;
}

.popup_row-lg {
    margin-bottom: 2.3rem;
}

.popup_row-lg .right-btn-wrapper {
    position: relative;
}

.popup_row_pin {
    width: 9.6rem;
}

.popup_footer-right-btns {
    text-align: right;
}

.popup_footer-right-btns.-top-md {
    padding-top: 1rem;
}

.popup_footer-right-btns.-without-label {
    padding-top: 0;
}

.popup_footer-right-btns button {
    margin-left: 1.5rem;
}

.popup_footer-right-btns button:first-child {
    margin-left: 0;
}

.popup_body_row {
    padding: .7rem 0;
}

.popup_body_row.-divider {
    box-shadow: inset 0 -1px 0 0 #ffffff, inset 0 -2px 0 0 rgba(0, 0, 0, 0.07);
}

.popup_body_row.-divider:last-child {
    box-shadow: none;
}

.popup-general-wrapper {
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 2;
    position: relative;
}

.popup-general-wrapper.-opacity {
    background-color: rgba(248, 249, 243, 0.85);
}

.popup-general-wrapper.-autoassign {
    width: 97%;
    height: 94%;
    top: 0;
    left: 0;
    outline: 0;
    margin-left: 3rem;
    margin-top: 2rem;
}

.popup-general-wrapper.-clear {
    background-color: transparent;
}

.popup-general-wrapper.-contact-list {
    max-height: 35.7rem;
}

.popup-general-wrapper.-incomingcalls {
    left: 5rem;
}

.popup-general-wrapper.-template-panel {
    width: 30rem;
    position: absolute;
    top: 0;
    right: 0;
}

.popup-general-wrapper.-oblong-panel {
    width: 30rem;
}

.popup-general-wrapper.-oblong-panel .scroll-wrapper {
    height: 40rem;
}

.popup-general-wrapper.-oblong-panel .scroll-wrapper.-half {
    height: 20rem;
}

.popup-general-wrapper.-without-tip .leaflet-popup-content {
    margin: 0;
}

.popup-general-wrapper.-without-tip .leaflet-popup-tip-container {
    display: none;
}

.popup-general-wrapper.-without-tip .leaflet-popup-content-wrapper {
    background-color: transparent;
    border-radius: 5px;
}

.popup-general-wrapper.-drivers-full {
    width: auto;
    min-width: 40rem;
}

.popup-general-wrapper.-drivers-full .scroll-wrapper {
    height: calc(100vh - 21rem);
}

.popup-general-wrapper.-md-height {
    height: 23rem;
}

.popup-general-wrapper.-md-height .scroll-wrapper {
    height: 23rem;
}

.popup-general-wrapper.-oblong-panel-md {
    width: 34rem;
}

.popup-general-wrapper.-oblong-panel-lg {
    width: 38rem;
}

.popup-general-wrapper.-oblong-panel-lg .scroll-wrapper {
    height: 40rem;
}

.popup-general-wrapper.-oblong-panel-lg-auto {
    width: auto;
    max-width: 40rem;
}

.popup-general-wrapper.-oblong-panel-lg-auto .scroll-wrapper {
    height: 40rem;
}

.popup-general-wrapper section,
.popup-general-wrapper .section {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
    padding: 1rem;
}

.popup-general-wrapper section.-no-padbot,
.popup-general-wrapper .section.-no-padbot {
    padding-bottom: 0;
}

.popup-general-wrapper section.-clickable,
.popup-general-wrapper .section.-clickable {
    cursor: pointer;
}

.popup-general-wrapper section.-clickable.active,
.popup-general-wrapper .section.-clickable.active,
.popup-general-wrapper section.-clickable.active:hover,
.popup-general-wrapper .section.-clickable.active:hover {
    background-color: #ceecf0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup-general-wrapper section.-clickable:hover,
.popup-general-wrapper .section.-clickable:hover {
    background-color: #ebf4f5;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup-general-wrapper section:first-child,
.popup-general-wrapper .section:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.popup-general-wrapper section:last-child,
.popup-general-wrapper .section:last-child {
    box-shadow: inset 0 1px 0 0 #fff;
}

.popup-general-wrapper section.-need-shadow,
.popup-general-wrapper .section.-need-shadow {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff !important;
}

.popup-general-wrapper section:first-child:last-child,
.popup-general-wrapper .section:first-child:last-child {
    box-shadow: none;
}

.popup-general-wrapper section.-call-to,
.popup-general-wrapper .section.-call-to {
    padding: .8rem 1rem;
}

.popup-general-wrapper section.-call-to .flex-component_grow,
.popup-general-wrapper .section.-call-to .flex-component_grow {
    margin-top: auto;
    margin-bottom: auto;
}

.popup-general-wrapper section.-call-to-half,
.popup-general-wrapper .section.-call-to-half {
    padding: .8rem .5rem;
}

.popup-general-wrapper section.-inner-dropdown,
.popup-general-wrapper .section.-inner-dropdown {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
    background-color: rgba(96, 108, 110, 0.07);
    padding: 1.2rem 1rem;
    padding-left: 4.5rem;
}

.popup-general-wrapper footer {
    box-shadow: inset 0 1px 0 0 #fff;
    border-top: rgba(0, 0, 0, 0.05) solid 1px;
}

.popup-general-wrapper footer.-border-off {
    border: 0;
}

.popup-general-wrapper .scroll-wrapper {
    position: relative;
}

.popup-general-wrapper.-full-width {
    display: inline-block;
}

.popup-section-item {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.popup-section-item:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.popup-section-item:last-child {
    box-shadow: inset 0 1px 0 0 #fff;
}

.popup-section-item_inner {
    padding: 1rem;
}

.popup-section-item_inner.-inserted {
    padding-left: 5rem;
    background-color: rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.popup-section-item_inner.-inserted:last-child {
    box-shadow: inset 0 1px 0 0 #fff;
}

.popup-section-item_inner:hover {
    background-color: #ebf4f5;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup_aside {
    background-color: #fff;
    border-radius: 0.4rem 0 0 0;
    padding: 1rem 1rem 2rem 2rem;
}

.popup_aside.-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.popup_aside.-order {
    height: 63rem;
}

.popup_aside-section {
    margin-bottom: 1rem;
}

.popup_aside-section .form-title {
    display: none;
}

.popup_aside-section.-counteragent {
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 2;
    position: relative;
    width: 90rem;
    position: absolute;
    top: 7rem;
    left: 28rem;
    z-index: 10;
    padding: 20px;
    width: 41rem;
}

.popup_aside-section.-counteragent.-opacity {
    background-color: rgba(248, 249, 243, 0.85);
}

.popup_aside-section.-counteragent.-autoassign {
    width: 97%;
    height: 94%;
    top: 0;
    left: 0;
    outline: 0;
    margin-left: 3rem;
    margin-top: 2rem;
}

.popup_aside-section.-counteragent.-clear {
    background-color: transparent;
}

.popup_aside-section.-counteragent.-contact-list {
    max-height: 35.7rem;
}

.popup_aside-section.-counteragent.-incomingcalls {
    left: 5rem;
}

.popup_aside-section.-counteragent.-template-panel {
    width: 30rem;
    position: absolute;
    top: 0;
    right: 0;
}

.popup_aside-section.-counteragent.-oblong-panel {
    width: 30rem;
}

.popup_aside-section.-counteragent.-oblong-panel .scroll-wrapper {
    height: 40rem;
}

.popup_aside-section.-counteragent.-oblong-panel .scroll-wrapper.-half {
    height: 20rem;
}

.popup_aside-section.-counteragent.-without-tip .leaflet-popup-content {
    margin: 0;
}

.popup_aside-section.-counteragent.-without-tip .leaflet-popup-tip-container {
    display: none;
}

.popup_aside-section.-counteragent.-without-tip .leaflet-popup-content-wrapper {
    background-color: transparent;
    border-radius: 5px;
}

.popup_aside-section.-counteragent.-drivers-full {
    width: auto;
    min-width: 40rem;
}

.popup_aside-section.-counteragent.-drivers-full .scroll-wrapper {
    height: calc(100vh - 21rem);
}

.popup_aside-section.-counteragent.-md-height {
    height: 23rem;
}

.popup_aside-section.-counteragent.-md-height .scroll-wrapper {
    height: 23rem;
}

.popup_aside-section.-counteragent.-oblong-panel-md {
    width: 34rem;
}

.popup_aside-section.-counteragent.-oblong-panel-lg {
    width: 38rem;
}

.popup_aside-section.-counteragent.-oblong-panel-lg .scroll-wrapper {
    height: 40rem;
}

.popup_aside-section.-counteragent.-oblong-panel-lg-auto {
    width: auto;
    max-width: 40rem;
}

.popup_aside-section.-counteragent.-oblong-panel-lg-auto .scroll-wrapper {
    height: 40rem;
}

.popup_aside-section.-counteragent section,
.popup_aside-section.-counteragent .section {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
    padding: 1rem;
}

.popup_aside-section.-counteragent section.-no-padbot,
.popup_aside-section.-counteragent .section.-no-padbot {
    padding-bottom: 0;
}

.popup_aside-section.-counteragent section.-clickable,
.popup_aside-section.-counteragent .section.-clickable {
    cursor: pointer;
}

.popup_aside-section.-counteragent section.-clickable.active,
.popup_aside-section.-counteragent .section.-clickable.active,
.popup_aside-section.-counteragent section.-clickable.active:hover,
.popup_aside-section.-counteragent .section.-clickable.active:hover {
    background-color: #ceecf0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup_aside-section.-counteragent section.-clickable:hover,
.popup_aside-section.-counteragent .section.-clickable:hover {
    background-color: #ebf4f5;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.popup_aside-section.-counteragent section:first-child,
.popup_aside-section.-counteragent .section:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.popup_aside-section.-counteragent section:last-child,
.popup_aside-section.-counteragent .section:last-child {
    box-shadow: inset 0 1px 0 0 #fff;
}

.popup_aside-section.-counteragent section.-need-shadow,
.popup_aside-section.-counteragent .section.-need-shadow {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff !important;
}

.popup_aside-section.-counteragent section:first-child:last-child,
.popup_aside-section.-counteragent .section:first-child:last-child {
    box-shadow: none;
}

.popup_aside-section.-counteragent section.-call-to,
.popup_aside-section.-counteragent .section.-call-to {
    padding: .8rem 1rem;
}

.popup_aside-section.-counteragent section.-call-to .flex-component_grow,
.popup_aside-section.-counteragent .section.-call-to .flex-component_grow {
    margin-top: auto;
    margin-bottom: auto;
}

.popup_aside-section.-counteragent section.-call-to-half,
.popup_aside-section.-counteragent .section.-call-to-half {
    padding: .8rem .5rem;
}

.popup_aside-section.-counteragent section.-inner-dropdown,
.popup_aside-section.-counteragent .section.-inner-dropdown {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
    background-color: rgba(96, 108, 110, 0.07);
    padding: 1.2rem 1rem;
    padding-left: 4.5rem;
}

.popup_aside-section.-counteragent footer {
    box-shadow: inset 0 1px 0 0 #fff;
    border-top: rgba(0, 0, 0, 0.05) solid 1px;
}

.popup_aside-section.-counteragent footer.-border-off {
    border: 0;
}

.popup_aside-section.-counteragent .scroll-wrapper {
    position: relative;
}

.popup_aside-section.-counteragent.-full-width {
    display: inline-block;
}

.popup_aside-section.-counteragent.-transparent-bg {
    background-color: transparent;
}

.popup_aside-section.-counteragent .head-label {
    height: 5rem;
    background-color: #f8f9f3;
    position: relative;
    padding: .75rem 2rem;
    box-shadow: 0 1px 4px #ccc;
}

.popup_aside-section.-counteragent.-back {
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 25%;
    right: 50%;
    margin: auto;
}

.popup_aside-section.-counteragent.-back.-lg-back {
    top: 30%;
    left: 35%;
}

.popup_aside-section.-counteragent.-report-columns {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 25%;
    right: 50%;
    margin: auto;
}

.popup_aside-section.-counteragent.-report-columns.-lg-back {
    top: 30%;
    left: 35%;
}

.popup_aside-section.-counteragent.-intro {
    position: absolute;
}

.popup_aside-section.-counteragent.-intro.--right {
    right: 1rem;
}

.popup_aside-section.-counteragent.-detail-popup {
    position: absolute;
    z-index: 1000;
    top: 1rem;
    right: 1rem;
    margin: auto;
}

.popup_aside-section.-counteragent.-editable-sm {
    position: absolute !important;
    background-color: #fff;
    width: calc(100% + 2rem);
    z-index: 1000;
    padding: 1rem;
    top: -0.9rem;
    left: -1rem;
}

.popup_aside-section.-counteragent.-period-popup {
    position: absolute;
    background-color: #fff;
    width: 36rem;
    z-index: 1000;
    padding: 1rem;
    top: -21rem;
    left: -1rem;
}

.popup_aside-section.-counteragent.-item-inner {
    position: absolute;
    background-color: #fff;
    width: calc(100% - 2rem);
    z-index: 1000;
    padding: 2rem;
    top: 1rem;
    left: 1rem;
}

.popup_aside-section.-counteragent.-tariff-modal-size {
    width: 119rem;
}

.popup_aside-section.-counteragent.-xs-size {
    width: 36rem;
}

.popup_aside-section.-counteragent.-sm-size {
    width: 46rem;
}

.popup_aside-section.-counteragent.-lg-size {
    width: 60rem;
}

.popup_aside-section.-counteragent.-create-counteragent {
    width: 46rem;
    height: 22rem;
}

.popup_aside-section.-counteragent.-driver-tariff-width {
    width: 92rem;
    position: relative;
}

.popup_aside-section.-counteragent.-sell-tariff-width {
    width: 48rem;
}

.popup_aside-section.-counteragent.-switcher_popup {
    width: 27rem;
    padding: 1.5rem;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 24;
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.popup_aside-section.-counteragent.-switcher_popup.-light {
    color: rgba(96, 108, 110, 0.5);
}

.popup_aside-section.-counteragent.-switcher_popup.-blue {
    color: #5556fe !important;
}

.popup_aside-section.-counteragent.-switcher_popup.-without-shadow {
    text-shadow: none;
}

.popup_aside-section.-counteragent.-switcher_popup.-lh1 {
    line-height: 1;
}

.popup_aside-section.-counteragent.-switcher_popup.-alert {
    color: #bd3021;
}

.popup_aside-section.-counteragent.-switcher_popup.-another-ts {
    text-shadow: 0 .1px 0 #000;
}

.popup_aside-section.-counteragent.-switcher_popup.-std-spacing {
    letter-spacing: 0;
}

.popup_aside-section.-counteragent.-switcher_popup.-mb-xs {
    margin-bottom: 0.5rem;
}

.popup_aside-section.-counteragent.-switcher_popup.-mb {
    margin-bottom: 1rem;
}

.popup_aside-section.-counteragent.-switcher_popup.-negative-ml {
    margin-left: -1rem;
}

.popup_aside-section.-counteragent.-darkness-bg {
    background-color: #dde2e0;
}

.popup_aside-section.-counteragent.-app-reg-code {
    width: 34rem;
    padding: 1.5rem;
    background-color: #f8f9f3;
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 24;
    margin: 0 auto;
    transform: translateY(300%);
}

.popup_aside-section.-counteragent.-app-reg-code.-middle {
    width: 47rem;
}

.popup_aside-section.-counteragent section {
    padding: 1.5rem;
}

.popup_aside-section.-counteragent section.-bottom-shadow {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07) !important;
}

.popup_aside-section.-counteragent section.-no-shadow {
    box-shadow: none;
}

.popup_aside-section.-counteragent section.-xs-section {
    padding: .5rem 1rem 1rem 1rem;
}

.popup_aside-section.-counteragent section.-xd-section {
    padding: .5rem 1rem;
}

.popup_aside-section.-counteragent section.-sm-section {
    padding: 1.5rem 1rem 1rem;
}

.popup_aside-section.-counteragent section.-md-section {
    padding: 1rem;
}

.popup_aside-section.-counteragent section.-md-section.-left {
    padding-left: 1.5rem;
}

.popup_aside-section.-counteragent section.-bottom-pad {
    padding: 0 0 1.5rem 0;
}

.popup_aside-section.-counteragent section.-no-pad {
    padding: 0;
}

.popup_aside-section.-counteragent section.-xmd-section {
    padding: 1rem;
}

.popup_aside-section.-counteragent section.-xxmd-section {
    padding: 1rem .5rem 1rem 1rem;
}

.popup_aside-section.-counteragent.-full-width {
    width: 100%;
}

.popup_aside-section.-counteragent.-full-name {
    width: calc(100% - 3rem);
    position: absolute;
    margin-top: 3px;
}

.popup_aside-section.-counteragent.-correct {
    width: 27rem;
    position: absolute;
    margin-top: 3px;
    bottom: 3px;
}

.popup_aside-section.-counteragent.-correct .plus {
    position: absolute;
    top: 0;
    margin-top: 4rem;
}

.popup_aside-section.-counteragent.-full-view {
    width: 99%;
    height: 99%;
    max-width: 120rem;
    overflow-x: auto;
    margin: 0 auto;
    background-color: #fcfcfc;
}

.popup_aside-section.-counteragent.-full-view-report {
    width: 98%;
    height: 98%;
    max-width: 190rem;
    overflow-x: auto;
    margin: 0 auto;
    background-color: #dde2e0;
}

.popup_aside-section.-counteragent.-no-border-radius {
    border-radius: 0;
}

.popup_aside-section.-counteragent.-login {
    width: 39.5rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    box-shadow: none;
}

.popup_aside-section.-counteragent.-login .xs-normal.-alert {
    width: 21rem;
    text-transform: uppercase;
}

.popup_aside-section.-counteragent.-login .popup_footer {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    border-top: none;
}

.popup_aside-section.-counteragent.-login .popup_body {
    padding: 2rem 2rem 0 2rem;
}

.popup_aside-section.-counteragent.-close-connect {
    width: 41rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    background-color: transparent;
    box-shadow: none;
}

.popup_aside-section.-counteragent.-close-connect .popup_footer {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    border-top: none;
}

.popup_aside-section.-counteragent.-close-connect .popup_body {
    padding: 2rem 2rem 0 2rem;
}

.popup_aside-section.-counteragent.-closed-size {
    width: 10rem;
}

.popup_aside-section.-counteragent.-position-rt {
    right: 3rem;
    top: 2rem;
    position: absolute;
}

.popup_aside-section.-counteragent.-position-lt {
    left: 3rem;
    top: 2rem;
    position: absolute;
}

.popup_aside-section.-counteragent.-size-sm {
    width: 30rem;
}

.popup_aside-section.-counteragent.-size-xd {
    width: 36rem;
}

.popup_aside-section.-counteragent.-height-chambers {
    height: 40rem;
}

.popup_aside-section.-counteragent.-size-md {
    width: 46rem;
}

.popup_aside-section.-counteragent.-size-md.-center.-back {
    margin-right: -23rem;
}

.popup_aside-section.-counteragent.-size-md.-central {
    margin: 0 auto;
}

.popup_aside-section.-counteragent.-size-lg {
    width: 56rem;
}

.popup_aside-section.-counteragent.-size-lg.-with-opacity {
    opacity: .8;
}

.popup_aside-section.-counteragent.-size-lg .h-input_box,
.popup_aside-section.-counteragent.-size-lg .h-input {
    font-size: 1rem;
}

.popup_aside-section.-counteragent.-center {
    left: 25%;
}

.popup_aside-section.-counteragent.-dashboard .popup_footer {
    padding: 1rem 2rem 2rem 2rem;
}

.popup_aside-section.-counteragent .close-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer;
}

.popup_aside-section.-counteragent .close-btn.z-index {
    z-index: 2;
}

.popup_aside-section.-counteragent .close-btn.-small {
    top: 6px;
    right: 7px;
}

.popup_aside-section.-counteragent .close-btn.-w-attention {
    right: 20px;
    border-radius: 0.2rem;
    background-color: #bd3021;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_aside-section.-counteragent .close-btn.-w-attention.-non-fix-size {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: .75rem 7rem;
    border-radius: 5px;
}

.popup_aside-section.-counteragent .close-btn.-forward {
    z-index: 5;
}

.popup_aside-section.-counteragent .tape-line {
    margin-right: 3rem;
    margin-bottom: 1rem;
}

.popup_aside-section.-counteragent label.s-label {
    margin-bottom: .8rem;
    line-height: 1.4rem;
    display: block;
}

.popup_aside-section.-counteragent label.s-label.fc-beetween {
    display: flex;
}

.popup_aside-section.-counteragent label.s-label.-lighter {
    color: #adaeaa;
}

.popup_aside-section.-counteragent label.s-label.-without-bottom {
    margin-bottom: 0;
}

.popup_aside-section.-counteragent.-top-indent {
    top: 28px;
}

.popup_aside-section.-counteragent.-bottom-options {
    position: absolute;
    right: 3px;
    margin-top: 3px;
}

.popup_aside-section.-counteragent.-top-options {
    position: absolute;
    right: -31rem;
    bottom: 1rem;
}

.popup_aside-section.-counteragent .s-button.-top-options {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.popup_aside-section.-counteragent.-income-popup {
    overflow: auto;
    overflow-x: hidden;
    max-height: 70rem;
    width: 100%;
}

.popup_aside-section.-counteragent.-no-hr section {
    box-shadow: none;
}

.popup_aside-section.-counteragent.-of-hidden {
    overflow: hidden;
}

.popup_aside-section.-counteragent .right-panel section:first-child:last-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.popup_aside-section.-counteragent .form-title {
    display: block;
}

.popup_aside-section:last-child {
    margin-bottom: 0;
}

.call-to-icon {
    width: 3.6rem;
    text-align: center;
    height: 3.4rem;
    display: flex;
}

.call-to-icon.-smooth-height {
    height: 3rem;
}

.call-to-icon.-history {
    width: 3.6rem;
}

.call-to-icon hsvg {
    margin: auto;
}

.options-popup {
    position: absolute !important;
    width: 36rem;
    top: 0;
    left: 0;
}

.options-popup section {
    padding: 1.1rem 1rem .6rem 1rem;
}

popup-driver-list {
    z-index: 2;
}

.modal-backdrop.in {
    z-index: 10 !important;
}

.popup-message {
    background: #faed77;
    border-radius: 0.4rem;
    padding: 2rem;
    width: 35rem;
    position: relative;
    box-shadow: 3px 5px 14px 0 rgba(0, 0, 0, 0.22);
}

.popup-message .close-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer;
    -webkit-filter: drop-shadow(1px 1px 0 #ffffff);
    opacity: .6;
}

.popup-message footer {
    margin-top: 2rem;
}

.isVisible.-hide {
    height: 0;
    visibility: hidden;
}

.isVisible.-show {
    height: 42.5rem;
    visibility: visible;
}

.leaflet-control-container .leaflet-top {
    top: inherit;
    bottom: 1rem;
}

.on-map-elements {
    padding-top: 3rem;
    padding-left: 6rem;
    width: 100%;
}

.map-driver-status {
    background-color: rgba(248, 249, 243, 0.85);
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 2;
    position: relative;
    padding: 1rem 2rem;
}

.popup.map-home {
    position: absolute;
    top: 7rem;
    left: 44rem;
    width: auto;
    height: auto;
}

.popup.map-home .home-btn {
    width: 4rem;
    height: 4rem;
}

.popup.map-home .home-btn svg.home {
    fill: #606c6e;
}

.popup.map-home .home-editor {
    width: 60rem;
    padding: 1rem;
}

@media screen and (max-width: 1400px) {
    .popup.map-home .home-editor {
        width: 32rem;
    }
}

.popup.help-instructions-geofence-btn {
    position: absolute;
    top: 7rem;
    left: 49rem;
    width: auto;
    height: auto;
}

.map-driver-finder {
    background-color: rgba(248, 249, 243, 0.85);
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 3;
    position: relative;
    padding: 1rem 2rem;
    margin-left: 1rem;
}

.map-motorcade-w-dropdown {
    background-color: rgba(248, 249, 243, 0.85);
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 2;
    position: relative;
    padding: 1rem 2rem;
    width: 34rem;
    margin-right: 1rem;
}

.map-online-workers-free {
    background-color: rgba(248, 249, 243, 0.85);
    border-radius: 0.4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
    color: #606c6e;
    z-index: 2;
    position: relative;
    padding: 1rem 2rem;
    position: absolute;
    right: 5rem;
    top: 3rem;
}

.watchtip {
    position: absolute;
    top: 2rem;
    left: 14rem;
    height: 4rem;
    width: 16rem;
    padding: .5rem .5rem .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.2;
    background-color: #faed77;
    border-radius: 0.4rem;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.22);
    z-index: 1;
}

.watchtip.-callsign-sm {
    top: 0;
    left: 9rem;
    height: 3rem;
    width: 13rem;
    padding: 0 0 .5rem 1rem;
}

.watchtip.-callsign-md {
    top: 0;
    left: 9rem;
}

.watchtip.-min-bonus {
    top: -5rem;
    left: 1rem;
    width: calc(100% - 2rem);
    text-transform: none;
}

.watchtip .close-btn {
    position: absolute;
    top: 13px;
    right: 9px;
    cursor: pointer;
    -webkit-filter: drop-shadow(1px 1px 0 #ffffff);
    opacity: .6;
}

options-popup.-top-options button {
    margin-bottom: 2rem;
}

@media screen and (max-height: 720px) {
    .modal-dialog .popup {
        max-height: calc(100vh - 9rem);
        overflow-y: scroll;
        /*padding-right: 1.5rem;*/
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal-dialog .popup::-webkit-scrollbar {
        width: 15px;
    }
    .modal-dialog .popup::-webkit-scrollbar-track {
        background: #edefea;
    }
    .modal-dialog .popup::-webkit-scrollbar-thumb {
        background: #bdc6c7;
        border-radius: 4px;
        border: 2px solid transparent;
        border-right: 3px solid transparent;
        background-clip: content-box;
    }
    .modal-dialog .popup.-overlay {
        overflow-y: auto;
    }
    .modal-dialog .popup.-horizontal {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .modal-dialog .popup.-auto {
        overflow-y: auto;
        overflow-x: hidden;
    }
    .modal-dialog .popup.-visible {
        overflow-y: visible;
    }
    .modal-dialog .popup.-padding-md {
        padding-right: 2rem;
    }
    .modal-dialog .popup.-inherit {
        position: inherit;
    }
    .modal-dialog .popup.-top-indent {
        right: 20px;
    }
    .modal-dialog .popup.-income-popup {
        max-height: calc(100vh - 12rem);
    }
}

.options-wrapper.-top-options button {
    margin-bottom: 2rem;
}

.help-select {
    position: absolute;
    top: -0.8rem;
    left: 7rem;
    padding: 0 0 0 2rem;
    background-color: #1d3f59;
    color: #fff;
    border-radius: 5px;
    opacity: .9;
}

.help-select:after {
    right: 100%;
    top: 55%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #1d3f59;
    border-width: 10px;
    margin-top: -30px;
}

.help-select ul {
    font-size: 14px;
    list-style-type: none;
    text-align-last: left;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.help-select ul li {
    height: 3rem;
    padding: .6rem 2rem 0 .5rem;
}

.help-select ul li:hover {
    background-color: #5556fe !important;
}

.help-select ul li:hover:first-child {
    border-top-right-radius: 5px;
}

.help-select ul li:hover:last-child {
    border-bottom-right-radius: 5px;
}

.help-select ul li a:visited {
    color: #fff;
}

.report-download {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0;
    background-color: #1d3f59;
    color: #fff;
    opacity: .9;
    z-index: 1;
}

.report-download:after {
    bottom: 100%;
    left: 2rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #1d3f59;
    border-width: 10px;
    margin-left: -15px;
}

.report-download ul {
    font-size: 14px;
    list-style-type: none;
    text-align-last: left;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.report-download ul li {
    height: 3rem;
    padding: .5rem 1rem 0 1rem;
    cursor: pointer;
}

.report-download ul li:hover {
    background-color: #5556fe !important;
}

.report-download ul li a:visited {
    color: #fff;
}

.modal-tariff-popup .popup.-back {
    margin-right: -18rem;
}


/*progressbar*/

.progressbar-wrapper {
    width: 50px;
    height: 3px;
    border-radius: 2px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.15);
}

.progressbar {
    height: 3px;
    width: 100%;
}

svg|title {
    pointer-events: none;
}

.bus-stop-sm {
    width: 18px;
    height: 20px;
}

.bus-stop-sm.-fast-address {
    fill: #16a086;
}

.bus-stop-md {
    width: 22px;
    height: 24px;
}

.bus-stop-md.-editor {
    fill: #677374;
}

.crossroads-sm {
    width: 20px;
    height: 20px;
}

.crossroads-sm.-fast-address {
    fill: #16a086;
}

.crossroads-md {
    width: 24px;
    height: 24px;
}

.crossroads-md.-editor {
    fill: #677374;
}

.market-sm {
    width: 20px;
    height: 20px;
}

.market-sm.-fast-address {
    fill: #16a086;
}

.market-md {
    width: 24px;
    height: 24px;
}

.market-md.-editor {
    fill: #677374;
}

.bar-sm {
    width: 20px;
    height: 20px;
}

.bar-sm.-fast-address {
    fill: #16a086;
}

.bar-md {
    width: 24px;
    height: 24px;
}

.bar-md.-editor {
    fill: #677374;
}

.barbershop-sm {
    width: 20px;
    height: 20px;
}

.barbershop-sm.-fast-address {
    fill: #16a086;
}

.barbershop-md {
    width: 24px;
    height: 24px;
}

.barbershop-md.-editor {
    fill: #677374;
}

.organization-sm {
    width: 15px;
    height: 20px;
}

.organization-sm.-fast-address {
    fill: #16a086;
}

.organization-md {
    width: 19px;
    height: 24px;
}

.organization-md.-editor {
    fill: #677374;
}

.medic-sm {
    width: 20px;
    height: 20px;
}

.medic-sm.-fast-address {
    fill: #16a086;
}

.medic-md {
    width: 24px;
    height: 24px;
}

.medic-md.-editor {
    fill: #677374;
}

.sauna-sm {
    width: 20px;
    height: 20px;
}

.sauna-sm.-fast-address {
    fill: #16a086;
}

.sauna-md {
    width: 24px;
    height: 24px;
}

.sauna-md.-editor {
    fill: #677374;
}

.hotel-sm {
    width: 20px;
    height: 20px;
}

.hotel-sm.-fast-address {
    fill: #16a086;
}

.hotel-md {
    width: 24px;
    height: 24px;
}

.hotel-md.-editor {
    fill: #677374;
}

.railway-sm {
    width: 20px;
    height: 20px;
}

.railway-sm.-fast-address {
    fill: #16a086;
}

.railway-md {
    width: 24px;
    height: 24px;
}

.railway-md.-editor {
    fill: #677374;
}

.other-sm {
    width: 20px;
    height: 20px;
}

.other-sm.-fast-address {
    fill: #16a086;
}

.other-md {
    width: 24px;
    height: 24px;
}

.other-md.-editor {
    fill: #677374;
}

.airport-sm {
    width: 20px;
    height: 20px;
}

.airport-sm.-fast-address {
    fill: #16a086;
}

.airport-md {
    width: 24px;
    height: 24px;
}

.airport-md.-editor {
    fill: #677374;
}

.education-sm {
    width: 20px;
    height: 20px;
}

.education-sm.-fast-address {
    fill: #16a086;
}

.education-md {
    width: 24px;
    height: 24px;
}

.education-md.-editor {
    fill: #677374;
}

.gas-sm {
    width: 20px;
    height: 20px;
}

.gas-sm.-fast-address {
    fill: #16a086;
}

.gas-md {
    width: 24px;
    height: 24px;
}

.gas-md.-editor {
    fill: #677374;
}

.sports-sm {
    width: 20px;
    height: 20px;
}

.sports-sm.-fast-address {
    fill: #16a086;
}

.sports-md {
    width: 24px;
    height: 24px;
}

.sports-md.-editor {
    fill: #677374;
}

.tourism-sm {
    width: 20px;
    height: 20px;
}

.tourism-sm.-fast-address {
    fill: #16a086;
}

.tourism-md {
    width: 24px;
    height: 24px;
}

.tourism-md.-editor {
    fill: #677374;
}

.art-sm {
    width: 20px;
    height: 20px;
}

.art-sm.-fast-address {
    fill: #16a086;
}

.art-md {
    width: 24px;
    height: 24px;
}

.art-md.-editor {
    fill: #677374;
}

.government-sm {
    width: 20px;
    height: 20px;
}

.government-sm.-fast-address {
    fill: #16a086;
}

.government-md {
    width: 24px;
    height: 24px;
}

.government-md.-editor {
    fill: #677374;
}

.cemetery-sm {
    width: 20px;
    height: 20px;
}

.cemetery-sm.-fast-address {
    fill: #16a086;
}

.cemetery-md {
    width: 24px;
    height: 24px;
}

.cemetery-md.-editor {
    fill: #677374;
}

.religion-sm {
    width: 20px;
    height: 20px;
}

.religion-sm.-fast-address {
    fill: #16a086;
}

.religion-md {
    width: 24px;
    height: 24px;
}

.religion-md.-editor {
    fill: #677374;
}

.pets-sm {
    width: 20px;
    height: 20px;
}

.pets-sm.-fast-address {
    fill: #16a086;
}

.pets-md {
    width: 24px;
    height: 24px;
}

.pets-md.-editor {
    fill: #677374;
}

.plants-sm {
    width: 20px;
    height: 20px;
}

.plants-sm.-fast-address {
    fill: #16a086;
}

.plants-md {
    width: 24px;
    height: 24px;
}

.plants-md.-editor {
    fill: #677374;
}

.settlement-sm {
    width: 20px;
    height: 20px;
}

.settlement-sm.-fast-address {
    fill: #16a086;
}

.settlement-md {
    width: 24px;
    height: 24px;
}

.settlement-md.-editor {
    fill: #677374;
}

.villas-sm {
    width: 20px;
    height: 20px;
}

.villas-sm.-fast-address {
    fill: #16a086;
}

.villas-md {
    width: 24px;
    height: 24px;
}

.villas-md.-editor {
    fill: #677374;
}

.subway-sm {
    width: 20px;
    height: 20px;
}

.subway-sm.-fast-address {
    fill: #16a086;
}

.subway-md {
    width: 24px;
    height: 24px;
}

.subway-md.-editor {
    fill: #677374;
}

.bank-sm {
    width: 20px;
    height: 20px;
}

.bank-sm.-fast-address {
    fill: #16a086;
}

.bank-md {
    width: 24px;
    height: 24px;
}

.bank-md.-editor {
    fill: #677374;
}

.help-instructions-md {
    width: 20px;
    height: 20px;
}

.help-instructions-md.-blue {
    fill: #5556fe !important;
}

.youtube {
    width: 22px;
    height: 18px;
}

.youtube.-red {
    fill: #bd3021;
}

.text_help-md {
    width: 22px;
    height: 20px;
}

.text_help-md.-normal {
    fill: #606c6e;
}

.archive-btn {
    width: 24px;
    height: 28px;
}

.archive-btn-sm {
    width: 20px;
    height: 20px;
}

.order_distance {
    width: 3rem;
    height: 2rem;
    fill: #677374;
}

.md-sq-size {
    width: 20px;
    height: 20px;
}

.calendar-picker {
    width: 15px;
    height: 15px;
}

.calendar-picker.-input-icon {
    fill: #606c6e;
}

.order_distance {
    width: 3rem;
    height: 1.8rem;
    fill: #677374;
}

.order_distance.-white {
    fill: #fff;
}

.search-sm {
    width: 15px;
    height: 15px;
    fill: #b1b1b1;
}

.search-md {
    width: 20px;
    height: 20px;
    fill: #b1b1b1;
}

.bell-sm {
    width: 16px;
    height: 18px;
}

.sandglass-sm {
    width: 16px;
    height: 18px;
}

.flag-xmd {
    width: 18px;
    height: 18px;
}

.flag-xmd.-const-status {
    fill: #95acaf;
}

.flag-md {
    width: 20px;
    height: 20px;
}

.flag-md.-const-status {
    fill: #95acaf;
}

.flag-lg {
    width: 30px;
    height: 30px;
}

.reserve-lg {
    width: 24px;
    height: 28px;
}

.flag-sm-md {
    width: 14px;
    height: 14px;
}

.flag-sm-md.-addres-from {
    fill: #ffffff;
}

.flag-sm {
    width: 8px;
    height: 8px;
}

.flag-finish-sm {
    width: 16px;
    height: 19px;
}

.flag-finish-xmd {
    width: 18px;
    height: 18px;
}

.flag-finish-md {
    width: 21px;
    height: 24px;
}

.flag-finish-lg {
    width: 30px;
    height: 30px;
}

.message-md {
    width: 20px;
    height: 20px;
}

.message-opened-md {
    width: 20px;
    height: 20px;
}

.message-disabled-md {
    width: 20px;
    height: 19px;
}

.message-disabled-md.-black {
    fill: #000;
}

.car-icon.-alarm {
    fill: #bd3021;
}

.car-icon.-success {
    fill: #5556fe !important;
    ;
}

.car-icon.-st-color {
    fill: #606c6e;
}

.car-ld {
    width: 34px;
    height: 31px;
}

.car-ld.-normal {
    fill: #606c6e;
}

.car-ld.-not-assigned {
    fill: rgba(96, 108, 110, 0.5);
}

.car-ld.-red {
    fill: #bd3021;
}

.car-ld.-gray {
    fill: #606c6e;
}

.car-lx {
    width: 26px;
    height: 26px;
}

.car-lx.-as-map {
    fill: #1d3f59;
}

.car-lx.-default {
    fill: #606c6e;
}

.car-lx.-light {
    fill: #adaeaa;
}

.car-lx.-onShift {
    fill: #5556fe !important;
    ;
}

.car-lmd {
    width: 22px;
    height: 22px;
}

.car-md {
    width: 20px;
    height: 20px;
}

.car-md.-default {
    fill: #606c6e;
}

.car-md.-menu-icon {
    fill: #5556fe !important;
    ;
}

.car-xmd {
    width: 16px;
    height: 16px;
}

.car-sm {
    width: 14px;
    height: 14px;
}

.car-lg {
    width: 38px;
    height: 30px;
}

.car-lg.-default {
    fill: #606c6e;
}

.car-arrow-left-md {
    width: 19px;
    height: 23px;
}

.car-arrow-left-md.-left {
    transform: rotate(180deg);
}

.car-arrow-right-md {
    width: 19px;
    height: 23px;
}

.arrow-md {
    width: 14px;
    height: 13px;
}

.arrow-md.-left {
    transform: rotate(180deg);
}

.car-icon.-online {
    fill: #5556fe !important;
    ;
}

.car-icon.-default {
    fill: #606c6e;
}

.clock-sm {
    width: 11px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    fill: #b1b1b1;
}

.clock-backward-sm {
    width: 21px;
    height: 18px;
}

.clock-backward-sm.-blue {
    fill: #5556fe !important;
}

.plus-sm {
    width: 13px;
    height: 13px;
}

.plus-sm.-non-complete {
    fill: #ee1c24;
}

.plus-sm.-dropdown {
    fill: #5556fe !important;
    ;
}

.circle-md {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}

.circle-sm {
    width: 2.2rem;
    height: 2.2rem;
}

.circlefill-xs {
    width: 1rem;
    height: 1rem;
}

.options-sm {
    width: 23px;
    height: 18px;
}

.pen-normal {
    fill: #5556fe !important;
    ;
}

.pen-xs {
    width: 12px;
    height: 12px;
}

.pen-sm {
    width: 16px;
    height: 16px;
}

.pen-xmd {
    width: 18px;
    height: 18px;
}

.pen-md {
    width: 22px;
    height: 22px;
}

.check-icon.-xxxs-size {
    width: 8px;
    height: 8px;
}

.check-icon.-xxs-size {
    width: 12px;
    height: 13px;
}

.check-icon.-xs-size {
    width: 14px;
    height: 20px;
}

.check-icon.-sm-size {
    width: 19px;
    height: 14px;
}

.check-icon.-complete-state {
    fill: #5556fe !important;
    ;
}

.check-icon.-white {
    fill: #f8f9f3;
}

.check-sm {
    width: 19px;
    height: 14px;
}

.check-xs {
    width: 14px;
    height: 20px;
}

.check-xs.-complete {
    fill: #5556fe !important;
    ;
}

.check-xs.-margin-r-xs {
    margin-right: 1.5rem;
}

.check-xs.-margin-l-xs {
    margin-left: .2rem;
}

.check-xxs {
    width: 12px;
    height: 13px;
}

.check-xxxs {
    width: 8px;
    height: 8px;
}

.close-sm {
    width: 16px;
    height: 16px;
    fill: #b1b1b1;
}

.close-xmd {
    width: 18px;
    height: 18px;
}

.close-md {
    width: 20px;
    height: 20px;
}

.close-xs {
    width: 10px;
    height: 12px;
    fill: #b1b1b1;
}

.close-lg {
    width: 30px;
    height: 30px;
}

.close-bold-xxs {
    width: 10px;
    height: 11px;
    fill: #b1b1b1;
}

.close-bold-xms {
    width: 12px;
    height: 12px;
    fill: #b1b1b1;
}

.close-bold-xs {
    width: 13px;
    height: 14px;
    fill: #b1b1b1;
}

.close-bold {
    width: 14px;
    height: 15px;
    fill: #b1b1b1;
}

.close-bold.-dark {
    fill: #081219;
}

.close-bold.-darker {
    fill: #d3ca68;
}

.close-bold.-blanchet {
    fill: #fff;
}

.clock-normal {
    width: 17px;
    height: 17px;
}

.distance-arrow-right {
    width: 10px;
    height: 10px;
    fill: #adaeaa;
}

.distance-arrow-right svg {
    width: 10px;
    height: 10px;
}

.distance-arrow-right.-active {
    fill: #5556fe !important;
    ;
}

.distance-arrow-right-sm {
    width: 16px;
    height: 10px;
}

.distance-arrow-right-sm.-normal {
    fill: #606c6e;
}

.cancel-driver-sm {
    width: 21px;
    height: 24px;
}

.cancel-driver-sm.-alarm {
    fill: #bd3021;
}

.assign-driver-sm {
    width: 16px;
    height: 18px;
}

.assign-driver-md {
    width: 21px;
    height: 24px;
}

.assign-driver-md.-const-status {
    fill: #297fb8;
}

.car-repair {
    width: 20px;
    height: 20px;
}

.car-lunch {
    width: 20px;
    height: 20px;
}

.assign-driver-lg {
    width: 30px;
    height: 30px;
}

.car-from-wheels {
    width: 20px;
    height: 20px;
}

.car-from-wheels-sm {
    width: 18px;
    height: 18px;
}

.car-in-work-md {
    width: 20px;
    height: 12px;
}

.car-in-work-md.-const-status {
    fill: #9ebc63;
}

.car-in-work-sm {
    width: 18px;
    height: 11px;
}

.car-in-work-lg {
    width: 30px;
    height: 30px;
}

.car-waiting-md {
    width: 20px;
    height: 20px;
}

.car-waiting-md.-const-status {
    fill: #16a086;
}

.car-waiting-sm {
    width: 18px;
    height: 18px;
}

.car-waiting-lg {
    width: 30px;
    height: 30px;
}

.phone-sm {
    width: 20px;
    height: 10px;
}

.distance-sm {
    width: 11px;
    height: 9px;
    fill: #b1b1b1;
}

.arrow-down_select {
    width: 11px;
    height: 9px;
}

.arrow-down_select.-shadow {
    -webkit-filter: drop-shadow(0px 1px 0px rgba(255, 255, 255, 0.6));
}

.arrow-down_select.-normal {
    fill: #b1b1b1;
}

.arrow-down_select-sm {
    width: 12px;
    height: 10px;
}

.arrow-down_select-sm.-normal {
    fill: #b1b1b1;
}

.arrow-up_select {
    width: 21px;
    height: 18px;
}

.arrow-up_select.-normal {
    fill: #b1b1b1;
}

.status-type-normal {
    height: 24px;
    width: 24px;
    fill: #bdc6c7;
}

.phonebook-sm {
    width: 18px;
    height: 21px;
}

.pause-sm {
    width: 9px;
    height: 10px;
}

.play-sm {
    width: 10px;
    height: 10px;
}

.arrow-right-sm {
    width: 12px;
    height: 11px;
}

.hang-up-sm {
    width: 18px;
    height: 6px;
}

.driver-sm {
    width: 22px;
    height: 22px;
    fill: #b1b1b1;
}

.driver-sm.-order {
    fill: #5556fe !important;
    ;
}

.driver-xsm {
    width: 20px;
    height: 20px;
    fill: #b1b1b1;
}

.driver-xsm.-callsign-icon {
    fill: #606c6e;
    margin-right: .5rem;
    margin-top: .2rem;
}

.driver-xs {
    width: 18px;
    height: 18px;
}

.driver-16 {
    width: 16px;
    height: 16px;
    fill: #b1b1b1;
}

.driver-16.-callsign-icon {
    fill: #606c6e;
    margin-right: .5rem;
    margin-top: .2rem;
}

.driver-xxs {
    width: 12px;
    height: 12px;
}

.driver-xxs.-callsign-icon {
    fill: #606c6e;
    margin: -2px 3px 0 3px;
    vertical-align: middle;
}

.colleague-sm {
    width: 20px;
    height: 22px;
    fill: #b1b1b1;
}

.colleague-sm.-online {
    fill: #5556fe !important;
    ;
}

.colleague-sm.-offline {
    fill: #ffb913;
}

.colleague-sm.-gray {
    fill: #606c6e;
}

.colleague-md {
    width: 38px;
    height: 30px;
    fill: #606c6e;
}

.client-sm {
    width: 14px;
    height: 30px;
}

.client-sm.-normal {
    fill: #d1c025;
}

.client-sm.-red {
    fill: #bd3021;
}

.client-sm.-blacklist {
    fill: #38444d;
}

.client-sm.-align {
    margin: 0 0 0 12px;
}

.client-md {
    width: 20px;
    height: 30px;
}

.client-md.-gray {
    fill: #606c6e;
}

.client-md.-normal {
    fill: #d1c025;
}

.client-md.-red {
    fill: #bd3021;
}

.client-md.-blacklist {
    fill: #38444d;
}

.client-md.-align {
    margin: 0 0 0 5px;
}

.doc-star {
    width: 2.4rem;
    height: 3rem;
}

.doc-star-md {
    width: 18px;
    height: 22px;
}

.doc-star-md.-menu-icon {
    fill: #5556fe !important;
    ;
}

.gear-md {
    width: 3rem;
    height: 3rem;
}

.gear-sm {
    width: 2rem;
    height: 2rem;
}

.gear-sm.-menu-icon {
    fill: #5556fe !important;
    ;
}

.pizza-sm {
    width: 16px;
    height: 15px;
}

.pizza-sm.-normal {
    fill: #d1c025;
}

.evacuator-sm {
    width: 16px;
    height: 16px;
}

.evacuator-sm.-normal {
    fill: #d1c025;
}

.contractor-sm {
    width: 15px;
    height: 13px;
}

.contractor-sm.-normal {
    fill: #d1c025;
}

.contractor-sm.-in-work {
    fill: #d1c025;
}

.contractor-md {
    width: 20px;
    height: 20px;
}

.contractor-md.-personal-color {
    fill: #297fb8 !important;
    color: #297fb8 !important;
}

.contractor-md.-common-color {
    fill: #16a086 !important;
    color: #16a086 !important;
}

.taxi-sm {
    width: 15px;
    height: 10px;
}

.taxi-sm.-normal {
    fill: #d1c025;
}

.taxi-sm.-gray {
    fill: #606c6e;
}

.taxi-sm.-in-work {
    fill: #d1c025;
}

.passenger-sm {
    width: 17px;
    height: 16px;
}

.passenger-sm.-normal {
    fill: #606c6e;
}

.iphone {
    width: 10px;
    height: 17px;
}

.iphone.-normal {
    fill: #d1c025;
}

.iphone.-callsign {
    fill: #ffb913;
}

.call-request {
    width: 30px;
    height: 30px;
}

.call-request.-align {
    margin: -2px 3px 0 3px;
}

.call-request.-normal {
    fill: #606c6e;
}

.client-call-xs {
    width: 20px;
    height: 20px;
}

.client-call-xs.-white {
    fill: #f8f9f3;
}

.client-call {
    width: 20px;
    height: 30px;
}

.client-call.-red {
    fill: #bd3021;
}

.client-call.-normal {
    fill: #606c6e;
}

.client-call.-white {
    fill: #f8f9f3;
}

.client-call.-align {
    margin: 0 6px 0 10px;
}

.arrow-sm {
    width: 8px;
    height: 12px;
}

.arrow-sm.-in-color {
    fill: #d1c025;
}

.arrow-sm.-out-color {
    fill: #ffb913;
}

.arrow-sm.-normal {
    fill: #5556fe !important;
    ;
}

.arrow-in {
    width: 8px;
    height: 12px;
}

.arrow-in.-gray {
    fill: #afb5b6;
}

.arrow-in.-normal {
    fill: #ffb913;
}

.arrow-out {
    width: 8px;
    height: 12px;
}

.arrow-out.-gray {
    fill: #afb5b6;
}

.arrow-out.-normal {
    fill: #ffb913;
}

.arrow-simple-down-sm {
    width: 5px;
    height: 3px;
}

.arrow-simple-down-sm.-normal {
    fill: #d1c025;
}

.arrow-simple-down-sm.-header-sort {
    display: inline-block;
    fill: #606c6e;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 3px;
}

.arrow-simple-up-sm {
    width: 5px;
    height: 3px;
}

.arrow-simple-up-sm.-normal {
    fill: #d1c025;
}

.arrow-simple-up-sm.-header-sort {
    display: inline-block;
    fill: #606c6e;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 3px;
}

.note {
    width: 20px;
    height: 16px;
}

.note.-normal {
    fill: #606c6e;
}

.note-xd {
    width: 15px;
    height: 12px;
}

.note-xd.-normal {
    fill: #606c6e;
}

.note-xs {
    width: 15px;
    height: 10px;
}

.note-xs.-normal {
    fill: #606c6e;
}

.hamburger-sm {
    width: 15px;
    height: 15px;
}

.hamburger-sm.-normal {
    fill: #606c6e;
}

.hamburger {
    width: 21px;
    height: 21px;
}

.hamburger.-normal {
    fill: #FFF;
}

.hamburger.-menu {
    transform: translate(96%, 96%);
}

.status-icon.-def,
.status-simple-icon.-def {
    fill: #5556fe !important;
    ;
}

.status-icon.-normal,
.status-simple-icon.-normal {
    fill: #5556fe !important;
    ;
}

.status-icon.-success,
.status-simple-icon.-success {
    fill: #5556fe !important;
    ;
}

.status-icon.-warning,
.status-simple-icon.-warning {
    fill: #d1c025;
}

.status-icon.-alarm-panic,
.status-simple-icon.-alarm-panic {
    fill: #ffb913;
}

.status-icon.-panic,
.status-simple-icon.-panic {
    fill: #bd3021;
}

.status-icon.-alarm,
.status-simple-icon.-alarm {
    fill: #bd3021;
}

.status-icon.-disabled,
.status-simple-icon.-disabled {
    fill: #38444d;
}

.status-icon.-no-shift,
.status-simple-icon.-no-shift {
    fill: #b1b1b1;
}

.status-icon.-car-waiting,
.status-simple-icon.-car-waiting {
    fill: #16a086;
}

.status-icon.-car-in-work,
.status-simple-icon.-car-in-work {
    fill: #9ebc63;
}

.status-icon.-car-from-wheels,
.status-simple-icon.-car-from-wheels {
    fill: #606c6e;
}

.status-icon.-car-assigned,
.status-simple-icon.-car-assigned {
    fill: #297fb8;
}

.status-icon.-car-finish,
.status-simple-icon.-car-finish {
    fill: #606c6e;
}

.status-icon.-order-changed,
.status-simple-icon.-order-changed {
    fill: #5556fe !important;
    ;
}

.status-icon.-neutral-indent,
.status-simple-icon.-neutral-indent {
    fill: #dfc022;
}

.status-icon.-driver-assigned,
.status-simple-icon.-driver-assigned {
    fill: #606c6e;
}

.status-icon.-add-time,
.status-simple-icon.-add-time {
    fill: #5556fe !important;
    ;
}

.status-icon.-offer,
.status-simple-icon.-offer {
    fill: #4a9e87;
    stroke: #4a9e87;
}

.offer-icon-md {
    width: 18px;
    height: 25px;
}

.offer-icon-md.-white {
    fill: #ffffff;
    stroke: #ffffff;
}

.add-car-md {
    width: 38px;
    height: 30px;
}

.add-car-sm {
    width: 24px;
    height: 24px;
}

.add-worker-md {
    width: 30px;
    height: 30px;
}

.add-counteragent-md {
    width: 38px;
    height: 30px;
}

.add-driver-md {
    width: 30px;
    height: 30px;
}

.add-order-md {
    width: 31px;
    height: 30px;
}

.add-department-md {
    width: 30px;
    height: 30px;
}

.add-tariff {
    width: 31px;
    height: 31px;
}

.add-icon_elem {
    fill: #5556fe !important;
    ;
}

.add-icon_plus {
    fill: #d1c025;
}

.add-icon-solid {
    fill: #fff;
    width: 23px;
    height: 23px;
}

.pin-md {
    width: 16px;
    height: 24px;
}

.pin2-md {
    width: 34px;
    height: 38px;
}

.pin2-md.-map {
    fill: #5556fe !important;
    ;
    stroke: #99eeff;
    stroke-width: 2;
}

.pin2-md.-map.-disabled {
    stroke: #c7ecef;
    fill: #5f6c6e;
    stroke-width: 1;
}

.pin2-md.-geofence-centre {
    margin-left: 3px;
    margin-top: 3px;
}

.star-xs {
    width: 8px;
    height: 8px;
}

.star-xs.-white {
    fill: #fcfcfc;
}

.star-xs.-corner-position {
    position: absolute;
    top: 2px;
    left: 3px;
}

.star-xsm {
    width: 16px;
    height: 16px;
}

.star-xsm.-success {
    fill: #16a086;
}

.star-xsm.-normal {
    fill: #5556fe !important;
    ;
}

.star-md {
    width: 22px;
    height: 22px;
}

.arrow-brackets {
    width: 9px;
    height: 22px;
}

.arrow-brackets.-normal {
    fill: #5556fe !important;
    ;
}

.hive-sign {
    width: 20px;
    height: 18px;
}

.hive-sign.-normal {
    fill: #b1b1b1;
}

.hive-sign.-md-size {
    width: 22px;
    height: 20px;
}

.hive-sign.-xs-size {
    width: 14px;
    height: 14px;
}

.hive-sign.-logo {
    fill: #ffb913;
}

.phone-v2 {
    width: 22px;
    height: 22px;
}

.phone-v2.-normal {
    fill: #b1b1b1;
}

.phone-v2-xs {
    width: 18px;
    height: 18px;
}

.phone-v2-xs.-normal {
    fill: #b1b1b1;
}

.free-order {
    width: 22px;
    height: 22px;
}

.free-order.-normal {
    fill: #b1b1b1;
}

.free-order.-history {
    fill: rgba(0, 0, 0, 0.7);
}

.free_order2 {
    width: 22px;
    height: 22px;
}

.free_order2.-normal {
    fill: #b1b1b1;
}

.free_order2.-history {
    fill: rgba(0, 0, 0, 0.7);
}

.web-md {
    width: 24px;
    height: 24px;
}

.web-md.-normal {
    fill: #b1b1b1;
}

.mobile-sm {
    width: 16px;
    height: 17px;
}

.mobile-sm.-normal {
    fill: #b1b1b1;
}

.mobile-md {
    width: 24px;
    height: 24px;
}

.mobile-md.-normal {
    fill: #b1b1b1;
}

.order-source-icon {
    margin-left: 0.3rem;
}

.order-source-icon.null {
    fill: #9e0b0f;
}

.users {
    width: 30px;
    height: 22px;
}

.users-md {
    width: 22px;
    height: 16px;
}

.users-md.-menu-icon {
    fill: #5556fe !important;
    ;
}

.users-icon.-online {
    fill: #5556fe !important;
    ;
}

.users-icon.-md-size {
    width: 22px;
    height: 16px;
}

.department {
    width: 24px;
    height: 30px;
}

.department-md {
    width: 18px;
    height: 22px;
}

.department-md.-menu-icon {
    fill: #5556fe !important;
    ;
}

.cup-md {
    width: 24px;
    height: 16px;
}

.cup-xs {
    width: 18px;
    height: 12px;
}

.repair-md {
    width: 22px;
    height: 22px;
}

.repair-xs {
    width: 18px;
    height: 18px;
}

.wallet-doc-md {
    width: 23px;
    height: 23px;
}

.wallet-doc-sm {
    width: 18px;
    height: 18px;
}

.wallet-doc-sm.-success {
    fill: #16a086;
}

.wallet-doc-sm.-in-progress {
    fill: #d1c025;
}

.wallet-md {
    width: 23px;
    height: 32px;
}

.point-icon {
    fill: #606c6e;
    width: 24px;
    height: 24px;
    margin-right: 1rem;
    text-align: center;
}

.point-icon hsvg {
    margin-top: 0.6rem;
}

.address-md {
    width: 24px;
    height: 24px;
}

.address-md.-editor {
    fill: #677374;
}

.star-mod-md {
    width: 24px;
    height: 24px;
}

.star-sm {
    width: 20px;
    height: 20px;
}

.star-sm.-favorites {
    fill: #ffb913;
}

.star-mod-md {
    width: 24px;
    height: 24px;
}

.add-time-sm {
    width: 20px;
    height: 20px;
}

.report-sm {
    width: 18px;
    height: 20px;
}

.report-sm.-def {
    fill: #b1b1b1;
}

.duplicate-sm {
    width: 20px;
    height: 20px;
}

.order-history-sm {
    width: 17px;
    height: 20px;
}

.reserve-md {
    width: 18px;
    height: 22px;
}

.reserve-md.-dashboard {
    fill: #5556fe !important;
    ;
}

.map-pin-md {
    width: 40px;
    height: 44px;
}

.map-pin_stroke {
    fill: #d1c025;
}

.map-pin_wrapper {
    width: 40px;
    height: 44px;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.map-pin_wrapper.-car-free .map-pin {
    fill: #5556fe !important;
    ;
    stroke: #c3fc3c;
    stroke-width: 2px;
}

.map-pin_wrapper.-car-assigned .map-pin {
    fill: #d1c025;
    stroke: #ffef5b;
    stroke-width: 2px;
}

.map-pin_wrapper.-car-waiting .map-pin {
    fill: #5556fe !important;
    ;
    stroke: #aff2ff;
    stroke-width: 2px;
}

.map-pin_wrapper.-car-in-work .map-pin {
    fill: #ffb913;
    stroke: #ffeab9;
    stroke-width: 2px;
}

.map-pin_wrapper.-car-from-wheels .map-pin {
    fill: #606c6e;
    stroke: rgba(96, 108, 110, 0.5);
    stroke-width: 2px;
}

.map-pin_wrapper.-car-repair .map-pin {
    fill: #000;
    stroke: #979e9d;
    stroke-width: 2px;
}

.map-pin_wrapper.-car-lunch .map-pin {
    fill: #a5610d;
    stroke: #d88f36;
    stroke-width: 2px;
}

.map-pin {
    position: absolute;
    left: 0;
}

.map-pin_icon {
    position: relative;
    z-index: 1;
    margin-bottom: 7px;
    fill: #ffffff;
}

.couple-md {
    width: 22px;
    height: 22px;
}

.couple-icon {
    fill: #5556fe !important;
    ;
}

.couple-icon.-disabled {
    fill: #b1b1b1;
}

.map-icon_btn {
    height: 30px;
    width: 30px;
}

.map-icon_back {
    fill: #5556fe !important;
    ;
}

.map-icon_front {
    fill: #d1c025;
}

.alarm-clock-xs {
    width: 14px;
    height: 14px;
}

.alarm-clock-xs.preorder-icon {
    fill: #5556fe !important;
    ;
}

.alarm-clock-sm {
    width: 16px;
    height: 16px;
}

.plus-alarm-clock-sm {
    width: 24px;
    height: 24px;
}

.panel-item .preorder-icon {
    fill: rgba(96, 108, 110, 0.2);
}

.panel-item.-preorder .preorder-icon {
    fill: #5556fe !important;
    ;
}

.alert-icon {
    fill: #bd3021;
}

.success-icon {
    fill: #5556fe !important;
    ;
}

.sound-icon {
    width: 24px;
    height: 24px;
}

.sound-icon.-on {
    fill: #5556fe !important;
    ;
}

.sound-icon.-off {
    fill: #ff8d13;
}

.call-lock_icon {
    width: 22px;
    height: 22px;
}

.call-lock_icon.-on {
    fill: #ff8d13;
}

.call-lock_icon.-off {
    fill: #7F8789;
}

.cashless-xs {
    width: 16px;
    height: 15px;
}

.cashless-xs.-success {
    fill: #16a086;
}

.cashless-xs.-in-progress {
    fill: #d1c025;
}

.contractor-xs {
    width: 22px;
    height: 23px;
}

.contractor-xs.-success {
    fill: #16a086;
}

.contractor-xs.-in-progress {
    fill: #d1c025;
}

.cashless-xm {
    width: 19px;
    height: 18px;
}

.cashless-xm.-success {
    fill: #16a086;
}

.cashless-xm.-in-progress {
    fill: #d1c025;
}

.money-xs {
    width: 16px;
    height: 15px;
}

.money-xs.-normal {
    fill: #d1c025;
}

.money-xs.-success {
    fill: #16a086;
}

.money-sm {
    width: 20px;
    height: 19px;
}

.money-sm.-normal {
    fill: #d1c025;
}

.money-sm.-menu-icon {
    fill: #5556fe !important;
    ;
}

.money-md {
    width: 30px;
    height: 30px;
}

.money-md.-normal {
    fill: #d1c025;
}

.money-md.-blue {
    fill: #5556fe !important;
}

.question-in-circle {
    width: 24px;
    height: 24px;
}

.question-in-circle.-red {
    fill: #bd3021;
}

.question-in-circle.-mw {
    min-width: 2rem;
}

.link-icon-xxs {
    width: 20px;
    height: 20px;
}

.link-icon-xs {
    width: 24px;
    height: 24px;
}

.link-icon {
    width: 28px;
    height: 28px;
}

.help-icon {
    width: 24px;
    height: 30px;
}

.help-icon.-blue {
    fill: #5556fe !important;
    ;
}

.pdf-icon {
    width: 2rem;
    height: 2.6rem;
}

.pdf-icon.-indent {
    margin: .75rem 1rem .75rem 0;
}

.pdf-icon.-gray {
    fill: #606c6e;
}

.counter-arrows-sm {
    width: 20px;
    height: 18px;
}

.counter-arrows-sm.-std {
    fill: #fff;
}

.option-lock-xs {
    width: 19px;
    height: 20px;
    transition: fill 200ms ease-out;
}

.option-lock-xs.-red {
    fill: #bd3021;
}

.option-lock-xs.-alarm {
    fill: #bd3021;
}

.option-lock-xs.-blue {
    fill: #5556fe !important;
    ;
}

.option-lock-xs.-green {
    fill: #5556fe !important;
    ;
}

.option-lock-sm {
    width: 20px;
    height: 20px;
    transition: fill 200ms ease-out;
}

.option-lock-sm.-disabled {
    fill: #c8c8c8;
}

.option-lock-sm.-active {
    fill: #5556fe !important;
    ;
}

.option-lock-sm.-gray {
    fill: #c8c8c8;
}

.option-lock-sm.-green {
    fill: #5556fe !important;
    ;
}

.option-lock-sm.-locker {
    fill: #938718;
}

.option-lock-sm.-alarm {
    fill: #bd3021;
}

.options-main-md {
    width: 30px;
    height: 30px;
}

.options-main_back {
    fill: #5556fe !important;
    ;
}

.options-main_front {
    fill: #d1c025;
}

.order-offer-icon {
    width: 20px;
    height: 20px;
}

.driver-status-icon.-alarm {
    fill: #bd3021;
}

.driver-status-icon.-success {
    fill: #5556fe !important;
    ;
}

.driver-status-icon.-black {
    fill: #606c6e;
}

.print-icon {
    width: 20px;
    height: 20px;
}

.download-icon {
    width: 17px;
    height: 17px;
}

.mic-on {
    width: 24px;
    height: 24px;
}

.mic-on.-on {
    fill: #5556fe !important;
    ;
}

.mic-off {
    width: 24px;
    height: 24px;
}

.mic-off.-off {
    fill: #ff8d13;
}

.template-sm {
    width: 15px;
    height: 15px;
}

.template-sm.-gray {
    fill: #606c6e;
}

.robot-face-sm {
    width: 21px;
    height: 18px;
}

.no-phones {
    width: 20px;
    height: 20px;
}

.no-phones.-left-indent {
    margin-left: 1rem;
}

.info-icon {
    width: 12px;
    height: 12px;
    fill: #677374;
}

.info-icon_md {
    width: 16px;
    height: 16px;
    fill: #677374;
}

.support {
    width: 3rem;
    height: 3rem;
}

.calendar2-sm {
    width: 13px;
    height: 13px;
    fill: #abaca8;
}

.checkers-sm {
    width: 20px;
    height: 14px;
}

.checkers-sm.-st-color {
    fill: #606c6e;
}

.office-sm {
    width: 20px;
    height: 20px;
}

.office-sm.-st-color {
    fill: #606c6e;
}

.call-operator-xs {
    width: 16px;
    height: 16px;
}

.call-operator-xs.-st-color {
    fill: #d1c025;
}

.call-operator-sm {
    width: 20px;
    height: 20px;
}

.call-operator-sm.-st-color {
    fill: #d1c025;
}

.call-operator-sm.-normal {
    fill: #5556fe !important;
    ;
}

.call-operator-md {
    width: 21px;
    height: 21px;
}

.call-operator-md.-st-color {
    fill: #606c6e;
}

.some-place-md {
    width: 25px;
    height: 25px;
    margin: 0 5px;
    fill: #606c6e;
}

.from-yandex-md {
    width: 24px;
    height: 24px;
    margin: 0 .5rem;
    fill: #ed2025;
}

.from-google-md {
    width: 24px;
    height: 24px;
    margin: 0 .5rem;
    fill: #3a7cec;
}

.circle-arrow_down-sm,
.circle-arrow_up-sm {
    width: 16px;
    height: 16px;
    fill: rgba(96, 108, 110, 0.5);
    cursor: pointer;
}

.circle-arrow_down-sm:hover,
.circle-arrow_up-sm:hover {
    fill: #606c6e;
}

.phone-hanged-xs {
    width: 12px;
    height: 6px;
}

.distance-from-center {
    width: 25px;
    height: 25px;
    margin: 0 .5rem;
}

.distance-from-center.-vanilla {
    fill: #606c6e;
}

.drivers_payments-md {
    width: 30px;
    height: 30px;
}

.drivers_payments-md.-normal {
    fill: #d1c025;
}

.callhist-hung-md {
    width: 16px;
    height: 16px;
}

.callhist-hung-md.-vanilla {
    fill: #acb2b0;
}

.callhist-hung-md.-missing {
    fill: #b96060;
}

.callhist-hung-md.-incomming-missed {
    transform: rotate(180deg);
}

.callhist-incoming-md {
    width: 16px;
    height: 16px;
}

.callhist-incoming-md.-vanilla {
    fill: #5556fe !important;
    ;
}

.callhist-outcoming-sm {
    width: 12px;
    height: 12px;
}

.callhist-outcoming-sm.-vanilla {
    fill: #5556fe !important;
    ;
}

.callhist-outcoming-md {
    width: 16px;
    height: 16px;
}

.callhist-outcoming-md.-vanilla {
    fill: #5556fe !important;
    ;
}

.callhist-missed-incoming-md {
    width: 18px;
    height: 18px;
}

.callhist-missed-incoming-md.-vanilla {
    fill: #bd3021;
}

.callhist-missed-outcoming-md {
    width: 18px;
    height: 18px;
}

.callhist-missed-outcoming-md.-vanilla {
    fill: #bd3021;
}

.coordinates-icon {
    width: 20px;
    height: 20px;
}

.coordinates-icon.-menu {
    fill: #5556fe !important;
    ;
}

.coordinates-icon-md {
    width: 24px;
    height: 22px;
}

.coordinates-icon-md.-rotate:hover {
    transform: rotate(360deg);
    transition-duration: 1.2s;
}

.autoassign-settings-icon-md {
    width: 30px;
    height: 30px;
}

.motorcade-settings-icon-md {
    width: 30px;
    height: 30px;
}

.caution-sm {
    width: 16px;
    height: 16px;
    fill: #ffb913;
}

.incident-md {
    width: 24px;
    height: 24px;
}

.incident-md.-harder {
    fill: #bd3021;
}

.incident-md.-hard {
    fill: #ff8d13;
}

.incident-md.-normal {
    fill: #fffc13;
}

.incident-md.-easy {
    fill: #297fb8;
}

.incident-md.-easier {
    fill: #94b74f;
}

.check_circle_clean_sm {
    width: 16px;
    height: 16px;
    fill: #94b74f;
}

.incident-sm {
    width: 30px;
    height: 30px;
}

.incident-sm.-normal {
    fill: #5556fe !important;
    ;
}

.add_incident-sm {
    width: 30px;
    height: 30px;
}

.coins-sm {
    width: 18px;
    height: 20PX;
}

.coins-icon {
    cursor: pointer;
}

.coins-icon.-def {
    fill: #c8c8c8;
}

.coins-icon.-active {
    fill: #5556fe !important;
}

.card-sm {
    width: 20px;
    height: 14px;
}

.card-sm.-normal {
    fill: #5556fe !important;
    ;
}

.card-icon {
    cursor: pointer;
}

.card-icon.-def {
    fill: #c8c8c8;
}

.card-icon.-active {
    fill: #5556fe !important;
}

.flash-sm {
    width: 16px;
    height: 18px;
}

.alarm-clock-sm {
    width: 20px;
    height: 20px;
}

.preorder-icon {
    cursor: pointer;
    fill: #c8c8c8;
}

.preorder-icon.-active {
    fill: #5556fe !important;
}

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

.icon-switcher {
    margin: 0 0.5rem;
    cursor: pointer;
    fill: #c8c8c8;
}

.icon-switcher.-active {
    fill: #5556fe !important;
}

.sleeping-sm {
    width: 22px;
    height: 25px;
    fill: #606c6e;
}

.reports-icon-md {
    width: 20px;
    height: 20px;
}

.reports-icon-md.-basic {
    fill: #606c6e;
}

.reports-icon-md.-aside {
    fill: #5556fe !important;
    ;
}

.moderation-icon-sm {
    width: 21px;
    height: 21px;
}

.moderation-icon-sm.-disabled {
    fill: #c8c8c8;
}

.moderation-icon-sm.-active {
    fill: #5556fe !important;
    ;
}

.moderation-icon-md {
    width: 26px;
    height: 25px;
    fill: #606c6e;
}

.delete-sm {
    width: 24px;
    height: 24px;
    fill: #ffffff;
}

.details-sm {
    width: 20px;
    height: 19px;
}

.cheque-sm {
    width: 20px;
    height: 20px;
}

.thumb_up-sm {
    width: 24px;
    height: 24px;
}

.thumb_up-sm.-forgive {
    fill: #fff;
}

.steering-wheel-sm {
    width: 17px;
    height: 16px;
}

.steering-wheel-sm.-gray {
    fill: #606c6e;
}

.arrow-thin_sm {
    width: 12px;
    height: 7px;
    fill: #afb5b6;
}

.copy-sm {
    width: 20px;
    height: 21px;
}

.cancel-circle {
    width: 2rem;
    height: 2rem;
    fill: #606c6e;
}

.cancel-circle.-alert {
    fill: #bd3021;
}

.ok-circle {
    width: 2rem;
    height: 2rem;
    fill: #5556fe !important;
    ;
}

.pin-code-sm {
    width: 15px;
    height: 15px;
}

.modifier-sm {
    width: 16px;
    height: 15px;
    fill: #fff;
}

.home-icon {
    fill: #606c6e;
}

.home-icon-sm {
    width: 16px;
    height: 15px;
}

.home-icon-md {
    width: 41px;
    height: 40px;
}

.svg-icon svg {
    width: 100%;
    height: 100%;
}

.parking-sm {
    width: 18px;
    height: 18px;
}

.parking-sm.-gray {
    fill: #606c6e;
    margin-top: 1px;
}

.parking-sm.-normal {
    fill: #297fb8;
}

.parking-sm-x {
    width: 24px;
    height: 24px;
}

.parking-sm-x.-gray {
    fill: #606c6e;
    margin-top: 1px;
}

.parking-sm-x.-normal {
    fill: #297fb8;
}

.parking-md {
    width: 30px;
    height: 30px;
    fill: #297fb8;
}

.gps-sm {
    width: 20px;
    height: 20px;
}

.gps-sm.-gray {
    fill: #606c6e;
    margin-top: 1px;
}

.lamp-sm {
    width: 22px;
    height: 25px;
}

.lamp-sm.-gray {
    fill: #606c6e;
    margin-top: 1px;
}

.autooffer_repeat-xd {
    width: 22px;
    height: 22px;
}

.autooffer_repeat-xd.-green {
    fill: #16a086;
}

.gps-md {
    width: 24px;
    height: 24px;
}

.gps-md.-green {
    fill: #16a086;
}

.filter-sm {
    width: 24px;
    height: 24px;
}

.filter-sm.-rotate-180 {
    transform: rotate(180deg);
}

.key-sm {
    width: 20px;
    height: 20px;
}

.track-sm {
    width: 20px;
    height: 20px;
}

.callback-sm {
    width: 20px;
    height: 20px;
}

.callback-sm.-vanilla {
    fill: #5556fe !important;
    ;
}

.callback-sm.-white {
    fill: #fff;
}

.callback-sm.-red {
    fill: #bd3021;
}

.callback2-sm {
    width: 20px;
    height: 20px;
}

.callback2-sm.-vanilla {
    fill: #5556fe !important;
    ;
}

.callback2-sm.-white {
    fill: #fff;
}

.callback2-sm.-red {
    fill: #bd3021;
}

.ear-xs {
    width: 22px;
    height: 22px;
}

.ear-xs.-light {
    fill: #fff;
}

.ear-sm {
    width: 26px;
    height: 26px;
}

.driver_tariffs-md {
    width: 33px;
    height: 33px;
}

.driver_tariffs-sm {
    width: 24px;
    height: 24px;
    fill: #ffffff;
}

.deactivate_tariff-sm {
    width: 24px;
    height: 24px;
    fill: #ffffff;
}

.geozones-sm {
    width: 22px;
    height: 22px;
    fill: #606c6e;
}

.variable_preset {
    width: 18px;
    height: 18px;
    fill: #16a086;
}

.select-list .variable_preset {
    margin-right: 0.7rem;
    vertical-align: middle;
}

.select-chosen svg.variable_preset {
    fill: #16a086;
    margin-right: 1rem;
}

.select-list svg.carType,
.select-chosen svg.carType {
    fill: #606c6e;
    vertical-align: middle;
}

.carType_01 {
    width: 64px;
    height: 32px;
}

.carType_02 {
    width: 64px;
    height: 32px;
}

.carType_03 {
    width: 64px;
    height: 32px;
}

.carType_04 {
    width: 64px;
    height: 32px;
}

.carType_05 {
    width: 64px;
    height: 32px;
}

.carType_06 {
    width: 64px;
    height: 32px;
}

.carType_07 {
    width: 64px;
    height: 32px;
}

.carType_08 {
    width: 64px;
    height: 32px;
}

.carType_09 {
    width: 64px;
    height: 32px;
}

.carType_10 {
    width: 64px;
    height: 32px;
}

.push-md {
    width: 30px;
    height: 30px;
}

.icon-switcher.-active .car-icon {
    fill: #5556fe !important;
    ;
}

.icon-switcher.-active .circle {
    fill: #197b30;
}

.icon-switcher.-active .close-md {
    fill: #bd3021;
}

.news-md {
    width: 30px;
    height: 30px;
}

.balance-negative-sm {
    width: 24px;
    height: 25px;
}

.balance-negative-sm.-disabled {
    fill: #c8c8c8;
}

.balance-negative-sm.-active {
    fill: #5556fe !important;
    ;
}

.tariff-increased-sm {
    width: 18px;
    height: 18px;
}

.tariff-increased-sm.-agression {
    fill: #bd3021;
}

.tariff-increased-sm.-tranquility {
    fill: #94b74f;
}

.external-api-md {
    width: 24px;
    height: 24px;
}

.columns-sm {
    width: 21px;
    height: 20px;
}

.columns-sm.-basic {
    fill: #fff;
}

.status-assigned {
    width: 24px;
    height: 24px;
}

.status-assigned.-normal {
    fill: #606c6e;
}

.download_message_sm {
    width: 21px;
    height: 21px;
}

.visible-sm {
    width: 16px;
    height: 16px;
}


/*top-paginator*/

.top-paginator {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: rgba(96, 108, 110, 0.07);
    font-size: 0;
    border-radius: 0.4rem;
    margin-right: 1rem;
}

.top-paginator li {
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    font-size: 1.2rem;
    text-shadow: 0px 1px 0px #ffffff;
    width: 2.9rem;
    text-align: center;
    cursor: pointer;
}

.top-paginator li.active {
    background-color: #5556fe !important;
    border-radius: 3px;
    color: #ffffff;
}

slide-selector,
.slide-selector-pceudo {
    display: inline-block;
    position: relative;
    border-radius: 0.4rem;
    background-color: rgba(96, 108, 110, 0.1);
}

slide-selector .activemarker,
.slide-selector-pceudo .activemarker {
    position: absolute;
    background-color: #5556fe !important;
    border-radius: 3px;
    z-index: 0;
    transition: width, left 0.2s ease-out 0s;
}

slide-selector:focus,
.slide-selector-pceudo:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
    outline: none;
}

slide-selector.-flr,
.slide-selector-pceudo.-flr {
    float: right;
}

slide-selector.-fixed-width li,
.slide-selector-pceudo.-fixed-width li {
    width: 2.9rem;
    padding: 0;
    text-align: center;
}

slide-selector.-xs-size ul.slide-selector-list li,
.slide-selector-pceudo.-xs-size ul.slide-selector-list li {
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
}

slide-selector.-symmetric,
.slide-selector-pceudo.-symmetric {
    text-transform: uppercase;
    width: 100%;
}

slide-selector.-symmetric .activemarker,
.slide-selector-pceudo.-symmetric .activemarker {
    transition: left 0.2s ease-out 0s;
}

slide-selector.-symmetric ul.slide-selector-list li,
.slide-selector-pceudo.-symmetric ul.slide-selector-list li {
    width: 50%;
    text-align: center;
    padding: 0;
}

slide-selector.-symmetric ul.slide-selector-list li:before,
.slide-selector-pceudo.-symmetric ul.slide-selector-list li:before {
    background-color: transparent;
}

slide-selector.-triplex,
.slide-selector-pceudo.-triplex {
    text-transform: uppercase;
    width: 100%;
}

slide-selector.-triplex .activemarker,
.slide-selector-pceudo.-triplex .activemarker {
    transition: left 0.2s ease-out 0s;
}

slide-selector.-triplex ul.slide-selector-list li,
.slide-selector-pceudo.-triplex ul.slide-selector-list li {
    width: 33.333333%;
    text-align: center;
    padding: 0;
}

slide-selector.-triplex ul.slide-selector-list li:before,
.slide-selector-pceudo.-triplex ul.slide-selector-list li:before {
    background-color: transparent;
}

slide-selector.-mb,
.slide-selector-pceudo.-mb {
    margin-bottom: 2rem;
}

slide-selector.-mb-sm,
.slide-selector-pceudo.-mb-sm {
    margin-bottom: 1rem;
}

slide-selector.-flex-4,
.slide-selector-pceudo.-flex-4 {
    width: 100%;
}

slide-selector.-flex-4 ul.slide-selector-list li,
.slide-selector-pceudo.-flex-4 ul.slide-selector-list li {
    width: 25%;
}

slide-selector.-flex-7,
.slide-selector-pceudo.-flex-7 {
    width: 100%;
}

slide-selector.-flex-7 ul.slide-selector-list li,
.slide-selector-pceudo.-flex-7 ul.slide-selector-list li {
    width: 14.28%;
}

slide-selector.-fixed-width-lg ul.slide-selector-list li,
.slide-selector-pceudo.-fixed-width-lg ul.slide-selector-list li {
    width: 4rem;
    padding: 0;
    text-align: center;
}

slide-selector.-fixed-width-md ul.slide-selector-list li,
.slide-selector-pceudo.-fixed-width-md ul.slide-selector-list li {
    width: 3rem;
    padding: 0;
    text-align: center;
}

slide-selector.-left,
.slide-selector-pceudo.-left {
    margin-right: 1rem;
}

slide-selector.-left-lg,
.slide-selector-pceudo.-left-lg {
    margin-right: 2rem;
}

slide-selector.-height-lg ul.slide-selector-list li,
.slide-selector-pceudo.-height-lg ul.slide-selector-list li {
    height: 4rem;
    line-height: 4rem;
}

slide-selector.-height-md ul.slide-selector-list li,
.slide-selector-pceudo.-height-md ul.slide-selector-list li {
    height: 3rem;
    line-height: 3rem;
}

slide-selector.-height-square ul.slide-selector-list li,
.slide-selector-pceudo.-height-square ul.slide-selector-list li {
    height: 3rem;
    line-height: 3rem;
    padding: .5rem;
    fill: #606c6e;
}

slide-selector.-height-square ul.slide-selector-list li.active,
.slide-selector-pceudo.-height-square ul.slide-selector-list li.active {
    fill: #f8f9f3;
    text-shadow: none;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 0 #5556fe !important;
}

slide-selector.-height-sm ul.slide-selector-list li,
.slide-selector-pceudo.-height-sm ul.slide-selector-list li {
    height: 2rem;
    line-height: 2rem;
}

.slide-selector-width.-md-size {
    width: 20rem;
}

.slide-selector-width.-md-size li {
    width: 10rem;
}

.slide-selector-pceudo {
    display: block;
}

.slide-selector-pceudo li {
    width: 50%;
    text-transform: uppercase;
    border-radius: 0.4rem;
}

.slide-selector-pceudo ul.slide-selector-list li.active {
    background-color: #5556fe !important;
}

.slide-selector-link {
    display: inline-block;
    width: 100%;
    color: inherit;
}

ul.slide-selector-list {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    z-index: 1;
}

ul.slide-selector-list li {
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    font-size: 1.2rem;
    text-shadow: 0 1px 0 #ffffff;
    padding: 0 1.2rem;
    text-align: center;
    cursor: pointer;
    transition: color 0.2s ease-out 0s;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: top;
}

ul.slide-selector-list li.active {
    color: #ffffff;
    text-shadow: none;
}

ul.slide-selector-list li.active:before {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #5556fe !important;
    border-radius: 3px;
    z-index: -1;
    content: "";
}

ul.slide-selector-list li.active hsvg {
    fill: #ffffff;
}

ul.slide-selector-list li hsvg {
    transition: fill 0.2s ease-out 0s;
    height: auto;
    fill: #606c6e;
}

ul.slide-selector-list.oninit li.active:before {
    display: block;
    background-color: #5556fe !important;
}


/**/


/*tooltip wrapper*/

.tooltip-description {
    display: none;
}

.tooltip-wrapper {
    display: flex;
}

.tooltip-wrapper:hover+.tooltip-description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    height: 96%;
    position: absolute;
    right: 12rem;
    bottom: 1px;
    background-color: #fff;
    padding: 1rem;
    outline: 1px solid #ccc;
}

.parent-transfer-child span {
    display: block;
}


/*left-switch-wrapper*/

.left-switch-wrapper_crop {
    width: 100%;
    padding-right: 11rem;
    margin-right: -11rem;
    display: inline-block;
}

.left-switch-wrapper {
    padding: 0 0 0 10px;
    overflow: hidden;
}

.left-switch-wrapper .switch {
    vertical-align: top;
    float: left;
    margin-right: 1rem;
}


/*icon-input-wrapper*/

.icon-input-wrapper {
    position: relative;
}

.icon-input-wrapper.-narrow .search-sm {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}

.icon-input-wrapper.-narrow .search-sm.-strange_left {
    left: 14px;
}

.icon-input-wrapper.-narrow .s-input {
    padding-left: 3rem;
}

.icon-input-wrapper .question-sm {
    /*position: absolute;
    top: 8px;
    left: 8px;
    z-index: @zindex-icon-input-wrapper;*/
    margin: 0 5px;
}

.icon-input-wrapper.-right-padding .s-input {
    padding-left: 1rem;
    padding-right: 3rem;
}

.icon-input-wrapper.-right-padding .icon {
    position: absolute;
    top: 8px;
    right: 8px;
    left: auto;
    z-index: 1;
}

.icon-input-wrapper>.search-md {
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 1;
}

.icon-input-wrapper.-contractors>.search-md {
    top: 6px;
}

.icon-input-wrapper .s-input {
    padding-left: 3.5rem;
}


/*flex-component*/

.flex-component,
.fc {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.flex-component.-bottom-xs,
.fc.-bottom-xs {
    margin-bottom: 0.5rem;
}

.flex-component.-bottom-md,
.fc.-bottom-md {
    margin-bottom: 1rem;
}

.flex-component.-top-md,
.fc.-top-md {
    margin-top: 1rem;
}

.flex-component.-top-xs,
.fc.-top-xs {
    margin-top: 0.5rem;
}

.flex-component.-align-right,
.fc.-align-right {
    justify-content: flex-end;
}

.flex-component.-align-top,
.fc.-align-top {
    align-items: flex-start;
}

.flex-component.-align-bottom,
.fc.-align-bottom {
    align-items: flex-end;
}

.flex-component.-space-between,
.fc.-space-between {
    justify-content: space-between;
}

.flex-component.-align-center,
.fc.-align-center {
    align-items: center;
}

.flex-component_no-shrink,
.fc-narrow {
    flex-shrink: 0;
}

.flex-component_no-shrink.-right,
.fc-narrow.-right {
    margin-left: 1rem;
}

.flex-component_no-shrink.-right-sm,
.fc-narrow.-right-sm {
    margin-left: 0.5rem;
}

.flex-component_no-shrink.-left-sm,
.fc-narrow.-left-sm {
    margin-right: 0.5rem;
}

.flex-component_no-shrink.-right-lg,
.fc-narrow.-right-lg {
    margin-left: 2rem;
}

.flex-component_no-shrink.-right-extra-lg,
.fc-narrow.-right-extra-lg {
    margin-left: 4rem;
}

.flex-component_no-shrink.-left,
.fc-narrow.-left {
    margin-right: 1rem;
}

.flex-component_no-shrink.-left-lg,
.fc-narrow.-left-lg {
    margin-right: 2rem;
}

.fg1 {
    flex-grow: 1;
}

.flex-component_grow,
.fc-full {
    flex-grow: 1;
}

.flex-component_grow.-rel,
.fc-full.-rel {
    position: relative;
}

.flex-component_grow.-right,
.fc-full.-right {
    margin-left: 1rem;
}

.flex-component_grow.-right-lg,
.fc-full.-right-lg {
    margin-left: 2rem;
}

.flex-component_grow.-right-xs,
.fc-full.-right-xs {
    margin-left: .5rem;
}

.flex-component_grow.-left,
.fc-full.-left {
    margin-right: 1rem;
}

.flex-component_grow.-left-lg,
.fc-full.-left-lg {
    margin-right: 2rem;
}

.flex-component_grow.-mt-xs,
.fc-full.-mt-xs {
    margin-top: 0.5rem;
}

.fc-to-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fc-beetween {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fc-beetween.-normal {
    flex-direction: row;
}

.fc-reverse {
    flex-direction: row-reverse;
}

.flex-component_grow_mod1 {
    flex-grow: 1.1;
}

.flex-component_cut {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.flex-component_cut.-address:hover {
    overflow: visible;
    white-space: normal;
}

.flex-component_cut.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.flex-component_cut.-mr {
    margin-right: 0.5rem;
}

.crop-cut {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 5px;
}

.crop-cut.-address:hover {
    overflow: visible;
    white-space: normal;
}

.crop-cut.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.crop-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}

.text-align-middle {
    display: flex;
    align-items: center;
}

.text-align-middle.-no-label {
    margin-top: 20px;
}

.text-align-middle.-mb-xs {
    margin-bottom: 0.5rem;
}

.text-align-middle.-mb {
    margin-bottom: 1rem;
}

.text-align-middle.-height-sm {
    height: 3rem;
}

.text-align-baseline {
    display: flex;
    align-items: baseline;
}

.no-label-wrapper {
    margin-top: 2.2rem;
}

.no-label-wrapper_mod {
    margin-top: 2.1rem;
}

.no-label-wrapper_sm {
    margin-top: 1.2rem;
}

.no-label-wrapper_md {
    margin-top: 1.8rem;
}

.text-align-bottom {
    display: flex;
    align-items: flex-end;
}

.text-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


/*icon with text*/

.icon-with-text {
    display: flex;
    align-items: center;
}

.icon-with-text.-icon-right {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.icon-with-text.-icon-right .icon-with-text_icon {
    margin-right: 0;
    margin-left: 0.5rem;
}

.icon-with-text.-inline {
    display: inline-flex;
    margin-right: 2rem;
}

.icon-with-text.-list {
    margin-bottom: 4px;
}

.icon-with-text.-empty-sm-icon {
    margin-right: 2.5rem;
}

.icon-with-text.-icon-top {
    align-items: flex-start;
}

.icon-with-text.-icon-top svg {
    margin-top: 2px;
}

.icon-with-text_icon {
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.icon-with-text_icon.-margin-md {
    margin-right: 1rem;
}

.icon-with-text_icon.-margin-lg {
    margin-right: 1.5rem;
}

.icon-with-text_icon.-margin-l-sx {
    margin-left: 0.2rem;
}

.icon-with-text_icon.-fixwidth-md {
    width: 2.5rem;
}


/**/

.icons-inline-list {
    display: flex;
}

.icons-inline-list hsvg,
.icons-inline-list svg {
    margin-right: 0.5rem;
}

.button-car-popup {
    position: relative;
}

.button-car-popup .popup-general-wrapper {
    position: absolute;
    right: 5rem;
    top: 0;
    z-index: 1;
}

.button-car-popup_item {
    margin-right: 0;
}

.button-car-popup_item:first-child {
    margin-right: 1rem;
}


/*avatar*/

.photo-frame {
    background: #c8c8c8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-frame hsvg {
    fill: #606c6e;
}

.photo-frame.-normal {
    width: 4rem;
    height: 5rem;
}

.photo-frame.-xs {
    width: 3rem;
    height: 3rem;
}

.photo-frame.-md {
    width: 4rem;
    height: 4rem;
}

.photo-frame.-lg {
    width: 7rem;
    height: 7rem;
}

.photo-frame.-dark {
    background: #4e595b;
    box-shadow: inset 0px 0px 0 rgba(255, 255, 255, 0.4) !important;
}

.photo-frame.-light {
    background: rgba(96, 108, 110, 0.07);
    box-shadow: 0 1px 0 #ffffff;
}

.photo-input {
    width: 7rem;
    height: 9rem;
    padding: 1rem;
    background: rgba(96, 108, 110, 0.1);
    color: #adaeaa;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.photo-input.-lg {
    width: 11rem;
    height: 11rem;
    align-items: center;
}

.photo-input.-lg-md {
    width: 9rem;
    height: 10rem;
}

.worker-status {
    position: relative;
}

.worker-status .additional-status {
    position: absolute;
    right: -5px;
    top: -5px;
}

.worker-status.onshift hsvg.worker-status_icon,
.worker-status.onshift svg.worker-status_icon {
    fill: #5556fe !important;
    ;
}

.worker-status.offshift hsvg.worker-status_icon,
.worker-status.offshift svg.worker-status_icon {
    fill: #b1b1b1;
}

.worker-status.-top-margin {
    margin-top: .8rem;
}

.popup-row-wrapper .popup-general-wrapper {
    position: absolute;
    z-index: 3;
    right: 5rem;
}

.pressed-area {
    background: #edefea;
    padding: 1rem;
    box-shadow: inset 0px -1px 1px #ffffff, inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.pressed-area.-mb {
    margin-bottom: 0.5rem;
    display: block;
}

.pressed-area.-mt {
    margin-top: 0.5rem;
}

.scroll-wrapper {
    overflow-y: scroll;
}

.scroll-wrapper::-webkit-scrollbar {
    width: 15px;
}

.scroll-wrapper::-webkit-scrollbar-track {
    background: #edefea;
}

.scroll-wrapper::-webkit-scrollbar-thumb {
    background: #bdc6c7;
    border-radius: 4px;
    border: 2px solid transparent;
    border-right: 3px solid transparent;
    background-clip: content-box;
}

.scroll-wrapper.-overlay {
    overflow-y: auto;
}

.scroll-wrapper.-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
}

.scroll-wrapper.-auto {
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-wrapper.-visible {
    overflow-y: visible;
}

.scroll-wrapper_dark {
    overflow-y: scroll;
}

.scroll-wrapper_dark::-webkit-scrollbar {
    width: 11px;
}

.scroll-wrapper_dark::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-wrapper_dark::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    background-clip: content-box;
}

.scroll-wrapper_dark.-auto {
    overflow-y: auto;
}

.form-row {
    margin-bottom: 2rem;
}

.form-row .s-label {
    margin-bottom: 0.4rem;
    display: block;
}

.help-instructions-btn {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: .6rem 1rem;
    border-radius: 0.4rem;
    cursor: pointer;
    background-color: #dde2e0;
}

.driver-counts_btn {
    display: inline-block;
    box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 5px;
    border-radius: 0.4rem;
    cursor: pointer;
}

.drivers-shifts {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    position: relative;
    justify-content: flex-end;
    align-items: center;
}

.drivers-shifts.-bottom-xs {
    margin-bottom: 0.5rem;
}

.drivers-shifts.-bottom-md {
    margin-bottom: 1rem;
}

.drivers-shifts.-top-md {
    margin-top: 1rem;
}

.drivers-shifts.-top-xs {
    margin-top: 0.5rem;
}

.drivers-shifts.-align-right {
    justify-content: flex-end;
}

.drivers-shifts.-align-top {
    align-items: flex-start;
}

.drivers-shifts.-align-bottom {
    align-items: flex-end;
}

.drivers-shifts.-space-between {
    justify-content: space-between;
}

.drivers-shifts.-align-center {
    align-items: center;
}

.drivers-shifts h2 {
    margin-bottom: 0;
}

.drivers-shifts h2.margin {
    margin-right: 2rem;
}

.option-wrapper {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
}

.option-text {
    display: block;
}

.option-text-too {
    display: block;
}

.count-approach {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.1rem;
    height: 2.1rem;
    color: #fff;
    background-color: #acb2b0;
    border-radius: 0.2rem;
}

.count-approach.-positive {
    background-color: #5556fe;
}

.car-option-wrapper {
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.2;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
}

.help-modal-wrapper {
    font-family: 'robotothin', Tahoma, Verdana, sans-serif;
}

.report-wrapper {
    margin: 0 1rem;
}

.inner-section {
    width: 98%;
    margin: 0 auto;
    background-color: #fcfcfc;
}

.inner-section.-full {
    width: 100%;
}

.w50 {
    width: 50%;
}

.double-input-wrapper {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #fff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    color: #606c6e;
    font-size: 2.2rem;
    height: 4rem;
    padding-right: .5rem;
    padding-bottom: 1.2rem;
    width: 8rem;
    border-radius: 4px;
    list-style: none;
    text-align: right;
    margin: 0;
    letter-spacing: -1.2px;
}

.circle-radius-red {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fab1ad;
}

.circle-radius-green {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #BFD983;
    background-color: #E8F0D4;
}

.big-red-circle {
    width: 94%;
    height: 91%;
    border: 2px solid #fab1ad;
    border-radius: 50%;
}

.inner-green-circle {
    width: 44%;
    height: 44%;
    border: 1px solid #BFD983;
    background-color: #E8F0D4;
    border-radius: 50%;
}

.small-icon-wrapper {
    width: 3rem;
    height: 3rem;
    border: 2px solid #c5fe3c;
    border-radius: 50%;
    background-color: #5556fe !important;
    ;
    padding: 3px 3px 3px 5px;
    position: absolute;
    top: 385px;
    left: 49%;
}

@media (max-width: 1400px) {
    .small-icon-wrapper {
        left: 48.5%;
    }
}

.lock-order_list .lock-order_wrapper {
    margin-right: 0.5rem;
}

.lock-order_list .lock-order_wrapper:last-child {
    margin-right: 0;
}

.lock-order_wrapper {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid #5556fe !important;
    fill: #5556fe !important;
    ;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.address_row {
    margin-bottom: 1rem;
}

.two-way-switcher {
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.5rem;
}

.two-way-switcher.-down-arrow {
    flex-direction: column-reverse;
}

.two-way-switcher span {
    cursor: pointer;
}

.report-call-bg {
    background-color: #bdebf7;
    width: 19rem;
    height: 6rem;
    padding: .5rem 1rem;
}

.report-order-bg {
    background-color: #d4eea0;
    width: 19rem;
    height: 6rem;
    padding: .5rem 1rem;
}

.it-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.it-apply {
    display: flex;
    justify-content: flex-end;
    padding-top: .4rem;
}

.report-item {
    position: relative;
    width: 50rem;
    float: left;
    clear: both;
    height: 3rem;
}

.report-item_count {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    color: #fff;
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    left: 1rem;
    text-shadow: 1px 1px #000;
}

.report-item_count.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.report-item_count.-link {
    color: #297fb8;
}

.report-item_count.-no-ts {
    text-shadow: none;
}

.report-item_count.-letter-spacing {
    letter-spacing: 0;
}

.report-item_count.-total {
    color: #606c6e;
}

.report-item_count.-cap {
    text-transform: capitalize;
}

.report-item_count.-low {
    text-transform: lowercase;
}

.report-item_count.-more-narrow {
    line-height: 1.2rem;
}

.report-item_count.-mb {
    margin-bottom: 1rem;
}

.report-item_persent {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    width: 5rem;
    right: -6rem;
}

.report-item_persent.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.report-item_persent.-link {
    color: #297fb8;
}

.report-item_persent.-no-ts {
    text-shadow: none;
}

.report-item_persent.-letter-spacing {
    letter-spacing: 0;
}

.report-item_persent.-total {
    color: #606c6e;
}

.report-item_persent.-cap {
    text-transform: capitalize;
}

.report-item_persent.-low {
    text-transform: lowercase;
}

.report-item_persent.-more-narrow {
    line-height: 1.2rem;
}

.report-item_persent.-mb {
    margin-bottom: 1rem;
}

.report-item_progressline {
    position: absolute;
    top: 0;
}

.order_tariff-details_subtitle {
    margin-bottom: 0.5rem;
}

.order_tariff-details_item {
    margin-bottom: 0.3rem;
}

.top-left-corner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 22px 0 0;
    border-color: #79a70a transparent transparent transparent;
}

.g-mb-xs {
    margin-bottom: 0.5rem;
}

.stroke-wrapper {
    padding: 0.5rem;
    border-radius: 0.4rem;
}

.taxi-stand-position {
    display: inline-block;
    font-size: 1.3rem;
    color: #fff;
    border-radius: 2px;
    background-color: #606c6e;
    padding: 1px 4px 2px 4px;
    line-height: 13px;
}


/**/

.timer .bell-sm {
    vertical-align: middle;
}

.timer .sandglass-sm {
    vertical-align: middle;
}

.timer.-bell-count {
    position: relative;
}

.timer.-bell-count span.count {
    position: absolute;
    left: 5px;
    top: 3px;
    font-size: 0.9rem;
    color: #ffffff;
}

.timer-time {
    font-size: 2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0px 1px 0px #ffffff;
    line-height: 1;
    vertical-align: middle;
    margin-left: -1px;
    letter-spacing: -1px;
    width: 5rem;
    display: inline-block;
    text-align: left;
    margin-top: -0.2rem;
}

.timer-time_measure {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    font-size: 1.4rem;
}

.timer-wrapper {
    text-align: right;
}

.timer-wrapper.-def .timer-time {
    color: #5556fe !important;
    ;
}

.timer-wrapper.-def .progressbar {
    background-color: #5556fe !important;
    ;
}

.timer-wrapper.-normal .timer-time {
    color: #5556fe !important;
    ;
}

.timer-wrapper.-normal .progressbar {
    background-color: #5556fe !important;
    ;
}

.timer-wrapper.-overdue .timer-time {
    color: #5556fe !important;
    ;
}

.timer-wrapper.-overdue .progressbar {
    background-color: #5556fe !important;
    ;
}

.timer-wrapper.-overdue svg {
    fill: #ffb913;
}

.timer-wrapper.-alarm .timer-time {
    color: #ffb913;
}

.timer-wrapper.-alarm .progressbar {
    background-color: #ffb913;
}

.timer-wrapper.-alarm svg {
    fill: #ffb913;
}

.timer-wrapper.-panic .timer-time {
    color: #bd3021;
}

.timer-wrapper.-panic .progressbar {
    background-color: #bd3021;
}

.timer-wrapper.-panic svg {
    fill: #bd3021;
}

.timer-wrapper.-waiting .timer-time {
    color: #5556fe !important;
    ;
}

.timer-wrapper.-waiting .progressbar {
    background-color: #5556fe !important;
    ;
}

.timer-wrapper.-waiting svg {
    fill: #5556fe !important;
    ;
}

.timer-wrapper.-waiting-pay .timer-time {
    color: #dfc022;
}

.timer-wrapper.-waiting-pay .progressbar {
    background-color: #dfc022;
}

.timer-wrapper.-waiting-pay svg {
    fill: #dfc022;
}

.timer-lg {
    color: #bdc6c7;
    font-size: 2.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0px 1px 0px #ffffff;
}

.timer-lg span {
    font-size: 1.8rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.time-create {
    line-height: 1.4rem;
}

.time-create .time-create_first-line {
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.time-create .time-create_first-line.-light {
    color: rgba(96, 108, 110, 0.5);
}

.time-create .time-create_first-line.-alert {
    color: #bd3021;
}

.time-create .time-create_first-line.-narrow {
    line-height: 1;
}

.time-create .time-create_first-line.-narrow-xsm {
    line-height: 1.4rem;
}

.time-create .time-create_first-line.-std-spacing {
    letter-spacing: 0;
}

.time-create .time-create_first-line.-left-indent {
    margin-left: 1rem;
}

.time-create .time-create_second-line {
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: -0.3px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
}

.time-create .time-create_second-line i,
.time-create .time-create_second-line hsvg {
    margin-right: 2px;
}

.time-create .time-create_second-line.-light {
    color: rgba(96, 108, 110, 0.7);
}

.time-create .time-create_second-line.-alert {
    color: #bd3021;
}

.time-create .time-create_second-line.-indent {
    color: #bd3021;
}

.time-create .time-create_second-line.-confirmed {
    color: #94b74f;
}

.time-create .time-create_second-line.-tt {
    text-transform: none;
}

.time-create .time-create_second-line.-no-ls {
    letter-spacing: normal;
}

.time-create .time-create_second-line.-ln-1 {
    line-height: 1rem;
}

.time-waiting {
    position: relative;
    right: 15px;
    bottom: 3px;
}

.time-waiting_wait {
    font-size: 2.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -1.4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 0.95;
    margin-right: 0.7rem;
    width: 5.3rem;
    padding-right: 3px;
    text-align: right;
}

.time-waiting_wait.-without-ts {
    text-shadow: none;
}

.time-waiting_wait.-callsign {
    line-height: 0.8;
}

.time-waiting_wait.-mt {
    margin-top: 0.5rem;
}

.time-waiting_wait.-fixed {
    min-width: 6.5rem;
}

.time-waiting_wait.-without-height {
    line-height: 0.90;
}

.time-waiting_wait.-dark {
    color: rgba(0, 0, 0, 0.7);
}

.time-waiting_wait.-red {
    color: #bd3021;
}

.time-waiting_wait.-indent {
    color: #d1c025;
}

.time-waiting_wait.-orange {
    color: #ffb913;
}

.time-waiting_wait.-blue {
    color: #5556fe !important;
}

.time-waiting_wait.-success {
    color: #5556fe !important;
    ;
}

.time-waiting_wait.-lg {
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -1.4px;
}

.time-waiting_wait.-light {
    color: #adaeaa;
}

.time-waiting_wait.-alarm {
    color: #bd3021;
}

.time-waiting_wait.-address:hover {
    overflow: visible;
    white-space: normal;
}

.time-waiting_wait.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.time-waiting_wait.-alert {
    color: #bd3021;
}

.time-waiting_delta {
    font-size: 1.4rem;
    letter-spacing: -0.7px;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    width: 2.5rem;
    text-align: left;
}

.time-waiting_delta.-light {
    color: rgba(96, 108, 110, 0.5);
}

.time-waiting_delta.-alert {
    color: #bd3021;
}

.time-waiting_delta.-narrow {
    line-height: 1;
}

.time-waiting_delta.-narrow-xsm {
    line-height: 1.4rem;
}

.time-waiting_delta.-std-spacing {
    letter-spacing: 0;
}

.time-waiting_delta.-left-indent {
    margin-left: 1rem;
}


/*options*/

.options_list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.options_list.-mb-minus {
    margin-bottom: -1rem;
}

.options_item {
    background-color: rgba(96, 108, 110, 0.1);
    padding: 3px 5px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.4rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
    text-transform: uppercase;
}

.options_item.-clickable {
    cursor: pointer;
}

.options_item.-clickable:hover {
    background-color: rgba(84, 95, 96, 0.07);
}

.options_item.-md {
    font-size: 1.5rem;
    padding: 5px 6px;
}

.options_item i,
.options_item hsvg,
.options_item rsvg {
    cursor: pointer;
    vertical-align: top;
    margin-left: 0.8rem;
}

.options_item .close-wrapper {
    cursor: pointer;
    vertical-align: top;
}

.price-color {
    color: #d1c025;
}

.close-wrapper {
    padding: 2px 5px;
}

.options_close {
    cursor: pointer;
    vertical-align: top;
    margin-left: 0.8rem;
    display: inline-block;
}

.options_price {
    color: #d1c025;
    margin-left: 5px;
}

.circle {
    display: inline-block;
}

.circle span {
    background-color: rgba(248, 249, 243, 0.85);
    display: flex;
    align-items: center;
    height: 2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4;
    text-transform: none;
    border-radius: 1rem;
    padding: 0 1rem 0 0.65rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.circle.-from span {
    background-color: #5556fe !important;
}

.circle.-to span {
    background-color: #5556fe !important;
    ;
}

.circle.-geozone-marker span {
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #299d84;
    height: 1.4rem;
    width: 1.4rem;
    padding: 0;
}

.bubble {
    display: inline-block;
}

.bubble span {
    background-color: rgba(248, 249, 243, 0.85);
    display: flex;
    align-items: center;
    height: 2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
    text-transform: none;
    border-radius: 1rem;
    padding: 0 1rem 0 0.5rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.bubble span.-no-label {
    margin-top: 20px;
}

.bubble span.-mb-xs {
    margin-bottom: 0.5rem;
}

.bubble span.-mb {
    margin-bottom: 1rem;
}

.bubble span.-height-sm {
    height: 3rem;
}

.bubble span.crop-two-line {
    max-height: 2.8rem;
}

.bubble span.-underline:hover {
    text-decoration: underline;
}

.bubble span.-no-ts {
    text-shadow: none;
}

.bubble span.-light {
    color: #adaeaa;
}

.bubble span.-alarm {
    color: #ffb913;
}

.bubble span.-red {
    color: #bd3021;
}

.bubble span.-success {
    color: #5556fe !important;
    ;
}

.bubble span.-distance {
    margin: 0 1rem 0 .5rem;
}

.bubble span.-distance-mod {
    margin: 0 0 0 .5rem;
}

.bubble span.-vertical-distance {
    margin: .5rem 0 0 0;
}

.bubble span.-lighter {
    color: #fff;
    text-transform: none;
    text-shadow: none;
}

.bubble span span:first-child {
    border-radius: 50px;
    border: solid 2px #5556fe !important;
    ;
    color: #5556fe !important;
    ;
    padding: 0 0.5rem;
    margin-right: 0.5rem;
    margin-left: -0.5rem;
}

.bubble.-from span:before {
    background-color: #5556fe !important;
}

.bubble.-to span:before {
    background-color: #5556fe !important;
    ;
}

.bubble span:before {
    content: '';
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: 1rem;
}

.bubble.no-circle span:before {
    display: none;
}

.bubble.selected span {
    border: 1px solid #5556fe !important;
    ;
}

.bubble.selected span span:last-child {
    border-top: solid 1px #5556fe !important;
    ;
    border-bottom: solid 1px #5556fe !important;
    ;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.circle span {
    height: 2.4rem;
    min-width: 2.4rem;
    border-radius: 50%;
    padding: .7rem;
    /*height: 2.4rem;
  width: 2.4rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: 1rem;*/
}


/**/

.left-option-col {
    width: calc(50% - 4rem);
    float: left;
}

.central-option-col {
    width: 8rem;
    float: left;
    text-align: center;
    padding: 2.2rem 1rem 0 1rem;
}

.right-option-col {
    width: calc(50% - 4rem);
    float: left;
}

.phones_list {
    margin-bottom: -1rem;
}

.phones_item {
    display: inline-block;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.phones_item.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

.phones_item.-link {
    color: #297fb8;
}

.phones_item.-no-ts {
    text-shadow: none;
}

.phones_item.-letter-spacing {
    letter-spacing: 0;
}

.phones_item.-total {
    color: #606c6e;
}

.phones_item.-cap {
    text-transform: capitalize;
}

.phones_item.-low {
    text-transform: lowercase;
}

.phones_item.-more-narrow {
    line-height: 1.2rem;
}

.phones_item.-mb {
    margin-bottom: 1rem;
}

.visible-wrapper {
    padding-left: 20px;
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
}

.ps-scrollbar-y-rail {
    display: block !important;
    position: absolute;
    border-radius: 0;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    right: 1px;
    width: 14px;
    background-color: #edefea;
}

.ps-scrollbar-y-rail.in-scrolling {
    background-color: #edefea;
    opacity: .9;
}

.ps-scrollbar-y {
    position: absolute;
    background-color: transparent;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    right: 2px;
    width: 10px;
}

.ps-scrollbar-y:after {
    content: '';
    width: 100%;
    height: calc(100% - 4px);
    margin: 2px 0;
    background-color: rgba(96, 108, 110, 0.3);
    display: block;
    border-radius: 0.2rem;
}

.scroll-wrapper {
    /*padding-right: 1.5rem;*/
}

.scroll-wrapper.-padding-md {
    padding-right: 2rem;
}

.scroll-wrapper.-inherit {
    position: inherit;
}

.left-cb-col {
    width: calc(50% - 3rem);
    float: left;
    margin-right: 4rem;
}

.right-cb-col {
    width: calc(50% - 1rem);
    float: left;
}

.dashboard-panel {
    display: flex;
    border-radius: 0.4rem;
    margin-bottom: 1rem;
}

.dashboard-panel.-shadow {
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
}

.dashboard-panel_column {
    padding: 2rem 1rem 1rem 1rem;
    background-color: #e3f5f3;
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.dashboard-panel_column:last-child {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.dashboard-panel_column:first-child {
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05);
}

.dashboard-panel_column.-narrow {
    padding-top: 1rem;
}

.dashboard-panel_column.-narrow:first-child {
    padding-left: 2rem;
}

.dashboard-panel_column.-narrow:last-child {
    padding-right: 1rem;
}

.dashboard-panel_column.-mod1 {
    background-color: #f8f8e6;
}

.dashboard-panel_column.-mod2 {
    background-color: #e8f0d4;
}

.dashboard-panel_column.-mod3 {
    background-color: #f8f9f3;
}

.dashboard-panel_column.-mod4 {
    background-color: #edefea;
}

.dashboard-panel_column:first-child {
    border-radius: 0.4rem 0 0 0.4rem;
    padding-left: 2rem;
}

.dashboard-panel_column:last-child {
    border-radius: 0 0.4rem 0.4rem 0;
    padding-right: 2rem;
}

.dashboard-panel_header {
    margin-bottom: 1rem;
}

.line-graph {
    width: 100%;
}

.line-graph-item {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.line-graph-item.-bottom-xs {
    margin-bottom: 0.5rem;
}

.line-graph-item.-bottom-md {
    margin-bottom: 1rem;
}

.line-graph-item.-top-md {
    margin-top: 1rem;
}

.line-graph-item.-top-xs {
    margin-top: 0.5rem;
}

.line-graph-item.-align-right {
    justify-content: flex-end;
}

.line-graph-item.-align-top {
    align-items: flex-start;
}

.line-graph-item.-align-bottom {
    align-items: flex-end;
}

.line-graph-item.-space-between {
    justify-content: space-between;
}

.line-graph-item.-align-center {
    align-items: center;
}

.line-graph-list_col1 {
    padding-right: 2rem;
    flex-shrink: 0;
    width: 12rem;
}

.line-graph-list_col1.-right {
    margin-left: 1rem;
}

.line-graph-list_col1.-right-sm {
    margin-left: 0.5rem;
}

.line-graph-list_col1.-left-sm {
    margin-right: 0.5rem;
}

.line-graph-list_col1.-right-lg {
    margin-left: 2rem;
}

.line-graph-list_col1.-right-extra-lg {
    margin-left: 4rem;
}

.line-graph-list_col1.-left {
    margin-right: 1rem;
}

.line-graph-list_col1.-left-lg {
    margin-right: 2rem;
}

.line-graph-list_col3 {
    padding: 0 2rem;
    flex-shrink: 0;
}

.line-graph-list_col3.-right {
    margin-left: 1rem;
}

.line-graph-list_col3.-right-sm {
    margin-left: 0.5rem;
}

.line-graph-list_col3.-left-sm {
    margin-right: 0.5rem;
}

.line-graph-list_col3.-right-lg {
    margin-left: 2rem;
}

.line-graph-list_col3.-right-extra-lg {
    margin-left: 4rem;
}

.line-graph-list_col3.-left {
    margin-right: 1rem;
}

.line-graph-list_col3.-left-lg {
    margin-right: 2rem;
}

.line-graph-list_col2 {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.line-graph-list_col2.-rel {
    position: relative;
}

.line-graph-list_col2.-right {
    margin-left: 1rem;
}

.line-graph-list_col2.-right-lg {
    margin-left: 2rem;
}

.line-graph-list_col2.-right-xs {
    margin-left: .5rem;
}

.line-graph-list_col2.-left {
    margin-right: 1rem;
}

.line-graph-list_col2.-left-lg {
    margin-right: 2rem;
}

.line-graph-list_col2.-mt-xs {
    margin-top: 0.5rem;
}

.line-graph-list_col2.-no-label {
    margin-top: 20px;
}

.line-graph-list_col2.-mb-xs {
    margin-bottom: 0.5rem;
}

.line-graph-list_col2.-mb {
    margin-bottom: 1rem;
}

.line-graph-list_col2.-height-sm {
    height: 3rem;
}

.line-graph-list_col4 {
    flex-shrink: 0;
    width: 3rem;
    text-align: right;
}

.line-graph-list_col4.-right {
    margin-left: 1rem;
}

.line-graph-list_col4.-right-sm {
    margin-left: 0.5rem;
}

.line-graph-list_col4.-left-sm {
    margin-right: 0.5rem;
}

.line-graph-list_col4.-right-lg {
    margin-left: 2rem;
}

.line-graph-list_col4.-right-extra-lg {
    margin-left: 4rem;
}

.line-graph-list_col4.-left {
    margin-right: 1rem;
}

.line-graph-list_col4.-left-lg {
    margin-right: 2rem;
}

.history-in-order-panel {
    margin-top: 8rem;
}

.history-in-order-panel .column-1 {
    width: 6.2rem;
}

.history-in-order-panel .column-2 {
    width: calc(39% - 12rem);
    padding-right: 1rem;
}

.history-in-order-panel .column-3 {
    width: calc(45% - 12rem);
    padding-right: 1rem;
}

.history-in-order-panel .column-3 .status-icon {
    width: 2rem;
}

.history-in-order-panel .column-4 {
    width: 15rem;
}

.history-in-order-panel .column-5 {
    width: 16rem;
}

.allocation-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.allocation-list_bullet {
    height: 1rem;
    width: 1rem;
    display: inline-block;
}

.allocation-list_item {
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.3rem 0.5rem;
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
    margin-bottom: 1px;
    cursor: pointer;
}

.allocation-list_item.-light {
    color: rgba(96, 108, 110, 0.7);
}

.allocation-list_item.-lighter {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.allocation-list_item.-login {
    color: #fff;
    text-shadow: 0 0 8px #000;
}

.allocation-list_item.-darker {
    color: #606c6e;
    text-shadow: none;
}

.allocation-list_item.-mb-xs {
    margin-bottom: 0.5rem;
}

.allocation-list_item.-alert {
    color: #bd3021;
}

.allocation-list_item.-success {
    color: #5556fe !important;
    ;
}

.allocation-list_item.-lightest {
    color: #ffffff;
    text-shadow: none;
    line-height: 1;
}

.allocation-list_item.-outside-select:active {
    user-select: none;
}

.allocation-list_item.active {
    background-color: rgba(0, 0, 0, 0.05);
}

.list_bullet {
    height: 1rem;
    width: 1rem;
    display: inline-block;
}

.list_bullet.-red {
    background-color: #ef6f48;
}

.list_bullet.-blue {
    background-color: #5556fe !important;
}

.list_bullet.-gray {
    background-color: #4e595b;
}

.list_bullet.-carmine {
    background-color: #ee1c24;
}

.list_bullet.-green {
    background-color: #5556fe !important;
    ;
}

.list_bullet.-orange {
    background-color: #ffb913;
}

.list_bullet.-mr {
    margin-right: 1rem;
}

progress-line .progressbar_persent,
.progress-line-wrapper .progressbar_persent {
    display: none;
}

progress-line.-show-persent .progressbar-wrapper,
.progress-line-wrapper.-show-persent .progressbar-wrapper {
    overflow: visible;
}

progress-line.-show-persent .progressbar,
.progress-line-wrapper.-show-persent .progressbar {
    position: relative;
}

progress-line.-show-persent .progressbar_persent,
.progress-line-wrapper.-show-persent .progressbar_persent {
    display: block;
    position: absolute;
    width: 5rem;
    right: -6rem;
    z-index: 1;
}

progress-line.-md-size,
.progress-line-wrapper.-md-size {
    width: 100%;
}

progress-line.-md-size .progressbar-wrapper,
.progress-line-wrapper.-md-size .progressbar-wrapper {
    height: .7rem;
    width: 100%;
}

progress-line.-lg-size .progressbar,
.progress-line-wrapper.-lg-size .progressbar {
    height: 3rem;
}

progress-line.-lg-size .progressbar-wrapper,
.progress-line-wrapper.-lg-size .progressbar-wrapper {
    height: 3rem;
    border-radius: 0;
}

progress-line.-lg-size .progressbar_persent,
.progress-line-wrapper.-lg-size .progressbar_persent {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.9px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    height: 3rem;
    line-height: 3rem;
}

progress-line.-lg-size .progressbar_persent.-clock,
.progress-line-wrapper.-lg-size .progressbar_persent.-clock {
    color: #5556fe !important;
    text-shadow: none;
}

progress-line.-lg-size .progressbar_persent.-link,
.progress-line-wrapper.-lg-size .progressbar_persent.-link {
    color: #297fb8;
}

progress-line.-lg-size .progressbar_persent.-no-ts,
.progress-line-wrapper.-lg-size .progressbar_persent.-no-ts {
    text-shadow: none;
}

progress-line.-lg-size .progressbar_persent.-letter-spacing,
.progress-line-wrapper.-lg-size .progressbar_persent.-letter-spacing {
    letter-spacing: 0;
}

progress-line.-lg-size .progressbar_persent.-total,
.progress-line-wrapper.-lg-size .progressbar_persent.-total {
    color: #606c6e;
}

progress-line.-lg-size .progressbar_persent.-cap,
.progress-line-wrapper.-lg-size .progressbar_persent.-cap {
    text-transform: capitalize;
}

progress-line.-lg-size .progressbar_persent.-low,
.progress-line-wrapper.-lg-size .progressbar_persent.-low {
    text-transform: lowercase;
}

progress-line.-lg-size .progressbar_persent.-more-narrow,
.progress-line-wrapper.-lg-size .progressbar_persent.-more-narrow {
    line-height: 1.2rem;
}

progress-line.-lg-size .progressbar_persent.-mb,
.progress-line-wrapper.-lg-size .progressbar_persent.-mb {
    margin-bottom: 1rem;
}

progress-line.-color-call .progressbar-wrapper,
.progress-line-wrapper.-color-call .progressbar-wrapper {
    background-color: transparent;
}

progress-line.-color-call .progressbar,
.progress-line-wrapper.-color-call .progressbar {
    background-color: #5556fe !important;
}

progress-line.-color-call_second .progressbar-wrapper,
.progress-line-wrapper.-color-call_second .progressbar-wrapper {
    background-color: transparent;
}

progress-line.-color-call_second .progressbar,
.progress-line-wrapper.-color-call_second .progressbar {
    background-color: #297fb8;
}

progress-line.-color-order .progressbar-wrapper,
.progress-line-wrapper.-color-order .progressbar-wrapper {
    background-color: transparent;
}

progress-line.-color-order .progressbar,
.progress-line-wrapper.-color-order .progressbar {
    background-color: #16a086;
}

progress-line.-color-order_second .progressbar-wrapper,
.progress-line-wrapper.-color-order_second .progressbar-wrapper {
    background-color: transparent;
}

progress-line.-color-order_second .progressbar,
.progress-line-wrapper.-color-order_second .progressbar {
    background-color: #9ebc63;
}

progress-line.-full,
.progress-line-wrapper.-full {
    width: 100%;
}

progress-line.-full .progressbar-wrapper,
.progress-line-wrapper.-full .progressbar-wrapper {
    width: 100%;
}

progress-line.-player .progressbar,
.progress-line-wrapper.-player .progressbar {
    background-color: #5556fe !important;
}

progress-line.-player .progressbar-wrapper,
.progress-line-wrapper.-player .progressbar-wrapper {
    background-color: #adaeaa;
    border-radius: 0;
}

progress-line.-graph .progressbar,
.progress-line-wrapper.-graph .progressbar {
    background-color: #d1c025;
    height: .7rem;
}

progress-line.-graph .progressbar-wrapper,
.progress-line-wrapper.-graph .progressbar-wrapper {
    background-color: transparent;
    height: .7rem;
    border-radius: 0;
}

.progressbar {
    transition: width 1s ease-out 0s;
}

.fixed-panel {
    background-color: #ffffff;
}

.fixed-panel.-stick {
    margin-left: -1rem;
    margin-top: -1rem;
}

.fixed-panel.-md-size {
    width: 90rem;
}

.fixed-panel_section {
    padding: 0 1rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.fixed-panel_section.-normal {
    background-color: #f8f9f3;
}

.fixed-panel_section.-darken {
    background-color: #edefea;
}

.fixed-panel_section.-full {
    flex-grow: 1;
}

.fixed-panel_row {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.fixed-panel_row:before,
.fixed-panel_row:after {
    content: " ";
    display: table;
}

.fixed-panel_row:after {
    clear: both;
}

.fixed-panel_row:before,
.fixed-panel_row:after {
    content: " ";
    display: table;
}

.fixed-panel_row:after {
    clear: both;
}

.fixed-panel_row:before,
.fixed-panel_row:after {
    content: " ";
    display: table;
}

.fixed-panel_row:after {
    clear: both;
}

.fixed-panel_row:before,
.fixed-panel_row:after {
    content: " ";
    display: table;
}

.fixed-panel_row:after {
    clear: both;
}

.fixed-panel_row.-no-pad {
    padding-top: 0;
    padding-bottom: 0;
}

.fixed-panel_row.-tall {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.fixed-panel_row.-full-divider {
    box-shadow: inset 0 -1px 0 0 #ffffff, inset 0 -2px 0 0 rgba(0, 0, 0, 0.07);
}

.fixed-panel_row.-divider {
    padding-bottom: 0;
}

.fixed-panel_row.-divider:after {
    content: '';
    display: block;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 1rem;
    margin-right: 1rem;
}

.fixed-column-2 {
    width: 33.3333%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

.fixed-column-3 {
    width: 50%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

.fixed-column-4 {
    width: 66.66666%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

.fixed-column-6 {
    width: 100%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

.col-xs-12percent {
    width: 12%;
}

.col-xs-64percent {
    width: 64%;
}

.no-padding {
    padding: 0;
}

.panel-body.-client-app {
    height: calc(100vh - 40rem);
}

.panel-body.-tariff-variables {
    background-color: #f8f9f3;
    height: calc(100vh - 16rem);
    padding: 1rem 2rem 2rem 2rem;
}

.panel-row {
    position: relative;
}

.panel-row-sm {
    margin-bottom: 1rem;
}

.panel-row-md {
    margin-bottom: 1.5rem;
}

.panel-row-lg {
    margin-bottom: 2rem;
}

.full-panel {
    width: calc(100% + 2rem);
    margin-top: -1rem;
    margin-left: -1rem;
    background-color: #ffffff;
    overflow: hidden;
}

.full-panel_title {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
}


/*Tree menu*/

.tree-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-radius: 0.2rem;
    background-color: #f8f9f3;
}

.tree-menu.-variables {
    margin-bottom: 1rem;
}

.tree-menu .tree-menu-content {
    padding: .5rem 1rem 1rem 1rem;
}

.tree-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tree-menu>li:first-child .tree-menu_item {
    border-radius: 0.2rem 0.2rem 0 0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
}

.tree-menu>li:first-child .tree-menu_item.-without-border {
    box-shadow: none;
}

.tree-menu-section {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
}

.tree-menu_item {
    display: -webkit-flex;
    justify-content: flex-start;
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    cursor: pointer;
    padding: 1rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
}

.tree-menu_item.-bottom-xs {
    margin-bottom: 0.5rem;
}

.tree-menu_item.-bottom-md {
    margin-bottom: 1rem;
}

.tree-menu_item.-top-md {
    margin-top: 1rem;
}

.tree-menu_item.-top-xs {
    margin-top: 0.5rem;
}

.tree-menu_item.-align-right {
    justify-content: flex-end;
}

.tree-menu_item.-align-top {
    align-items: flex-start;
}

.tree-menu_item.-align-bottom {
    align-items: flex-end;
}

.tree-menu_item.-space-between {
    justify-content: space-between;
}

.tree-menu_item.-align-center {
    align-items: center;
}

.tree-menu_item.-no-label {
    margin-top: 20px;
}

.tree-menu_item.-mb-xs {
    margin-bottom: 0.5rem;
}

.tree-menu_item.-mb {
    margin-bottom: 1rem;
}

.tree-menu_item.-height-sm {
    height: 3rem;
}

.tree-menu_item.-title {
    margin-bottom: 0.5rem;
}

.tree-menu_item.-bright {
    color: #5556fe !important;
    ;
}

.tree-menu_item.-cancellation,
.tree-menu_item.-alert {
    color: #bd3021;
}

.tree-menu_item.-light {
    color: rgba(96, 108, 110, 0.5);
}

.tree-menu_item.-alarm {
    font-size: 1.1rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
    color: #ffb913;
}

.tree-menu_item.-lh-plus {
    line-height: 1.4;
}

.tree-menu_item.-template {
    color: #5556fe !important;
}

.tree-menu_item.-lightest {
    color: #fff;
}

.tree-menu_item.-red {
    color: #bd3021;
}

.tree-menu_item.-indent {
    color: #d1c025;
}

.tree-menu_item.-no-ts {
    text-shadow: none;
}

.tree-menu_item.-calmly {
    color: #4fb6a1;
}

.tree-menu_item.-gray {
    color: #adaeaa;
}

.tree-menu_item.-darkness {
    color: #606c6e;
}

.tree-menu_item.-initial {
    text-transform: initial;
}

.tree-menu_item.-success {
    color: #16a086;
}

.tree-menu_item.-birthday {
    color: #ffb913;
}

.tree-menu_item.-without-border {
    box-shadow: none;
}

.tree-menu_item:hover,
.tree-menu_item.-active {
    background: #ceecf0;
}

.tree-menu_child-item {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
    cursor: pointer;
    display: flex;
    padding: 1rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    background-color: #ffffff;
    /*&:hover * {
    opacity: 1 !important;
  }*/
}

.tree-menu_child-item.crop-two-line {
    max-height: 2.8rem;
}

.tree-menu_child-item.-underline:hover {
    text-decoration: underline;
}

.tree-menu_child-item.-no-ts {
    text-shadow: none;
}

.tree-menu_child-item.-light {
    color: #adaeaa;
}

.tree-menu_child-item.-alarm {
    color: #ffb913;
}

.tree-menu_child-item.-red {
    color: #bd3021;
}

.tree-menu_child-item.-success {
    color: #5556fe !important;
    ;
}

.tree-menu_child-item.-distance {
    margin: 0 1rem 0 .5rem;
}

.tree-menu_child-item.-distance-mod {
    margin: 0 0 0 .5rem;
}

.tree-menu_child-item.-vertical-distance {
    margin: .5rem 0 0 0;
}

.tree-menu_child-item.-lighter {
    color: #fff;
    text-transform: none;
    text-shadow: none;
}

.tree-menu_child-item:hover,
.tree-menu_child-item.-active {
    background: #ceecf0;
}

.tree-menu_child-item.-no-hover:hover,
.tree-menu_child-item.-no-hover.-active {
    background-color: #ffffff;
    cursor: default;
}

.tree-menu_child-item.-no-hover:hover .close-area,
.tree-menu_child-item.-no-hover.-active .close-area {
    cursor: pointer;
}

.tree-menu_child-item .opaque {
    opacity: 0;
}

.tree-menu_child-item.-noopacity:hover * {
    opacity: 1 !important;
}

.tree-menu_child-item.-half-rem-pad {
    padding: .5rem;
}

.tree-menu_child-item.-light-dark {
    background-color: #f8f9f3;
}

.tree-menu_child-item.-light-dark:hover,
.tree-menu_child-item.-light-dark.-active {
    background: #ceecf0;
}

.tree-menu_child-item.-md-normal {
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    text-shadow: 0 1px 0 #ffffff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    text-transform: none;
    height: 4rem;
}

.tree-menu_child-item.-md-normal.-oblate {
    line-height: 1.07;
}

.tree-menu_child-item.-md-normal.-bright {
    color: #5556fe !important;
    ;
}

.tree-menu_child-item.-md-normal.-cancellation {
    color: #bd3021;
}

.tree-menu_child-item.-md-normal.-light {
    color: rgba(96, 108, 110, 0.5);
}

.tree-menu_child-item.-md-normal.-blue {
    color: #5556fe !important;
}

.tree-menu_child-item.-md-normal.-gray {
    color: #979e9d;
}

.tree-menu_child-item.-md-normal.-without-shadow {
    text-shadow: none;
}

.tree-menu_child-item.-md-normal.-lightest {
    color: #fff;
}

.tree-menu_child-item.-md-normal.-regular {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.tree-menu_child-item.-md-normal.-red {
    color: #bd3021;
}

.tree-menu_child-item.-md-normal.-wide {
    height: 4rem;
    line-height: 4rem;
}

.tree-menu_child-item.-setting-height {
    height: 4rem;
}

.tree-menu_child-item.-option {
    background-color: #fff;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
    height: 4rem;
}

.tree-menu_child-item.-option:hover {
    background: #ebf4f5;
}

.tree-menu_child-item.-option.-active {
    background: #ceecf0;
}

.tree-menu_child-item.-drivers-sm {
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.tree-menu_child-item.-variables {
    padding: 1.2rem 1rem;
    min-height: 4rem;
}

.tree-menu_child-item.-sets {
    padding: 1.2rem 1rem;
    min-height: 4rem;
}

.tree-menu_child-item.-sets.-active.-arrows {
    margin-right: 3rem;
}

.tree-menu_child-item.-space-right {
    padding-right: 3.2rem;
}

.tree-menu_child-item.-normal {
    text-transform: none;
}

.tree-menu_child-item.-second-level {
    padding-left: 2rem;
    font-family: 'robotoregular', Tahoma, Verdana, sans-serif;
}

.tree-menu_child-item.-success-text {
    color: #16a086;
}

.tree-menu ul .tree-menu_child-item:hover {
    background-color: #ceecf0;
}

li.tree-menu-item-content {
    margin-bottom: 1.4rem;
}

li.tree-menu-item-content.-half-margin {
    margin-bottom: .5rem;
}

li.tree-menu-item-content:last-child {
    margin-bottom: 0;
}

.tree-menu_wrapper.-options {
    height: 40rem;
    overflow-y: auto;
    background-color: #fff;
}

.tree-menu_wrapper.-geozones {
    height: 26rem;
}

.tree-menu_wrapper.-margin-bottom {
    margin-bottom: 1rem;
}


/*Driver Report Modal*/

.table-cell.dark {
    background: #abaeaa;
}

.table-wrapper.-normal {
    border: 1px solid #dde2e0;
}

.table-wrapper.-normal .table-cell {
    border-right: 1px solid #dde2e0;
}

.table-wrapper.-normal .table-cell:last-child {
    border-right: none;
}

.table-wrapper.-normal .table-cell.-head {
    color: #606c6e;
    background-color: #dde2e0;
}

.table-wrapper.-normal .table-row .table-cell {
    border-bottom: 1px solid #dde2e0;
}

.table-wrapper.-normal .table-row:last-child .table-cell {
    border-bottom: none;
}

.table-wrapper.-normal .table-row:hover {
    background-color: #ebf4f5;
}

.table-wrapper.-report .cell-1 {
    width: 10%;
}

.table-wrapper.-report .cell-2 {
    width: 15%;
}

.table-wrapper.-report .cell-3 {
    width: 20%;
}

.table-wrapper.-report .cell-4 {
    width: 45%;
}

.table-wrapper.-report .cell-5 {
    width: 10%;
    text-align: right;
}

.table-wrapper.-financial-report {
    max-width: 120rem;
}

.table-wrapper.-financial-report span {
    padding: 0 2px;
}

.table-wrapper.-financial-report .header-table .cell-normal {
    width: auto;
    text-align: left;
}

.table-wrapper.-financial-report .cell-normal {
    width: auto;
    text-align: right;
}

.table-wrapper.-financial-report .cell-1 {
    width: 25%;
}

.table-wrapper.-financial-report .cell-2 {
    width: 25%;
}

.table-wrapper.-financial-report .cell-3 {
    width: 25%;
}

.table-wrapper.-financial-report .cell-4 {
    width: 25%;
}

.table-wrapper.-detail-worker-report .table-row .cell-1 {
    width: 9rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-2 {
    width: 12rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-3 {
    width: 5rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-4 {
    width: 5rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-5 {
    width: 5rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-6 {
    width: 5rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-7 {
    width: 14rem;
}

.table-wrapper.-detail-worker-report .table-row .cell-8 {
    width: 14rem;
}

.table-wrapper.-detail-worker-report .table-row .-divider {
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.table-wrapper.-detail-worker-report .table-row .-divider-first {
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05);
}

.table-wrapper.-detail-worker-report .table-row .-divider-last {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.table-wrapper.-detail-worker-report .-head {
    background-color: #eff0f0;
}

.table-wrapper.-detail-worker-report .-neck {
    background-color: #dde2e0;
}

.table-wrapper.-sms-report {
    width: auto;
}

.table-wrapper.-sms-report .-body-bg {
    /*&.-active, &.-active:hover {
        background-color: @panel-item_active-bg;
      }*/
}

.table-wrapper.-sms-report .-body-bg:hover,
.table-wrapper.-sms-report .-body-bg.-hovered {
    background-color: #ebf4f5;
}

.table-wrapper.-sms-report .cell-1 {
    min-width: 6rem;
}

.table-wrapper.-sms-report .cell-2 {
    min-width: 24rem;
}

.table-wrapper.-sms-report .cell-3 {
    min-width: 45rem;
}

.table-wrapper.-sms-report .cell-4 {
    min-width: 21rem;
}

.table-wrapper.-clientbase-general-report {
    width: auto;
}

.table-wrapper.-clientbase-general-report .-body-bg {
    /*&.-active, &.-active:hover {
        background-color: @panel-item_active-bg;
      }*/
}

.table-wrapper.-clientbase-general-report .-body-bg:hover,
.table-wrapper.-clientbase-general-report .-body-bg.-hovered {
    background-color: #ebf4f5;
}

.table-wrapper.-clientbase-general-report .cell-1 {
    min-width: 6rem;
}

.table-wrapper.-clientbase-general-report .cell-2 {
    min-width: 10rem;
}

.table-wrapper.-clientbase-general-report .cell-3 {
    min-width: 22rem;
}

.table-wrapper.-clientbase-general-report .cell-4 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-general-report .cell-5 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-general-report .cell-6 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-general-report .cell-7 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-general-report .cell-8 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-general-report .cell-9 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-general-report .cell-10 {
    min-width: 8rem;
}

.table-wrapper.-clientbase-general-report .cell-11 {
    min-width: 8rem;
}

.table-wrapper.-clientbase-general-report .cell-12 {
    min-width: 9rem;
}

.table-wrapper.-clientbase-detailed-report {
    width: auto;
}

.table-wrapper.-clientbase-detailed-report .-body-bg.-active,
.table-wrapper.-clientbase-detailed-report .-body-bg.-active:hover {
    background-color: #ceecf0;
}

.table-wrapper.-clientbase-detailed-report .-body-bg:hover {
    background-color: #ebf4f5;
}

.table-wrapper.-clientbase-detailed-report .cell-1 {
    min-width: 6rem;
}

.table-wrapper.-clientbase-detailed-report .cell-2 {
    min-width: 10rem;
}

.table-wrapper.-clientbase-detailed-report .cell-3 {
    min-width: 15rem;
}

.table-wrapper.-clientbase-detailed-report .cell-4 {
    min-width: 21rem;
}

.table-wrapper.-clientbase-detailed-report .cell-5 {
    min-width: 19rem;
}

.table-wrapper.-clientbase-detailed-report .cell-6 {
    min-width: 19rem;
}

.table-wrapper.-clientbase-detailed-report .cell-7 {
    min-width: 19rem;
}

.table-wrapper.-clientbase-detailed-report .cell-8 {
    min-width: 19rem;
}

.table-wrapper.-clientbase-detailed-report .cell-9 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-detailed-report .cell-10 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-detailed-report .cell-11 {
    min-width: 11rem;
}

.table-wrapper.-clientbase-detailed-report .cell-12 {
    min-width: 5rem;
}

.table-wrapper.-conversion-report {
    width: auto;
}

.table-wrapper.-conversion-report .-body-bg:hover,
.table-wrapper.-conversion-report .-body-bg.-hovered {
    background-color: #ebf4f5;
}

.table-wrapper.-conversion-report .table-cell {
    vertical-align: middle;
}

.table-wrapper.-conversion-report .cell-1 {
    width: 10rem;
}

.table-wrapper.-conversion-report .cell-2 {
    width: 8rem;
}

.table-wrapper.-conversion-report .cell-3 {
    width: 8rem;
}

.table-wrapper.-conversion-report .cell-4 {
    width: 9rem;
}

.table-wrapper.-conversion-report .cell-5 {
    width: 9rem;
}

.table-wrapper.-conversion-report .cell-6 {
    width: 8rem;
}

.table-wrapper.-conversion-report .cell-7 {
    width: 8rem;
}

.table-wrapper.-conversion-report .cell-8 {
    width: 8rem;
}

.table-wrapper.-conversion-report .cell-9 {
    width: 8rem;
}

.table-wrapper.-conversion-report .cell-10 {
    width: 10rem;
}

.table-wrapper.-conversion-report .cell-11 {
    width: 7rem;
}

.table-wrapper.-conversion-report .cell-12 {
    width: 10rem;
}

.table-wrapper.-drivers-report {
    width: auto;
}

.table-wrapper.-drivers-report .table-cell {
    white-space: nowrap;
}

.table-wrapper.-drivers-report .-neck-bg .cell-13 {
    background-color: #e8e9e9;
}

.table-wrapper.-drivers-report .-body-bg .table-cell {
    vertical-align: middle;
    padding: .5rem 1rem;
}

.table-wrapper.-drivers-report .cell-1 {
    width: 7rem;
}

.table-wrapper.-drivers-report .cell-2 {
    width: 8rem;
}

.table-wrapper.-drivers-report .cell-3 {
    width: 18rem;
}

.table-wrapper.-drivers-report .cell-4 {
    width: 10rem;
}

.table-wrapper.-drivers-report .cell-5 {
    width: 10rem;
}

.table-wrapper.-drivers-report .cell-6 {
    width: 13rem;
}

.table-wrapper.-drivers-report .cell-7 {
    width: 13rem;
}

.table-wrapper.-drivers-report .cell-8 {
    width: 13rem;
}

.table-wrapper.-drivers-report .cell-9 {
    width: 12rem;
}

.table-wrapper.-drivers-report .cell-10 {
    width: 12rem;
}

.table-wrapper.-drivers-report .cell-11 {
    width: 12rem;
}

.table-wrapper.-drivers-report .cell-12 {
    width: 12rem;
}

.table-wrapper.-drivers-report .cell-13 {
    min-width: 5rem;
    box-shadow: inset 2px 0 0 0 rgba(255, 255, 255, 0.9) !important;
    background-color: #edefea;
}

.table-wrapper.-drivers-report .cell-14 {
    width: 8rem;
    box-shadow: inset 2px 0 0 0 rgba(255, 255, 255, 0.9) !important;
    background-color: #e8e9e9;
}

.table-wrapper.-drivers-report .cell-15 {
    width: 8rem;
    box-shadow: inset 2px 0 0 0 rgba(255, 255, 255, 0.9) !important;
}

.table-wrapper.-motorcade-report {
    width: auto;
}

.table-wrapper.-motorcade-report .table-cell {
    white-space: nowrap;
}

.table-wrapper.-motorcade-report .-body-bg .table-cell {
    padding: .5rem 1rem;
    vertical-align: middle;
}

.table-wrapper.-motorcade-report .cell-0 {
    width: 50rem;
}

.table-wrapper.-motorcade-report .cell-1 {
    width: 10rem;
}

.table-wrapper.-motorcade-report .cell-2 {
    width: 14rem;
}

.table-wrapper.-motorcade-report .cell-3 {
    width: 14rem;
}

.table-wrapper.-motorcade-report .cell-4 {
    width: 12rem;
}

.table-wrapper.-motorcade-report .cell-5 {
    width: 9rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-6 {
    width: 8rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-7 {
    width: 13rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-8 {
    width: 13rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-9 {
    width: 13rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-10 {
    width: 12rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-11 {
    width: 12rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-13 {
    width: 12rem;
    text-align: right;
}

.table-wrapper.-motorcade-report .cell-12 {
    width: 12rem;
    text-align: right;
}

.table-wrapper.-workers-actions-report {
    width: auto;
}

.table-wrapper.-workers-actions-report .table-cell {
    white-space: nowrap;
}

.table-wrapper.-workers-actions-report .-body-bg .table-cell {
    padding: .5rem 1rem;
    vertical-align: middle;
}

.table-wrapper.-workers-actions-report .cell-0 {
    width: 50rem;
}

.table-wrapper.-workers-actions-report .cell-1 {
    width: 5rem;
}

.table-wrapper.-workers-actions-report .cell-2 {
    width: 5rem;
}

.table-wrapper.-workers-actions-report .cell-3 {
    width: 14rem;
}

.table-wrapper.-workers-actions-report .cell-4 {
    width: 12rem;
}

.table-wrapper.-workers-actions-report .cell-5 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-6 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-7 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-8 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-9 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-10 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-11 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-12 {
    width: 9rem;
}

.table-wrapper.-workers-actions-report .cell-13 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report {
    width: auto;
}

.table-wrapper.-workers-actions-detailed-report .table-cell {
    white-space: nowrap;
}

.table-wrapper.-workers-actions-detailed-report .-body-bg .table-cell {
    padding: .5rem 1rem;
    vertical-align: middle;
}

.table-wrapper.-workers-actions-detailed-report .-body-bg:hover,
.table-wrapper.-workers-actions-detailed-report .-body-bg.-hovered {
    background-color: #ebf4f5;
}

.table-wrapper.-workers-actions-detailed-report .cell-1 {
    width: 4rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-2 {
    width: 10rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-3 {
    width: 18rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-4 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-5 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-6 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-7 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-8 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-9 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-10 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-11 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-12 {
    width: 9rem;
}

.table-wrapper.-workers-actions-detailed-report .cell-13 {
    width: 9rem;
}

.table-wrapper.-counteragent-report {
    width: auto;
}

.table-wrapper.-counteragent-report .-body-bg .table-cell {
    padding: .5rem 1rem;
    vertical-align: middle;
}

.table-wrapper.-counteragent-report .-body-bg:hover,
.table-wrapper.-counteragent-report .-body-bg.-hovered {
    background-color: #ebf4f5;
}

.table-wrapper.-counteragent-report .cell-1 {
    width: 4rem;
}

.table-wrapper.-counteragent-report .cell-2 {
    width: 16rem;
}

.table-wrapper.-counteragent-report .cell-3 {
    width: 9rem;
}

.table-wrapper.-counteragent-report .cell-4 {
    width: 8rem;
}

.table-wrapper.-counteragent-report .cell-5 {
    width: 8rem;
}

.table-wrapper.-counteragent-report .cell-6 {
    width: 9rem;
}

.table-wrapper.-counteragent-report .cell-7 {
    width: 8rem;
}

.table-wrapper.-counteragent-report .cell-8 {
    width: 13rem;
}

.table-wrapper.-counteragent-report .cell-9 {
    width: 14rem;
}

.table-wrapper.-counteragent-report .cell-10 {
    width: 7rem;
}

.table-wrapper.-counteragent-report .cell-11 {
    width: 9rem;
}

.table-wrapper.-counteragent-report .cell-12 {
    width: 9rem;
}

.table-wrapper.-counteragent-report .cell-13 {
    width: 9rem;
}

.table-wrapper.-counteragent-report-orders {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    width: auto;
}

.table-wrapper.-counteragent-report-orders .-body-bg .table-cell {
    padding: .5rem 1rem;
    vertical-align: middle;
}

.table-wrapper.-counteragent-report-orders .-body-bg.-active,
.table-wrapper.-counteragent-report-orders .-body-bg.-active:hover {
    background-color: #ceecf0;
}

.table-wrapper.-counteragent-report-orders .-body-bg:hover {
    background-color: #ebf4f5;
}

.table-wrapper.-counteragent-report-orders .cell-1 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-2 {
    width: 18rem;
}

.table-wrapper.-counteragent-report-orders .cell-3 {
    width: 9rem;
}

.table-wrapper.-counteragent-report-orders .cell-4 {
    width: 7rem;
}

.table-wrapper.-counteragent-report-orders .cell-5 {
    width: 19rem;
}

.table-wrapper.-counteragent-report-orders .cell-19 {
    width: 18rem;
}

.table-wrapper.-counteragent-report-orders .cell-20 {
    width: 18rem;
}

.table-wrapper.-counteragent-report-orders .cell-6 {
    width: 9rem;
}

.table-wrapper.-counteragent-report-orders .cell-7 {
    width: 8rem;
}

.table-wrapper.-counteragent-report-orders .cell-8 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-9 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-10 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-11 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-13 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-13 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-14 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-15 {
    width: 4rem;
}

.table-wrapper.-counteragent-report-orders .cell-16 {
    width: 20rem;
}

.table-wrapper.-counteragent-report-orders .cell-17 {
    width: 20rem;
}

.table-wrapper.-counteragent-report-orders .cell-18 {
    width: 20rem;
}

.table-stick-wrapper {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.table-stick-wrapper.-stick .header-table {
    position: fixed;
    top: 6rem;
}

.table-stick-wrapper.-stick .body-table {
    top: 10rem;
}

.table-stick-wrapper.-driver-work {
    max-height: calc(100vh - 27rem);
    overflow-y: scroll !important;
}

.table-cell {
    display: table-cell;
    padding: 1rem;
}

.table-cell.-special-pad {
    padding: .6rem 1rem !important;
}

.table-cell.-alignment {
    padding: .5rem 1rem;
    vertical-align: middle;
}

.table-nopad .table-cell {
    padding: 0;
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.table-nopad .table-cell.-no-bs {
    box-shadow: none;
}

.ccell {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
    padding: 1.25rem 1.25rem 1.25rem 0;
    display: inline-block;
    text-align: right;
}

.go-to-orders {
    display: none;
}

.table-row {
    display: table-row;
}

.table-row.-head-bg {
    background-color: #eff0f0;
}

.table-row.-neck-bg {
    background-color: #dde2e0;
}

.table-row.-body-bg {
    background-color: #fff;
}

.table-row.uncollected {
    background-color: #ceecf0;
}

.table-row.uncollected .go-to-orders {
    display: block;
}

.table-row.-with-divider .table-cell {
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.table-row.-with-divider .table-cell:first-child {
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.05);
}

.table-row.-darkness-divider .table-cell {
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.09), inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.table-row.-darkness-divider .table-cell:first-child {
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, 0.09);
}

.table-row.-darkness-divider:hover {
    background-color: #ebf4f5;
}

.table-row.-hover:hover {
    background-color: #ebf4f5;
}

.report-row {
    box-shadow: inset 0 1px 0 0 #fff;
}

.report-row .table-cell {
    width: 12rem;
    text-align: center;
}

.spec-row .table-cell {
    text-align: right;
    vertical-align: middle;
    padding-right: 1rem;
}

.tooltipses-box.-norm {
    position: relative;
}

.tooltipses-box.-norm::after {
    top: -4px;
    left: 100%;
    margin-left: 4px;
}

.tooltipses-box.-norm::before {
    top: -4px;
    left: 100%;
    display: none;
}

.tooltipses-box.-norm:hover::after,
.tooltipses-box.-norm:hover::before {
    transition: opacity 0.2s ease-out 0.1s;
}

.tooltipses-box::after {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    color: #fff;
    content: attr(data-balloontip);
    opacity: 0;
    padding: 0 1rem;
    position: absolute;
    visibility: hidden;
    z-index: 9;
    white-space: nowrap;
}

.tooltipses-box:hover::after,
.tooltipses-box:hover::before {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-out 1s;
}

.tooltipses-box::before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0.7);
    border-width: 10px;
    margin-left: -10px;
    visibility: hidden;
    z-index: 9;
}

.tooltipses::after {
    top: 40px;
    right: 0;
}

.tooltipses::before {
    top: 20px;
    left: 48%;
}

.tooltipses-drivers::after {
    top: 30px;
    right: -10px;
    height: 3rem;
    font-size: 1.2rem;
    text-align: center;
    white-space: nowrap;
    padding-top: .6rem;
}

.tooltipses-drivers::before {
    top: 10px;
    left: 48%;
}

.tooltipses-aside-left::after {
    top: 0;
    left: 70px;
    height: 3rem;
    font-size: 1.2rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
}

.tooltipses-aside-left::before {
    top: 5px;
    left: 60px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-aside-left.-map::after {
    left: 75px;
}

.tooltipses-aside-left.-map::before {
    left: 65px;
}

.tooltipses-aside-left.-map-editor::after {
    top: -30px;
}

.tooltipses-aside-left.-map-editor::before {
    top: -25px;
}

.tooltipses-aside-left.-drivers-payment::after {
    left: 55px;
}

.tooltipses-aside-left.-drivers-payment::before {
    left: 45px;
}

.tooltipses-address-editor::after {
    top: -8px;
    left: 40px;
    height: 3rem;
    font-size: 1.2rem;
    white-space: nowrap;
    padding: 1rem 2rem 3rem 2rem;
}

.tooltipses-address-editor::before {
    top: 2px;
    left: 30px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-income-left::after {
    top: -8px;
    left: 40px;
    height: 3rem;
    font-size: 1.2rem;
    white-space: nowrap;
    padding: 0 2rem 4rem 2rem;
}

.tooltipses-income-left::before {
    top: 2px;
    left: 30px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-address-editor::after {
    top: -8px;
    left: 40px;
    height: 3rem;
    font-size: 1.2rem;
    white-space: nowrap;
    padding: 1rem 2rem 3rem 2rem;
}

.tooltipses-address-editor::before {
    top: 2px;
    left: 30px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-right::after {
    top: -5px;
    right: 60px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-right.-insider::after {
    top: 0;
    right: 40px;
    text-shadow: none;
    padding: .7rem 2rem 2rem 2rem;
}

.tooltipses-right.-asider::after {
    padding: 0 1rem;
    top: 0;
    right: 40px;
}

.tooltipses-right::before {
    border-bottom-color: transparent;
}

.tooltipses-archive-right::after {
    top: 1px;
    right: 40px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-archive-right::before {
    bottom: 4px;
    left: 0;
    border-left-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-archive-right.-tooltipses-override {
    line-height: 1.6rem;
}

.tooltipses-archive-right.-tooltipses-override::before {
    top: 6px;
}

.tooltipses-left::after {
    top: 3px;
    left: 75px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-left.-assign::after {
    top: -5px;
    left: 30px;
}

.tooltipses-left.-reserved::after {
    top: -6px;
    left: 27px;
}

.tooltipses-left.-doing::after {
    top: -9px;
    right: 31px;
}

.tooltipses-left.-preorder::after {
    top: 4px;
    left: 30px;
}

.tooltipses-left.-pretime::after {
    top: 4px;
    left: 77px;
    width: 22rem;
    padding-top: .7rem;
}

.tooltipses-left.-fulltime-wait::after {
    top: -5px;
    left: 29px;
    color: transparent;
}

.tooltipses-left.-left-digit::after {
    top: -7px;
    left: 63px;
    color: transparent;
    white-space: nowrap;
    padding-top: .7rem;
    letter-spacing: -0.6px;
    text-align: center;
    font-size: 1.2rem;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.tooltipses-left::before {
    top: 8px;
    left: 65px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-left.-assign::before {
    top: 0;
}

.tooltipses-left.-doing::before {
    top: -4px;
}

.tooltipses-left.-reserved::before {
    top: -1px;
}

.tooltipses-left.-preorder::before {
    top: 9px;
    left: 20px;
}

.tooltipses-left.-pretime::before {
    top: 9px;
    left: 67px;
}

.tooltipses-left.-fulltime-wait::before {
    top: 0;
    right: -4px;
}

.tooltipses-left.-left-digit::before {
    top: -2px;
    right: 19px;
}

.tooltipses--geoZone::after {
    top: 5px;
    left: 75px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses--geoZone::before {
    visibility: hidden !important;
}

.tooltipses-edit::after {
    top: -1px;
    right: 40px;
    white-space: nowrap;
    height: 3rem;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-edit::before {
    top: 4px;
    left: -2px;
    border-left-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-st::after {
    top: -4px;
    left: 35px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-st::before {
    top: 1px;
    left: 25px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-pre::after {
    top: 4px;
    left: 65px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-pre::before {
    top: 9px;
    left: 55px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-fd::after {
    top: -7px;
    left: 70px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-fd::before {
    top: -2px;
    left: 60px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.tooltipses-delta::after {
    top: -7px;
    left: 40px;
    height: 3rem;
    white-space: nowrap;
    padding: .6rem 2rem 2rem 2rem;
    text-align: center;
    font-size: 1.2rem;
}

.tooltipses-delta::before {
    top: -2px;
    left: 30px;
    border-right-color: rgba(0, 0, 0, 0.7);
    border-bottom-color: transparent;
}

.missed-calls {
    position: absolute;
    top: -5px;
    left: -8px;
    padding: .2rem;
    background-color: #bd3021;
    border: solid transparent;
    color: #fff;
    font-size: 1rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    height: 16px;
    min-width: 28px;
    border-radius: 0.8rem;
    pointer-events: none;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tooltip--right {
    position: relative;
}

.tooltip--right::after {
    margin-left: 0.5rem;
    white-space: nowrap;
    font-size: 1.2rem;
    letter-spacing: 0;
    padding: 1rem;
    text-shadow: none;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.tooltip--right::before {
    text-shadow: none;
    border-bottom-color: transparent;
}

.attention-tip {
    position: absolute;
    right: 0;
    top: 4rem;
    white-space: nowrap;
    background-color: dimgrey;
    opacity: 0;
    padding: .2rem 1rem;
    border-radius: .4rem;
    animation-name: attentionsPlease;
    animation-duration: 2.8s;
    animation-timing-function: ease;
}

@keyframes attentionsPlease {
    0% {
        background-color: red;
        top: 0;
        opacity: .8;
    }
    50% {
        background-color: dimgrey;
        top: 4rem;
        opacity: .4;
    }
    60% {
        opacity: .35;
    }
    50% {
        opacity: .3;
    }
    60% {
        opacity: .25;
    }
    70% {
        opacity: .2;
    }
    80% {
        opacity: .15;
    }
    90% {
        opacity: .1;
    }
    100% {
        opacity: .05;
    }
}


/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0;
}

.map-position {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute !important;
}

.map-position .leaflet-control-container .leaflet-left {
    visibility: hidden;
}

.leaflet-container {
    overflow: hidden;
    -ms-touch-action: none;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}


/* map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container img {
    max-width: none !important;
}


/* stupid Android 2 doesn't understand "max-width: none" properly */

.leaflet-container img.leaflet-image-layer {
    max-width: 15000px !important;
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
}


/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
    -moz-user-select: none;
}

.leaflet-tile-pane {
    z-index: 2;
}

.leaflet-objects-pane {
    z-index: 3;
}

.leaflet-overlay-pane {
    z-index: 4;
}

.leaflet-shadow-pane {
    z-index: 5;
}

.leaflet-marker-pane {
    z-index: 6;
}

.leaflet-popup-pane {
    z-index: 7;
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}


/* control positioning */

.leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 10 !important;
    pointer-events: none;
}

.leaflet-top {
    top: 0;
}

.leaflet-right {
    right: 0;
}

.leaflet-bottom {
    bottom: 0;
}

.leaflet-left {
    left: 0;
}

.leaflet-control {
    float: left;
    clear: both;
}

.leaflet-right .leaflet-control {
    float: right;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
    margin-left: 10px;
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}


/* cursors */

.leaflet-clickable {
    cursor: pointer;
}

.leaflet-container {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
}

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}


/* visual tweaks */

.leaflet-container {
    background: #ddd;
    outline: 0;
}

.leaflet-container a {
    color: #0078A8;
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange;
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, 0.5);
}


/* general typography */

.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* general toolbar styles */

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}

.leaflet-bar a:hover {
    background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
}

.leaflet-control-zoom-out {
    font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
    font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
    font-size: 24px;
}


/* layers control */

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    background: #fff;
    border-radius: 5px;
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
}

.leaflet-control-attribution a {
    text-decoration: none;
}

.leaflet-control-attribution a:hover {
    text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}


/* popup */

.leaflet-popup {
    position: absolute;
    text-align: center;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}

.leaflet-popup-content p {
    margin: 18px 0;
}

.leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: white;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}


/* div icon */

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}


/* ================================================================== */


/* Toolbars
/* ================================================================== */

.leaflet-draw-section {
    position: relative;
}

.leaflet-draw-toolbar {
    margin-top: 12px;
}

.leaflet-draw-toolbar-top {
    margin-top: 0;
}

.leaflet-draw-toolbar-notop a:first-child {
    border-top-right-radius: 0;
}

.leaflet-draw-toolbar-nobottom a:last-child {
    border-bottom-right-radius: 0;
}

.leaflet-draw-toolbar a {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.9/images/spritesheet.png);
    background-repeat: no-repeat;
}

.leaflet-retina .leaflet-draw-toolbar a {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.9/images/spritesheet-2x.png);
    background-size: 270px 30px;
}

.leaflet-draw a {
    display: block;
    text-align: center;
    text-decoration: none;
}


/* ================================================================== */


/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 26px;
    /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
    top: 0;
    white-space: nowrap;
}

.leaflet-touch .leaflet-draw-actions {
    left: 32px;
}

.leaflet-right .leaflet-draw-actions {
    right: 26px;
    left: auto;
}

.leaflet-touch .leaflet-right .leaflet-draw-actions {
    right: 32px;
    left: auto;
}

.leaflet-draw-actions li {
    display: inline-block;
}

.leaflet-draw-actions li:first-child a {
    border-left: none;
}

.leaflet-draw-actions li:last-child a {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.leaflet-right .leaflet-draw-actions li:last-child a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.leaflet-right .leaflet-draw-actions li:first-child a {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.leaflet-draw-actions a {
    background-color: #919187;
    border-left: 1px solid #AAA;
    color: #FFF;
    font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 28px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
}

.leaflet-touch .leaflet-draw-actions a {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.leaflet-draw-actions-bottom {
    margin-top: 0;
}

.leaflet-draw-actions-top {
    margin-top: 1px;
}

.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
    height: 27px;
    line-height: 27px;
}

.leaflet-draw-actions a:hover {
    background-color: #A0A098;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
    height: 26px;
    line-height: 26px;
}


/* ================================================================== */


/* Draw toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
    background-position: -2px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
    background-position: 0 -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
    background-position: -31px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
    background-position: -29px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
    background-position: -62px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
    background-position: -60px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-circle {
    background-position: -92px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
    background-position: -90px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-marker {
    background-position: -122px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
    background-position: -120px -1px;
}


/* ================================================================== */


/* Edit toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-edit-edit {
    background-position: -152px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
    background-position: -150px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove {
    background-position: -182px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
    background-position: -180px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
    background-position: -212px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
    background-position: -210px -1px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
    background-position: -242px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
    background-position: -240px -2px;
}


/* ================================================================== */


/* Drawing styles
/* ================================================================== */

.leaflet-mouse-marker {
    background-color: #fff;
    cursor: crosshair;
}

.leaflet-draw-tooltip {
    background: #363636;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-left: 20px;
    margin-top: -21px;
    padding: 4px 8px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    z-index: 6;
}

.leaflet-draw-tooltip:before {
    border-right: 6px solid black;
    border-right-color: rgba(0, 0, 0, 0.5);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: "";
    position: absolute;
    top: 7px;
    left: -7px;
}

.leaflet-error-draw-tooltip {
    background-color: #F2DEDE;
    border: 1px solid #E6B6BD;
    color: #B94A48;
}

.leaflet-error-draw-tooltip:before {
    border-right-color: #E6B6BD;
}

.leaflet-draw-tooltip-single {
    margin-top: -12px;
}

.leaflet-draw-tooltip-subtext {
    color: #f8d5e4;
}

.leaflet-draw-guide-dash {
    font-size: 1%;
    opacity: 0.6;
    position: absolute;
    width: 5px;
    height: 5px;
}


/* ================================================================== */


/* Edit styles
/* ================================================================== */

.leaflet-edit-marker-selected {
    background: rgba(254, 87, 161, 0.1);
    border: 4px dashed rgba(254, 87, 161, 0.6);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: content-box;
}

.leaflet-edit-move {
    cursor: move;
}

.leaflet-edit-resize {
    cursor: pointer;
}


/* ================================================================== */


/* Old IE styles
/* ================================================================== */

.leaflet-oldie .leaflet-draw-toolbar {
    border: 1px solid #999;
}

.geozone-editor .leaflet-editing-icon {
    border-radius: 50%;
    border: 1px solid #299d84;
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin-left: -7px !important;
    margin-top: -7px !important;
}

html {
    -webkit-font-smoothing: subpixel-antialiased;
}

body {
    font-size: 10px;
    background-color: #dde2e0;
    min-width: 96rem;
}

#login-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 50;
    left: 0;
    letter-spacing: normal;
    /*Head*/
    /*Body*/
}

#login-page.success {
    background-color: #2D3546;
    background: url('/img/back.png') no-repeat !important;
    background-size: 100% !important;
}

#login-page.fail {
    background-color: #B71C1C;
    background: url('/img/back.png') no-repeat !important;
    background-size: 100% !important;
}

#login-page .form {
    background: #ffffff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    text-align: left;
    width: 424px;
    z-index: 1000;
}

#login-page .head {
    padding: 32px;
    border-bottom: 1px solid #E0E0E0;
}

#login-page .logo-wrapper {
    display: flex;
    align-items: center;
}

#login-page .logo {
    background: url('/img/logoFull.svg') no-repeat center;
    width: 200px;
    height: 40px;
}

#login-page .version {
    padding-top: 16px;
    font-size: 17px;
    line-height: 20px;
}

#login-page h2 {
    margin: 0;
    padding-bottom: 24px;
    color: #2F3542;
    font-weight: 500;
    font-size: 27px;
}

#login-page .fields {
    display: flex;
    flex-direction: column;
}

#login-page .field {
    padding-bottom: 24px;
}

#login-page input {
    width: 100%;
    background: #F0F4F7;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
    padding: 0 12px;
    font-size: 19px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #2F3542;
}

#login-page .label {
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #2F3542;
    padding-bottom: 8px;
}

#login-page .submit {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    flex-direction: column;
    text-align: center;
}

#login-page .submit button {
    border: none;
    background: #2962FF;
    border-radius: 60px;
    height: 32px;
    min-width: 120px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    justify-content: center;
    width: max-content;
    padding: 0px 15px;
    margin: 0 auto;
}

#login-page .error-message {
    color: #B71C1C;
    padding-top: 10px;
}

#login-page .body {
    padding: 32px;
    outline: none;
}

#login-page .limited-message,
#login-page .loss-connection {
    background: #FFFFFF;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 24px;
    font-weight: 500;
    color: #2F3542;
    margin-bottom: 24px;
}

#login-page .limited-header {
    font-size: 27px;
    line-height: 32px;
}

#login-page .limited-description {
    font-size: 19px;
    line-height: 22px;
    padding: 8px 0;
}

#login-page .loss-connection-header {
    font-size: 27px;
    line-height: 32px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 24px;
}

#login-page .loss-connection .submit {
    padding-bottom: 8px;
}

#login-page #wrapper {
    width: 424px;
}

body.fast-start .fast-show {
    display: block;
}

.login-logo-wrapper {
    margin-bottom: 2rem;
    margin-left: -15.7rem;
    position: relative;
}

.fast-show {
    background-image: url('/img/fast-start.png');
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    display: none;
    position: absolute;
    right: -280px;
}

.fixed-wrapper {
    height: 6rem;
    position: fixed;
    width: 100%;
    z-index: 12;
}

.top-panel {
    height: 6rem;
    font-size: 0;
}

.top-panel_inner {
    padding: 0 1rem 0 6.5rem;
    height: 6rem;
    background-color: #0C0D0D !important;
    z-index: 11;
    position: relative;
}

.main-content {
    padding: 7rem 1rem 0 7rem;
}

.main-content.-indent {
    margin: 3rem 0 1rem 2rem;
}

.full-white-bg {
    background-color: #fff;
    min-height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8rem 1rem 0 10rem;
}

.aside-report-slider {
    z-index: 1;
    width: 3rem;
    background-color: #fff;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aside-report-slider.-totheright {
    left: 63rem;
    background-color: #fff;
    cursor: pointer;
}

.aside-report-slider:hover {
    outline: #ccc 1px solid;
}

.aside-report-slider:active {
    background-color: #606c6e;
}

.toleftmover {
    position: relative;
    left: 57rem;
}

.white-report-panelbg {
    height: calc(100vh - 7.5rem);
    width: 60rem;
    background-color: #fff;
    position: absolute;
    left: -70rem;
    top: 0;
    box-shadow: 4px 1px 10px #bbb;
}

.white-report-panelbg.-totheright {
    left: 6rem;
    top: 6rem;
    padding-left: 3rem;
    padding-top: 2rem;
}

.side-line {
    width: 6rem;
    background-color: #0C0D0D !important;
    height: calc(100vh - 8rem);
    top: 0;
    text-align: center;
    padding-top: 2rem;
    margin-top: 0;
    font-size: 0;
    display: flex;
    flex-direction: column;
}

.header-panel-report {
    background-color: #f8f9f3;
    padding: 1rem 2rem;
    border-radius: .4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
}

.header-panel-operation-report {
    background-color: #f8f9f3;
    padding: 1rem 2rem 1rem;
    border-radius: .4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
}

.header-address-editor {
    background-color: #f8f9f3;
    padding: 1rem;
    border-radius: .4rem;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
}

.header-address-editor.-dispatcher .column-1 {
    width: 30rem;
}

.header-address-editor.-dispatcher .column-2 {
    width: 30rem;
}

.order-panel-report {
    padding: 1.5rem 2rem;
    border-radius: .4rem;
    background-color: #f8f9f3;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.22);
}

.order-panel-report.-no-pad {
    padding: 0;
}

.header-panel {
    border-radius: 0.2rem;
}

.header-panel-addon {
    padding-left: 1rem;
}

.header-panel-addon .-desc-text {
    color: #adaeaa;
    padding-bottom: 1rem;
}

.logo.icon {
    background: transparent url('/img/logo.png') 0 0 no-repeat;
    width: 4.2rem;
    height: 1.4rem;
}

.order-notification>div {
    margin-bottom: 0.6rem;
}

.order-notification>div .close-xs {
    margin-right: 1.1rem;
}

.order-notification>div .check-xxs {
    margin-right: 0.9rem;
}

.nav-logo-box {
    display: flex;
    align-items: center;
}

.nav-logo-box .logo {
    padding-right: 8px;
}

.nav-logo-box .logo-text {
    font-size: 38px;
}

orderlist {
    outline: none;
}


/*HEADER PANEL*/

.header-panel {
    margin-bottom: 1rem;
}

.header-panel.-with-addon .header-panel_main {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.2rem 0;
}

.header-panel.-with-addon .header-panel-addon {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 0 0.2rem;
}

.header-panel.-header-panel-color {
    background-color: #fcfcfc;
}

.header-panel_row {
    margin-bottom: 1rem;
}

.header-panel_row:before,
.header-panel_row:after {
    content: " ";
    display: table;
}

.header-panel_row:after {
    clear: both;
}

.header-panel_row:before,
.header-panel_row:after {
    content: " ";
    display: table;
}

.header-panel_row:after {
    clear: both;
}

.header-panel_row:before,
.header-panel_row:after {
    content: " ";
    display: table;
}

.header-panel_row:after {
    clear: both;
}

.header-panel_row:before,
.header-panel_row:after {
    content: " ";
    display: table;
}

.header-panel_row:after {
    clear: both;
}

.header-panel_row:last-child {
    margin-bottom: 0;
}

.header-panel_row .s-label {
    margin-bottom: 0.6rem;
    display: block;
}

.header-panel_label {
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4rem;
    font-weight: normal;
    text-transform: uppercase;
    color: #adaeaa;
    margin-bottom: 0.5rem;
}

.header-panel_label.-light {
    color: #adaeaa;
}

.header-panel_label.-dark {
    color: #464646;
}

.header-panel_label.-alert {
    color: #bd3021;
}

.header-panel_label.-non-complete {
    color: #f26521;
}

.header-panel_label.-alarm {
    color: #d1c025;
}

.header-panel_label.-normal {
    color: #adaeaa;
}

.header-panel_label.-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.header-panel_label.-ellipsis.-address:hover {
    overflow: visible;
    white-space: normal;
}

.header-panel_label.-ellipsis.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.header-panel_label.-bright {
    color: #5556fe !important;
}

.header-panel_label.crop-two-line {
    max-height: 2.8rem;
}

.header-panel_label.-user-online {
    text-shadow: none;
    color: #5556fe !important;
    ;
}

.header-panel_label.-user-offline {
    text-shadow: none;
    color: #ffb913;
}

.header-panel_label.-label {
    color: rgba(0, 0, 0, 0.7);
}

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

.header-panel_label.-need-bolder {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.header-panel_label.-ls-no {
    letter-spacing: 0;
}

.header-panel_label.-hive-main {
    color: #ffb913;
}

.header-panel__no-title {
    margin-bottom: 1.3rem;
}

.header-panel__no-title_2 {
    margin-bottom: 2rem;
}

.header-panel_main {
    background-color: #ffffff;
    padding: 1rem 0;
    border-radius: 0.2rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.header-panel_main.-float {
    padding-left: 1rem;
    padding-right: 1rem;
}

.header-panel_main.-dispatcher .column {
    float: left;
    padding: 0 10px;
}

.header-panel_main.-dispatcher .column-1 {
    width: 8rem;
}

.header-panel_main.-dispatcher .column-2 {
    width: 32rem;
}

.header-panel_main.-dispatcher .column-3 {
    width: 34rem;
}

.header-panel_main.-dispatcher .column-4 {
    width: 19.91rem;
}

.header-panel-addon {
    background-color: #f8f9f3;
    padding: 1rem;
    border-radius: 0.2rem;
}

.header-panel-addon.-wide-pad {
    padding: 1rem 2rem;
}

.header-panel-addon.-dispatcher {
    padding-top: 1.5rem;
}

.header-panel-addon.-dispatcher .icon-switcher_svg {
    height: 2.5rem;
}

.header-panel-addon.-dispatcher .icon-switcher_bottom {
    text-align: center;
}

.header-panel-addon.-dispatcher .column {
    float: left;
}

.header-panel-addon.-dispatcher .column-1 {
    width: 19rem;
    padding-right: 1rem;
}

.header-panel-addon.-dispatcher .column-2 {
    width: 21rem;
}

.header-panel-addon.-dispatcher .column-3 {
    width: 16rem;
}

.header-panel-addon.-dispatcher .column-4 {
    width: 13rem;
}

.header-panel-addon.-dispatcher .column-5 {
    width: 33rem;
}

.header-panel-addon.-dispatcher .column-5.-right-indent {
    margin-right: 2.3rem;
}

.header-panel-addon.-dispatcher .header-panel_switcher {
    display: flex;
    align-items: center;
}

.header-panel-addon.-dispatcher .header-panel_switcher.-no-label {
    margin-top: 20px;
}

.header-panel-addon.-dispatcher .header-panel_switcher.-mb-xs {
    margin-bottom: 0.5rem;
}

.header-panel-addon.-dispatcher .header-panel_switcher.-mb {
    margin-bottom: 1rem;
}

.header-panel-addon.-dispatcher .header-panel_switcher.-height-sm {
    height: 3rem;
}

.main-panel_header {
    color: rgba(96, 108, 110, 0.7);
    background-color: #edefea;
    font-size: 0.9rem;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.8rem;
    border-radius: 2px;
}

.main-panel_header:before,
.main-panel_header:after {
    content: " ";
    display: table;
}

.main-panel_header:after {
    clear: both;
}

.main-panel_header:before,
.main-panel_header:after {
    content: " ";
    display: table;
}

.main-panel_header:after {
    clear: both;
}

.main-panel_header:before,
.main-panel_header:after {
    content: " ";
    display: table;
}

.main-panel_header:after {
    clear: both;
}

.main-panel_header:before,
.main-panel_header:after {
    content: " ";
    display: table;
}

.main-panel_header:after {
    clear: both;
}

.main-panel_header.-driver-payment {
    height: 3.8rem;
    display: flex;
    align-items: flex-end;
    background-color: transparent;
    box-shadow: none;
}

.main-panel_header.-dp-neck {
    height: 3rem;
    background-color: transparent;
    box-shadow: none;
}

.main-panel_header.-neck-bg {
    background-color: #dde2e0;
}

.main-panel_header.-with-scroll {
    padding-right: 2.5rem;
}

.main-panel_header.-neck {
    height: 3rem;
}

.main-panel_header.-right {
    background-color: transparent;
    font-size: 1.2rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
}

.main-panel_header.-left-indent {
    padding-left: 1rem;
}


/*.panel-item*/

.dashboard-panel_row {
    margin-bottom: 1.5rem;
}

.dashboard-panel_row.-o-three {
    margin-bottom: .3rem;
}

.dashboard-panel_row:last-child {
    margin-bottom: 0;
}

.panel-item {
    padding: 0.7rem;
    height: 4rem;
    border-radius: 2px;
    background-color: #f8f9f3;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    cursor: pointer;
}

.panel-item.-locked {
    background-color: #f7e3e1;
}

.panel-item.-locked:hover {
    background-color: #ffc2af;
}

.panel-item .icon-wrapper {
    width: 22px;
    height: 22px;
}

.panel-item:before,
.panel-item:after {
    content: " ";
    display: table;
}

.panel-item:after {
    clear: both;
}

.panel-item:before,
.panel-item:after {
    content: " ";
    display: table;
}

.panel-item:after {
    clear: both;
}

.panel-item:before,
.panel-item:after {
    content: " ";
    display: table;
}

.panel-item:after {
    clear: both;
}

.panel-item:before,
.panel-item:after {
    content: " ";
    display: table;
}

.panel-item:after {
    clear: both;
}

.panel-item.-narrow-height {
    height: 4rem;
}

.panel-item.-hless {
    height: 2rem;
}

.panel-item.-heightless {
    height: 3rem;
}

.panel-item.-light {
    background-color: #fff;
}

.panel-item.-left-indent {
    padding-left: 1rem;
}

.panel-item.-normal .status-text_inherit {
    color: #606c6e;
}

.panel-item.-normal .progressbar {
    background-color: #606c6e;
}

.panel-item.-alarm .status-text_inherit {
    color: #ffb913;
}

.panel-item.-alarm .status-icon_inherit {
    fill: #ffb913;
}

.panel-item.-alarm .progressbar {
    background-color: #ffb913;
}

.panel-item.-panic .status-text_inherit {
    color: #bd3021;
}

.panel-item.-panic .status-icon_inherit {
    fill: #bd3021;
}

.panel-item.-panic .progressbar {
    background-color: #bd3021;
}

.panel-item.-active,
.panel-item.-active:hover {
    background-color: #ceecf0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.panel-item:hover,
.panel-item.-hovered {
    background-color: #ebf4f5;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}

.panel-item:not(.-preorder) .time-create {
    color: #abb2b0;
}

.panel-item.-driver-payment {
    background-color: transparent;
    box-shadow: none;
}


/*right-panel*/

.popup .right-panel section:first-child:last-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.right-panel {
    border-radius: 0.4rem;
    background-color: #f8f9f3;
}

.right-panel.-no-bg {
    background-color: transparent;
}

.right-panel section {
    padding: 1rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.right-panel section.-modern-left {
    background-color: #f8f9f3;
}

.right-panel section.-modern-left.-cancellation {
    background-color: #f7e3e1;
}

.right-panel section.-modern-left.-sm-extension {
    padding: .7rem 1rem;
}

.right-panel section.-modern-right {
    padding: .5rem 1rem .3rem 1rem;
    border-radius: .4rem !important;
    background-color: #f8f9f3;
}

.right-panel section.-without-top-indent {
    padding: 0 1rem 1rem 1rem;
}

.right-panel section.-light {
    background-color: #ffffff;
}

.right-panel section.-without-header-bg {
    background-color: #fcfcfc;
}

.right-panel section.-alarm {
    background-color: #ffeab9;
}

.right-panel section.-alert {
    background-color: #bd3021;
}

.right-panel section:first-child {
    border-radius: 0.4rem 0.4rem 0 0 !important;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.right-panel section:last-child {
    border-radius: 0.2rem 0.2rem 0 0;
}

.right-panel section.-narrow {
    padding-top: 0.5rem;
}

.right-panel section.-wrap {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

.right-panel section.-wrap-no-bottom {
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.right-panel section.-shadow-inset {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.right-panel section.-shadow-no-white {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.right-panel section.-shadow-white {
    box-shadow: inset 0 1px 0 0 #fff;
}

.right-panel section.-indent-bottom {
    margin-bottom: 1rem;
}

.right-panel section.-p-one-two {
    padding: 1rem 2rem !important;
}

.right-panel section.-md-padding {
    padding: 2rem;
}

.right-panel section.-p-one-no {
    padding: 1rem 0 !important;
}

.right-panel section.-half-one {
    padding: .5rem;
}

.right-panel section.-half-two {
    padding: 0 .5rem;
}

.right-panel section.-half-two .cell {
    padding: .5rem;
}

.right-panel section.-half-two .cell.selected-cell {
    background-color: #edefea;
    box-shadow: inset -1px 0px 0 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}

.right-panel section.-geo {
    padding: 0 1rem;
    height: 4rem;
}

.right-panel section.-geo .inner-item {
    height: 4rem;
}

.right-panel section.-no-shadow {
    box-shadow: none;
}

.right-panel .section-row {
    margin-bottom: 1rem;
}

.right-panel header:first-child {
    border-radius: 0.2rem 0.2rem 0 0;
}

.right-panel footer {
    box-shadow: inset 0 1px 0 0 #fff;
    border-top: rgba(0, 0, 0, 0.07) solid 1px;
}

.right-panel.-min-rp {
    min-width: 34rem;
}

.right-panel.-form section {
    padding: 2rem;
}

.right-panel.-form section:last-of-type {
    box-shadow: inset 0 1px 0 0 #fff;
}

.right-panel.-form .s-label {
    margin-bottom: 1rem;
    display: block;
}

.drivers-history-panel {
    max-height: calc(100vh - 30rem);
}

.panel-scroll-wrapper {
    max-height: calc(100vh - 21rem);
    position: relative;
    padding-right: 0;
}

.setting-panel {
    max-height: calc(100vh - 17.5rem);
}

.notifications-panel {
    max-height: calc(100vh - 18rem);
}


/*.tabs*/

.tabs.-popup-tabs {
    background-color: #fcfcfc;
}

.tabs.-details-tabs {
    background-color: #fff;
}

.tabs.-add-pseudo-line:after {
    content: '';
    display: block;
    flex-grow: 1;
    box-shadow: inset 0 -1px 0 0 #ffffff, inset 0 -2px 0 0 #ebece6;
}

.tabs.-add-pseudo-line:after.-rel {
    position: relative;
}

.tabs.-add-pseudo-line:after.-right {
    margin-left: 1rem;
}

.tabs.-add-pseudo-line:after.-right-lg {
    margin-left: 2rem;
}

.tabs.-add-pseudo-line:after.-right-xs {
    margin-left: .5rem;
}

.tabs.-add-pseudo-line:after.-left {
    margin-right: 1rem;
}

.tabs.-add-pseudo-line:after.-left-lg {
    margin-right: 2rem;
}

.tabs.-add-pseudo-line:after.-mt-xs {
    margin-top: 0.5rem;
}

.tabs.-mb {
    margin-bottom: 2rem;
}

.tabs-item {
    color: rgba(0, 0, 0, 0.7);
    flex-basis: 50%;
    padding: 0.9rem 1rem 0.7rem 1rem;
    position: relative;
    background-color: #edefea;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 0 #ffffff, inset 0 -2px 0 0 #ebece6, inset 0 -1px 0 0 #ffffff;
}

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

.tabs-item.-disabled {
    color: #adaeaa;
}

.tabs-item.-active {
    background-color: #f8f9f3;
    box-shadow: none;
}

.tabs-item.-active:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    height: 3px;
    background-color: #5556fe !important;
    border-radius: 1px 1px 0 0;
}

.tabs-item.-active .tabs-item_keytip {
    display: none;
}

.tabs-item.-sm-fixed {
    flex-basis: 15rem;
    text-align: center;
}

.tabs-item.-md-fixed {
    flex-basis: 33rem;
    text-align: center;
}

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

.tabs-item_keytip {
    font-size: 1rem;
    color: #a0d2dd;
    margin-left: 1rem;
}

.tabs-content {
    outline: none;
}

.tabs-content.-driver-section {
    height: calc(100% - 6rem);
}

.tabs-content.-order-history {
    max-height: 46rem;
}

.tabs-content section:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.tabs-content section.-brute-force-shadow {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07) !important;
}

.tabs-content section.-brute-force-both-shadow {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.07), inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.tabs-content section.-brute-force-both-shadow:first-child {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.07);
}


/*PANELS LAYOUT*/

.idle-wrapper.-with-addon .main-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 28rem);
}

.idle-wrapper.-with-addon .right-panel .tabs-content {
    max-height: calc(100vh - 34rem);
}

.idle-wrapper.-with-addon .main-panel,
.idle-wrapper.-with-addon .archive-panel {
    height: calc(100vh - 26rem);
}

.idle-wrapper.-only-addon .right-panel .tabs-content {
    max-height: calc(100vh - 27rem);
}

.idle-wrapper .main-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 20rem);
}

.idle-wrapper .right-panel .tabs-content {
    max-height: calc(100vh - 26rem);
}

.idle-wrapper .main-panel,
.idle-wrapper .archive-panel {
    height: calc(100vh - 20rem);
}


/*main panel*/

.main-panel {
    width: 100%;
}

.main-panel .column-0,
.main-panel .column-1,
.main-panel .column-2,
.main-panel .column-3,
.main-panel .column-4,
.main-panel .column-4-expand,
.main-panel .column-5 {
    float: left;
}


/*orders-panel*/

.-orders {
    /*.column-5 {
    width: calc(~"72% - 33rem");
    // padding-right: 0.5rem ;
  }

  .column-45 {
    width: 30%;
  }

  .column-6 {
    width: 28%;
    text-align: right;
    padding-right: 1rem;
  }*/
}

.-orders .column-0 {
    width: 3rem;
    min-width: 3rem;
}

.-orders .column-1 {
    width: 7rem;
    min-width: 7rem;
}

.-orders .column-2 {
    width: 8.2rem;
    margin-right: 2rem;
}

.-orders .column-3 {
    width: calc(48% - 11.5rem);
    min-width: calc(48% - 11.5rem);
    margin-right: 2rem;
}

.-orders .column-4 {
    width: 4rem;
}

.-orders .column-4-expand {
    min-width: 3rem;
}

.-orders .column-5 {
    width: calc(52% - 17.5rem);
    text-align: right;
}

@media (max-width: 1441px) {
    .-orders .column-5 {
        justify-content: space-between;
    }
    .-orders .hide-driver-info {
        display: none;
    }
}


/*archive-panel*/

.archive-panel .column-1-alpha,
.archive-panel .column-2-alpha,
.archive-panel .column-1,
.archive-panel .column-2,
.archive-panel .column-3 {
    float: left;
}

.archive-panel .column-1-alpha {
    width: 2rem;
    margin-right: 1rem;
}

.archive-panel .column-2-alpha {
    width: 3rem;
    margin-right: 1rem;
}

.archive-panel .column-1 {
    width: 7rem;
    margin-right: 1rem;
    text-align: center;
}

.archive-panel .column-2 {
    width: calc(50% - 9.5rem);
}

.archive-panel .column-3 {
    width: calc(50% - 9.5rem);
}

.archive-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 16.9rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}

@media screen and (max-width: 1440px) {
    .archive-width {
        width: 49%;
        margin-left: 1rem;
    }
}

@media screen and (max-width: 1400px) {
    .archive-width {
        width: 60%;
        margin-left: calc(3% + 3rem);
    }
}

@media screen and (max-width: 1180px) {
    .archive-width {
        width: 48%;
        margin-left: calc(6% + 7rem);
    }
}


/*tariffs-panel*/

.tariffs-panel {
    width: 100%;
}

.tariffs-panel .main-panel_header {
    padding-left: 0;
    padding-right: 1.5rem;
}

.tariffs-panel .main-panel_header_inner {
    padding: 0 0.7rem;
}

.tariffs-panel .column-1,
.tariffs-panel .column-2,
.tariffs-panel .column-3,
.tariffs-panel .column-4,
.tariffs-panel .column-5,
.tariffs-panel .column-6,
.tariffs-panel .column-7,
.tariffs-panel .column-8 {
    float: left;
}

.tariffs-panel .column-1 {
    width: 2.6rem;
}

.tariffs-panel .column-2 {
    width: calc(40% - 20rem);
}

.tariffs-panel .column-3 {
    width: calc(60% - 39rem);
}

.tariffs-panel .column-4 {
    width: 13rem;
}

.tariffs-panel .column-5 {
    width: 13rem;
}

.tariffs-panel .column-6 {
    width: 14rem;
    margin-right: 2rem;
}

.tariffs-panel .column-7 {
    width: 9rem;
}

.tariffs-panel .column-8 {
    width: 5rem;
    text-align: right;
}


/*counteragent-panel*/

.counteragent-panel {
    width: 100%;
}

.counteragent-panel .column-1,
.counteragent-panel .column-2 {
    float: left;
}

.counteragent-panel .column-1 {
    width: 80%;
    text-align: left;
}

.counteragent-panel .column-2 {
    width: 20%;
}

.counteragent-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 21rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}


/*organization-panel*/

.organization-panel {
    width: 100%;
}

.organization-panel .column-1,
.organization-panel .column-2,
.organization-panel .column-3,
.organization-panel .column-4,
.organization-panel .column-5 {
    float: left;
}

.organization-panel .column-1 {
    width: calc(40% - 11rem);
    padding-right: 0.5rem;
    text-align: left;
}

.organization-panel .column-2 {
    width: 11rem;
}

.organization-panel .column-3 {
    width: 20%;
    padding-right: 0.5rem;
}

.organization-panel .column-4 {
    width: 20%;
}

.organization-panel .column-5 {
    width: 20%;
}

.organization-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 21rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}


/*workers-panel*/

.workers-panel {
    width: 100%;
}

.workers-panel .column-1,
.workers-panel .column-2,
.workers-panel .column-3,
.workers-panel .column-4 {
    float: left;
}

.workers-panel .column-1 {
    width: calc(35% - 0.5rem);
    padding-right: 0.5rem;
}

.workers-panel .column-2 {
    width: calc(40% - 0.5rem);
    padding-right: 0.5rem;
}

.workers-panel .column-3 {
    width: 22%;
}

.workers-panel .column-4 {
    width: 13%;
    text-align: right;
}

.workers-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 21rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}


/*cars panel*/

.cars-panel {
    width: 100%;
}

.cars-panel .column-1,
.cars-panel .column-2,
.cars-panel .column-3,
.cars-panel .column-4 {
    float: left;
}

.cars-panel .column-1 {
    width: 25%;
}

.cars-panel .column-2 {
    width: 20%;
}

.cars-panel .column-3 {
    width: 24%;
}

.cars-panel .column-4 {
    width: 31%;
}

.cars-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 21rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}


/*drivers panel*/

.drivers-panel {
    width: 100%;
}

.drivers-panel .column-1,
.drivers-panel .column-2,
.drivers-panel .column-3,
.drivers-panel .column-4,
.drivers-panel .column-5 {
    float: left;
}

.drivers-panel .column-1 {
    width: 2.5rem;
    min-height: 1rem;
}

.drivers-panel .column-2 {
    width: 8.5rem;
}

.drivers-panel .column-3 {
    width: calc(40% - 11.5rem);
}

.drivers-panel .column-4 {
    width: 15.5%;
}

.drivers-panel .column-5 {
    width: 15.5%;
}

.drivers-panel .column-6 {
    width: 20%;
    text-align: right;
}

.drivers-panel .main-panel_header {
    padding-right: 0;
    padding-left: 0;
}

.drivers-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 24rem);
    position: relative;
    padding-right: 0;
}


/*payment panel*/

.payment-panel {
    width: 100%;
}

.payment-panel .column-1,
.payment-panel .column-2,
.payment-panel .column-3 {
    float: left;
}

.payment-panel .column-1 {
    width: 7rem;
    padding-right: 1rem;
}

.payment-panel .column-2 {
    width: calc(100% - 29rem);
}

.payment-panel .column-3 {
    width: 20.5rem;
    padding-left: 1rem;
    text-align: right;
}

.payment-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 21rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}

.without-coord-report-panel {
    width: 100%;
    max-height: calc(100vh - 24rem);
}

.without-coord-report-panel .col-1 {
    width: 12rem;
}

.without-coord-report-panel .col-2 {
    width: calc(30% - 20rem);
}

.without-coord-report-panel .col-3 {
    width: 12rem;
}

.without-coord-report-panel .col-4 {
    width: calc(70% - 4rem);
}

.drivers-payment-panel {
    width: 200rem;
    max-height: calc(100vh - 31rem);
}

.drivers-payment-panel .dashboard-panel_row {
    width: 200rem;
}

.drivers-payment-panel .section.-active {
    height: 4rem;
}

.drivers-payment-panel .section.-active .-item {
    height: 4rem;
    background-color: #ceecf0;
}

.drivers-payment-panel .section.-active .-item .opacity {
    opacity: 1;
}

.drivers-payment-panel .section.-active .-item.dark,
.drivers-payment-panel .section.-active .-item .col-8 {
    height: 4rem;
    background-color: #ceecf0;
}

.drivers-payment-panel .section .-item {
    background-color: #f8f9f3;
}

.drivers-payment-panel .section .-item .opacity {
    opacity: 0;
}

.drivers-payment-panel .section .-item.dark {
    background-color: #edefea;
}

.drivers-payment-panel .section:hover .-item {
    background-color: #ebf4f5;
}

.drivers-payment-panel .section:hover .-item.dark,
.drivers-payment-panel .section:hover .-item .col-8 {
    background-color: #ebf4f5;
}

.drivers-payment-panel .column-1,
.drivers-payment-panel .column-2,
.drivers-payment-panel .column-3 {
    float: left;
}

.drivers-payment-panel .column-1.-rounding,
.drivers-payment-panel .column-2.-rounding,
.drivers-payment-panel .column-3.-rounding,
.drivers-payment-panel .column-1.-n-round,
.drivers-payment-panel .column-2.-n-round,
.drivers-payment-panel .column-3.-n-round,
.drivers-payment-panel .column-1.-item,
.drivers-payment-panel .column-2.-item,
.drivers-payment-panel .column-3.-item {
    height: 100%;
    padding: 0 .8rem;
    display: flex;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.drivers-payment-panel .column-1.-n-round,
.drivers-payment-panel .column-2.-n-round,
.drivers-payment-panel .column-3.-n-round {
    height: 3rem;
    align-items: center;
}

.drivers-payment-panel .column-1.-item,
.drivers-payment-panel .column-2.-item,
.drivers-payment-panel .column-3.-item {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 2px 0 0 rgba(255, 255, 255, 0.5);
}

.drivers-payment-panel .column-1 {
    width: 37.2rem;
}

.drivers-payment-panel .column-1.-rounding {
    background-color: #f8f9f3;
    align-items: flex-end;
}

.drivers-payment-panel .column-1.-n-round {
    background-color: #eff0f0;
}

.drivers-payment-panel .column-1.-item {
    width: 37.2rem;
    background-color: #f8f9f3;
}

.drivers-payment-panel .column-2 {
    width: 82.3rem;
}

.drivers-payment-panel .column-2.-rounding {
    background-color: #edefea;
    justify-content: center;
}

.drivers-payment-panel .column-2.-n-round {
    background-color: #e4e6e6;
}

.drivers-payment-panel .column-2.-item {
    width: 82.3rem;
    background-color: #edefea;
}

.drivers-payment-panel .column-3 {
    width: 81.5rem;
}

.drivers-payment-panel .column-3.-rounding {
    justify-content: center;
    background-color: #f8f9f3;
}

.drivers-payment-panel .column-3.-n-round {
    background-color: #eff0f0;
}

.drivers-payment-panel .column-3.-item {
    width: 81.5rem;
    background-color: #f8f9f3;
}

.drivers-payment-panel .column-3.-item .col-8 {
    height: 100%;
    padding: 0 .8rem;
    display: flex;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
    align-items: center;
}

.drivers-payment-panel .col-1,
.drivers-payment-panel .col-2,
.drivers-payment-panel .col-3,
.drivers-payment-panel .col-4,
.drivers-payment-panel .col-5,
.drivers-payment-panel .col-6,
.drivers-payment-panel .col-7,
.drivers-payment-panel .col-18 {
    float: left;
    min-width: 9.6rem;
}

.drivers-payment-panel .col-8 {
    min-width: 9.4rem;
}

.drivers-payment-panel .neck .col-1,
.drivers-payment-panel .neck .col-2,
.drivers-payment-panel .neck .col-3,
.drivers-payment-panel .neck .col-4,
.drivers-payment-panel .neck .col-5,
.drivers-payment-panel .neck .col-6,
.drivers-payment-panel .neck .col-7,
.drivers-payment-panel .neck .col-18 {
    font-size: 1.8rem;
}

.drivers-payment-panel .neck .col-8 {
    font-size: 2rem;
}

.drivers-payment-panel .neck .col-8.-negative {
    color: #bd3021;
}

.drivers-payment-panel .neck .col-8.-positive {
    color: #5556fe !important;
    ;
}

.drivers-payment-panel .head-col-1 {
    width: 5rem;
}

.drivers-payment-panel .head-col-2 {
    width: 6rem;
    margin-right: 1rem;
}

.drivers-payment-panel .head-col-3 {
    width: 25rem;
}

.col-into-column {
    display: flex;
    align-items: center;
}

.orders-distribution-system-report {
    width: 180rem;
}

.orders-distribution-system-report .col-1,
.orders-distribution-system-report .col-2,
.orders-distribution-system-report .col-3,
.orders-distribution-system-report .col-4,
.orders-distribution-system-report .col-5,
.orders-distribution-system-report .col-6,
.orders-distribution-system-report .col-7,
.orders-distribution-system-report .col-8,
.orders-distribution-system-report .col-9,
.orders-distribution-system-report .col-10,
.orders-distribution-system-report .col-11,
.orders-distribution-system-report .col-12 {
    float: left;
    width: 13rem;
    margin: 0 1rem;
}

.orders-distribution-system-report .col-1 {
    margin: 0 1rem 0 .25rem;
}

.header-panel_counteragent-order-registry {
    min-width: 110rem;
    max-width: 184rem;
}

.header-panel_counteragent-order-registry .column-1,
.header-panel_counteragent-order-registry .column-2,
.header-panel_counteragent-order-registry .column-3,
.header-panel_counteragent-order-registry .column-1-gamma,
.header-panel_counteragent-order-registry .column-2-gamma,
.header-panel_counteragent-order-registry .column-3-gamma {
    float: left;
}

.header-panel_counteragent-order-registry .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_counteragent-order-registry .column-2 {
    width: 25rem;
    margin-right: 2rem;
    position: relative;
}

.header-panel_counteragent-order-registry .column-3 {
    width: 25rem;
    position: relative;
}

.header-panel_counteragent-order-registry .column-1-gamma {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_counteragent-order-registry .column-2-gamma {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_counteragent-order-registry .column-3-gamma {
    width: 25rem;
}

.counteragent-order-registry-report-view {
    width: 100%;
    max-height: calc(100vh - 24rem);
}

.counteragent-order-registry-report-view .column-0,
.counteragent-order-registry-report-view .column-1,
.counteragent-order-registry-report-view .column-2,
.counteragent-order-registry-report-view .column-3,
.counteragent-order-registry-report-view .column-4,
.counteragent-order-registry-report-view .column-5,
.counteragent-order-registry-report-view .column-6,
.counteragent-order-registry-report-view .column-7,
.counteragent-order-registry-report-view .column-8,
.counteragent-order-registry-report-view .column-9,
.counteragent-order-registry-report-view .column-10,
.counteragent-order-registry-report-view .column-11,
.counteragent-order-registry-report-view .column-12,
.counteragent-order-registry-report-view .column-13,
.counteragent-order-registry-report-view .column-14,
.counteragent-order-registry-report-view .column-15,
.counteragent-order-registry-report-view .column-16,
.counteragent-order-registry-report-view .column-17,
.counteragent-order-registry-report-view .column-18,
.counteragent-order-registry-report-view .column-19,
.counteragent-order-registry-report-view .column-20,
.counteragent-order-registry-report-view .column-21,
.counteragent-order-registry-report-view .column-22,
.counteragent-order-registry-report-view .column-23,
.counteragent-order-registry-report-view .column-24,
.counteragent-order-registry-report-view .column-25,
.counteragent-order-registry-report-view .column-26,
.counteragent-order-registry-report-view .column-27,
.counteragent-order-registry-report-view .column-28,
.counteragent-order-registry-report-view .column-29,
.counteragent-order-registry-report-view .column-30 {
    float: left;
    padding: 0 .5rem;
}

.counteragent-order-registry-report-view .column-0 {
    min-width: 4rem;
}

.counteragent-order-registry-report-view .column-1 {
    min-width: 4rem;
}

.counteragent-order-registry-report-view .column-2 {
    min-width: 15rem;
    width: 15rem;
    white-space: pre-wrap;
}

.counteragent-order-registry-report-view .column-3 {
    min-width: 15rem;
}

.counteragent-order-registry-report-view .column-4 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-5 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-6 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-7 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-8 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-9 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-10 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-11 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-12 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-13 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-14 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-15 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-16 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-17 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-18 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-19 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-20 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-21 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-22 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-23 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-24 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-25 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-26 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-27 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-28 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-29 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .column-30 {
    min-width: 12rem;
    width: 12rem;
}

.counteragent-order-registry-report-view .main-panel_header {
    height: 3rem;
    line-height: 1.1rem;
}

.counteragent-order-registry-report-view .main-panel_header.-dp-total {
    height: 3rem;
    background-color: #5f6c6d;
    box-shadow: none;
    color: #f8f9f3;
    text-shadow: none;
    font-size: 1.6rem;
    text-transform: none !important;
}

.counteragent-order-registry-report-view .main-panel_header.-dp-neck {
    height: 3rem;
    background-color: #c4cac9;
    box-shadow: none;
    color: #606c6e;
    font-size: 1.6rem;
    text-transform: none !important;
}

.counteragent-order-registry-view-panel {
    width: 100%;
}

.counteragent-order-registry-view-panel .head-panel {
    height: 3rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
}

.counteragent-order-registry-view-panel .body-panel {
    padding: .8rem 0 1rem .5rem;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #f8f9f3;
    position: relative;
}

.counteragent-order-registry-view-panel .section:hover {
    background-color: #ebf4f5;
}

.counteragent-order-registry-view-panel .section.-active {
    background-color: #ceecf0;
}

.order-bank-payment-report-view {
    width: 100%;
    max-height: calc(100vh - 24rem);
}

.order-bank-payment-report-view .column-1,
.order-bank-payment-report-view .column-2,
.order-bank-payment-report-view .column-3,
.order-bank-payment-report-view .column-4,
.order-bank-payment-report-view .column-5,
.order-bank-payment-report-view .column-6,
.order-bank-payment-report-view .column-7,
.order-bank-payment-report-view .column-8,
.order-bank-payment-report-view .column-9 {
    float: left;
    padding: 0 .5rem;
    min-width: 12rem;
    width: 12rem;
}

.order-bank-payment-report-view .column-3 {
    min-width: 48rem;
    width: 48rem;
    white-space: pre-wrap;
}

.order-bank-payment-report-view .column-8 {
    min-width: 24rem;
    width: 24rem;
}

.order-bank-payment-report-view .main-panel_header {
    height: 3rem;
    line-height: 1.1rem;
}

.order-bank-payment-report-view .main-panel_header.-dp-total {
    height: 3rem;
    background-color: #5f6c6d;
    box-shadow: none;
    color: #f8f9f3;
    text-shadow: none;
    font-size: 1.6rem;
    text-transform: none !important;
}

.order-bank-payment-report-view .main-panel_header.-dp-neck {
    height: 3rem;
    background-color: #c4cac9;
    box-shadow: none;
    color: #606c6e;
    font-size: 1.6rem;
    text-transform: none !important;
}

.order-bank-payment-report-space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-around;
    height: 73.9%;
}

.order-bank-payment-report-space-between .heightRows {
    height: 85.5%;
}

@media (max-width: 1441px),
(max-height: 901px) {
    .order-bank-payment-report-space-between {
        height: 70.9%;
    }
    .order-bank-payment-report-space-between .heightRows {
        height: 84%;
    }
}

.order-bank-payment-report-interspace {
    width: 100%;
    min-height: 3.1rem;
    background-color: #606c6e;
    margin-bottom: 1rem;
    padding: 0 .5rem;
}

.order-bank-payment-report-interspace .titles {
    font-size: 1.6rem;
    font-weight: 700;
    color: #c1d6e1;
}

.order-bank-payment-report-interspace .costs {
    font-size: 2.2rem;
    font-weight: 700;
    color: #fff;
}

.order-bank-payment-report-interspace .costs.-under-zero {
    color: #ffdc56;
}

.order-bank-payment-report-view-panel {
    width: 100%;
}

.order-bank-payment-report-view-panel .head-panel {
    height: 3rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
}

.order-bank-payment-report-view-panel .body-panel {
    padding: .8rem 0 1rem .5rem;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #f8f9f3;
    position: relative;
}

.order-bank-payment-report-view-panel .section:hover {
    background-color: #ebf4f5;
}

.order-bank-payment-report-view-panel .section.-active {
    background-color: #ceecf0;
}

.drivers-orders-report-view {
    width: 100%;
    max-height: calc(100vh - 24rem);
}

.drivers-orders-report-view .column-zero-1,
.drivers-orders-report-view .column-zero-2,
.drivers-orders-report-view .column-zero-3,
.drivers-orders-report-view .column-1,
.drivers-orders-report-view .column-2,
.drivers-orders-report-view .column-3,
.drivers-orders-report-view .column-4,
.drivers-orders-report-view .column-5,
.drivers-orders-report-view .column-6,
.drivers-orders-report-view .column-7,
.drivers-orders-report-view .column-8,
.drivers-orders-report-view .column-9,
.drivers-orders-report-view .column-10,
.drivers-orders-report-view .column-11,
.drivers-orders-report-view .column-12,
.drivers-orders-report-view .column-13,
.drivers-orders-report-view .column-14,
.drivers-orders-report-view .column-15,
.drivers-orders-report-view .column-16,
.drivers-orders-report-view .column-17 {
    float: left;
    padding: 0 .5rem;
}

.drivers-orders-report-view .column-zero-1 {
    width: 3rem;
}

.drivers-orders-report-view .column-zero-2 {
    width: 3rem;
}

.drivers-orders-report-view .column-zero-3 {
    width: 3rem;
}

.drivers-orders-report-view .column-1 {
    width: 6rem;
}

.drivers-orders-report-view .column-2 {
    width: 11rem;
}

.drivers-orders-report-view .column-3 {
    width: 11rem;
}

.drivers-orders-report-view .column-4 {
    width: 16rem;
}

.drivers-orders-report-view .column-5 {
    width: 14rem;
}

.drivers-orders-report-view .column-6 {
    width: 7rem;
}

.drivers-orders-report-view .column-7 {
    width: 9rem;
    text-align: right;
}

.drivers-orders-report-view .column-8 {
    width: 8rem;
    text-align: right;
}

.drivers-orders-report-view .column-9 {
    width: 8rem;
    text-align: right;
    margin-right: 1rem;
}

.drivers-orders-report-view .column-10 {
    width: 16rem;
}

.drivers-orders-report-view .column-11 {
    width: 14rem;
}

.drivers-orders-report-view .column-12 {
    width: 6rem;
    text-align: right;
}

.drivers-orders-report-view .column-13 {
    width: 6rem;
    text-align: right;
}

.drivers-orders-report-view .column-14 {
    width: 9rem;
    text-align: right;
}

.drivers-orders-report-view .column-15 {
    width: 9rem;
    text-align: right;
    margin-right: 1rem;
}

.drivers-orders-report-view .column-16 {
    width: 4rem;
}

.drivers-orders-report-view .column-17 {
    width: 16rem;
}

.drivers-orders-report-view .column-18 {
    width: 8rem;
}

.drivers-orders-report-view .column-19 {
    width: 10rem;
}

.drivers-orders-report-view .column-20 {
    width: 15rem;
}

.drivers-orders-report-view .main-panel_header {
    height: 3rem;
    line-height: 1rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total {
    height: 3rem;
    background-color: #5f6c6d;
    box-shadow: none;
    color: #f8f9f3;
    text-shadow: none;
    font-size: 1.6rem;
    text-transform: none !important;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-zero-1 {
    width: 4rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-zero-2 {
    width: 4rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-zero-3 {
    width: 4rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-1 {
    width: 19rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-2 {
    width: 63rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-3 {
    width: 9rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-4 {
    width: 8rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-5 {
    width: 8rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-6 {
    width: 46.5rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-7 {
    width: 9rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-8 {
    width: 9rem;
}

.drivers-orders-report-view .main-panel_header.-dp-total .column-9 {
    width: 22rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck {
    height: 3rem;
    background-color: #c4cac9;
    box-shadow: none;
    color: #606c6e;
    font-size: 1.6rem;
    text-transform: none !important;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-zero-1 {
    width: 4rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-zero-2 {
    width: 4rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-zero-3 {
    width: 4rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-1 {
    width: 19rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-2 {
    width: 63rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-3 {
    width: 9rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-4 {
    width: 8rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-5 {
    width: 8rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-6 {
    width: 46.5rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-7 {
    width: 9rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-8 {
    width: 9rem;
}

.drivers-orders-report-view .main-panel_header.-dp-neck .column-9 {
    width: 21rem;
}

.drivers-orders-report-view .drivers-orders-panel.section {
    padding: .8rem 0 .8rem .5rem;
}

.autoassign-payment-panel {
    width: 100%;
    max-height: calc(100vh - 24rem);
}

.autoassign-payment-panel .column-1,
.autoassign-payment-panel .column-2,
.autoassign-payment-panel .column-3,
.autoassign-payment-panel .column-4,
.autoassign-payment-panel .column-5,
.autoassign-payment-panel .column-6,
.autoassign-payment-panel .column-7,
.autoassign-payment-panel .column-8,
.autoassign-payment-panel .column-9 {
    float: left;
}

.autoassign-payment-panel .column-1 {
    width: 6rem;
}

.autoassign-payment-panel .column-2 {
    width: 8rem;
}

.autoassign-payment-panel .column-3 {
    width: calc(24% - 2rem);
}

.autoassign-payment-panel .column-4 {
    width: calc(10% - 2rem);
}

.autoassign-payment-panel .column-5 {
    width: calc(15% - 2rem);
}

.autoassign-payment-panel .column-6 {
    width: calc(15% - 2rem);
}

.autoassign-payment-panel .column-7 {
    width: calc(12% - 2rem);
}

.autoassign-payment-panel .column-8 {
    width: calc(12% - 2rem);
}

.autoassign-payment-panel .column-9 {
    width: calc(12% - 2rem);
}

.popup_body.-without-header .drivers-payment-panel .panel-item {
    padding: 0.7rem;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
}

.header-panel_drivers-payment {
    min-width: 110rem;
    max-width: 184rem;
}

.header-panel_drivers-payment .column-1,
.header-panel_drivers-payment .column-2,
.header-panel_drivers-payment .column-3 {
    float: left;
}

.header-panel_drivers-payment .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_drivers-payment .column-2 {
    width: 25rem;
    margin-right: 2rem;
    position: relative;
}

.header-panel_drivers-payment .column-3 {
    width: 25rem;
    position: relative;
}

.without-coord-report-panel .without-coord-panel_header {
    height: 3rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
    font-size: 0.9rem;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    line-height: 2rem;
}

.without-coord-report-panel .panel-item {
    height: auto;
    padding: .5rem .8rem;
    display: flex;
    align-items: inherit;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #f8f9f3;
    position: relative;
}

.without-coord-report-panel .section:hover {
    background-color: #ebf4f5;
}

.without-coord-report-panel .section.-active {
    background-color: #ceecf0;
}

.without-coord-report-panel .column-1,
.without-coord-report-panel .column-2,
.without-coord-report-panel .column-3 {
    float: left;
}

.without-coord-report-panel .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.without-coord-report-panel .column-2 {
    width: 25rem;
    margin-right: 2rem;
    position: relative;
}

.without-coord-report-panel .column-3 {
    width: 25rem;
    position: relative;
}

.header-panel_drivers-orders .column-1,
.header-panel_drivers-orders .column-2,
.header-panel_drivers-orders .column-3 {
    float: left;
}

.header-panel_drivers-orders .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders .column-2 {
    width: 25rem;
    margin-right: 2rem;
    position: relative;
}

.header-panel_drivers-orders .column-2.-extension {
    width: 36rem;
}

.header-panel_drivers-orders .column-2 input::-webkit-input-placeholder {
    font-size: 14px;
}

.header-panel_drivers-orders .column-3 {
    width: 25rem;
    position: relative;
}

.header-panel_drivers-orders .col-1-stat,
.header-panel_drivers-orders .col-2-stat,
.header-panel_drivers-orders .col-3-stat {
    float: left;
    width: 33.3333%;
}

.drivers-orders-view-panel {
    width: 100%;
}

.drivers-orders-view-panel .head-panel {
    height: 3rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
}

.drivers-orders-view-panel .body-panel {
    padding: .8rem 0 .6rem .5rem;
    display: flex;
    align-items: inherit;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #f8f9f3;
    position: relative;
}

.drivers-orders-view-panel .section:hover {
    background-color: #ebf4f5;
}

.drivers-orders-view-panel .section.-active {
    background-color: #ceecf0;
}

.drivers-orders-panel {
    width: 100%;
    /*.col-2, .col-3, .col-4, .col-5,
  .col-6, .col-7, .col-8,
  .col-9, .col-10, .col-11  {
    padding-left: .5rem;
  }*/
}

.drivers-orders-panel.-modal-ver {
    max-height: calc(100vh - 25rem);
}

.drivers-orders-panel .head-panel {
    height: 3rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
}

.drivers-orders-panel .body-panel {
    padding: 0 .8rem;
    display: flex;
    align-items: inherit;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #f8f9f3;
    position: relative;
}

.drivers-orders-panel .body-panel .col-3 {
    background-color: #f9ffee;
}

.drivers-orders-panel .body-panel .col-4 {
    background-color: #eff8de;
}

.drivers-orders-panel .body-panel .col-5 {
    background-color: #e8f4d2;
}

.drivers-orders-panel .body-panel .col-6 {
    background-color: #dfeec4;
}

.drivers-orders-panel .body-panel .col-7 {
    background-color: #d7e8b6;
}

.drivers-orders-panel .body-panel .col-3,
.drivers-orders-panel .body-panel .col-4,
.drivers-orders-panel .body-panel .col-5,
.drivers-orders-panel .body-panel .col-6,
.drivers-orders-panel .body-panel .col-7 {
    color: #94b74f;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
}

.drivers-orders-panel .detail-btn {
    position: absolute;
    top: 4px;
    right: 6px;
}

.drivers-orders-panel .section.-active,
.drivers-orders-panel .section:hover.-active {
    background-color: #ceecf0;
}

.drivers-orders-panel .section.-active .-item,
.drivers-orders-panel .section:hover.-active .-item,
.drivers-orders-panel .section.-active .col-3,
.drivers-orders-panel .section:hover.-active .col-3,
.drivers-orders-panel .section.-active .col-4,
.drivers-orders-panel .section:hover.-active .col-4,
.drivers-orders-panel .section.-active .col-5,
.drivers-orders-panel .section:hover.-active .col-5,
.drivers-orders-panel .section.-active .col-6,
.drivers-orders-panel .section:hover.-active .col-6,
.drivers-orders-panel .section.-active .col-7,
.drivers-orders-panel .section:hover.-active .col-7 {
    background-color: #ceecf0;
}

.drivers-orders-panel .section.-active .-item .opacity,
.drivers-orders-panel .section:hover.-active .-item .opacity,
.drivers-orders-panel .section.-active .col-3 .opacity,
.drivers-orders-panel .section:hover.-active .col-3 .opacity,
.drivers-orders-panel .section.-active .col-4 .opacity,
.drivers-orders-panel .section:hover.-active .col-4 .opacity,
.drivers-orders-panel .section.-active .col-5 .opacity,
.drivers-orders-panel .section:hover.-active .col-5 .opacity,
.drivers-orders-panel .section.-active .col-6 .opacity,
.drivers-orders-panel .section:hover.-active .col-6 .opacity,
.drivers-orders-panel .section.-active .col-7 .opacity,
.drivers-orders-panel .section:hover.-active .col-7 .opacity {
    opacity: 1;
}

.drivers-orders-panel .section.-active .-item.dark,
.drivers-orders-panel .section:hover.-active .-item.dark,
.drivers-orders-panel .section.-active .col-3.dark,
.drivers-orders-panel .section:hover.-active .col-3.dark,
.drivers-orders-panel .section.-active .col-4.dark,
.drivers-orders-panel .section:hover.-active .col-4.dark,
.drivers-orders-panel .section.-active .col-5.dark,
.drivers-orders-panel .section:hover.-active .col-5.dark,
.drivers-orders-panel .section.-active .col-6.dark,
.drivers-orders-panel .section:hover.-active .col-6.dark,
.drivers-orders-panel .section.-active .col-7.dark,
.drivers-orders-panel .section:hover.-active .col-7.dark,
.drivers-orders-panel .section.-active .-item .col-8,
.drivers-orders-panel .section:hover.-active .-item .col-8,
.drivers-orders-panel .section.-active .col-3 .col-8,
.drivers-orders-panel .section:hover.-active .col-3 .col-8,
.drivers-orders-panel .section.-active .col-4 .col-8,
.drivers-orders-panel .section:hover.-active .col-4 .col-8,
.drivers-orders-panel .section.-active .col-5 .col-8,
.drivers-orders-panel .section:hover.-active .col-5 .col-8,
.drivers-orders-panel .section.-active .col-6 .col-8,
.drivers-orders-panel .section:hover.-active .col-6 .col-8,
.drivers-orders-panel .section.-active .col-7 .col-8,
.drivers-orders-panel .section:hover.-active .col-7 .col-8 {
    background-color: #ceecf0;
}

.drivers-orders-panel .section .-item {
    background-color: #f8f9f3;
}

.drivers-orders-panel .section .-item .opacity {
    opacity: 0;
}

.drivers-orders-panel .section .-item.dark {
    background-color: #edefea;
}

.drivers-orders-panel .section:hover {
    background-color: #ebf4f5;
}

.drivers-orders-panel .section:hover .-item,
.drivers-orders-panel .section:hover .col-3,
.drivers-orders-panel .section:hover .col-4,
.drivers-orders-panel .section:hover .col-5,
.drivers-orders-panel .section:hover .col-6,
.drivers-orders-panel .section:hover .col-7 {
    background-color: #ebf4f5;
}

.drivers-orders-panel .section:hover .-item.dark,
.drivers-orders-panel .section:hover .col-3.dark,
.drivers-orders-panel .section:hover .col-4.dark,
.drivers-orders-panel .section:hover .col-5.dark,
.drivers-orders-panel .section:hover .col-6.dark,
.drivers-orders-panel .section:hover .col-7.dark,
.drivers-orders-panel .section:hover .-item .col-8,
.drivers-orders-panel .section:hover .col-3 .col-8,
.drivers-orders-panel .section:hover .col-4 .col-8,
.drivers-orders-panel .section:hover .col-5 .col-8,
.drivers-orders-panel .section:hover .col-6 .col-8,
.drivers-orders-panel .section:hover .col-7 .col-8 {
    background-color: #ebf4f5;
}

.drivers-orders-panel .col-1,
.drivers-orders-panel .col-2,
.drivers-orders-panel .col-3,
.drivers-orders-panel .col-4,
.drivers-orders-panel .col-5,
.drivers-orders-panel .col-6,
.drivers-orders-panel .col-7,
.drivers-orders-panel .col-8,
.drivers-orders-panel .col-9,
.drivers-orders-panel .col-10,
.drivers-orders-panel .col-11 {
    float: left;
    display: flex;
    padding: .8rem 0 .8rem .5rem;
    flex-direction: column;
    justify-content: center;
    line-height: 1.4;
}

.drivers-orders-panel .col-0 {
    width: 10rem;
}

.drivers-orders-panel .col-1 {
    width: 14rem;
}

.drivers-orders-panel .col-2 {
    width: 42rem;
}

.drivers-orders-panel .col-3 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-4 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-5 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-6 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-7 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-8 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-9 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-10 {
    width: calc(14% - 5rem);
}

.drivers-orders-panel .col-11 {
    width: calc(16% - 5rem);
}

.drivers-orders-panel .col-11.-non-fixed-height {
    align-items: center;
    flex-direction: row !important;
    justify-content: space-between !important;
}

.header-panel_conversion-report .column-1,
.header-panel_conversion-report .column-2,
.header-panel_conversion-report .column-2-alfa,
.header-panel_conversion-report .column-3,
.header-panel_conversion-report .column-3-alfa,
.header-panel_conversion-report .column-4-alfa {
    float: left;
}

.header-panel_conversion-report .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_conversion-report .column-2 {
    width: 30rem;
    margin-right: 2rem;
}

.header-panel_conversion-report .column-2-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_conversion-report .column-3-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_conversion-report .column-4-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_motorcade-report .column-1,
.header-panel_motorcade-report .column-2,
.header-panel_motorcade-report .column-2-alfa,
.header-panel_motorcade-report .column-3-alfa,
.header-panel_motorcade-report .column-4-alfa {
    float: left;
}

.header-panel_motorcade-report .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_motorcade-report .column-2 {
    width: 30rem;
    margin-right: 2rem;
}

.header-panel_motorcade-report .column-2-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_motorcade-report .column-3-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_motorcade-report .column-4-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_counteragent-report .column-1,
.header-panel_counteragent-report .column-2,
.header-panel_counteragent-report .column-2-alfa,
.header-panel_counteragent-report .column-3-alfa,
.header-panel_counteragent-report .column-4-alfa {
    float: left;
}

.header-panel_counteragent-report .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_counteragent-report .column-2 {
    width: 34rem;
    margin-right: 2rem;
}

.header-panel_counteragent-report .column-2-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_counteragent-report .column-3-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_counteragent-report .column-4-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_clientbase-report .column-1,
.header-panel_clientbase-report .column-1-alfa,
.header-panel_clientbase-report .column-2,
.header-panel_clientbase-report .column-2-alfa,
.header-panel_clientbase-report .column-3-alfa,
.header-panel_clientbase-report .column-4-alfa {
    float: left;
}

.header-panel_clientbase-report .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_clientbase-report .column-1-alfa {
    width: 65rem;
}

.header-panel_clientbase-report .column-2 {
    width: 34rem;
    margin-right: 2rem;
}

.header-panel_clientbase-report .column-2-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_clientbase-report .column-3-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_clientbase-report .column-4-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_orders-distribution-system-report .column-1-alpha,
.header-panel_orders-distribution-system-report .column-2-alpha,
.header-panel_orders-distribution-system-report .column-3-alpha,
.header-panel_orders-distribution-system-report .column-4-alpha,
.header-panel_orders-distribution-system-report .column-1-beta,
.header-panel_orders-distribution-system-report .column-2-beta,
.header-panel_orders-distribution-system-report .column-3-beta,
.header-panel_orders-distribution-system-report .column-4-beta {
    float: left;
}

.header-panel_orders-distribution-system-report .column-1-alpha {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_orders-distribution-system-report .column-2-alpha {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_orders-distribution-system-report .column-3-alpha {
    width: 25rem;
    margin-right: 2rem;
}

.header-panel_orders-distribution-system-report .column-1-beta {
    width: 22rem;
    margin-right: 2rem;
}

.header-panel_orders-distribution-system-report .column-2-beta {
    width: 22rem;
    margin-right: 2rem;
}

.header-panel_orders-distribution-system-report .column-3-beta {
    width: 22rem;
    margin-right: 2rem;
}

.distrubution-system-type-above-header {
    width: 100%;
    display: flex;
}

.distrubution-system-type-above-header .-half-type {
    height: 4rem;
    display: flex;
    align-items: center;
}

.distrubution-system-type-above-header .-half-type.-left {
    width: 50%;
    padding: 0 1rem;
    background-color: #b9ced8;
}

.distrubution-system-type-above-header .-half-type.-right {
    width: 50%;
    padding: 0 1rem;
    background-color: #b5d5ce;
}

.distrubution-system-report-total-parsed {
    background-color: #606C6F;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    pointer-events: none;
    display: flex;
    align-items: center;
    padding: 0;
    text-align: right;
    padding-right: 1rem !important;
}

.distrubution-system-report-total-non-parsed {
    background-color: #C4CAC9 !important;
    text-shadow: none;
    box-shadow: none;
    pointer-events: none;
    display: flex;
    align-items: center;
    padding: 0;
    text-align: right;
    padding-right: 1rem !important;
}

.distrubution-system-report-total-non-parsed.-hovered {
    pointer-events: visible !important;
}

.distrubution-system-report-total-non-parsed.-hovered:hover {
    background-color: #9aa5a7 !important;
}

.order-distribution-system-header {
    min-height: 3rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
    background-color: #edefea;
    font-size: 0.9rem;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    line-height: 1.2rem;
}

.header-panel_drivers-orders-report-view .column-1-alpha,
.header-panel_drivers-orders-report-view .column-2-alpha,
.header-panel_drivers-orders-report-view .column-3-alpha,
.header-panel_drivers-orders-report-view .column-4-alpha,
.header-panel_drivers-orders-report-view .column-1-beta,
.header-panel_drivers-orders-report-view .column-2-beta,
.header-panel_drivers-orders-report-view .column-3-beta,
.header-panel_drivers-orders-report-view .column-4-beta,
.header-panel_drivers-orders-report-view .column-1-gamma,
.header-panel_drivers-orders-report-view .column-2-gamma,
.header-panel_drivers-orders-report-view .column-3-gamma,
.header-panel_drivers-orders-report-view .column-4-gamma {
    float: left;
}

.header-panel_drivers-orders-report-view .column-1-alpha {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-2-alpha {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-3-alpha {
    width: 25rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-4-alpha {
    width: 20rem;
}

.header-panel_drivers-orders-report-view .column-1-beta {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-2-beta {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-3-beta {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-4-beta {
    width: 20rem;
}

.header-panel_drivers-orders-report-view .column-1-gamma {
    width: 20rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-2-gamma {
    width: 22rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-3-gamma {
    width: 22rem;
    margin-right: 2rem;
}

.header-panel_drivers-orders-report-view .column-4-gamma {
    width: 22rem;
}

.header-panel_sms-report .column-1,
.header-panel_sms-report .column-1-alfa,
.header-panel_sms-report .column-2,
.header-panel_sms-report .column-2-alfa,
.header-panel_sms-report .column-3-alfa,
.header-panel_sms-report .column-4-alfa {
    float: left;
}

.header-panel_sms-report .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_sms-report .column-1-alfa {
    width: 54rem;
}

.header-panel_sms-report .column-2 {
    width: 34rem;
    margin-right: 2rem;
}

.header-panel_sms-report .column-2-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_sms-report .column-3-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_sms-report .column-4-alfa {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_accounting .column-1,
.header-panel_accounting .column-2,
.header-panel_accounting .column-2-alpha,
.header-panel_accounting .column-3,
.header-panel_accounting .column-3-alpha,
.header-panel_accounting .column-4-alpha {
    float: left;
}

.header-panel_accounting .column-1 {
    width: 29rem;
    margin-right: 2rem;
}

.header-panel_accounting .column-2 {
    width: 30rem;
    margin-right: 2rem;
}

.header-panel_accounting .column-2-alpha {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_accounting .column-3-alpha {
    width: 23rem;
    margin-right: 2rem;
}

.header-panel_accounting .column-4-alpha {
    width: 23rem;
    margin-right: 2rem;
}

.body-panel_accounting .column-2 {
    outline: none;
}

.body-panel_accounting .col-1-list,
.body-panel_accounting .col-2-list,
.body-panel_accounting .col-3-list,
.body-panel_accounting .col-4-list,
.body-panel_accounting .col-5-list {
    float: left;
}

.body-panel_accounting .col-1-list {
    width: 37%;
}

.body-panel_accounting .col-2-list {
    width: 15%;
}

.body-panel_accounting .col-3-list {
    width: 15%;
}

.body-panel_accounting .col-4-list {
    width: 15%;
}

.body-panel_accounting .col-5-list {
    width: 15%;
}

.body-panel_accounting .accounting-neck {
    background-color: #edefea;
    padding: .5rem 1rem;
    border-radius: 0.4rem;
    font-size: 1.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
}

.body-panel_accounting .accounting-operate-item {
    background-color: #f8f9f3;
    padding: .3rem 1rem;
    border-radius: 0.4rem;
    font-size: 1.4rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #ffffff;
    /*&.-active {
      line-height: 3rem;
    }*/
}

.body-panel_accounting .accounting-operate-item.-active,
.body-panel_accounting .accounting-operate-item.-active:hover {
    background-color: #ceecf0;
}

.body-panel_accounting .accounting-operate-item:hover,
.body-panel_accounting .accounting-operate-item.-hovered {
    background-color: #ebf4f5;
}

.accounting-payment-panel {
    width: 100%;
}

.accounting-payment-panel .column-1,
.accounting-payment-panel .column-2,
.accounting-payment-panel .column-3 {
    float: left;
}

.accounting-payment-panel .column-1 {
    width: 7rem;
    padding-right: 1rem;
}

.accounting-payment-panel .column-2 {
    width: 19rem;
}

.accounting-payment-panel .column-3 {
    width: 50%;
    padding-left: 1rem;
    text-align: right;
}

.accounting-payment-panel .panel-scroll-wrapper {
    max-height: calc(100vh - 26rem);
    /*overflow: hidden;*/
    position: relative;
    padding-right: 0;
}

.incidents-panel {
    width: 100%;
}

.incidents-panel .column-1,
.incidents-panel .column-2,
.incidents-panel .column-3,
.incidents-panel .column-4,
.incidents-panel .column-5 {
    float: left;
}

.incidents-panel .column-1 {
    width: 8rem;
}

.incidents-panel .column-2 {
    width: 14rem;
}

.incidents-panel .column-3 {
    width: calc(100% - 66rem);
}

.incidents-panel .column-4 {
    width: 24rem;
}

.incidents-panel .column-5 {
    width: 13rem;
}


/*without padding*/

.col-xs-6.-without-padding {
    padding: 0;
}

.under-board section {
    padding: 1rem 2rem 1rem 0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.under-board section.-tall {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.under-board section:first-child {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
}

.under-board section:last-child {
    box-shadow: inset 0 1px 0 0 #fff;
}

.under-board section.-middle {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 1px 0 0 #ffffff;
}

.under-board section.-top-shadow {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.07), inset 0 2px 0 0 #ffffff;
}

.under-board.-taxi-settings {
    padding: 1rem 2rem;
    background-color: #f8f9f3;
}

.under-board.-taxi-settings.-no-vertical-pad {
    padding: 0 2rem;
}

.under-board.-taxi-settings section {
    padding: 1rem 0 1rem 0;
}

.under-board.-taxi-settings section.-tall {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.under-board.-taxi-settings .s-button.-normal.-sq-sm {
    position: absolute;
    z-index: 1;
    right: 1rem;
    top: 0;
}

.under-board.-taxi-settings .s-button.-normal.-sq-sm.-no-absolute {
    position: static;
}

.arrow_box-modal {
    display: none;
    width: 16rem;
    height: 4.2rem;
    position: absolute;
    background: #606c6e;
    border-radius: 4px;
    color: #fff;
    padding-left: .5rem;
    top: 0;
    left: 0;
    z-index: 99;
}

.arrow_box-modal.-income {
    display: flex;
}

.arrow_box-modal:after {
    top: 67%;
    left: 19%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #606c6e;
    border-width: 2rem;
    margin-left: -3rem;
}

.currently {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 1rem;
}

.help-btn {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.report-modal {
    height: calc(100vh - 21rem);
}

.slide-selector-seven-column li {
    width: 14.28%;
}

.period-width {
    width: 18rem;
    float: left;
}

.period-calendar {
    width: 50%;
    float: left;
}

.for-report-panel {
    position: absolute;
    left: 10rem;
    width: 94%;
}

@media screen and (max-width: 1400px) {
    .media-bottom {
        margin-bottom: 2rem;
    }
}

.top-panel .xs-bold {
    color: #ffffff;
}

.top-panel .md-top-bold {
    color: #ffffff;
    font-size: 1.8rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    line-height: 0;
}

.top-panel .xs-top-bold {
    color: #ffffff;
    font-size: 1.4rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    line-height: 0;
}

.top-panel .price {
    text-shadow: none;
}

.top-panel h3 {
    color: #d1c025;
}

.top-panel .popup-general-wrapper,
.top-panel .popup {
    position: absolute;
    z-index: 8;
}

.top-panel .popup-general-wrapper.-callhistory,
.top-panel .popup.-callhistory {
    top: 5rem;
    left: 0;
}

.top-panel .popup-general-wrapper.-callhistory-with-incoming,
.top-panel .popup.-callhistory-with-incoming {
    left: 0 !important;
}

.top-panel .popup-general-wrapper.-incomingcalls,
.top-panel .popup.-incomingcalls {
    /*left: 5rem;*/
    left: 0;
    margin-top: 10px;
}

.top-panel_logo {
    text-align: center;
    width: 6rem;
    background-color: rgba(0, 0, 0, 0.18);
    display: block;
    height: 100%;
    line-height: 100%;
    position: absolute;
}

.top-panel_logo i {
    margin: 2.3rem 0;
}

.double-line-wrapper {
    line-height: 3rem;
}

.side-line_logo {
    text-align: center;
    display: inline-flex;
    width: 6rem;
    background-color: rgba(0, 0, 0, 0.18);
    height: 6rem;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 11;
}

.side-line_logo hsvg {
    margin: auto;
}


/*top-panel_left*/

.top-panel_left {
    display: flex;
    justify-content: flex-start;
}

.top-panel_left-indicator.-call-active {
    background: url('/img/background.gif');
}

.top-panel_left-section {
    padding: 1rem;
    box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.18);
    position: relative;
}

.top-panel_left-section.-between-pad {
    padding: .7rem 1rem;
}

.top-panel_left-section.-spy-pad {
    padding: .2rem 1rem;
}

.top-panel_left-section.-split-call {
    width: 3rem;
    background-color: #5556fe !important;
    padding: 0;
    cursor: pointer;
    text-align: center;
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.5), inset -1px 0 0 0 rgba(0, 0, 0, 0.5);
}

.top-panel_left-section.-inner-call,
.top-panel_left-section.-outcoming-call {
    width: calc(50% - 6rem);
}

.top-panel_left-section.-inner-call button,
.top-panel_left-section.-outcoming-call button {
    margin-right: 0.5rem;
    vertical-align: bottom;
}

.top-panel_left-section.-inner-call .xs-bold,
.top-panel_left-section.-outcoming-call .xs-bold {
    margin-bottom: 3px;
}

.top-panel_left-section.-inner-call .popup-general-wrapper,
.top-panel_left-section.-outcoming-call .popup-general-wrapper {
    left: 5.5rem;
}

.top-panel_left-section.-left-fixed {
    flex-shrink: 0;
    box-shadow: none;
}

.top-panel_left-section.-left-fixed .buttons-double {
    margin-left: 1rem;
}

.top-panel_left-section.-dark {
    background-color: rgba(0, 0, 0, 0.18);
    /*left border, left inset border, right inset border, right border*/
    box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.18), inset 1px 0 0 0 rgba(255, 255, 255, 0.1), inset -1px 0 0 0 rgba(0, 0, 0, 0.18), 1px 0 0 0 rgba(255, 255, 255, 0.1);
}

.top-panel_left-section.-dark~.-dark {
    /*right inset border, right border*/
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.18), 1px 0 0 0 rgba(255, 255, 255, 0.1);
}


/*top-panel_right*/

.top-panel_right {
    display: flex;
    justify-content: flex-start;
    padding: 1rem 0;
    height: 100%;
}

.top-panel_right-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    margin-right: 1rem;
}

.top-panel_right-section:last-child {
    margin-right: auto;
    margin-left: 1rem;
}

.top-panel_right-section.-full {
    flex-grow: 0;
    flex-shrink: 0;
}

.top-panel_right-section.-arrow-btn {
    cursor: pointer;
    margin-right: -1rem;
    margin-left: 0;
    padding: 0 1rem;
}


/*hamburger-menu*/

.hamburger_handler {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 6rem;
    height: 6rem;
}


/*aside-menu*/

.aside-menu {
    display: block;
    width: 40rem;
    background: #0B060D !important;
    margin: 0;
    padding: 0 0 0 4rem;
    color: #ffffff;
    text-shadow: 0px -0px 0 #000000 !important;
    font-size: 1.6rem;
    text-align: left;
}

.aside-menu.left {
    top: 0;
    position: fixed;
    z-index: 12;
    height: 100%;
    left: -40rem;
    transition: transform ease 250ms;
}

.aside-menu.left.show {
    -webkit-transform: translate3d(40rem, 0, 0);
    left: -40rem;
}

.aside-menu .scroll-wrapper,
.aside-menu .scroll-wrapper_dark {
    height: calc(100% - 12rem);
    position: relative;
    overflow: auto;
    padding-right: 0;
}

.aside-menu .scroll-wrapper .ps-scrollbar-y-rail,
.aside-menu .scroll-wrapper_dark .ps-scrollbar-y-rail {
    background: none;
}

.aside-menu .scroll-wrapper .ps-scrollbar-y,
.aside-menu .scroll-wrapper_dark .ps-scrollbar-y {
    background: #000;
    opacity: 0.3;
    width: 1rem;
    right: 0;
}

.aside-menu .scroll-wrapper .ps-scrollbar-y:after,
.aside-menu .scroll-wrapper_dark .ps-scrollbar-y:after {
    display: none;
}

.aside-menu_header {
    padding: 1.5rem 2rem 1.5rem 0;
    height: 6rem;
}

.aside-menu_footer {
    padding: 1.5rem 2rem 1.5rem 5rem;
    height: 6rem;
    background-color: #342E36 !important;
    position: absolute;
    width: 100%;
    left: 0;
    box-shadow: inset 0px -1px 0 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 #666666, 0px -1px 0 0 #444444;
}

.aside-menu_list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.aside-menu_item {
    cursor: pointer;
    border-bottom: solid 1px #40494b;
    box-shadow: 0 1px 0 #5c696b;
}

.aside-menu_item:hover {
    background-color: #606c6e;
}

.aside-menu_item:last-child {
    border-bottom: solid 1px transparent;
    box-shadow: none;
}

.aside-menu_item a {
    padding: 1rem 2rem 1rem 1rem;
    display: block;
    color: #ffffff;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.aside-menu_item a:hover {
    color: #ffffff;
}

.aside-menu_item.-active a {
    color: #5556fe !important;
    text-shadow: 0 1px 0 #000;
    font-family: "robotobold", Tahoma, Verdana, sans-serif;
    outline: none;
}

.aside-menu_item.-active .xs-bolder {
    color: #000000;
}

.aside-menu_item .xs-bolder {
    color: #c8c8c8;
    text-transform: uppercase;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.top-panel-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -6rem;
    right: 0;
    width: calc(33.3333333% - 1.35rem);
    font-size: 1.2rem;
    background: #4e595b;
    color: #ffffff;
    text-shadow: 0px -1px 0 #000000;
    transition: transform ease 250ms, top ease 250ms;
    z-index: 10;
}

.top-panel-menu.show {
    transition: transform ease 250ms, top ease 250ms;
    top: 6rem;
}

.top-panel-menu.-with-last .aside-menu_item:last-child {
    border-bottom: solid 1px transparent;
    box-shadow: none;
}

.history-item {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
    padding: .6rem 1rem .6rem 1rem;
    cursor: pointer;
    background-color: #f8f9f3;
    position: relative;
}

.history-item .distance {
    margin: 0 1rem 0 0;
    min-width: 7rem;
}

.history-item_visable {
    display: flex;
    align-items: center;
}

.history-item_visable.-no-label {
    margin-top: 20px;
}

.history-item_visable.-mb-xs {
    margin-bottom: 0.5rem;
}

.history-item_visable.-mb {
    margin-bottom: 1rem;
}

.history-item_visable.-height-sm {
    height: 3rem;
}

.history-item_visable.-audio .callsign {
    margin-right: 3rem;
}

.history-item_visable.chat {
    padding-top: .8rem;
}

.history-item_icon {
    margin-right: 1rem;
}

.history-item_date {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4rem;
    margin-left: 0.5rem;
}

.history-item_time {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
    margin-right: 1rem;
}

.history-item_worker {
    margin-top: 0.5rem;
}

.history_item_call {
    cursor: pointer;
}

.history_item_player {
    margin-top: 10px;
}

.history_item_player_btn {
    position: absolute;
    right: 10px;
    top: 12px;
}

.history-item_message {
    background: #edefea;
    padding: 1rem;
    box-shadow: inset 0px -1px 1px #ffffff, inset 0px 1px 0px rgba(0, 0, 0, 0.1);
    margin: 0.5rem 0;
}

.history-item_message.-mb {
    margin-bottom: 0.5rem;
    display: block;
}

.history-item_message.-mt {
    margin-top: 0.5rem;
}

.distance .handicap {
    margin-left: 10px;
}

.handicap {
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    text-shadow: 0 1px 0 #ffffff;
    display: inline-block;
}

.handicap.-oblate {
    line-height: 1.07;
}

.handicap.-bright {
    color: #5556fe !important;
    ;
}

.handicap.-cancellation {
    color: #bd3021;
}

.handicap.-light {
    color: rgba(96, 108, 110, 0.5);
}

.handicap.-blue {
    color: #5556fe !important;
}

.handicap.-gray {
    color: #979e9d;
}

.handicap.-without-shadow {
    text-shadow: none;
}

.handicap.-lightest {
    color: #fff;
}

.handicap.-regular {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.handicap.-red {
    color: #bd3021;
}

.handicap.-wide {
    height: 4rem;
    line-height: 4rem;
}

.distance_icon {
    margin-right: 0.5rem;
}

.distance_text {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
    display: inline-block;
}

.distance_text.-title {
    margin-bottom: 0.5rem;
}

.distance_text.-bright {
    color: #5556fe !important;
    ;
}

.distance_text.-cancellation,
.distance_text.-alert {
    color: #bd3021;
}

.distance_text.-light {
    color: rgba(96, 108, 110, 0.5);
}

.distance_text.-alarm {
    font-size: 1.1rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
    color: #ffb913;
}

.distance_text.-lh-plus {
    line-height: 1.4;
}

.distance_text.-template {
    color: #5556fe !important;
}

.distance_text.-lightest {
    color: #fff;
}

.distance_text.-red {
    color: #bd3021;
}

.distance_text.-indent {
    color: #d1c025;
}

.distance_text.-no-ts {
    text-shadow: none;
}

.distance_text.-calmly {
    color: #4fb6a1;
}

.distance_text.-gray {
    color: #adaeaa;
}

.distance_text.-darkness {
    color: #606c6e;
}

.distance_text.-initial {
    text-transform: initial;
}

.distance_text.-success {
    color: #16a086;
}

.distance_text.-birthday {
    color: #ffb913;
}

.grid {
    display: grid;
}

.grid.-sixty-to-thirty-col {
    grid-template-columns: 60% 40%;
}

.first-col {
    grid-column-start: 1;
}

.second-col {
    grid-column-start: 2;
}


/* Helper classes */

.dragging {
    background: #ffc846;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

.mw-84 {
    min-width: 8.4rem;
}

.index-fifty {
    z-index: 50;
}

.index-over9000 {
    z-index: 9999999999 !important;
}

.between-buttons {
    width: 13.5rem;
}

.rotate-180 {
    transform: rotate(180deg);
}

.w-25 {
    width: 25rem;
}

.w-99 {
    width: 99%;
}

.dib {
    display: inline-block;
}

.diif {
    display: inline-flex;
}

.flex-grow-one {
    flex-grow: 1;
}

.bg-white {
    background-color: #fff;
}

.item-selected-helper {
    background-color: #ceecf0;
}

.whites {
    white-space: nowrap;
}

.clear-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.report-pad-l {
    padding: 1.5rem 2rem 1.5rem 3rem;
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.09);
}

.report-pad-r {
    padding: 1.5rem 2rem 1.5rem 2rem;
    background-color: #edefea;
    width: 49.45%;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    box-shadow: inset 1px 0 0 0 #fff !important;
}

.no-ts {
    text-shadow: none;
}

.rsl {
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05) !important;
}

.lsl {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.9) !important;
}

.tsl {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
    padding-top: 1rem;
}

.bsl {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

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

.ta-r {
    text-align: right;
}

.ta-l {
    text-align: left;
}

.va-m {
    vertical-align: middle;
}

.lh-xs {
    line-height: .7;
}

.lh1 {
    line-height: 1;
}

.lh12 {
    line-height: 1.2;
}

.lh16 {
    line-height: 1.6;
}

.lh8 {
    line-height: 8rem;
}

.letter-s04 {
    letter-spacing: -0.4px;
}

.letter-s06 {
    letter-spacing: -0.6px;
}

.mw8 {
    min-width: 8rem;
}

.mw9 {
    min-width: 9rem;
}

.mw10 {
    min-width: 10rem;
}

.mw60 {
    min-width: 60px;
}

.mh-10 {
    max-height: 15rem;
    margin-bottom: 1rem;
}

.mh-50 {
    max-height: 60rem;
}

.mh-60 {
    max-height: 60rem;
}

.mh-70 {
    max-height: 70rem;
}

.mw-23 {
    max-width: 23rem;
    line-height: 1.6rem;
    padding-bottom: .4rem;
}

.w90 {
    width: 90%;
}

.no-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-margin {
    margin: 0;
}

.mt-xs {
    margin-top: .5rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mr3-neg {
    margin-right: -3rem;
}

.mr-xxs {
    margin-right: .2rem;
}

.mr-xs {
    margin-right: .5rem;
}

.mr-xss {
    margin-right: .7rem;
}

.mr-xxss {
    margin-right: .9rem;
}

.mr1 {
    margin-right: 1rem;
}

.mr2 {
    margin-right: 2rem;
}

.mr42 {
    margin-right: 4.2rem;
}

.ml-xs {
    margin-left: .2rem;
}

.ml-md {
    margin-left: .5rem;
}

.ml-xs-8 {
    margin-left: .8rem;
}

.ml1 {
    margin-left: 1rem !important;
}

.ml2 {
    margin-left: 2rem;
}

.ml3 {
    margin-left: 3rem;
}

.ml42 {
    margin-left: 4.2rem;
}

.mb-xxxs {
    margin-bottom: .2rem;
}

.mb-xxs {
    margin-bottom: .3rem;
}

.mb-hs {
    margin-bottom: .5rem;
}

.mb-xs {
    margin-bottom: .65rem;
}

.mb75 {
    margin-bottom: .75rem;
}

.mb0-8 {
    margin-bottom: .8rem;
}

.mb1 {
    margin-bottom: 1rem !important;
}

.mb1-5 {
    margin-bottom: 1.5rem;
}

.mb1-8 {
    margin-bottom: 1.8rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.p1r {
    padding: 1rem !important;
}

.p1 {
    padding: 1rem;
}

.pl1 {
    padding-left: 1rem !important;
}

.pl15 {
    padding-left: 1.5rem !important;
}

.pl75 {
    padding-left: .75rem !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr1 {
    padding-right: 1rem !important;
}

.pr15 {
    padding-right: 1.5rem !important;
}

.pr05 {
    padding-right: .5rem;
}

.p05 {
    padding: 0 .5rem;
}

.pr75 {
    padding-right: .75rem !important;
}

.pl2 {
    padding-left: 2rem;
}

.pr2 {
    padding-right: 2rem;
}

.pr4 {
    padding-right: 4rem;
}

.pr55 {
    padding-right: 5.5rem;
}

.pb-h {
    padding-bottom: .5rem;
}

.pb-xs {
    padding-bottom: .75rem !important;
}

.pb-sm {
    padding-bottom: 1.5rem;
}

.pt-xh {
    padding-top: .3rem;
}

.pt-h {
    padding-top: .5rem;
}

.pt-xs {
    padding-top: .75rem;
}

.pt-sx {
    padding-top: 1rem;
}

.pt-sm {
    padding-top: 1.5rem;
}

.pt-md {
    padding-top: 2rem;
}

.pt-md-10 {
    padding-top: 10rem;
}

.pt-md-20 {
    padding-top: 19.5rem;
}

.pt-md-30 {
    padding-top: 30rem;
}

.p-online {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.5rem;
}

.of-h {
    overflow: hidden;
}

.oh-xh {
    overflow-x: hidden;
}

.of-xa {
    overflow-x: auto;
}

.help-width {
    width: 23rem;
}

section[disabled] {
    color: #ccc;
    pointer-events: none;
}

section[disabled] div label {
    color: #ccc !important;
}

section[disabled] div div svg {
    fill: #b1b1b1 !important;
}

.section-p {
    padding: 1rem 0 0 0 !important;
    border-top: 1px solid #eed;
}

.br-xs {
    border-radius: .4rem !important;
}

.pa {
    position: absolute;
}

.pa.-instructions {
    right: 0;
}

.pa.-instructions.-jade {
    right: 1rem;
}

.pa.-star {
    top: 0;
    left: 0;
    z-index: 2;
}

.p-right {
    position: absolute;
    right: 0;
}

.p-top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.fixed-top-15 {
    position: fixed;
    top: 15rem;
    right: 2rem;
}

.pr {
    position: relative;
}

.c-auto {
    cursor: auto;
}

.gray-white {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.07);
    border: 0 none;
    border-bottom: 1px solid #fff;
    margin: 0;
}

.footer-mod {
    border-top: none !important;
    padding: 0 1rem 1rem 1rem;
}

.fdr {
    flex-direction: row !important;
}

.self-start {
    display: flex;
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.align-start {
    align-items: flex-start !important;
}

.align-end {
    display: flex;
    align-items: flex-end;
    visibility: visible;
}

.align-base {
    align-items: baseline;
}

.dif {
    display: flex;
}

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

.flex-align-start {
    display: flex;
    align-items: flex-start;
}

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.center-col {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.center-col.-extension {
    align-items: center;
    justify-content: center;
}


/*start before GRIDs for create order form*/

.flex-top {
    flex: 60%;
}

.flex-bottom {
    flex: 10%;
}


/*end before GRIDs for create order form*/

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

.full-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.full-end {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.is-center {
    display: flex;
    align-items: center;
    align-self: center;
}

.j-end {
    display: flex;
    justify-content: flex-end;
}

.interline {
    position: absolute;
    top: 24px;
}

.info-letter-bg {
    position: absolute;
    top: 10px;
    left: 70px;
}

.fix-left {
    position: fixed;
    left: 40%;
}

.inner-position {
    position: absolute;
    top: 24px;
    right: 7px;
}

.report-row {
    width: 100%;
    margin: 0 auto;
}

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

.link-pdf:hover {
    fill: #2f3e40;
}

.link-text:hover {
    color: #6bbaca;
}

.help-ls {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
}

.help-ls.-l-s {
    letter-spacing: -2px;
}

.full-width {
    width: 100%;
}

.full-width-four {
    width: 100%;
}

.full-width-four ul li {
    width: 25%;
}

.full-width-seven {
    width: 100%;
}

.full-width-seven ul li {
    width: 14.28%;
}

.quarter-width {
    width: 25%;
}

.full-height {
    height: 100%;
}

.disable-div {
    pointer-events: none;
}

.have-no-internet-connection {
    z-index: 99;
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(52, 44, 44, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.6rem;
}

.noutline {
    outline: none;
}

.top-span {
    display: inline-block;
    padding-top: .25rem;
}

.full-width-block {
    display: block;
    width: 100%;
}

.-without-padding {
    padding: 0;
}

.pbno {
    padding-bottom: 0 !important;
}

.without-box-shadow {
    box-shadow: none !important;
}

.without-cursor {
    cursor: none;
}

.between-section {
    box-shadow: inset 0 -1px 0 0 #ffffff;
    border-bottom: rgba(0, 0, 0, 0.05) solid 1px;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.modal-footer:after {
    clear: both;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.modal-footer:after {
    clear: both;
}

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

.g-lowercase {
    text-transform: lowercase;
}

.g-capitalize {
    text-transform: capitalize;
}

hr {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.07);
    border: 0 none;
    border-bottom: 1px solid #ffffff;
    margin: 0;
}

hr.-white-gray,
hr.-normal {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.07);
    border: 0 none;
    border-bottom: 1px solid #ffffff;
    margin: 0;
}

hr.-indent {
    margin: 2rem 0;
}

hr.-indent-md {
    margin: 1rem 0;
}

hr.-indent-top_lg {
    margin-top: 2rem;
}

hr.-indent-bottom {
    margin-bottom: 1rem;
}

hr.-indent-bottom_lg {
    margin-bottom: 2rem;
}

hr.-indent-bottom_md {
    margin-bottom: 1rem;
}

hr.-indent-bottom-sm {
    margin-bottom: 0.5rem;
}

.hide {
    display: none;
}

.side-border {
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.side-border:last-child {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.9);
}

.side-border:first-child {
    box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.05);
}


/**/

.tape-line {
    background: transparent url('/img/tape.png') 0 0 repeat-x;
    height: 10px;
}


/*img-profile*/

.img-profile {
    display: table-row;
}

.user_name {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
    vertical-align: middle;
}

.user_phone {
    font-size: 1.6rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #ffffff;
}

.time-arrival {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.8px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1em;
}

.time-arrival.-alarm {
    font-size: 1.1rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
    color: #ffb913;
}

.time-arrival.-sm {
    font-size: 1.1rem;
}


/**/

.round-wrapper {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.round-wrapper.-addres-from,
.round-wrapper.-addres-to {
    margin: 0.2rem 1rem 0 0;
}

.round-wrapper.-addres-from {
    background-color: #ffb913;
}

.round-wrapper.-addres-from svg {
    fill: #ffffff;
}

.round-wrapper.-addres-to {
    background-color: #5556fe !important;
    ;
}

.round-wrapper.-addres-to svg {
    fill: #ffffff;
}

.five-wrapper {
    width: 5rem;
}

.five-wrapper.-flexible {
    display: inline-flex;
}

.half-wrapper {
    width: 50%;
}

.tab-item-stroke {
    border: 1px solid #5f6c6d;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    outline: none;
}

.tab-item-stroke.-active {
    background-color: #5f6c6d;
    color: #fff;
}

.table-wrapper {
    display: table;
    width: 100%;
}

.row-wrapper {
    display: table-row;
}


/**/

.rotate-45deg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform 2s;
}


/*ellipsis wrap*/

.ellipsis-crop {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ellipsis-crop.-address:hover {
    overflow: visible;
    white-space: normal;
}

.ellipsis-crop.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.sq-wrapper {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    box-shadow: 0 1px 0 0 #ffffff;
}

.sq-wrapper.-clear {
    background-color: rgba(96, 108, 110, 0.07);
}

.sq-wrapper.-call-role {
    background-color: #d1c025;
}

.cursor-pointer,
.g-pointer {
    cursor: pointer;
}

.btn-this {
    cursor: pointer;
    position: relative;
}

.btn-this .key-tip {
    top: -1rem;
    padding: 3px 4px;
    transform: translateX(-15%);
}

.clear-btn {
    background-color: transparent;
}

.custom-scroll::-webkit-scrollbar {
    width: 15px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #edefea;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #bdc6c7;
    border-radius: 4px;
    border: 2px solid transparent;
    border-right: 3px solid transparent;
    background-clip: content-box;
}

.custom-scroll_dark::-webkit-scrollbar {
    width: 11px;
}

.custom-scroll_dark::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scroll_dark::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    background-clip: content-box;
}

pre {
    font-size: 1.4rem;
}

.g-clickable {
    cursor: pointer;
}


/*round-label*/

.round-labels_wrapper {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.round-labels_wrapper.-bottom-xs {
    margin-bottom: 0.5rem;
}

.round-labels_wrapper.-bottom-md {
    margin-bottom: 1rem;
}

.round-labels_wrapper.-top-md {
    margin-top: 1rem;
}

.round-labels_wrapper.-top-xs {
    margin-top: 0.5rem;
}

.round-labels_wrapper.-align-right {
    justify-content: flex-end;
}

.round-labels_wrapper.-align-top {
    align-items: flex-start;
}

.round-labels_wrapper.-align-bottom {
    align-items: flex-end;
}

.round-labels_wrapper.-space-between {
    justify-content: space-between;
}

.round-labels_wrapper.-align-center {
    align-items: center;
}

.round-labels_wrapper .round-label {
    margin-right: 1rem;
}

.round-labels_wrapper .round-label:last-child {
    margin-right: 0;
}

.round-labels_wrapper.-aside-indent {
    margin: 0 .5rem;
}

.round-label {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    border-radius: 3rem;
}

.round-label.-right {
    margin-left: 1rem;
}

.round-label.-right-sm {
    margin-left: 0.5rem;
}

.round-label.-left-sm {
    margin-right: 0.5rem;
}

.round-label.-right-lg {
    margin-left: 2rem;
}

.round-label.-right-extra-lg {
    margin-left: 4rem;
}

.round-label.-left {
    margin-right: 1rem;
}

.round-label.-left-lg {
    margin-right: 2rem;
}

.round-label.-no-label {
    margin-top: 20px;
}

.round-label.-mb-xs {
    margin-bottom: 0.5rem;
}

.round-label.-mb {
    margin-bottom: 1rem;
}

.round-label.-height-sm {
    height: 3rem;
}

.round-label.-min-radius {
    border-radius: .3rem;
}

.round-label.-default {
    background-color: #edefea;
}

.round-label hsvg,
.round-label svg {
    fill: #ffffff;
}

.round-label hsvg.-in-work,
.round-label svg.-in-work {
    fill: #5556fe !important;
    ;
}

.round-label hsvg.-car-in-work,
.round-label svg.-car-in-work {
    fill: #ffb913;
}

.round-label.-car-free {
    background-color: #5556fe !important;
    ;
}

.round-label.-car-waiting {
    background-color: #5556fe !important;
}

.round-label.-car-assigned {
    background-color: #d1c025;
}

.round-label.-car-in-work {
    background-color: #ffb913;
}

.round-label.-car-from-wheels {
    background-color: #606c6e;
}

.round-label.-car-repair {
    background-color: #000;
}

.round-label.-car-lunch {
    background-color: #a5610d;
}

.round-label.-disabled {
    background-color: rgba(96, 108, 110, 0.3);
}

.in-work-tip {
    float: none;
    position: absolute;
    top: -0.8rem;
    right: 0;
    border-radius: 3px;
    padding: 3px 5px;
    line-height: 1;
    transform: translateX(40%);
}

.g-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.a-start-f-middle-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.col-start {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.circle {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.circle.-md-size {
    width: 2.2rem;
    height: 2.2rem;
}

.circle.-sm-size {
    width: 1.2rem;
    height: 1.2rem;
}

.circle.-count {
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    color: #fff;
    background-color: #b1b1b1;
    text-align: center;
}

.circle.-count.-mr {
    margin-right: 1rem;
}

.circle.-normal {
    background-color: #197b30;
}

.circle.-normal hsvg,
.circle.-normal svg {
    fill: #ffffff;
}

.circle.-normal.-disabled {
    background-color: #b1b1b1;
}

.circle.-normal.-disabled_mod {
    background-color: #606c6e;
}

.clear-btn_wrapper {
    display: inline-block;
    padding: 1rem;
}

.clear-btn_wrapper.-fifth-side-pad {
    padding: 1rem .2rem;
}

.refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

.callsign-tooltip {
    position: absolute;
    top: .7rem;
    left: 3.2rem;
    padding: 0 .5rem 0 1.5rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    z-index: -1;
    font-weight: 700;
}


/*if you need it*/

.vertigo-wrapper {
    z-index: 1;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.vertigo-wrapper.-report {
    height: auto;
    top: 50rem;
}

.vertigo {
    height: 6rem;
    width: 6rem;
    display: block;
    padding: 7px;
    background-color: rgba(96, 108, 110, 0.5);
    border-radius: 0.4rem;
}

.vertigo:after {
    content: '';
    background: transparent url('/img/vertigo.png') 50% 50% no-repeat;
    height: 4.6rem;
    width: 4.6rem;
    display: block;
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

.vertigo.-fixed {
    position: fixed;
}

.vertigo.-overlay {
    z-index: 2;
}

.vertigo.-full {
    padding: 0.5rem;
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.vertigo.-full:after {
    height: 3rem;
    width: 3rem;
    background-size: cover;
    display: inline-block;
}

.vertigo.-middle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.simple-list {
    list-style: none;
    padding-left: 0;
}

.diff-align-wrapper {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.diff-align-wrapper.-bottom-xs {
    margin-bottom: 0.5rem;
}

.diff-align-wrapper.-bottom-md {
    margin-bottom: 1rem;
}

.diff-align-wrapper.-top-md {
    margin-top: 1rem;
}

.diff-align-wrapper.-top-xs {
    margin-top: 0.5rem;
}

.diff-align-wrapper.-align-right {
    justify-content: flex-end;
}

.diff-align-wrapper.-align-top {
    align-items: flex-start;
}

.diff-align-wrapper.-align-bottom {
    align-items: flex-end;
}

.diff-align-wrapper.-space-between {
    justify-content: space-between;
}

.diff-align-wrapper.-align-center {
    align-items: center;
}

.diff-align-text.-left-elem {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.diff-align-text.-left-elem.-rel {
    position: relative;
}

.diff-align-text.-left-elem.-right {
    margin-left: 1rem;
}

.diff-align-text.-left-elem.-right-lg {
    margin-left: 2rem;
}

.diff-align-text.-left-elem.-right-xs {
    margin-left: .5rem;
}

.diff-align-text.-left-elem.-left {
    margin-right: 1rem;
}

.diff-align-text.-left-elem.-left-lg {
    margin-right: 2rem;
}

.diff-align-text.-left-elem.-mt-xs {
    margin-top: 0.5rem;
}

.diff-align-text.-left-elem.-no-label {
    margin-top: 20px;
}

.diff-align-text.-left-elem.-mb-xs {
    margin-bottom: 0.5rem;
}

.diff-align-text.-left-elem.-mb {
    margin-bottom: 1rem;
}

.diff-align-text.-left-elem.-height-sm {
    height: 3rem;
}

.diff-align-text.-right-elem {
    flex-shrink: 0;
}

.diff-align-text.-right-elem.-right {
    margin-left: 1rem;
}

.diff-align-text.-right-elem.-right-sm {
    margin-left: 0.5rem;
}

.diff-align-text.-right-elem.-left-sm {
    margin-right: 0.5rem;
}

.diff-align-text.-right-elem.-right-lg {
    margin-left: 2rem;
}

.diff-align-text.-right-elem.-right-extra-lg {
    margin-left: 4rem;
}

.diff-align-text.-right-elem.-left {
    margin-right: 1rem;
}

.diff-align-text.-right-elem.-left-lg {
    margin-right: 2rem;
}

.diff-align-text .-def {
    color: #adaeaa;
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4rem;
    font-weight: normal;
    text-transform: uppercase;
}

.diff-align-text .-def.-light {
    color: #adaeaa;
}

.diff-align-text .-def.-dark {
    color: #464646;
}

.diff-align-text .-def.-alert {
    color: #bd3021;
}

.diff-align-text .-def.-non-complete {
    color: #f26521;
}

.diff-align-text .-def.-alarm {
    color: #d1c025;
}

.diff-align-text .-def.-normal {
    color: #adaeaa;
}

.diff-align-text .-def.-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.diff-align-text .-def.-ellipsis.-address:hover {
    overflow: visible;
    white-space: normal;
}

.diff-align-text .-def.-ellipsis.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.diff-align-text .-def.-bright {
    color: #5556fe !important;
}

.diff-align-text .-def.crop-two-line {
    max-height: 2.8rem;
}

.diff-align-text .-def.-user-online {
    text-shadow: none;
    color: #5556fe !important;
    ;
}

.diff-align-text .-def.-user-offline {
    text-shadow: none;
    color: #ffb913;
}

.diff-align-text .-def.-label {
    color: rgba(0, 0, 0, 0.7);
}

.diff-align-text .-def.-uppercase {
    text-transform: uppercase;
}

.diff-align-text .-def.-need-bolder {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.diff-align-text .-def.-ls-no {
    letter-spacing: 0;
}

.diff-align-text .-def.-hive-main {
    color: #ffb913;
}

.diff-align-text .-std {
    font-size: 1.2rem;
    letter-spacing: -0.3px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.2;
}

.diff-align-text .-std.-light {
    color: rgba(96, 108, 110, 0.7);
}

.diff-align-text .-std.-lighter {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.diff-align-text .-std.-login {
    color: #fff;
    text-shadow: 0 0 8px #000;
}

.diff-align-text .-std.-darker {
    color: #606c6e;
    text-shadow: none;
}

.diff-align-text .-std.-mb-xs {
    margin-bottom: 0.5rem;
}

.diff-align-text .-std.-alert {
    color: #bd3021;
}

.diff-align-text .-std.-success {
    color: #5556fe !important;
    ;
}

.diff-align-text .-std.-lightest {
    color: #ffffff;
    text-shadow: none;
    line-height: 1;
}

.diff-align-text .-std.-outside-select:active {
    user-select: none;
}

.diff-align-text .-std--xs {
    font-size: 1rem;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.4rem;
    font-weight: normal;
}

.diff-align-text .-std--xs.-light {
    color: #adaeaa;
}

.diff-align-text .-std--xs.-dark {
    color: #464646;
}

.diff-align-text .-std--xs.-alert {
    color: #bd3021;
}

.diff-align-text .-std--xs.-non-complete {
    color: #f26521;
}

.diff-align-text .-std--xs.-alarm {
    color: #d1c025;
}

.diff-align-text .-std--xs.-normal {
    color: #adaeaa;
}

.diff-align-text .-std--xs.-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.diff-align-text .-std--xs.-ellipsis.-address:hover {
    overflow: visible;
    white-space: normal;
}

.diff-align-text .-std--xs.-ellipsis.-callsign:hover {
    overflow: visible;
    z-index: 4;
}

.diff-align-text .-std--xs.-bright {
    color: #5556fe !important;
}

.diff-align-text .-std--xs.crop-two-line {
    max-height: 2.8rem;
}

.diff-align-text .-std--xs.-user-online {
    text-shadow: none;
    color: #5556fe !important;
    ;
}

.diff-align-text .-std--xs.-user-offline {
    text-shadow: none;
    color: #ffb913;
}

.diff-align-text .-std--xs.-label {
    color: rgba(0, 0, 0, 0.7);
}

.diff-align-text .-std--xs.-uppercase {
    text-transform: uppercase;
}

.diff-align-text .-std--xs.-need-bolder {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.diff-align-text .-std--xs.-ls-no {
    letter-spacing: 0;
}

.diff-align-text .-std--xs.-hive-main {
    color: #ffb913;
}

.diff-align-text .-indent {
    color: #d1c025;
    font-size: 2.8rem;
    text-shadow: 0 1px 0 #fff;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    line-height: 1.1;
    letter-spacing: -1.4px;
}

.diff-align-text .-indent.-indent {
    color: #d1c025;
}

.diff-align-text .-indent.-orange {
    color: #ffb913;
}

.diff-align-text .-indent.-blue {
    color: #5556fe !important;
}

.g_mb-2 {
    margin-bottom: 2rem;
}

.g_mb-1 {
    margin-bottom: 1rem;
}

.g_mb-xs {
    margin-bottom: 0.5rem;
}

.g_padding-xs {
    padding: 0.5rem 0;
}

.fz-null {
    font-size: 0;
}

.remove-client-base {
    position: absolute;
    top: 10rem;
    right: 2.5rem;
}

.tariff-modal-desc-title {
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    font-size: 2rem;
    position: absolute;
    top: 108px;
    left: 43px;
    letter-spacing: .3px;
    color: #11c5e4;
}

.tariff-modal-desc-price {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.2rem;
    position: absolute;
    top: 136px;
    left: 43px;
    letter-spacing: .1px;
    color: #11c5e4;
}

.tariff-modal-desc-description {
    width: 200px;
    height: 60px;
    font-family: 'robotolight', Tahoma, Verdana, sans-serif;
    font-size: 11.5px;
    position: absolute;
    top: 220px;
    left: 43px;
    letter-spacing: .2px;
    color: #606c6e;
    overflow: hidden;
}

.personal-color {
    fill: #297fb8 !important;
    color: #297fb8 !important;
}

.common-color {
    fill: #16a086 !important;
    color: #16a086 !important;
}

.nobg {
    background: none;
}

.news-section {
    background-color: #fff;
    padding: .5rem;
}

.alert-background-border {
    border: 1px solid red;
    border-radius: 5px;
    padding: .6rem 1rem;
    background-color: #f3e4de;
}

.modifiloader {
    background-image: url('/img/vertigo.png');
    background-repeat: no-repeat;
    background-size: 3.3rem;
    width: 3.3rem;
    height: 3.3rem;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media print {
    .period-width {
        display: none;
    }
    .popup.-full-view {
        overflow: visible !important;
    }
    .modal {
        padding-top: 0;
        padding-left: 0;
        position: static;
        overflow: visible!important;
    }
    .modal .scroll-wrapper.-auto {
        position: static !important;
        height: auto !important;
        overflow: visible !important;
    }
    .modal .popup_header {
        display: none;
    }
    .modal .popup.-full-view {
        max-width: 100% !important;
    }
    .modal .report-modal {
        height: auto !important;
    }
    .modal-backdrop.in {
        display: none;
    }
    * {
        visibility: hidden;
    }
    .h-print-show {
        visibility: visible !important;
    }
    .h-print-show .main-panel_header.-driver-payment *,
    .h-print-show .panel-item.-driver-payment *,
    .h-print-show .main-panel_header.-dp-neck *,
    .h-print-show .panel-item.-dp-neck * {
        visibility: visible !important;
        font-size: 1rem;
        text-transform: lowercase;
        border-radius: 0;
        border-collapse: collapse;
    }
    .h-print-show .main-panel_header .column-1.-rounding,
    .h-print-show .panel-item .column-1.-rounding,
    .h-print-show .main-panel_header .column-1.-n-round,
    .h-print-show .panel-item .column-1.-n-round,
    .h-print-show .main-panel_header .column-1.-item,
    .h-print-show .panel-item .column-1.-item {
        width: 20rem;
    }
    .h-print-show .main-panel_header .column-2.-rounding,
    .h-print-show .panel-item .column-2.-rounding,
    .h-print-show .main-panel_header .column-2.-n-round,
    .h-print-show .panel-item .column-2.-n-round,
    .h-print-show .main-panel_header .column-2.-item,
    .h-print-show .panel-item .column-2.-item {
        width: 36rem;
    }
    .h-print-show .main-panel_header .column-3.-rounding,
    .h-print-show .panel-item .column-3.-rounding,
    .h-print-show .main-panel_header .column-3.-n-round,
    .h-print-show .panel-item .column-3.-n-round,
    .h-print-show .main-panel_header .column-3.-item,
    .h-print-show .panel-item .column-3.-item {
        width: 42rem;
    }
    .h-print-show .main-panel_header .col-1,
    .h-print-show .panel-item .col-1,
    .h-print-show .main-panel_header .col-2,
    .h-print-show .panel-item .col-2,
    .h-print-show .main-panel_header .col-3,
    .h-print-show .panel-item .col-3,
    .h-print-show .main-panel_header .col-4,
    .h-print-show .panel-item .col-4,
    .h-print-show .main-panel_header .col-5,
    .h-print-show .panel-item .col-5,
    .h-print-show .main-panel_header .col-6,
    .h-print-show .panel-item .col-6,
    .h-print-show .main-panel_header .col-7,
    .h-print-show .panel-item .col-7,
    .h-print-show .main-panel_header .col-8,
    .h-print-show .panel-item .col-8 {
        width: 5rem;
    }
    .g-print-show {
        visibility: visible !important;
    }
    .g-print-show * {
        visibility: visible !important;
    }
    .g-print-show.workers-actions-detailed-report,
    .g-print-show driver-orders-list {
        visibility: visible !important;
        position: absolute;
        left: 1px;
        top: 0;
    }
    .g-print-show driver-orders-list * {
        background-color: #fff;
        box-shadow: none;
        border: none;
        outline: none;
    }
    .g-print-show driver-orders-list section {
        height: 4rem;
    }
    .g-print-show driver-orders-list .col-0 {
        width: 5rem;
    }
    .g-print-show driver-orders-list .col-2 {
        width: 32rem;
    }
    .g-print-show driver-orders-list .col-1,
    .g-print-show driver-orders-list .col-3,
    .g-print-show driver-orders-list .col-4,
    .g-print-show driver-orders-list .col-5,
    .g-print-show driver-orders-list .col-6,
    .g-print-show driver-orders-list .col-7,
    .g-print-show driver-orders-list .col-8 {
        width: 10rem;
    }
    .g-print-show.table-stick-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 90rem;
        display: block;
        border-collapse: collapse;
    }
    .g-print-show.table-stick-wrapper .table-cell {
        border: 1px solid #dde2e0;
        box-shadow: none;
        white-space: normal;
        padding: .5rem;
    }
    .g-print-show.table-stick-wrapper .table-cell .xsm-normal,
    .g-print-show.table-stick-wrapper .table-cell .hmd-bold,
    .g-print-show.table-stick-wrapper .table-cell .xsm-bold {
        font-size: 1rem;
    }
    .g-print-show.table-stick-wrapper .cell-1 {
        white-space: nowrap;
    }
    .g-print-show.table-stick-wrapper .header-table {
        position: relative;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .g-print-show.table-stick-wrapper .body-table {
        position: relative;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .g-print-show.table-stick-wrapper .table-wrapper {
        print-color-adjust: exact;
    }
    .g-print-show.table-stick-wrapper .table-wrapper .table-cell.head {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .table-wrapper.table-report {
        position: absolute;
        top: 0;
        left: 0;
        width: 90rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .table-wrapper.table-report .table-cell.head {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

body.print {
    font-size: 10px;
    background-color: transparent;
    min-width: 100%;
}

body.print .period-width {
    display: none;
}

body.print .popup.-full-view {
    overflow: visible !important;
}

body.print .modal {
    padding-top: 0;
    padding-left: 0;
    position: static;
    overflow: visible!important;
}

body.print .modal .scroll-wrapper.-auto {
    position: static !important;
    height: auto !important;
    overflow: visible !important;
}

body.print .modal .popup_header {
    display: none;
}

body.print .modal .popup.-full-view {
    max-width: 100% !important;
}

body.print .modal .report-modal {
    height: auto !important;
}

body.print .modal-backdrop.in {
    display: none;
}

body.print * {
    visibility: hidden;
}

body.print .h-print-show {
    visibility: visible !important;
}

body.print .h-print-show .main-panel_header.-driver-payment *,
body.print .h-print-show .panel-item.-driver-payment *,
body.print .h-print-show .main-panel_header.-dp-neck *,
body.print .h-print-show .panel-item.-dp-neck * {
    visibility: visible !important;
    font-size: 1rem;
    text-transform: lowercase;
    border-radius: 0;
    border-collapse: collapse;
}

body.print .h-print-show .main-panel_header .column-1.-rounding,
body.print .h-print-show .panel-item .column-1.-rounding,
body.print .h-print-show .main-panel_header .column-1.-n-round,
body.print .h-print-show .panel-item .column-1.-n-round,
body.print .h-print-show .main-panel_header .column-1.-item,
body.print .h-print-show .panel-item .column-1.-item {
    width: 20rem;
}

body.print .h-print-show .main-panel_header .column-2.-rounding,
body.print .h-print-show .panel-item .column-2.-rounding,
body.print .h-print-show .main-panel_header .column-2.-n-round,
body.print .h-print-show .panel-item .column-2.-n-round,
body.print .h-print-show .main-panel_header .column-2.-item,
body.print .h-print-show .panel-item .column-2.-item {
    width: 36rem;
}

body.print .h-print-show .main-panel_header .column-3.-rounding,
body.print .h-print-show .panel-item .column-3.-rounding,
body.print .h-print-show .main-panel_header .column-3.-n-round,
body.print .h-print-show .panel-item .column-3.-n-round,
body.print .h-print-show .main-panel_header .column-3.-item,
body.print .h-print-show .panel-item .column-3.-item {
    width: 42rem;
}

body.print .h-print-show .main-panel_header .col-1,
body.print .h-print-show .panel-item .col-1,
body.print .h-print-show .main-panel_header .col-2,
body.print .h-print-show .panel-item .col-2,
body.print .h-print-show .main-panel_header .col-3,
body.print .h-print-show .panel-item .col-3,
body.print .h-print-show .main-panel_header .col-4,
body.print .h-print-show .panel-item .col-4,
body.print .h-print-show .main-panel_header .col-5,
body.print .h-print-show .panel-item .col-5,
body.print .h-print-show .main-panel_header .col-6,
body.print .h-print-show .panel-item .col-6,
body.print .h-print-show .main-panel_header .col-7,
body.print .h-print-show .panel-item .col-7,
body.print .h-print-show .main-panel_header .col-8,
body.print .h-print-show .panel-item .col-8 {
    width: 5rem;
}

body.print .g-print-show {
    visibility: visible !important;
}

body.print .g-print-show * {
    visibility: visible !important;
}

body.print .g-print-show.workers-actions-detailed-report,
body.print .g-print-show driver-orders-list {
    visibility: visible !important;
    position: absolute;
    left: 1px;
    top: 0;
}

body.print .g-print-show driver-orders-list * {
    background-color: #fff;
    box-shadow: none;
    border: none;
    outline: none;
}

body.print .g-print-show driver-orders-list section {
    height: 4rem;
}

body.print .g-print-show driver-orders-list .col-0 {
    width: 5rem;
}

body.print .g-print-show driver-orders-list .col-2 {
    width: 32rem;
}

body.print .g-print-show driver-orders-list .col-1,
body.print .g-print-show driver-orders-list .col-3,
body.print .g-print-show driver-orders-list .col-4,
body.print .g-print-show driver-orders-list .col-5,
body.print .g-print-show driver-orders-list .col-6,
body.print .g-print-show driver-orders-list .col-7,
body.print .g-print-show driver-orders-list .col-8 {
    width: 10rem;
}

body.print .g-print-show.table-stick-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 90rem;
    display: block;
    border-collapse: collapse;
}

body.print .g-print-show.table-stick-wrapper .table-cell {
    border: 1px solid #dde2e0;
    box-shadow: none;
    white-space: normal;
    padding: .5rem;
}

body.print .g-print-show.table-stick-wrapper .table-cell .xsm-normal,
body.print .g-print-show.table-stick-wrapper .table-cell .hmd-bold,
body.print .g-print-show.table-stick-wrapper .table-cell .xsm-bold {
    font-size: 1rem;
}

body.print .g-print-show.table-stick-wrapper .cell-1 {
    white-space: nowrap;
}

body.print .g-print-show.table-stick-wrapper .header-table {
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

body.print .g-print-show.table-stick-wrapper .body-table {
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

body.print .g-print-show.table-stick-wrapper .table-wrapper {
    print-color-adjust: exact;
}

body.print .g-print-show.table-stick-wrapper .table-wrapper .table-cell.head {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

body.print .table-wrapper.table-report {
    position: absolute;
    top: 0;
    left: 0;
    width: 90rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

body.print .table-wrapper.table-report .table-cell.head {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.invisible {
    opacity: 0;
}

.visible {
    opacity: 1 !important;
}

.transition-list.ng-enter,
.transition-list.ng-leave {
    -webkit-transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -moz-transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -ms-transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -o-transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    position: relative;
    display: block;
}

.transition-list.ng-enter.ng-enter-active,
.transition-list.ng-leave {
    opacity: 1 !important;
    top: 0;
}

.transition-list.ng-leave.ng-leave-active,
.transition-list.ng-enter {
    opacity: 0;
    top: -30px;
}

.transition-show {
    -webkit-transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -moz-transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -ms-transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    -o-transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
    transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

.transition-show.-no-transition {
    transition: none;
}

.transition-show.ng-enter.ng-enter-active,
.transition-show.ng-show {
    opacity: 1 !important;
}

.transition-show.ng-leave.ng-leave-active,
.transition-show.ng-enter,
.transition-show.ng-hide {
    opacity: 0;
}

progress-line {
    display: block;
}

hsvg,
rsvg {
    display: inline-block;
}

perfect-scrollbar {
    display: block;
}

status-icon {
    display: block;
}

.perfect-scrollbar {
    display: block;
}

.orderlist {
    display: block;
}

.-green {
    color: #5556fe !important;
    ;
}

.-red {
    color: #ee1c24;
}

#toast-container {
    position: fixed;
    z-index: 11;
    top: 7.4rem;
    text-align: center;
    width: 60rem;
    margin-left: -30rem;
    left: 50%;
}

#toast-container .toast-close-button {
    position: relative;
    right: -2rem;
    top: 0;
    float: right;
    font-size: 17px;
    color: #d3ca68;
    font-weight: bold;
    -webkit-filter: drop-shadow(1px 1px 0px #ffffff);
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

#toast-container .toast {
    margin-bottom: 0.5rem;
    margin-top: 0.6rem;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    display: inline-block;
    border-radius: 0.4rem;
    background: #faed77;
    padding: .7rem 2.5rem .7rem 1rem;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    font-size: 1rem;
    line-height: 1rem;
    text-shadow: 0 1px 0 #fff;
}

#toast-container .toast.toast-success {
    background: #faed77;
}

#toast-container .toast.toast-error {
    background: #bd3021;
    color: #fff;
    text-shadow: none;
}

#toast-container .toast.toast-error .toast-close-button {
    color: #fff;
    font-weight: bold;
    -webkit-filter: none;
}

#toast-container .toast.toast-info {
    background: #faed77;
    text-shadow: none;
}

#toast-container .toast.toast-wait {
    background: #faed77;
}

#toast-container .toast.toast-warning {
    background: #faed77;
}

:not(.no-enter)#toast-container>div.ng-enter {
    transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

:not(.no-leave)#toast-container>div.ng-leave {
    transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

:not(.no-enter)#toast-container>div.ng-enter.ng-enter-active,
:not(.no-leave)#toast-container>div.ng-leave {
    opacity: 1;
}

:not(.no-leave)#toast-container>div.ng-leave.ng-leave-active,
:not(.no-enter)#toast-container>div.ng-enter {
    opacity: 0;
}

.flatpickr-wrapper {
    display: inline-block;
    position: relative;
}

.flatpickr-wrapper input {
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.flatpickr-calendar,
.calendar {
    background-color: #f8f9f3;
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 3px;
    opacity: 0;
    box-shadow: 3px 5px 14px 0px rgba(0, 0, 0, 0.22);
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    max-height: 0;
    z-index: 0;
    overflow: hidden;
    -webkit-transition: opacity 550ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: opacity 550ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.flatpickr-calendar table,
.calendar table {
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}

.flatpickr-calendar .calendar-header,
.calendar .calendar-header,
.flatpickr-calendar thead,
.calendar thead {
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    text-transform: uppercase;
}

.flatpickr-calendar .calendar-header th:nth-last-of-type(1),
.calendar .calendar-header th:nth-last-of-type(1),
.flatpickr-calendar thead th:nth-last-of-type(1),
.calendar thead th:nth-last-of-type(1),
.flatpickr-calendar .calendar-header th:nth-last-of-type(2),
.calendar .calendar-header th:nth-last-of-type(2),
.flatpickr-calendar thead th:nth-last-of-type(2),
.calendar thead th:nth-last-of-type(2),
.flatpickr-calendar .calendar-header .week-day:nth-last-of-type(1),
.calendar .calendar-header .week-day:nth-last-of-type(1),
.flatpickr-calendar thead .week-day:nth-last-of-type(1),
.calendar thead .week-day:nth-last-of-type(1),
.flatpickr-calendar .calendar-header .week-day:nth-last-of-type(2),
.calendar .calendar-header .week-day:nth-last-of-type(2),
.flatpickr-calendar thead .week-day:nth-last-of-type(2),
.calendar thead .week-day:nth-last-of-type(2) {
    color: #f26521;
}

.flatpickr-calendar .calendar-header .week-day,
.calendar .calendar-header .week-day,
.flatpickr-calendar th,
.calendar th {
    text-align: center;
    padding: 2px 5px;
    font-weight: bold;
    color: #999;
}

.flatpickr-calendar .slot,
.calendar .slot {
    cursor: pointer;
}

.open .calendar,
.open .flatpickr-calendar,
.inline .flatpickr-calendar {
    max-height: 325px;
    z-index: 100;
    opacity: 1;
}

.inline .flatpickr-calendar {
    position: static;
}

.flatpickr-months,
.calendar .header {
    padding: 2px;
    text-align: center;
    padding: 1rem 2px;
}

.calendar .header .calendar-arrow-prev,
.calendar .header .calendar-arrow-next {
    text-decoration: none;
    padding: 0 .4em;
    cursor: pointer;
    color: #5556fe !important;
    font-size: 2rem;
    line-height: 1.4rem;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    text-decoration: none;
    padding: 0 .4em;
    cursor: pointer;
    color: #5556fe !important;
    font-size: 2rem;
    line-height: 1.4rem;
    font-style: normal;
}

.flatpickr-prev-month {
    float: left;
}

.flatpickr-next-month {
    float: right;
}

.flatpickr-current-month,
.current-month {
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 0 #ffffff;
    line-height: 1.1;
}

.flatpickr-current-month.-title,
.current-month.-title {
    margin-bottom: 0.5rem;
}

.flatpickr-current-month.-bright,
.current-month.-bright {
    color: #5556fe !important;
    ;
}

.flatpickr-current-month.-cancellation,
.current-month.-cancellation,
.flatpickr-current-month.-alert,
.current-month.-alert {
    color: #bd3021;
}

.flatpickr-current-month.-light,
.current-month.-light {
    color: rgba(96, 108, 110, 0.5);
}

.flatpickr-current-month.-alarm,
.current-month.-alarm {
    font-size: 1.1rem;
    font-family: 'robotoblack', Tahoma, Verdana, sans-serif;
    color: #ffb913;
}

.flatpickr-current-month.-lh-plus,
.current-month.-lh-plus {
    line-height: 1.4;
}

.flatpickr-current-month.-template,
.current-month.-template {
    color: #5556fe !important;
}

.flatpickr-current-month.-lightest,
.current-month.-lightest {
    color: #fff;
}

.flatpickr-current-month.-red,
.current-month.-red {
    color: #bd3021;
}

.flatpickr-current-month.-indent,
.current-month.-indent {
    color: #d1c025;
}

.flatpickr-current-month.-no-ts,
.current-month.-no-ts {
    text-shadow: none;
}

.flatpickr-current-month.-calmly,
.current-month.-calmly {
    color: #4fb6a1;
}

.flatpickr-current-month.-gray,
.current-month.-gray {
    color: #adaeaa;
}

.flatpickr-current-month.-darkness,
.current-month.-darkness {
    color: #606c6e;
}

.flatpickr-current-month.-initial,
.current-month.-initial {
    text-transform: initial;
}

.flatpickr-current-month.-success,
.current-month.-success {
    color: #16a086;
}

.flatpickr-current-month.-birthday,
.current-month.-birthday {
    color: #ffb913;
}

.calendar div.slot,
.flatpickr-calendar th,
.flatpickr-calendar td {
    width: 14.3%;
}

.flatpickr-day,
.calendar div.slot .day {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    width: 38px;
    margin: 1px;
    font-size: 2.2rem;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -1.1px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
    border: 1px solid transparent;
}

.flatpickr-day.-callsign,
.calendar div.slot .day.-callsign {
    line-height: 0.8;
}

.today .flatpickr-day {
    color: #5556fe !important;
}

td.slot.hovered .flatpickr-day,
td:hover .flatpickr-day {
    border: 1px solid #5556fe !important;
    border-radius: 0.4rem;
    /*background-color: @blue-main;
        color: #fff;*/
}

.selected .flatpickr-day {
    /*color: @blue-main;*/
    background-color: #5556fe !important;
    color: #fff;
}

.calendar div.slot,
td.selected:hover .flatpickr-day {
    background-color: #5556fe !important;
    color: #fff;
}

.flatpickr-calendar .disabled,
.flatpickr-calendar .disabled .flatpickr-day,
.flatpickr-calendar .disabled:hover .flatpickr-day {
    background: transparent;
    border-color: transparent;
    color: #ddd;
    cursor: default;
}

button[data-balloon] {
    overflow: visible;
}

[data-balloon] {
    position: relative;
    cursor: pointer;
}

[data-balloon]:before,
[data-balloon]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -o-transition: all 0.18s ease-out 0.18s;
    -webkit-transition: all 0.18s ease-out 0.18s;
    transition: all 0.18s ease-out 0.18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 10;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -moz-transform-origin: top;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

[data-balloon]:after {
    font-family: sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-shadow: none !important;
    font-size: 12px !important;
    background: rgba(17, 17, 17, 0.9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    padding: .5em 1em;
    white-space: nowrap;
    margin-bottom: 11px;
}

[data-balloon]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px;
}

[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

[data-balloon].font-awesome:after {
    font-family: FontAwesome;
}

[data-balloon][data-balloon-break]:after {
    white-space: pre;
}

[data-balloon-blunt]:before,
[data-balloon-blunt]:after {
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

[data-balloon-pos="down"]:after {
    margin-top: 11px;
}

[data-balloon-pos="down"]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
}

[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

[data-balloon-pos="down-left"]:before,
[data-balloon-pos="down-left"]:after {
    bottom: auto;
    left: 0;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

[data-balloon-pos="down-left"]:after {
    margin-top: 11px;
}

[data-balloon-pos="down-left"]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
    left: 5px;
}

[data-balloon-pos="down-left"]:hover:before,
[data-balloon-pos="down-left"][data-balloon-visible]:before,
[data-balloon-pos="down-left"]:hover:after,
[data-balloon-pos="down-left"][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

[data-balloon-pos="down-right"]:before,
[data-balloon-pos="down-right"]:after {
    bottom: auto;
    right: 0;
    top: 100%;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

[data-balloon-pos="down-right"]:after {
    margin-top: 11px;
}

[data-balloon-pos="down-right"]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
    right: 5px;
}

[data-balloon-pos="down-right"]:hover:before,
[data-balloon-pos="down-right"][data-balloon-visible]:before,
[data-balloon-pos="down-right"]:hover:after,
[data-balloon-pos="down-right"][data-balloon-visible]:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}

[data-balloon-pos="left"]:after {
    margin-right: 11px;
}

[data-balloon-pos="left"]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0;
}

[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%);
}

[data-balloon-pos="right"]:after {
    margin-left: 11px;
}

[data-balloon-pos="right"]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px;
}

[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[data-balloon-length]:after {
    white-space: normal;
}

[data-balloon-length="small"]:after {
    width: 80px;
}

[data-balloon-length="medium"]:after {
    width: 150px;
}

[data-balloon-length="large"]:after {
    width: 260px;
}

[data-balloon-length="xlarge"]:after {
    width: 90vw;
}

@media screen and (min-width: 768px) {
    [data-balloon-length="xlarge"]:after {
        width: 380px;
    }
}

[data-balloon-length="fit"]:after {
    width: 100%;
}

.operator-container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 6rem;
    padding-left: 6rem;
    width: 100%;
    height: 100%;
}

.wrapper_operator_sections {
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    flex-grow: 1;
}

.address-to_items {
    min-height: calc(100vh - 87rem);
}

.operator-form {
    order: 1;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-width: 660px;
    width: 660px;
}

.operator-form .scrollable-area {
    overflow: inherit;
}

.operator-form .s-button .circle-arrow_up-sm {
    width: 12px;
    height: 12px;
}

.operator-form .s-button .circle-arrow_down-sm {
    width: 12px;
    height: 12px;
}

.operator-form .section {
    width: 100%;
}

.operator-form .s-label.-mb {
    margin-bottom: 0.5rem;
}

.operator-form .mla {
    margin-left: auto;
}

.driver-assignee {
    position: absolute;
    right: -38rem;
    z-index: 3;
    width: 38rem;
    background-color: #f8f9f3;
}

.driver-badge {
    position: absolute;
    right: -4rem;
    background-color: #f8f9f3;
    z-index: 3;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.driver-badge:hover {
    background-color: #e7e8e0;
}

.driver-badge.-opened {
    right: -42rem;
}

.driver-badge-counter {
    position: absolute;
    background-color: #91B55B;
    min-width: 1.4rem;
    height: 1.4rem;
    text-align: center;
    color: #fff;
    top: .6rem;
    left: 2rem;
    font-size: 10px;
    border-radius: 15px;
    font-family: 'robotobold', Tahoma, Verdana, sans-serif;
}

.drivers-section {
    order: 2;
    width: 38rem;
    background-color: #f8f9f3;
    box-shadow: none;
}

.drivers-section.hidden {
    display: none;
}

.operator-flex {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.operator-flex div {
    display: flex;
}

.modal-content .operator-container {
    position: relative;
    padding: 0;
}

.operator-form.hidden {
    display: none;
}

.operator-map {
    display: flex;
    flex: 3;
    order: 2;
    margin-top: -1rem;
}

.operator-options-popup {
    left: -28rem !important;
    bottom: -11.5rem !important;
}

.fr {
    float: right;
}

.g-full-width {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
}

.address-from_address {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.address-from_attributes {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: flex-end;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    box-shadow: inset 0 -1px 0 0 #ffffff, inset 0 -2px 0 0 rgba(0, 0, 0, 0.07);
}

.address-from_flat {
    width: 6rem;
    margin-right: 1rem;
}

.address-from_flat-type {
    width: 6rem;
    margin-right: 1rem;
    position: relative;
}

.address-from_porch {
    width: 6rem;
    margin-right: 1rem;
    position: relative;
}

.address-from_comment {
    flex-grow: 1;
}

.address-to_wrapper {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.address-to_label {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.address-to_items .address_row:last-child {
    margin-bottom: 0;
}

.operator-options {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.operator-options_list {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.operator-options_list .options_list {
    flex-grow: 1;
    margin-bottom: -1rem;
}

.operator-comment {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.operator-form .h-input-wrapper {
    line-height: 3rem;
    height: 3rem;
}

.operator-form .h-input_box {
    line-height: 2.6rem;
    padding: 3px 5px;
}

.operator-form .h-input {
    height: 2.8rem;
}

.operator-form .address-select-choices-container {
    top: 2.8rem;
}

.address-input {
    background-color: rgba(96, 108, 110, 0.1);
    box-shadow: 0 1px 0 0 #ffffff;
    border: 0.1rem solid transparent;
    outline: 0 none;
    text-shadow: 0 1px 0 #ffffff;
    color: #606c6e;
    font-size: 1.6rem;
    line-height: 2.8rem;
    height: 3rem;
    width: 100%;
    border-radius: 4px;
    font-family: "robotoregular", Tahoma, Verdana, sans-serif;
}

.address-input input {
    background-color: transparent;
    line-height: 2.8rem;
    font-size: 1.6rem;
    height: 3rem;
    color: #606c6e;
    width: 100%;
    min-width: 5rem;
    padding: 0rem 1rem;
    outline: 0 none;
}

.address-input input:focus {
    outline: 0 none;
    border: 0.1rem solid #5556fe !important;
    color: #606c6e;
    background-color: #ebf4f5;
    box-shadow: 0 0 7px 0 #5556fe !important;
}

.address-select-choices-container {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 3rem;
}

.map-modal-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.map-modal-container .open-map-modal {
    padding-left: 4px;
}

.map-modal-container .open-map-modal .map-icon {
    width: 40px;
    height: 40px;
}

.map-modal-wrapper {
    left: 25% !important;
    top: 60px !important;
}

.map-modal-wrapper .form-title {
    display: block !important;
}

.find-address-map {
    width: 100%;
    height: 600px;
    cursor: pointer;
}

.find-address-map .find-address-point {
    background: #FFFFFF;
    border: 4px solid;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.find-address-map .find-address-tooltip {
    border-radius: 5px;
    background: #FFFFFF;
    border: 1px solid;
    width: max-content;
    padding: 10px;
    position: absolute;
    left: -13px;
    top: -57px;
}

.find-address-map .find-address-tooltip:before {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    left: 16px;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom: 0;
    border-top: 8px solid #5f6c6e;
    transform: translate(-50%, calc(105%));
}


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