html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
* {
border: 0;
margin: 0;
padding: 0
}
*,:after,:before {
box-sizing: border-box
}
body {
color: #4b4b4b;
font-size: 15px;
font-weight: 400;
line-height: 18px
}
.row:after {
clear: both;
content: "";
display: block
}
ul li {
list-style: none
}
article,aside,figcaption,figure,footer,header,main,nav,section {
display: block
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
th {
font-weight: 400
}
a {
-webkit-text-decoration-skip: objects;
background-color: transparent;
cursor: pointer;
text-decoration: none
}
b,strong {
font-weight: 600
}
audio,video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button:focus,div:focus,img:focus,input:focus,select:focus,textarea:focus {
outline: none
}
button,input,optgroup,select,textarea {
margin: 0
}
input,input::placeholder,select,textarea,textarea::placeholder {
font-family: Roboto,sans-serif!important
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
button {
background-color: transparent;
cursor: pointer;
outline: none
}
[type=reset],[type=submit],button,html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
box-sizing: border-box;
display: none;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,menu {
display: block
}
[hidden] {
display: none
}
::-webkit-scrollbar {
background-color: #fff;
height: 8px;
opacity: .6;
width: 4px
}
::-webkit-scrollbar-thumb {
background-color: var(--dpk-gray-30);
border-radius: 10px
}
::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 10px
}
::-moz-scrollbar {
background-color: #eee;
height: 8px;
opacity: .6;
width: 8px
}
::-moz-scrollbar-thumb {
background-color: grey;
border-radius: 10px
}
::-moz-scrollbar-track {
background-color: #fff;
border-radius: 10px
}
scrollbar {
appearance: none;
background-color: #eee;
height: 8px;
opacity: .6;
width: 8px
}
::scrollbar-thumb {
background-color: grey;
border-radius: 10px
}
::scrollbar-track {
background-color: #fff;
border-radius: 10px
}
body::-webkit-scrollbar {
background-color: #fff;
height: 8px;
opacity: .6;
width: 8px
}
body::-webkit-scrollbar-thumb {
background-color: #0456a0;
border-radius: 10px
}
body::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 10px
}
body::-moz-scrollbar {
background-color: #eee;
height: 30px;
opacity: .6;
width: 8px
}
body::-moz-scrollbar-thumb {
background-color: #0456a0;
border-radius: 10px
}
body::-moz-scrollbar-track {
background-color: #fff;
border-radius: 10px
}
.cursor-pointer {
cursor: pointer!important
}
.cursor-default {
cursor: default!important
}
.pointer-events-none {
pointer-events: none!important
}
.transition-standart {
transition: .3s
}
.transition-05 {
transition: .5s
}
.transition-07 {
transition: .7s
}
.position-relative {
position: relative
}
.position-fixed {
position: fixed
}
.position-absolute {
position: absolute
}
.overflow-hidden {
overflow: hidden
}
.overflow-x-hidden {
overflow-x: hidden
}
.overflow-y-hidden {
overflow-y: hidden
}
.overflow-auto {
overflow: auto
}
.opacity-10 {
opacity: 1
}
.opacity-09 {
opacity: .9
}
.opacity-08 {
opacity: .8
}
.opacity-07 {
opacity: .7
}
.opacity-06 {
opacity: .6
}
.opacity-05 {
opacity: .5
}
.opacity-04 {
opacity: .4
}
.opacity-03 {
opacity: .3
}
.opacity-02 {
opacity: .2
}
.opacity-01 {
opacity: .1
}
.opacity-0 {
opacity: 0
}
.z-index-1 {
z-index: 1
}
.z-index-2 {
z-index: 2
}
.z-index-3 {
z-index: 3
}
.z-index-4 {
z-index: 4
}
.z-index-5 {
z-index: 5
}
.z-index-6 {
z-index: 6
}
.z-index-7 {
z-index: 7
}
.z-index-8 {
z-index: 8
}
.z-index-9 {
z-index: 9
}
.z-index-10 {
z-index: 10
}
.z-index-11 {
z-index: 11
}
.z-index-12 {
z-index: 12
}
.z-index-1000 {
z-index: 1000
}
.transform-rotateZ {
display: block;
transform: rotate(180deg)
}
.item-hover:hover {
background-color: rgba(0,97,162,.08)!important;
cursor: pointer;
transition: background-color .3s
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
transform: none
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@keyframes fadeInRightSmall {
0% {
left: 15px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
@-webkit-keyframes fadeInRightSmall {
0% {
left: 15px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
@-moz-keyframes fadeInRightSmall {
0% {
left: 15px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
.fadeInRightSmall {
-webkit-animation-name: fadeInRightSmall;
animation-name: fadeInRightSmall;
position: relative
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(-15%)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes slide-down {
0% {
opacity: 0;
-webkit-transform: translateY(-15%);
transform: translateY(-15%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes slide-down {
0% {
opacity: 0;
-moz-transform: translateY(-15%)
}
to {
opacity: 1;
-moz-transform: translateY(0)
}
}
.slide-down {
-webkit-animation-name: slide-down;
animation-name: slide-down
}
@keyframes slide-down-small {
0% {
opacity: 0;
transform: translateY(-15px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes slide-down-small {
0% {
opacity: 0;
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes slide-down-small {
0% {
opacity: 0;
-moz-transform: translateY(-15px)
}
to {
opacity: 1;
-moz-transform: translateY(0)
}
}
.slide-down-small {
-webkit-animation-name: slide-down-small;
animation-name: slide-down-small
}
@keyframes slide-up {
0% {
opacity: 0;
transform: translateY(15%)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes slide-up {
0% {
opacity: 0;
-webkit-transform: translateY(15%)
}
to {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes slide-up {
0% {
opacity: 0;
-moz-transform: translateY(15%)
}
to {
opacity: 1;
-moz-transform: translateY(0)
}
}
.slide-up {
-webkit-animation-name: slide-up!important;
animation-name: slide-up!important
}
.spin {
animation-duration: 3s;
animation-iteration-count: infinite;
animation-name: spin;
-webkit-animation-name: spin!important;
animation-timing-function: linear
}
@keyframes slide-up-small {
0% {
opacity: 0;
transform: translateY(15px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes slide-up-small {
0% {
opacity: 0;
-webkit-transform: translateY(15px);
transform: translateY(15px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes slide-up-small {
0% {
opacity: 0;
-moz-transform: translateY(15px)
}
to {
opacity: 1;
-moz-transform: translateY(0)
}
}
.slide-up-small {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-up-small!important;
animation-name: slide-up-small!important
}
@keyframes fadeInLeft {
0% {
left: -15%;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
@-webkit-keyframes fadeInLeft {
0% {
left: -15%;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
@-moz-keyframes fadeInLeft {
0% {
left: -15%;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
position: relative
}
@keyframes fadeInLeftSmall {
0% {
opacity: 0;
transform: translate3d(-2%,0,0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@-webkit-keyframes fadeInLeftSmall {
0% {
opacity: 0;
-webkit-transform: translate3d(-2%,0,0);
transform: translate3d(-2%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-moz-keyframes fadeInLeftSmall {
0% {
opacity: 0;
transform: translate3d(-2%,0,0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInLeftSmall {
-webkit-animation-name: fadeInLeftSmall;
animation-name: fadeInLeftSmall
}
@keyframes filter-display {
0% {
height: 100vh
}
to {
height: 100vh;
left: 0;
opacity: 1;
overflow: auto
}
}
@-webkit-keyframes filter-display {
0% {
height: 100vh
}
to {
height: 100vh;
left: 0;
opacity: 1;
overflow: auto
}
}
@-moz-keyframes filter-display {
0% {
height: 100vh
}
to {
height: 100vh;
left: 0;
opacity: 1;
overflow: auto
}
}
.filter-display {
-webkit-animation-name: filter-display;
animation-name: filter-display
}
@keyframes filter-hide {
0% {
height: 100vh;
overflow: hidden
}
to {
height: 0;
left: -20px;
opacity: 0;
padding: 0
}
}
@-webkit-keyframes filter-hide {
0% {
height: 100vh;
overflow: hidden
}
to {
height: 0;
left: -20px;
opacity: 0;
padding: 0
}
}
@-moz-keyframes filter-hide {
0% {
height: 100vh;
overflow: hidden
}
to {
height: 0;
left: -20px;
opacity: 0;
padding: 0
}
}
.filter-hide {
animation-duration: .5s;
-webkit-animation-name: filter-hide;
animation-name: filter-hide
}
@keyframes notifications {
0% {
display: none;
opacity: 0
}
99% {
display: none;
opacity: 0
}
to {
display: block;
opacity: 1
}
}
@-webkit-keyframes notifications {
0% {
display: none;
opacity: 0
}
99% {
display: none;
opacity: 0
}
to {
display: block;
opacity: 1
}
}
.fadeInLeftSmall {
animation-duration: .3s;
-webkit-animation-name: notifications;
animation-name: notifications
}
.loading-spinner {
animation-duration: .75s;
animation-iteration-count: infinite;
animation-name: rotate-forever;
animation-timing-function: linear;
border: 3px solid #4b4b4b;
border-radius: 50%;
border-right-color: transparent;
display: inline-block;
height: 18px;
margin-left: 20px;
width: 18px
}
@keyframes rotate-forever {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.fadeInLeft,.fadeInLeftSmall,.fadeInRight,.fadeInRightSmall,.filter-display,.filter-hide,.mtsFadeLeft,.slide-down,.slide-down-small,.slide-up,.slide-up-small {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.animation-duration-03 {
animation-duration: .3s
}
.animation-duration-04 {
animation-duration: .4s
}
.animation-duration-05 {
animation-duration: .5s
}
.animation-duration-07 {
animation-duration: .7s
}
.animation-delay-01 {
animation-delay: .1s
}
.animation-delay-02 {
animation-delay: .2s
}
.animation-delay-03 {
animation-delay: .3s
}
.animation-delay-04 {
animation-delay: .4s
}
.animation-delay-05 {
animation-delay: .5s
}
.animation-delay-07 {
animation-delay: .7s
}
.row {
flex: 0 1 auto;
flex-wrap: wrap;
margin: 0 -16px
}
.d-flex,.row {
display: flex!important
}
.d-flex {
flex: 0 1 auto
}
.flex-gap-4 {
gap: 4px
}
.flex-gap-8 {
gap: 8px
}
.flex-gap-12 {
gap: 12px
}
.flex-gap-16 {
gap: 16px
}
.d-inline-flex {
display: inline-flex!important;
flex: 0 1 auto
}
.d-block {
display: block!important
}
.d-inline-block {
display: inline-block!important
}
.d-inline {
display: inline!important
}
.d-none {
display: none!important
}
@media (min-width: 580px) {
.d-xs-flex {
display:flex!important
}
.d-xs-inline-flex {
display: inline-flex!important;
flex: 0 1 auto
}
.d-xs-block {
display: block!important
}
.d-xs-inline-block {
display: inline-block!important
}
.d-xs-inline {
display: inline!important
}
.d-xs-none {
display: none!important
}
}
@media (min-width: 768px) {
.d-sm-flex {
display:flex!important
}
.d-sm-inline-flex {
display: inline-flex!important;
flex: 0 1 auto
}
.d-sm-block {
display: block!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-none {
display: none!important
}
}
@media (min-width: 1024px) {
.d-md-flex {
display:flex!important
}
.d-md-inline-flex {
display: inline-flex!important;
flex: 0 1 auto
}
.d-md-block {
display: block!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-inline {
display: inline!important
}
.d-md-none {
display: none!important
}
}
@media (min-width: 1280px) {
.d-lg-flex {
display:flex!important
}
.d-lg-inline-flex {
display: inline-flex!important;
flex: 0 1 auto
}
.d-lg-block {
display: block!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-none {
display: none!important
}
}
@media (min-width: 1680px) {
.d-xl-flex {
display:flex!important
}
.d-xl-inline-flex {
display: inline-flex!important;
flex: 0 1 auto
}
.d-xl-block {
display: block!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-none {
display: none!important
}
}
.d-flex-fullheight {
display: flex;
flex-direction: column;
gap: 12px;
height: 100%
}
.flex-shrink-0 {
flex-shrink: 0!important
}
.flex-shrink-1 {
flex-shrink: 1!important
}
.flex-grow,.flex-grow-1 {
flex-grow: 1!important
}
.flex-grow-2 {
flex-grow: 2!important
}
.flex-grow-3 {
flex-grow: 3!important
}
.flex-grow-4 {
flex-grow: 4!important
}
.flex-grow-5 {
flex-grow: 5!important
}
.flex-grow-6 {
flex-grow: 6!important
}
.flex-grow-7 {
flex-grow: 7!important
}
.flex-grow-8 {
flex-grow: 8!important
}
.flex-grow-9 {
flex-grow: 9!important
}
.flex-grow-10 {
flex-grow: 10!important
}
.flex-grow-11 {
flex-grow: 11!important
}
.flex-grow-12 {
flex-grow: 12!important
}
.flex-wrap {
flex-wrap: wrap!important
}
.flex-nowrap {
flex-wrap: nowrap!important
}
.flex-col,.flex-column {
flex-direction: column!important
}
.flex-row {
flex-direction: row!important
}
.ai-s,.align-items-start {
align-items: flex-start!important
}
.ai-c,.align-items-center {
align-items: center!important
}
.ai-bl,.align-items-baseline {
align-items: baseline!important
}
.ai-end,.align-items-end {
align-items: flex-end!important
}
.ai-stretch,.align-items-stretch {
align-items: stretch!important
}
.jc-s,.justify-content-start {
justify-content: flex-start!important
}
.jc-c,.justify-content-center {
justify-content: center!important
}
.jc-end,.justify-content-end {
justify-content: flex-end!important
}
.jc-sb,.justify-content-between {
justify-content: space-between!important
}
.jc-ev,.justify-content-evenly {
justify-content: space-evenly!important
}
.jc-ar,.justify-content-around {
justify-content: space-around!important
}
@media (min-width: 580px) {
.flex-xs-shrink-0 {
flex-shrink:0
}
.flex-xs-shrink-1 {
flex-shrink: 1
}
.flex-xs-grow {
flex-grow: 1
}
.flex-xs-grow-2 {
flex-grow: 2
}
.flex-xs-grow-3 {
flex-grow: 3
}
.flex-xs-grow-4 {
flex-grow: 4
}
.flex-xs-grow-5 {
flex-grow: 5
}
.flex-xs-grow-6 {
flex-grow: 6
}
.flex-xs-grow-7 {
flex-grow: 7
}
.flex-xs-grow-8 {
flex-grow: 8
}
.flex-xs-grow-9 {
flex-grow: 9
}
.flex-xs-grow-10 {
flex-grow: 10
}
.flex-xs-grow-11 {
flex-grow: 11
}
.flex-xs-grow-12 {
flex-grow: 12
}
.flex-xs-wrap {
flex-wrap: wrap!important
}
.flex-xs-nowrap {
flex-wrap: nowrap!important
}
.flex-xs-column {
flex-direction: column!important
}
.flex-xs-row {
flex-direction: row!important
}
.align-xs-items-start {
align-items: flex-start!important
}
.align-xs-items-center {
align-items: center!important
}
.align-xs-items-baseline {
align-items: baseline!important
}
.align-xs-items-end {
align-items: flex-end!important
}
.align-xs-items-stretch {
align-items: stretch!important
}
.justify-xs-content-start {
justify-content: flex-start!important
}
.justify-xs-content-center {
justify-content: center!important
}
.justify-xs-content-end {
justify-content: flex-end!important
}
.justify-xs-content-between {
justify-content: space-between!important
}
.justify-xs-content-evenly {
justify-content: space-evenly!important
}
.justify-xs-content-around {
justify-content: space-around!important
}
.ai-xs-s {
align-items: flex-start!important
}
.ai-xs-c {
align-items: center!important
}
.ai-xs-bl {
align-items: baseline!important
}
.ai-xs-e {
align-items: flex-end!important
}
.ai-xs-stretch {
align-items: stretch!important
}
.jc-xs-s {
justify-content: flex-start!important
}
.jc-xs-c {
justify-content: center!important
}
.jc-xs-e {
justify-content: flex-end!important
}
.jc-xs-sb {
justify-content: space-between!important
}
.jc-xs-ev {
justify-content: space-evenly!important
}
.jc-xs-ar {
justify-content: space-around!important
}
}
@media (min-width: 768px) {
.flex-sm-shrink-0 {
flex-shrink:0
}
.flex-sm-shrink-1 {
flex-shrink: 1
}
.flex-sm-grow {
flex-grow: 1
}
.flex-sm-grow-2 {
flex-grow: 2
}
.flex-sm-grow-3 {
flex-grow: 3
}
.flex-sm-grow-4 {
flex-grow: 4
}
.flex-sm-grow-5 {
flex-grow: 5
}
.flex-sm-grow-6 {
flex-grow: 6
}
.flex-sm-grow-7 {
flex-grow: 7
}
.flex-sm-grow-8 {
flex-grow: 8
}
.flex-sm-grow-9 {
flex-grow: 9
}
.flex-sm-grow-10 {
flex-grow: 10
}
.flex-sm-grow-11 {
flex-grow: 11
}
.flex-sm-grow-12 {
flex-grow: 12
}
.flex-sm-wrap {
flex-wrap: wrap!important
}
.flex-sm-nowrap {
flex-wrap: nowrap!important
}
.flex-sm-column {
flex-direction: column!important
}
.flex-sm-row {
flex-direction: row!important
}
.align-sm-items-start {
align-items: flex-start!important
}
.align-sm-items-center {
align-items: center!important
}
.align-sm-items-baseline {
align-items: baseline!important
}
.align-sm-items-end {
align-items: flex-end!important
}
.align-sm-items-stretch {
align-items: stretch!important
}
.justify-sm-content-start {
justify-content: flex-start!important
}
.justify-sm-content-center {
justify-content: center!important
}
.justify-sm-content-end {
justify-content: flex-end!important
}
.justify-sm-content-between {
justify-content: space-between!important
}
.justify-sm-content-evenly {
justify-content: space-evenly!important
}
.justify-sm-content-around {
justify-content: space-around!important
}
.ai-sm-s {
align-items: flex-start!important
}
.ai-sm-c {
align-items: center!important
}
.ai-sm-bl {
align-items: baseline!important
}
.ai-sm-e {
align-items: flex-end!important
}
.ai-sm-stretch {
align-items: stretch!important
}
.jc-sm-s {
justify-content: flex-start!important
}
.jc-sm-c {
justify-content: center!important
}
.jc-sm-e {
justify-content: flex-end!important
}
.jc-sm-sb {
justify-content: space-between!important
}
.jc-sm-ev {
justify-content: space-evenly!important
}
.jc-sm-ar {
justify-content: space-around!important
}
}
@media (min-width: 1024px) {
.flex-md-shrink-0 {
flex-shrink:0
}
.flex-md-shrink-1 {
flex-shrink: 1
}
.flex-md-grow {
flex-grow: 1
}
.flex-md-grow-2 {
flex-grow: 2
}
.flex-md-grow-3 {
flex-grow: 3
}
.flex-md-grow-4 {
flex-grow: 4
}
.flex-md-grow-5 {
flex-grow: 5
}
.flex-md-grow-6 {
flex-grow: 6
}
.flex-md-grow-7 {
flex-grow: 7
}
.flex-md-grow-8 {
flex-grow: 8
}
.flex-md-grow-9 {
flex-grow: 9
}
.flex-md-grow-10 {
flex-grow: 10
}
.flex-md-grow-11 {
flex-grow: 11
}
.flex-md-grow-12 {
flex-grow: 12
}
.flex-md-wrap {
flex-wrap: wrap!important
}
.flex-md-nowrap {
flex-wrap: nowrap!important
}
.flex-md-column {
flex-direction: column!important
}
.flex-md-row {
flex-direction: row!important
}
.align-md-items-start {
align-items: flex-start!important
}
.align-md-items-center {
align-items: center!important
}
.align-md-items-baseline {
align-items: baseline!important
}
.align-md-items-end {
align-items: flex-end!important
}
.align-md-items-stretch {
align-items: stretch!important
}
.justify-md-content-start {
justify-content: flex-start!important
}
.justify-md-content-center {
justify-content: center!important
}
.justify-md-content-end {
justify-content: flex-end!important
}
.justify-md-content-between {
justify-content: space-between!important
}
.justify-md-content-evenly {
justify-content: space-evenly!important
}
.justify-md-content-around {
justify-content: space-around!important
}
.ai-md-s {
align-items: flex-start!important
}
.ai-md-c {
align-items: center!important
}
.ai-md-bl {
align-items: baseline!important
}
.ai-md-e {
align-items: flex-end!important
}
.ai-md-stretch {
align-items: stretch!important
}
.jc-md-s {
justify-content: flex-start!important
}
.jc-md-c {
justify-content: center!important
}
.jc-md-e {
justify-content: flex-end!important
}
.jc-md-sb {
justify-content: space-between!important
}
.jc-md-ev {
justify-content: space-evenly!important
}
.jc-md-ar {
justify-content: space-around!important
}
}
@media (min-width: 1280px) {
.flex-lg-shrink-0 {
flex-shrink:0
}
.flex-lg-shrink-1 {
flex-shrink: 1
}
.flex-lg-grow {
flex-grow: 1
}
.flex-lg-grow-2 {
flex-grow: 2
}
.flex-lg-grow-3 {
flex-grow: 3
}
.flex-lg-grow-4 {
flex-grow: 4
}
.flex-lg-grow-5 {
flex-grow: 5
}
.flex-lg-grow-6 {
flex-grow: 6
}
.flex-lg-grow-7 {
flex-grow: 7
}
.flex-lg-grow-8 {
flex-grow: 8
}
.flex-lg-grow-9 {
flex-grow: 9
}
.flex-lg-grow-10 {
flex-grow: 10
}
.flex-lg-grow-11 {
flex-grow: 11
}
.flex-lg-grow-12 {
flex-grow: 12
}
.flex-lg-wrap {
flex-wrap: wrap!important
}
.flex-lg-nowrap {
flex-wrap: nowrap!important
}
.flex-lg-column {
flex-direction: column!important
}
.flex-lg-row {
flex-direction: row!important
}
.align-lg-items-start {
align-items: flex-start!important
}
.align-lg-items-center {
align-items: center!important
}
.align-lg-items-baseline {
align-items: baseline!important
}
.align-lg-items-end {
align-items: flex-end!important
}
.align-lg-items-stretch {
align-items: stretch!important
}
.justify-lg-content-start {
justify-content: flex-start!important
}
.justify-lg-content-center {
justify-content: center!important
}
.justify-lg-content-end {
justify-content: flex-end!important
}
.justify-lg-content-between {
justify-content: space-between!important
}
.justify-lg-content-evenly {
justify-content: space-evenly!important
}
.justify-lg-content-around {
justify-content: space-around!important
}
.ai-lg-s {
align-items: flex-start!important
}
.ai-lg-c {
align-items: center!important
}
.ai-lg-bl {
align-items: baseline!important
}
.ai-lg-e {
align-items: flex-end!important
}
.ai-lg-stretch {
align-items: stretch!important
}
.jc-lg-s {
justify-content: flex-start!important
}
.jc-lg-c {
justify-content: center!important
}
.jc-lg-e {
justify-content: flex-end!important
}
.jc-lg-sb {
justify-content: space-between!important
}
.jc-lg-ev {
justify-content: space-evenly!important
}
.jc-lg-ar {
justify-content: space-around!important
}
}
@media (min-width: 1680px) {
.flex-xl-shrink-0 {
flex-shrink:0
}
.flex-xl-shrink-1 {
flex-shrink: 1
}
.flex-xl-grow {
flex-grow: 1
}
.flex-xl-grow-2 {
flex-grow: 2
}
.flex-xl-grow-3 {
flex-grow: 3
}
.flex-xl-grow-4 {
flex-grow: 4
}
.flex-xl-grow-5 {
flex-grow: 5
}
.flex-xl-grow-6 {
flex-grow: 6
}
.flex-xl-grow-7 {
flex-grow: 7
}
.flex-xl-grow-8 {
flex-grow: 8
}
.flex-xl-grow-9 {
flex-grow: 9
}
.flex-xl-grow-10 {
flex-grow: 10
}
.flex-xl-grow-11 {
flex-grow: 11
}
.flex-xl-grow-12 {
flex-grow: 12
}
.flex-xl-wrap {
flex-wrap: wrap!important
}
.flex-xl-nowrap {
flex-wrap: nowrap!important
}
.flex-xl-column {
flex-direction: column!important
}
.flex-xl-row {
flex-direction: row!important
}
.ai-xl-s,.align-xl-items-start {
align-items: flex-start!important
}
.align-xl-items-center {
align-items: center!important
}
.align-xl-items-baseline {
align-items: baseline!important
}
.align-xl-items-end {
align-items: flex-end!important
}
.align-xl-items-stretch {
align-items: stretch!important
}
.justify-xl-content-start {
justify-content: flex-start!important
}
.justify-xl-content-center {
justify-content: center!important
}
.justify-xl-content-end {
justify-content: flex-end!important
}
.justify-xl-content-between {
justify-content: space-between!important
}
.justify-xl-content-evenly {
justify-content: space-evenly!important
}
.justify-xl-content-around {
justify-content: space-around!important
}
.ai-xl-s {
align-items: flex-start!important
}
.ai-xl-c {
align-items: center!important
}
.ai-xl-bl {
align-items: baseline!important
}
.ai-xl-e {
align-items: flex-end!important
}
.ai-xl-stretch {
align-items: stretch!important
}
.jc-xl-s {
justify-content: flex-start!important
}
.jc-xl-c {
justify-content: center!important
}
.jc-xl-e {
justify-content: flex-end!important
}
.jc-xl-sb {
justify-content: space-between!important
}
.jc-xl-ev {
justify-content: space-evenly!important
}
.jc-xl-ar {
justify-content: space-around!important
}
}
.order-1 {
order: 1!important
}
.order-2 {
order: 2!important
}
.order-3 {
order: 3!important
}
.order-4 {
order: 4!important
}
.order-5 {
order: 5!important
}
.order-6 {
order: 6!important
}
.order-7 {
order: 7!important
}
.order-8 {
order: 8!important
}
.order-9 {
order: 9!important
}
.order-10 {
order: 10!important
}
.order-11 {
order: 11!important
}
.order-12 {
order: 12!important
}
.order-99 {
order: 99!important
}
@media (min-width: 580px) {
.order-xs-1 {
order:1!important
}
.order-xs-2 {
order: 2!important
}
.order-xs-3 {
order: 3!important
}
.order-xs-4 {
order: 4!important
}
.order-xs-5 {
order: 5!important
}
.order-xs-6 {
order: 6!important
}
.order-xs-7 {
order: 7!important
}
.order-xs-8 {
order: 8!important
}
.order-xs-9 {
order: 9!important
}
.order-xs-10 {
order: 10!important
}
.order-xs-11 {
order: 11!important
}
.order-xs-12 {
order: 12!important
}
}
@media (min-width: 768px) {
.order-sm-1 {
order:1!important
}
.order-sm-2 {
order: 2!important
}
.order-sm-3 {
order: 3!important
}
.order-sm-4 {
order: 4!important
}
.order-sm-5 {
order: 5!important
}
.order-sm-6 {
order: 6!important
}
.order-sm-7 {
order: 7!important
}
.order-sm-8 {
order: 8!important
}
.order-sm-9 {
order: 9!important
}
.order-sm-10 {
order: 10!important
}
.order-sm-11 {
order: 11!important
}
.order-sm-12 {
order: 12!important
}
}
@media (min-width: 1024px) {
.order-md-1 {
order:1!important
}
.order-md-2 {
order: 2!important
}
.order-md-3 {
order: 3!important
}
.order-md-4 {
order: 4!important
}
.order-md-5 {
order: 5!important
}
.order-md-6 {
order: 6!important
}
.order-md-7 {
order: 7!important
}
.order-md-8 {
order: 8!important
}
.order-md-9 {
order: 9!important
}
.order-md-10 {
order: 10!important
}
.order-md-11 {
order: 11!important
}
.order-md-12 {
order: 12!important
}
}
@media (min-width: 1280px) {
.order-lg-1 {
order:1!important
}
.order-lg-2 {
order: 2!important
}
.order-lg-3 {
order: 3!important
}
.order-lg-4 {
order: 4!important
}
.order-lg-5 {
order: 5!important
}
.order-lg-6 {
order: 6!important
}
.order-lg-7 {
order: 7!important
}
.order-lg-8 {
order: 8!important
}
.order-lg-9 {
order: 9!important
}
.order-lg-10 {
order: 10!important
}
.order-lg-11 {
order: 11!important
}
.order-lg-12 {
order: 12!important
}
}
@media (min-width: 1680px) {
.order-xl-1 {
order:1!important
}
.order-xl-2 {
order: 2!important
}
.order-xl-3 {
order: 3!important
}
.order-xl-4 {
order: 4!important
}
.order-xl-5 {
order: 5!important
}
.order-xl-6 {
order: 6!important
}
.order-xl-7 {
order: 7!important
}
.order-xl-8 {
order: 8!important
}
.order-xl-9 {
order: 9!important
}
.order-xl-10 {
order: 10!important
}
.order-xl-11 {
order: 11!important
}
.order-xl-12 {
order: 12!important
}
}
.column-gap-8 {
column-gap: 8px
}
.column-gap-16 {
column-gap: 16px
}
.row-gap-8 {
row-gap: 8px
}
.row-gap-16 {
row-gap: 16px
}
.w-100 {
width: 100%!important
}
.h-100 {
height: 100%!important
}
.w-100vw {
width: 100vw!important
}
.h-100vh {
height: 100vh!important
}
.w-auto {
width: auto!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.mw-100vw {
min-width: 100vw!important
}
.mh-100vh {
min-height: 100vh!important
}
.w-10 {
width: 10%!important
}
.w-20 {
width: 20%!important
}
.w-25 {
width: 25%!important
}
.w-30 {
width: 30%!important
}
.w-33 {
width: 33.33%!important
}
.w-35 {
width: 35%!important
}
.w-40 {
width: 40%!important
}
.w-50 {
width: 50%!important
}
.w-60 {
width: 60%!important
}
.w-70 {
width: 70%!important
}
.w-75 {
width: 75%!important
}
.w-80 {
width: 80%!important
}
.w-90 {
width: 90%!important
}
@media (min-width: 580px) {
.w-xs-10 {
width:10%!important
}
.w-xs-20 {
width: 20%!important
}
.w-xs-25 {
width: 25%!important
}
.w-xs-30 {
width: 30%!important
}
.w-xs-33 {
width: 33.33%!important
}
.w-xs-40 {
width: 40%!important
}
.w-xs-50 {
width: 50%!important
}
.w-xs-60 {
width: 60%!important
}
.w-xs-70 {
width: 70%!important
}
.w-xs-75 {
width: 75%!important
}
.w-xs-80 {
width: 80%!important
}
.w-xs-90 {
width: 90%!important
}
.w-xs-100 {
width: 100%!important
}
.w-xs-auto {
width: auto!important
}
}
@media (min-width: 768px) {
.w-sm-10 {
width:10%!important
}
.w-sm-20 {
width: 20%!important
}
.w-sm-25 {
width: 25%!important
}
.w-sm-30 {
width: 30%!important
}
.w-sm-33 {
width: 33.33%!important
}
.w-sm-40 {
width: 40%!important
}
.w-sm-50 {
width: 50%!important
}
.w-sm-60 {
width: 60%!important
}
.w-sm-70 {
width: 70%!important
}
.w-sm-75 {
width: 75%!important
}
.w-sm-80 {
width: 80%!important
}
.w-sm-90 {
width: 90%!important
}
.w-sm-100 {
width: 100%!important
}
.w-sm-auto {
width: auto!important
}
}
@media (min-width: 1024px) {
.w-md-10 {
width:10%!important
}
.w-md-20 {
width: 20%!important
}
.w-md-25 {
width: 25%!important
}
.w-md-30 {
width: 30%!important
}
.w-md-33 {
width: 33.33%!important
}
.w-md-40 {
width: 40%!important
}
.w-md-50 {
width: 50%!important
}
.w-md-60 {
width: 60%!important
}
.w-md-70 {
width: 70%!important
}
.w-md-75 {
width: 75%!important
}
.w-md-80 {
width: 80%!important
}
.w-md-90 {
width: 90%!important
}
.w-md-100 {
width: 100%!important
}
.w-md-auto {
width: auto!important
}
}
@media (min-width: 1280px) {
.w-lg-10 {
width:10%!important
}
.w-lg-20 {
width: 20%!important
}
.w-lg-25 {
width: 25%!important
}
.w-lg-30 {
width: 30%!important
}
.w-lg-33 {
width: 33.33%!important
}
.w-lg-40 {
width: 40%!important
}
.w-lg-50 {
width: 50%!important
}
.w-lg-60 {
width: 60%!important
}
.w-lg-70 {
width: 70%!important
}
.w-lg-75 {
width: 75%!important
}
.w-lg-80 {
width: 80%!important
}
.w-lg-90 {
width: 90%!important
}
.w-lg-100 {
width: 100%!important
}
.w-lg-auto {
width: auto!important
}
}
@media (min-width: 1680px) {
.w-xl-10 {
width:10%!important
}
.w-xl-20 {
width: 20%!important
}
.w-xl-25 {
width: 25%!important
}
.w-xl-30 {
width: 30%!important
}
.w-xl-33 {
width: 33.33%!important
}
.w-xl-40 {
width: 40%!important
}
.w-xl-50 {
width: 50%!important
}
.w-xl-60 {
width: 60%!important
}
.w-xl-70 {
width: 70%!important
}
.w-xl-75 {
width: 75%!important
}
.w-xl-80 {
width: 80%!important
}
.w-xl-90 {
width: 90%!important
}
.w-xl-100 {
width: 100%!important
}
.w-xl-auto {
width: auto!important
}
}
.overflow-hidden {
overflow: hidden!important
}
.overflow-visible {
overflow: visible!important
}
.overflow-x-hidden {
overflow-x: hidden!important
}
.overflow-y-hidden {
overflow-y: hidden!important
}
.overflow-x-auto {
overflow-x: auto!important
}
.overflow-y-auto {
overflow-y: auto!important
}
.mt-a {
margin-top: auto!important
}
.mt-0,.my-0 {
margin-top: 0!important
}
.mt-4,.my-4 {
margin-top: 4px!important
}
.mt-8,.my-8 {
margin-top: 8px!important
}
.mt-12,.my-12 {
margin-top: 12px!important
}
.mt-14,.my-14 {
margin-top: 14px!important
}
.mt-16,.my-16 {
margin-top: 16px!important
}
.mt-20,.my-20 {
margin-top: 20px!important
}
.mt-22,.my-22 {
margin-top: 22px!important
}
.mt-24,.my-24 {
margin-top: 24px!important
}
.mt-28,.my-28 {
margin-top: 28px!important
}
.mt-32,.my-32 {
margin-top: 32px!important
}
.mt-34,.my-34 {
margin-top: 34px!important
}
.mt-36,.my-36 {
margin-top: 36px!important
}
.mt-38,.my-38 {
margin-top: 38px!important
}
.mt-40,.my-40 {
margin-top: 40px!important
}
.mt-48,.my-48 {
margin-top: 48px!important
}
.mt-60,.my-60 {
margin-top: 60px!important
}
.mt-80,.my-80 {
margin-top: 80px!important
}
.mb-a {
margin-bottom: auto!important
}
.mb-0,.my-0 {
margin-bottom: 0!important
}
.mb-4,.my-4 {
margin-bottom: 4px!important
}
.mb-8,.my-8 {
margin-bottom: 8px!important
}
.mb-12,.my-12 {
margin-bottom: 12px!important
}
.mb-14,.my-14 {
margin-bottom: 14px!important
}
.mb-16,.my-16 {
margin-bottom: 16px!important
}
.mb-20,.my-20 {
margin-bottom: 20px!important
}
.mb-24,.my-24 {
margin-bottom: 24px!important
}
.mb-28,.my-28 {
margin-bottom: 28px!important
}
.mb-32,.my-32 {
margin-bottom: 32px!important
}
.mb-34,.my-34 {
margin-top: 34px!important
}
.mb-36,.my-36 {
margin-top: 36px!important
}
.mb-38,.my-38 {
margin-top: 38px!important
}
.mb-40,.my-40 {
margin-bottom: 40px!important
}
.mb-48,.my-48 {
margin-bottom: 48px!important
}
.mb-60,.my-60 {
margin-bottom: 60px!important
}
.mb-80,.my-80 {
margin-bottom: 80px!important
}
.ml-a {
margin-left: auto!important
}
.ml-0,.mx-0 {
margin-left: 0!important
}
.ml-4,.mx-4 {
margin-left: 4px!important
}
.ml-8,.mx-8 {
margin-left: 8px!important
}
.ml-12,.mx-12 {
margin-left: 12px!important
}
.ml-14,.mx-14 {
margin-left: 14px!important
}
.ml-16,.mx-16 {
margin-left: 16px!important
}
.ml-24,.mx-24 {
margin-left: 24px!important
}
.ml-28,.mx-28 {
margin-left: 28px!important
}
.ml-32,.mx-32 {
margin-left: 32px!important
}
.ml-40,.mx-40 {
margin-left: 40px!important
}
.ml-48,.mx-48 {
margin-left: 48px!important
}
.ml-60,.mx-60 {
margin-left: 60px!important
}
.ml-80,.mx-80 {
margin-left: 80px!important
}
.mr-a {
margin-right: auto!important
}
.mr-0,.mx-0 {
margin-right: 0!important
}
.mr-4,.mx-4 {
margin-right: 4px!important
}
.mr-8,.mx-8 {
margin-right: 8px!important
}
.mr-12,.mx-12 {
margin-right: 12px!important
}
.mr-14,.mx-14 {
margin-right: 14px!important
}
.mr-16,.mx-16 {
margin-right: 16px!important
}
.mr-24,.mx-24 {
margin-right: 24px!important
}
.mr-28,.mx-28 {
margin-right: 28px!important
}
.mr-32,.mx-32 {
margin-right: 32px!important
}
.mr-40,.mx-40 {
margin-right: 40px!important
}
.mr-48,.mx-48 {
margin-right: 48px!important
}
.mr-60,.mx-60 {
margin-right: 60px!important
}
.mr-80,.mx-80 {
margin-right: 80px!important
}
.pt-0,.py-0 {
padding-top: 0!important
}
.pt-4,.py-4 {
padding-top: 4px!important
}
.pt-8,.py-8 {
padding-top: 8px!important
}
.pt-12,.py-12 {
padding-top: 12px!important
}
.pt-16,.py-16 {
padding-top: 16px!important
}
.pt-24,.py-24 {
padding-top: 24px!important
}
.pt-28,.py-28 {
padding-top: 28px!important
}
.pt-32,.py-32 {
padding-top: 32px!important
}
.pt-40,.py-40 {
padding-top: 40px!important
}
.pt-48,.py-48 {
padding-top: 48px!important
}
.pt-60,.py-60 {
padding-top: 60px!important
}
.pt-80,.py-80 {
padding-top: 80px!important
}
.pb-0,.py-0 {
padding-bottom: 0!important
}
.pb-4,.py-4 {
padding-bottom: 4px!important
}
.pb-8,.py-8 {
padding-bottom: 8px!important
}
.pb-12,.py-12 {
padding-bottom: 12px!important
}
.pb-16,.py-16 {
padding-bottom: 16px!important
}
.pb-24,.py-24 {
padding-bottom: 24px!important
}
.pb-28,.py-28 {
padding-bottom: 28px!important
}
.pb-32,.py-32 {
padding-bottom: 32px!important
}
.pb-40,.py-40 {
padding-bottom: 40px!important
}
.pb-48,.py-48 {
padding-bottom: 48px!important
}
.pb-60,.py-60 {
padding-bottom: 60px!important
}
.pb-80,.py-80 {
padding-bottom: 80px!important
}
.pl-0,.px-0 {
padding-left: 0!important
}
.pl-4,.px-4 {
padding-left: 4px!important
}
.pl-8,.px-8 {
padding-left: 8px!important
}
.pl-12,.px-12 {
padding-left: 12px!important
}
.pl-16,.px-16 {
padding-left: 16px!important
}
.pl-20,.px-20 {
padding-left: 20px!important
}
.pl-24,.px-24 {
padding-left: 24px!important
}
.pl-28,.px-28 {
padding-left: 28px!important
}
.pl-32,.px-32 {
padding-left: 32px!important
}
.pl-40,.px-40 {
padding-left: 40px!important
}
.pl-48,.px-48 {
padding-left: 48px!important
}
.pl-60,.px-60 {
padding-left: 60px!important
}
.pl-80,.px-80 {
padding-left: 80px!important
}
.pr-0,.px-0 {
padding-right: 0!important
}
.pr-4,.px-4 {
padding-right: 4px!important
}
.pr-8,.px-8 {
padding-right: 8px!important
}
.pr-12,.px-12 {
padding-right: 12px!important
}
.pr-16,.px-16 {
padding-right: 16px!important
}
.pr-20,.px-20 {
padding-right: 20px!important
}
.pr-24,.px-24 {
padding-right: 24px!important
}
.pr-28,.px-28 {
padding-right: 28px!important
}
.pr-32,.px-32 {
padding-right: 32px!important
}
.pr-40,.px-40 {
padding-right: 40px!important
}
.pr-48,.px-48 {
padding-right: 48px!important
}
.pr-60,.px-60 {
padding-right: 60px!important
}
.pr-80,.px-80 {
padding-right: 80px!important
}
@media (min-width: 580px) {
.mt-xs-a {
margin-top:auto!important
}
.mt-xs-0,.my-xs-0 {
margin-top: 0!important
}
.mt-xs-4,.my-xs-4 {
margin-top: 4px!important
}
.mt-xs-8,.my-xs-8 {
margin-top: 8px!important
}
.mt-xs-12,.my-xs-12 {
margin-top: 12px!important
}
.mt-xs-16,.my-xs-16 {
margin-top: 16px!important
}
.mt-xs-24,.my-xs-24 {
margin-top: 24px!important
}
.mt-xs-28,.my-xs-28 {
margin-top: 28px!important
}
.mt-xs-32,.my-xs-32 {
margin-top: 32px!important
}
.mt-xs-40,.my-xs-40 {
margin-top: 40px!important
}
.mt-xs-48,.my-xs-48 {
margin-top: 48px!important
}
.mt-xs-60,.my-xs-60 {
margin-top: 60px!important
}
.mt-xs-80,.my-xs-80 {
margin-top: 80px!important
}
.mb-xs-a {
margin-bottom: auto!important
}
.mb-xs-0,.my-xs-0 {
margin-bottom: 0!important
}
.mb-xs-4,.my-xs-4 {
margin-bottom: 4px!important
}
.mb-xs-8,.my-xs-8 {
margin-bottom: 8px!important
}
.mb-xs-12,.my-xs-12 {
margin-bottom: 12px!important
}
.mb-xs-16,.my-xs-16 {
margin-bottom: 16px!important
}
.mb-xs-24,.my-xs-24 {
margin-bottom: 24px!important
}
.mb-xs-28,.my-xs-28 {
margin-bottom: 28px!important
}
.mb-xs-32,.my-xs-32 {
margin-bottom: 32px!important
}
.mb-xs-40,.my-xs-40 {
margin-bottom: 40px!important
}
.mb-xs-48,.my-xs-48 {
margin-bottom: 48px!important
}
.mb-xs-60,.my-xs-60 {
margin-bottom: 60px!important
}
.mb-xs-80,.my-xs-80 {
margin-bottom: 80px!important
}
.ml-xs-0,.mx-xs-0 {
margin-left: 0!important
}
.ml-xs-4,.mx-xs-4 {
margin-left: 4px!important
}
.ml-xs-8,.mx-xs-8 {
margin-left: 8px!important
}
.ml-xs-12,.mx-xs-12 {
margin-left: 12px!important
}
.ml-xs-16,.mx-xs-16 {
margin-left: 16px!important
}
.ml-xs-24,.mx-xs-24 {
margin-left: 24px!important
}
.ml-xs-28,.mx-xs-28 {
margin-left: 28px!important
}
.ml-xs-32,.mx-xs-32 {
margin-left: 32px!important
}
.ml-xs-40,.mx-xs-40 {
margin-left: 40px!important
}
.ml-xs-48,.mx-xs-48 {
margin-left: 48px!important
}
.ml-xs-60,.mx-xs-60 {
margin-left: 60px!important
}
.ml-xs-80,.mx-xs-80 {
margin-left: 80px!important
}
.mr-xs-0,.mx-xs-0 {
margin-right: 0!important
}
.mr-xs-4,.mx-xs-4 {
margin-right: 4px!important
}
.mr-xs-8,.mx-xs-8 {
margin-right: 8px!important
}
.mr-xs-12,.mx-xs-12 {
margin-right: 12px!important
}
.mr-xs-16,.mx-xs-16 {
margin-right: 16px!important
}
.mr-xs-24,.mx-xs-24 {
margin-right: 24px!important
}
.mr-xs-28,.mx-xs-28 {
margin-right: 28px!important
}
.mr-xs-32,.mx-xs-32 {
margin-right: 32px!important
}
.mr-xs-40,.mx-xs-40 {
margin-right: 40px!important
}
.mr-xs-48,.mx-xs-48 {
margin-right: 48px!important
}
.mr-xs-60,.mx-xs-60 {
margin-right: 60px!important
}
.mr-xs-80,.mx-xs-80 {
margin-right: 80px!important
}
.pt-xs-0,.py-xs-0 {
padding-top: 0!important
}
.pt-xs-4,.py-xs-4 {
padding-top: 4px!important
}
.pt-xs-8,.py-xs-8 {
padding-top: 8px!important
}
.pt-xs-12,.py-xs-12 {
padding-top: 12px!important
}
.pt-xs-16,.py-xs-16 {
padding-top: 16px!important
}
.pt-xs-24,.py-xs-24 {
padding-top: 24px!important
}
.pt-xs-28,.py-xs-28 {
padding-top: 28px!important
}
.pt-xs-32,.py-xs-32 {
padding-top: 32px!important
}
.pt-xs-40,.py-xs-40 {
padding-top: 40px!important
}
.pt-xs-48,.py-xs-48 {
padding-top: 48px!important
}
.pt-xs-60,.py-xs-60 {
padding-top: 60px!important
}
.pt-xs-80,.py-xs-80 {
padding-top: 80px!important
}
.pb-xs-0,.py-xs-0 {
padding-bottom: 0!important
}
.pb-xs-4,.py-xs-4 {
padding-bottom: 4px!important
}
.pb-xs-8,.py-xs-8 {
padding-bottom: 8px!important
}
.pb-xs-12,.py-xs-12 {
padding-bottom: 12px!important
}
.pb-xs-16,.py-xs-16 {
padding-bottom: 16px!important
}
.pb-xs-24,.py-xs-24 {
padding-bottom: 24px!important
}
.pb-xs-28,.py-xs-28 {
padding-bottom: 28px!important
}
.pb-xs-32,.py-xs-32 {
padding-bottom: 32px!important
}
.pb-xs-40,.py-xs-40 {
padding-bottom: 40px!important
}
.pb-xs-48,.py-xs-48 {
padding-bottom: 48px!important
}
.pb-xs-60,.py-xs-60 {
padding-bottom: 60px!important
}
.pb-xs-80,.py-xs-80 {
padding-bottom: 80px!important
}
.pl-xs-0,.px-xs-0 {
padding-left: 0!important
}
.pl-xs-4,.px-xs-4 {
padding-left: 4px!important
}
.pl-xs-8,.px-xs-8 {
padding-left: 8px!important
}
.pl-xs-12,.px-xs-12 {
padding-left: 12px!important
}
.pl-xs-16,.px-xs-16 {
padding-left: 16px!important
}
.pl-xs-24,.px-xs-24 {
padding-left: 24px!important
}
.pl-xs-28,.px-xs-28 {
padding-left: 28px!important
}
.pl-xs-32,.px-xs-32 {
padding-left: 32px!important
}
.pl-xs-40,.px-xs-40 {
padding-left: 40px!important
}
.pl-xs-48,.px-xs-48 {
padding-left: 48px!important
}
.pl-xs-60,.px-xs-60 {
padding-left: 60px!important
}
.pl-xs-80,.px-xs-80 {
padding-left: 80px!important
}
.pr-xs-0,.px-xs-0 {
padding-right: 0!important
}
.pr-xs-4,.px-xs-4 {
padding-right: 4px!important
}
.pr-xs-8,.px-xs-8 {
padding-right: 8px!important
}
.pr-xs-12,.px-xs-12 {
padding-right: 12px!important
}
.pr-xs-16,.px-xs-16 {
padding-right: 16px!important
}
.pr-xs-24,.px-xs-24 {
padding-right: 24px!important
}
.pr-xs-28,.px-xs-28 {
padding-right: 28px!important
}
.pr-xs-32,.px-xs-32 {
padding-right: 32px!important
}
.pr-xs-40,.px-xs-40 {
padding-right: 40px!important
}
.pr-xs-48,.px-xs-48 {
padding-right: 48px!important
}
.pr-xs-60,.px-xs-60 {
padding-right: 60px!important
}
.pr-xs-80,.px-xs-80 {
padding-right: 80px!important
}
}
@media (min-width: 768px) {
.mt-sm-a {
margin-top:auto!important
}
.mt-sm-0,.my-sm-0 {
margin-top: 0!important
}
.mt-sm-4,.my-sm-4 {
margin-top: 4px!important
}
.mt-sm-8,.my-sm-8 {
margin-top: 8px!important
}
.mt-sm-12,.my-sm-12 {
margin-top: 12px!important
}
.mt-sm-16,.my-sm-16 {
margin-top: 16px!important
}
.mt-sm-24,.my-sm-24 {
margin-top: 24px!important
}
.mt-sm-28,.my-sm-28 {
margin-top: 28px!important
}
.mt-sm-32,.my-sm-32 {
margin-top: 32px!important
}
.mt-sm-40,.my-sm-40 {
margin-top: 40px!important
}
.mt-sm-48,.my-sm-48 {
margin-top: 48px!important
}
.mt-sm-60,.my-sm-60 {
margin-top: 60px!important
}
.mt-sm-80,.my-sm-80 {
margin-top: 80px!important
}
.mb-sm-a {
margin-bottom: auto!important
}
.mb-sm-0,.my-sm-0 {
margin-bottom: 0!important
}
.mb-sm-4,.my-sm-4 {
margin-bottom: 4px!important
}
.mb-sm-8,.my-sm-8 {
margin-bottom: 8px!important
}
.mb-sm-12,.my-sm-12 {
margin-bottom: 12px!important
}
.mb-sm-16,.my-sm-16 {
margin-bottom: 16px!important
}
.mb-sm-24,.my-sm-24 {
margin-bottom: 24px!important
}
.mb-sm-28,.my-sm-28 {
margin-bottom: 28px!important
}
.mb-sm-32,.my-sm-32 {
margin-bottom: 32px!important
}
.mb-sm-40,.my-sm-40 {
margin-bottom: 40px!important
}
.mb-sm-48,.my-sm-48 {
margin-bottom: 48px!important
}
.mb-sm-60,.my-sm-60 {
margin-bottom: 60px!important
}
.mb-sm-80,.my-sm-80 {
margin-bottom: 80px!important
}
.ml-sm-0,.mx-sm-0 {
margin-left: 0!important
}
.ml-sm-4,.mx-sm-4 {
margin-left: 4px!important
}
.ml-sm-8,.mx-sm-8 {
margin-left: 8px!important
}
.ml-sm-12,.mx-sm-12 {
margin-left: 12px!important
}
.ml-sm-16,.mx-sm-16 {
margin-left: 16px!important
}
.ml-sm-24,.mx-sm-24 {
margin-left: 24px!important
}
.ml-sm-28,.mx-sm-28 {
margin-left: 28px!important
}
.ml-sm-32,.mx-sm-32 {
margin-left: 32px!important
}
.ml-sm-40,.mx-sm-40 {
margin-left: 40px!important
}
.ml-sm-48,.mx-sm-48 {
margin-left: 48px!important
}
.ml-sm-60,.mx-sm-60 {
margin-left: 60px!important
}
.ml-sm-80,.mx-sm-80 {
margin-left: 80px!important
}
.mr-sm-0,.mx-sm-0 {
margin-right: 0!important
}
.mr-sm-4,.mx-sm-4 {
margin-right: 4px!important
}
.mr-sm-8,.mx-sm-8 {
margin-right: 8px!important
}
.mr-sm-12,.mx-sm-12 {
margin-right: 12px!important
}
.mr-sm-16,.mx-sm-16 {
margin-right: 16px!important
}
.mr-sm-24,.mx-sm-24 {
margin-right: 24px!important
}
.mr-sm-28,.mx-sm-28 {
margin-right: 28px!important
}
.mr-sm-32,.mx-sm-32 {
margin-right: 32px!important
}
.mr-sm-40,.mx-sm-40 {
margin-right: 40px!important
}
.mr-sm-48,.mx-sm-48 {
margin-right: 48px!important
}
.mr-sm-60,.mx-sm-60 {
margin-right: 60px!important
}
.mr-sm-80,.mx-sm-80 {
margin-right: 80px!important
}
.pt-sm-0,.py-sm-0 {
padding-top: 0!important
}
.pt-sm-4,.py-sm-4 {
padding-top: 4px!important
}
.pt-sm-8,.py-sm-8 {
padding-top: 8px!important
}
.pt-sm-12,.py-sm-12 {
padding-top: 12px!important
}
.pt-sm-16,.py-sm-16 {
padding-top: 16px!important
}
.pt-sm-24,.py-sm-24 {
padding-top: 24px!important
}
.pt-sm-28,.py-sm-28 {
padding-top: 28px!important
}
.pt-sm-32,.py-sm-32 {
padding-top: 32px!important
}
.pt-sm-40,.py-sm-40 {
padding-top: 40px!important
}
.pt-sm-48,.py-sm-48 {
padding-top: 48px!important
}
.pt-sm-60,.py-sm-60 {
padding-top: 60px!important
}
.pt-sm-80,.py-sm-80 {
padding-top: 80px!important
}
.pb-sm-0,.py-sm-0 {
padding-bottom: 0!important
}
.pb-sm-4,.py-sm-4 {
padding-bottom: 4px!important
}
.pb-sm-8,.py-sm-8 {
padding-bottom: 8px!important
}
.pb-sm-12,.py-sm-12 {
padding-bottom: 12px!important
}
.pb-sm-16,.py-sm-16 {
padding-bottom: 16px!important
}
.pb-sm-24,.py-sm-24 {
padding-bottom: 24px!important
}
.pb-sm-28,.py-sm-28 {
padding-bottom: 28px!important
}
.pb-sm-32,.py-sm-32 {
padding-bottom: 32px!important
}
.pb-sm-40,.py-sm-40 {
padding-bottom: 40px!important
}
.pb-sm-48,.py-sm-48 {
padding-bottom: 48px!important
}
.pb-sm-60,.py-sm-60 {
padding-bottom: 60px!important
}
.pb-sm-80,.py-sm-80 {
padding-bottom: 80px!important
}
.pl-sm-0,.px-sm-0 {
padding-left: 0!important
}
.pl-sm-4,.px-sm-4 {
padding-left: 4px!important
}
.pl-sm-8,.px-sm-8 {
padding-left: 8px!important
}
.pl-sm-12,.px-sm-12 {
padding-left: 12px!important
}
.pl-sm-16,.px-sm-16 {
padding-left: 16px!important
}
.pl-sm-24,.px-sm-24 {
padding-left: 24px!important
}
.pl-sm-28,.px-sm-28 {
padding-left: 28px!important
}
.pl-sm-32,.px-sm-32 {
padding-left: 32px!important
}
.pl-sm-40,.px-sm-40 {
padding-left: 40px!important
}
.pl-sm-48,.px-sm-48 {
padding-left: 48px!important
}
.pl-sm-60,.px-sm-60 {
padding-left: 60px!important
}
.pl-sm-80,.px-sm-80 {
padding-left: 80px!important
}
.pr-sm-0,.px-sm-0 {
padding-right: 0!important
}
.pr-sm-4,.px-sm-4 {
padding-right: 4px!important
}
.pr-sm-8,.px-sm-8 {
padding-right: 8px!important
}
.pr-sm-12,.px-sm-12 {
padding-right: 12px!important
}
.pr-sm-16,.px-sm-16 {
padding-right: 16px!important
}
.pr-sm-24,.px-sm-24 {
padding-right: 24px!important
}
.pr-sm-28,.px-sm-28 {
padding-right: 28px!important
}
.pr-sm-32,.px-sm-32 {
padding-right: 32px!important
}
.pr-sm-40,.px-sm-40 {
padding-right: 40px!important
}
.pr-sm-48,.px-sm-48 {
padding-right: 48px!important
}
.pr-sm-60,.px-sm-60 {
padding-right: 60px!important
}
.pr-sm-80,.px-sm-80 {
padding-right: 80px!important
}
}
@media (min-width: 1024px) {
.mt-md-a {
margin-top:auto!important
}
.mt-md-0,.my-md-0 {
margin-top: 0!important
}
.mt-md-4,.my-md-4 {
margin-top: 4px!important
}
.mt-md-8,.my-md-8 {
margin-top: 8px!important
}
.mt-md-12,.my-md-12 {
margin-top: 12px!important
}
.mt-md-16,.my-md-16 {
margin-top: 16px!important
}
.mt-md-24,.my-md-24 {
margin-top: 24px!important
}
.mt-md-28,.my-md-28 {
margin-top: 28px!important
}
.mt-md-32,.my-md-32 {
margin-top: 32px!important
}
.mt-md-40,.my-md-40 {
margin-top: 40px!important
}
.mt-md-48,.my-md-48 {
margin-top: 48px!important
}
.mt-md-60,.my-md-60 {
margin-top: 60px!important
}
.mt-md-80,.my-md-80 {
margin-top: 80px!important
}
.mb-md-a {
margin-bottom: auto!important
}
.mb-md-0,.my-md-0 {
margin-bottom: 0!important
}
.mb-md-4,.my-md-4 {
margin-bottom: 4px!important
}
.mb-md-8,.my-md-8 {
margin-bottom: 8px!important
}
.mb-md-12,.my-md-12 {
margin-bottom: 12px!important
}
.mb-md-16,.my-md-16 {
margin-bottom: 16px!important
}
.mb-md-24,.my-md-24 {
margin-bottom: 24px!important
}
.mb-md-28,.my-md-28 {
margin-bottom: 28px!important
}
.mb-md-32,.my-md-32 {
margin-bottom: 32px!important
}
.mb-md-40,.my-md-40 {
margin-bottom: 40px!important
}
.mb-md-48,.my-md-48 {
margin-bottom: 48px!important
}
.mb-md-60,.my-md-60 {
margin-bottom: 60px!important
}
.mb-md-80,.my-md-80 {
margin-bottom: 80px!important
}
.ml-md-0,.mx-md-0 {
margin-left: 0!important
}
.ml-md-4,.mx-md-4 {
margin-left: 4px!important
}
.ml-md-8,.mx-md-8 {
margin-left: 8px!important
}
.ml-md-12,.mx-md-12 {
margin-left: 12px!important
}
.ml-md-16,.mx-md-16 {
margin-left: 16px!important
}
.ml-md-24,.mx-md-24 {
margin-left: 24px!important
}
.ml-md-28,.mx-md-28 {
margin-left: 28px!important
}
.ml-md-32,.mx-md-32 {
margin-left: 32px!important
}
.ml-md-40,.mx-md-40 {
margin-left: 40px!important
}
.ml-md-48,.mx-md-48 {
margin-left: 48px!important
}
.ml-md-60,.mx-md-60 {
margin-left: 60px!important
}
.ml-md-80,.mx-md-80 {
margin-left: 80px!important
}
.mr-md-0,.mx-md-0 {
margin-right: 0!important
}
.mr-md-4,.mx-md-4 {
margin-right: 4px!important
}
.mr-md-8,.mx-md-8 {
margin-right: 8px!important
}
.mr-md-12,.mx-md-12 {
margin-right: 12px!important
}
.mr-md-16,.mx-md-16 {
margin-right: 16px!important
}
.mr-md-24,.mx-md-24 {
margin-right: 24px!important
}
.mr-md-28,.mx-md-28 {
margin-right: 28px!important
}
.mr-md-32,.mx-md-32 {
margin-right: 32px!important
}
.mr-md-48,.mx-md-48 {
margin-right: 48px!important
}
.mr-md-60,.mx-md-60 {
margin-right: 60px!important
}
.mr-md-80,.mx-md-80 {
margin-right: 80px!important
}
.pt-md-0,.py-md-0 {
padding-top: 0!important
}
.pt-md-4,.py-md-4 {
padding-top: 4px!important
}
.pt-md-8,.py-md-8 {
padding-top: 8px!important
}
.pt-md-12,.py-md-12 {
padding-top: 12px!important
}
.pt-md-16,.py-md-16 {
padding-top: 16px!important
}
.pt-md-24,.py-md-24 {
padding-top: 24px!important
}
.pt-md-28,.py-md-28 {
padding-top: 28px!important
}
.pt-md-32,.py-md-32 {
padding-top: 32px!important
}
.pt-md-40,.py-md-40 {
padding-top: 40px!important
}
.pt-md-48,.py-md-48 {
padding-top: 48px!important
}
.pt-md-60,.py-md-60 {
padding-top: 60px!important
}
.pt-md-80,.py-md-80 {
padding-top: 80px!important
}
.pb-md-0,.py-md-0 {
padding-bottom: 0!important
}
.pb-md-4,.py-md-4 {
padding-bottom: 4px!important
}
.pb-md-8,.py-md-8 {
padding-bottom: 8px!important
}
.pb-md-12,.py-md-12 {
padding-bottom: 12px!important
}
.pb-md-16,.py-md-16 {
padding-bottom: 16px!important
}
.pb-md-24,.py-md-24 {
padding-bottom: 24px!important
}
.pb-md-28,.py-md-28 {
padding-bottom: 28px!important
}
.pb-md-32,.py-md-32 {
padding-bottom: 32px!important
}
.pb-md-40,.py-md-40 {
padding-bottom: 40px!important
}
.pb-md-48,.py-md-48 {
padding-bottom: 48px!important
}
.pb-md-60,.py-md-60 {
padding-bottom: 60px!important
}
.pb-md-80,.py-md-80 {
padding-bottom: 80px!important
}
.pl-md-0,.px-md-0 {
padding-left: 0!important
}
.pl-md-4,.px-md-4 {
padding-left: 4px!important
}
.pl-md-8,.px-md-8 {
padding-left: 8px!important
}
.pl-md-12,.px-md-12 {
padding-left: 12px!important
}
.pl-md-16,.px-md-16 {
padding-left: 16px!important
}
.pl-md-24,.px-md-24 {
padding-left: 24px!important
}
.pl-md-28,.px-md-28 {
padding-left: 28px!important
}
.pl-md-32,.px-md-32 {
padding-left: 32px!important
}
.pl-md-40,.px-md-40 {
padding-left: 40px!important
}
.pl-md-48,.px-md-48 {
padding-left: 48px!important
}
.pl-md-60,.px-md-60 {
padding-left: 60px!important
}
.pl-md-80,.px-md-80 {
padding-left: 80px!important
}
.pr-md-0,.px-md-0 {
padding-right: 0!important
}
.pr-md-4,.px-md-4 {
padding-right: 4px!important
}
.pr-md-8,.px-md-8 {
padding-right: 8px!important
}
.pr-md-12,.px-md-12 {
padding-right: 12px!important
}
.pr-md-16,.px-md-16 {
padding-right: 16px!important
}
.pr-md-24,.px-md-24 {
padding-right: 24px!important
}
.pr-md-28,.px-md-28 {
padding-right: 28px!important
}
.pr-md-32,.px-md-32 {
padding-right: 32px!important
}
.pr-md-40,.px-md-40 {
padding-right: 40px!important
}
.pr-md-48,.px-md-48 {
padding-right: 48px!important
}
.pr-md-60,.px-md-60 {
padding-right: 60px!important
}
.pr-md-80,.px-md-80 {
padding-right: 80px!important
}
}
@media (min-width: 1280px) {
.mt-lg-a {
margin-top:auto!important
}
.mt-lg-0,.my-lg-0 {
margin-top: 0!important
}
.mt-lg-4,.my-lg-4 {
margin-top: 4px!important
}
.mt-lg-8,.my-lg-8 {
margin-top: 8px!important
}
.mt-lg-12,.my-lg-12 {
margin-top: 12px!important
}
.mt-lg-16,.my-lg-16 {
margin-top: 16px!important
}
.mt-lg-24,.my-lg-24 {
margin-top: 24px!important
}
.mt-lg-28,.my-lg-28 {
margin-top: 28px!important
}
.mt-lg-32,.my-lg-32 {
margin-top: 32px!important
}
.mt-lg-40,.my-lg-40 {
margin-top: 40px!important
}
.mt-lg-48,.my-lg-48 {
margin-top: 48px!important
}
.mt-lg-60,.my-lg-60 {
margin-top: 60px!important
}
.mt-lg-80,.my-lg-80 {
margin-top: 80px!important
}
.mb-lg-a {
margin-bottom: auto!important
}
.mb-lg-0,.my-lg-0 {
margin-bottom: 0!important
}
.mb-lg-4,.my-lg-4 {
margin-bottom: 4px!important
}
.mb-lg-8,.my-lg-8 {
margin-bottom: 8px!important
}
.mb-lg-12,.my-lg-12 {
margin-bottom: 12px!important
}
.mb-lg-16,.my-lg-16 {
margin-bottom: 16px!important
}
.mb-lg-24,.my-lg-24 {
margin-bottom: 24px!important
}
.mb-lg-28,.my-lg-28 {
margin-bottom: 28px!important
}
.mb-lg-32,.my-lg-32 {
margin-bottom: 32px!important
}
.mb-lg-40,.my-lg-40 {
margin-bottom: 40px!important
}
.mb-lg-48,.my-lg-48 {
margin-bottom: 48px!important
}
.mb-lg-60,.my-lg-60 {
margin-bottom: 60px!important
}
.mb-lg-80,.my-lg-80 {
margin-bottom: 80px!important
}
.ml-lg-0,.mx-lg-0 {
margin-left: 0!important
}
.ml-lg-4,.mx-lg-4 {
margin-left: 4px!important
}
.ml-lg-8,.mx-lg-8 {
margin-left: 8px!important
}
.ml-lg-12,.mx-lg-12 {
margin-left: 12px!important
}
.ml-lg-16,.mx-lg-16 {
margin-left: 16px!important
}
.ml-lg-24,.mx-lg-24 {
margin-left: 24px!important
}
.ml-lg-28,.mx-lg-28 {
margin-left: 28px!important
}
.ml-lg-32,.mx-lg-32 {
margin-left: 32px!important
}
.ml-lg-40,.mx-lg-40 {
margin-left: 40px!important
}
.ml-lg-48,.mx-lg-48 {
margin-left: 48px!important
}
.ml-lg-60,.mx-lg-60 {
margin-left: 60px!important
}
.ml-lg-80,.mx-lg-80 {
margin-left: 80px!important
}
.mr-lg-0,.mx-lg-0 {
margin-right: 0!important
}
.mr-lg-4,.mx-lg-4 {
margin-right: 4px!important
}
.mr-lg-8,.mx-lg-8 {
margin-right: 8px!important
}
.mr-lg-12,.mx-lg-12 {
margin-right: 12px!important
}
.mr-lg-16,.mx-lg-16 {
margin-right: 16px!important
}
.mr-lg-24,.mx-lg-24 {
margin-right: 24px!important
}
.mr-lg-28,.mx-lg-28 {
margin-right: 28px!important
}
.mr-lg-32,.mx-lg-32 {
margin-right: 32px!important
}
.mr-lg-40,.mx-lg-40 {
margin-right: 40px!important
}
.mr-lg-48,.mx-lg-48 {
margin-right: 48px!important
}
.mr-lg-60,.mx-lg-60 {
margin-right: 60px!important
}
.mr-lg-80,.mx-lg-80 {
margin-right: 80px!important
}
.pt-lg-0,.py-lg-0 {
padding-top: 0!important
}
.pt-lg-4,.py-lg-4 {
padding-top: 4px!important
}
.pt-lg-8,.py-lg-8 {
padding-top: 8px!important
}
.pt-lg-12,.py-lg-12 {
padding-top: 12px!important
}
.pt-lg-16,.py-lg-16 {
padding-top: 16px!important
}
.pt-lg-24,.py-lg-24 {
padding-top: 24px!important
}
.pt-lg-28,.py-lg-28 {
padding-top: 28px!important
}
.pt-lg-32,.py-lg-32 {
padding-top: 32px!important
}
.pt-lg-40,.py-lg-40 {
padding-top: 40px!important
}
.pt-lg-48,.py-lg-48 {
padding-top: 48px!important
}
.pt-lg-60,.py-lg-60 {
padding-top: 60px!important
}
.pt-lg-80,.py-lg-80 {
padding-top: 80px!important
}
.pb-lg-0,.py-lg-0 {
padding-bottom: 0!important
}
.pb-lg-4,.py-lg-4 {
padding-bottom: 4px!important
}
.pb-lg-8,.py-lg-8 {
padding-bottom: 8px!important
}
.pb-lg-12,.py-lg-12 {
padding-bottom: 12px!important
}
.pb-lg-16,.py-lg-16 {
padding-bottom: 16px!important
}
.pb-lg-24,.py-lg-24 {
padding-bottom: 24px!important
}
.pb-lg-28,.py-lg-28 {
padding-bottom: 28px!important
}
.pb-lg-32,.py-lg-32 {
padding-bottom: 32px!important
}
.pb-lg-40,.py-lg-40 {
padding-bottom: 40px!important
}
.pb-lg-48,.py-lg-48 {
padding-bottom: 48px!important
}
.pb-lg-60,.py-lg-60 {
padding-bottom: 60px!important
}
.pb-lg-80,.py-lg-80 {
padding-bottom: 80px!important
}
.pl-lg-0,.px-lg-0 {
padding-left: 0!important
}
.pl-lg-4,.px-lg-4 {
padding-left: 4px!important
}
.pl-lg-8,.px-lg-8 {
padding-left: 8px!important
}
.pl-lg-12,.px-lg-12 {
padding-left: 12px!important
}
.pl-lg-16,.px-lg-16 {
padding-left: 16px!important
}
.pl-lg-24,.px-lg-24 {
padding-left: 24px!important
}
.pl-lg-28,.px-lg-28 {
padding-left: 28px!important
}
.pl-lg-32,.px-lg-32 {
padding-left: 32px!important
}
.pl-lg-40,.px-lg-40 {
padding-left: 40px!important
}
.pl-lg-48,.px-lg-48 {
padding-left: 48px!important
}
.pl-lg-60,.px-lg-60 {
padding-left: 60px!important
}
.pl-lg-80,.px-lg-80 {
padding-left: 80px!important
}
.pr-lg-0,.px-lg-0 {
padding-right: 0!important
}
.pr-lg-4,.px-lg-4 {
padding-right: 4px!important
}
.pr-lg-8,.px-lg-8 {
padding-right: 8px!important
}
.pr-lg-12,.px-lg-12 {
padding-right: 12px!important
}
.pr-lg-16,.px-lg-16 {
padding-right: 16px!important
}
.pr-lg-24,.px-lg-24 {
padding-right: 24px!important
}
.pr-lg-28,.px-lg-28 {
padding-right: 28px!important
}
.pr-lg-32,.px-lg-32 {
padding-right: 32px!important
}
.pr-lg-40,.px-lg-40 {
padding-right: 40px!important
}
.pr-lg-48,.px-lg-48 {
padding-right: 48px!important
}
.pr-lg-60,.px-lg-60 {
padding-right: 60px!important
}
.pr-lg-80,.px-lg-80 {
padding-right: 80px!important
}
}
@media (min-width: 1680px) {
.mt-xl-a {
margin-top:auto!important
}
.mt-xl-0,.my-xl-0 {
margin-top: 0!important
}
.mt-xl-4,.my-xl-4 {
margin-top: 4px!important
}
.mt-xl-8,.my-xl-8 {
margin-top: 8px!important
}
.mt-xl-12,.my-xl-12 {
margin-top: 12px!important
}
.mt-xl-16,.my-xl-16 {
margin-top: 16px!important
}
.mt-xl-24,.my-xl-24 {
margin-top: 24px!important
}
.mt-xl-28,.my-xl-28 {
margin-top: 28px!important
}
.mt-xl-32,.my-xl-32 {
margin-top: 32px!important
}
.mt-xl-40,.my-xl-40 {
margin-top: 40px!important
}
.mt-xl-48,.my-xl-48 {
margin-top: 48px!important
}
.mt-xl-60,.my-xl-60 {
margin-top: 60px!important
}
.mt-xl-80,.my-xl-80 {
margin-top: 80px!important
}
.mb-xl-a {
margin-bottom: auto!important
}
.mb-xl-0,.my-xl-0 {
margin-bottom: 0!important
}
.mb-xl-4,.my-xl-4 {
margin-bottom: 4px!important
}
.mb-xl-8,.my-xl-8 {
margin-bottom: 8px!important
}
.mb-xl-12,.my-xl-12 {
margin-bottom: 12px!important
}
.mb-xl-16,.my-xl-16 {
margin-bottom: 16px!important
}
.mb-xl-24,.my-xl-24 {
margin-bottom: 24px!important
}
.mb-xl-28,.my-xl-28 {
margin-bottom: 28px!important
}
.mb-xl-32,.my-xl-32 {
margin-bottom: 32px!important
}
.mb-xl-40,.my-xl-40 {
margin-bottom: 40px!important
}
.mb-xl-48,.my-xl-48 {
margin-bottom: 48px!important
}
.mb-xl-60,.my-xl-60 {
margin-bottom: 60px!important
}
.mb-xl-80,.my-xl-80 {
margin-bottom: 80px!important
}
.ml-xl-0,.mx-xl-0 {
margin-left: 0!important
}
.ml-xl-4,.mx-xl-4 {
margin-left: 4px!important
}
.ml-xl-8,.mx-xl-8 {
margin-left: 8px!important
}
.ml-xl-12,.mx-xl-12 {
margin-left: 12px!important
}
.ml-xl-16,.mx-xl-16 {
margin-left: 16px!important
}
.ml-xl-24,.mx-xl-24 {
margin-left: 24px!important
}
.ml-xl-28,.mx-xl-28 {
margin-left: 28px!important
}
.ml-xl-32,.mx-xl-32 {
margin-left: 32px!important
}
.ml-xl-40,.mx-xl-40 {
margin-left: 40px!important
}
.ml-xl-48,.mx-xl-48 {
margin-left: 48px!important
}
.ml-xl-60,.mx-xl-60 {
margin-left: 60px!important
}
.ml-xl-80,.mx-xl-80 {
margin-left: 80px!important
}
.mr-xl-0,.mx-xl-0 {
margin-right: 0!important
}
.mr-xl-4,.mx-xl-4 {
margin-right: 4px!important
}
.mr-xl-8,.mx-xl-8 {
margin-right: 8px!important
}
.mr-xl-12,.mx-xl-12 {
margin-right: 12px!important
}
.mr-xl-16,.mx-xl-16 {
margin-right: 16px!important
}
.mr-xl-24,.mx-xl-24 {
margin-right: 24px!important
}
.mr-xl-28,.mx-xl-28 {
margin-right: 28px!important
}
.mr-xl-32,.mx-xl-32 {
margin-right: 32px!important
}
.mr-xl-40,.mx-xl-40 {
margin-right: 40px!important
}
.mr-xl-48,.mx-xl-48 {
margin-right: 48px!important
}
.mr-xl-60,.mx-xl-60 {
margin-right: 60px!important
}
.mr-xl-80,.mx-xl-80 {
margin-right: 80px!important
}
.pt-xl-0,.py-xl-0 {
padding-top: 0!important
}
.pt-xl-4,.py-xl-4 {
padding-top: 4px!important
}
.pt-xl-8,.py-xl-8 {
padding-top: 8px!important
}
.pt-xl-12,.py-xl-12 {
padding-top: 12px!important
}
.pt-xl-16,.py-xl-16 {
padding-top: 16px!important
}
.pt-xl-24,.py-xl-24 {
padding-top: 24px!important
}
.pt-xl-28,.py-xl-28 {
padding-top: 28px!important
}
.pt-xl-32,.py-xl-32 {
padding-top: 32px!important
}
.pt-xl-40,.py-xl-40 {
padding-top: 40px!important
}
.pt-xl-48,.py-xl-48 {
padding-top: 48px!important
}
.pt-xl-60,.py-xl-60 {
padding-top: 60px!important
}
.pt-xl-80,.py-xl-80 {
padding-top: 80px!important
}
.pb-xl-0,.py-xl-0 {
padding-bottom: 0!important
}
.pb-xl-4,.py-xl-4 {
padding-bottom: 4px!important
}
.pb-xl-8,.py-xl-8 {
padding-bottom: 8px!important
}
.pb-xl-12,.py-xl-12 {
padding-bottom: 12px!important
}
.pb-xl-16,.py-xl-16 {
padding-bottom: 16px!important
}
.pb-xl-24,.py-xl-24 {
padding-bottom: 24px!important
}
.pb-xl-28,.py-xl-28 {
padding-bottom: 28px!important
}
.pb-xl-32,.py-xl-32 {
padding-bottom: 32px!important
}
.pb-xl-40,.py-xl-40 {
padding-bottom: 40px!important
}
.pb-xl-48,.py-xl-48 {
padding-bottom: 48px!important
}
.pb-xl-60,.py-xl-60 {
padding-bottom: 60px!important
}
.pb-xl-80,.py-xl-80 {
padding-bottom: 80px!important
}
.pl-xl-0,.px-xl-0 {
padding-left: 0!important
}
.pl-xl-4,.px-xl-4 {
padding-left: 4px!important
}
.pl-xl-8,.px-xl-8 {
padding-left: 8px!important
}
.pl-xl-12,.px-xl-12 {
padding-left: 12px!important
}
.pl-xl-16,.px-xl-16 {
padding-left: 16px!important
}
.pl-xl-24,.px-xl-24 {
padding-left: 24px!important
}
.pl-xl-28,.px-xl-28 {
padding-left: 28px!important
}
.pl-xl-32,.px-xl-32 {
padding-left: 32px!important
}
.pl-xl-40,.px-xl-40 {
padding-left: 40px!important
}
.pl-xl-48,.px-xl-48 {
padding-left: 48px!important
}
.pl-xl-60,.px-xl-60 {
padding-left: 60px!important
}
.pl-xl-80,.px-xl-80 {
padding-left: 80px!important
}
.pr-xl-0,.px-xl-0 {
padding-right: 0!important
}
.pr-xl-4,.px-xl-4 {
padding-right: 4px!important
}
.pr-xl-8,.px-xl-8 {
padding-right: 8px!important
}
.pr-xl-12,.px-xl-12 {
padding-right: 12px!important
}
.pr-xl-16,.px-xl-16 {
padding-right: 16px!important
}
.pr-xl-24,.px-xl-24 {
padding-right: 24px!important
}
.pr-xl-28,.px-xl-28 {
padding-right: 28px!important
}
.pr-xl-32,.px-xl-32 {
padding-right: 32px!important
}
.pr-xl-40,.px-xl-40 {
padding-right: 40px!important
}
.pr-xl-48,.px-xl-48 {
padding-right: 48px!important
}
.pr-xl-60,.px-xl-60 {
padding-right: 60px!important
}
.pr-xl-80,.px-xl-80 {
padding-right: 80px!important
}
}
.bxs-btn {
box-shadow: 0 1px 1px rgba(0,0,0,.2)
}
.bxs-lp {
box-shadow: 2px 0 12px rgba(0,0,0,.4)
}
.bxs-inner-page {
box-shadow: -1px 0 8px rgba(0,0,0,.16)
}
.bxs-dropdown {
box-shadow: 0 6px 12px -8px rgba(0,0,0,.25)
}
.bxs-tooltips {
box-shadow: 0 3px 4px -3px rgba(0,0,0,.25)
}
.bg-medium-black {
background-color: #333!important
}
.bg-light-black {
background-color: #4b4b4b!important
}
.bg-white-gray {
background-color: #fafafa!important
}
.bg-white {
background-color: #fff!important
}
.bg-warning-light {
background-color: #fffcde!important
}
.bg-red {
background-color: #e31e25!important
}
.border-top {
border-top: 1px solid #e6e6e6!important
}
.border-left {
border-left: 1px solid #e6e6e6!important
}
.border-bottom {
border-bottom: 1px solid #e6e6e6!important
}
.border-right {
border-right: 1px solid #e6e6e6!important
}
.border-all {
border: 1px solid
}
.border-none {
border: none!important
}
.border-color-black {
border-color: #575757!important
}
.border-color-gray {
border-color: #cdcdcd!important
}
.border-color-light-gray {
border-color: #f2f2f2!important
}
.border-color-white-gray {
border-color: #fafafa!important
}
.border-color-medium-gray {
border-color: #e6e6e6!important
}
.border-color-danger {
border-color: #e31e25!important
}
.border-color-success {
border-color: #34b012!important
}
.border-color-warning {
border-color: #ea9318!important
}
.border-color-info {
border-color: #0092c7!important
}
@media (min-width: 580px) {
.border-xs-none {
border:none!important
}
}
@media (min-width: 768px) {
.border-sm-none {
border:none!important
}
}
@media (min-width: 1024px) {
.border-md-none {
border:none!important
}
}
@media (min-width: 1280px) {
.border-lg-none {
border:none!important
}
}
@media (min-width: 1680px) {
.border-xl-none {
border:none!important
}
.border-xl-top-none {
border-top: none!important
}
}
.border-container--bottom,.border-container__bottom {
border: none!important;
border-bottom: 1px solid #f2f2f2!important
}
.border-container--bottom:last-child,.border-container__bottom:last-child {
border-bottom: none!important
}
.border-container--top,.border-container__top {
border: none!important;
border-top: 1px solid #f2f2f2!important
}
.border-container--top:last-child,.border-container__top:last-child {
border-top: none!important
}
@font-face {
font-display: block;
font-family: kamaz-icons;
font-style: normal;
font-weight: 400;
src: url(fonts/kamaz-icons.ttf?rkzuan) format("truetype"),url(fonts/kamaz-icons.woff?rkzuan) format("woff"),url(fonts/kamaz-icons.svg?rkzuan#kamaz-icons) format("svg")
}
.checkbox-label:after,.chosen-container-single .chosen-single div:before,.delete-button:before,.fuel-banner:after,.pagination__next:before,.pagination__previous:before,.request-view-route__point:before,.roadmap-step__icon:after,.search-choice-close:after,[class*=" icon-"],[class^=icon-] {
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: kamaz-icons!important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none
}
.icon-track-on .path1:before {
color: #0092c7;
content: "\e9c0"
}
.icon-track-on .path2:before {
color: #009800;
content: "\e9c1";
margin-left: -1em
}
.icon-track-off .path1:before {
color: #0092c7;
content: "\e9c2"
}
.icon-track-off .path2:before {
color: #e31e25;
content: "\e9c3";
margin-left: -1em
}
.icon-marker-flight-end:before {
content: "\e9c4"
}
.icon-marker-geoarea_exit:before {
content: "\e9c5"
}
.icon-marker-geoarea_visit:before {
content: "\e9c6"
}
.icon-marker-stop:before {
content: "\e9c7"
}
.icon-marker-play:before {
content: "\e9c8"
}
.icon-marker-pause:before {
content: "\e9c9"
}
.icon-marker-no-signal:before {
content: "\e9ca"
}
.icon-ts-group-16:before {
content: "\e9bf"
}
.icon-file-upload:before {
content: "\e9be"
}
.icon-feedback-24:before {
content: "\e9bd";
font-size: 24px;
line-height: 24px
}
.icon-feedback-32:before {
color: #0092c7;
content: "\e9bc";
font-size: 32px;
line-height: 32px
}
.icon-key-16:before {
color: grey;
content: "\e9ba"
}
.icon-settings-24:before {
color: grey;
content: "\e9bb"
}
.icon-flight:before {
color: grey;
content: "\e9b5"
}
.icon-post-analitics-24:before {
color: #a7a7a7;
content: "\e9b6"
}
.icon-operational-management-24:before {
color: #a7a7a7;
content: "\e9b7"
}
.icon-flight-active:before {
content: "\e9b8"
}
.icon-planing-24:before {
color: #a7a7a7;
content: "\e9b9"
}
.icon-copy-18:before {
color: #0092c7;
content: "\e9b4"
}
.icon-route_started .path1:before {
color: #0092c7;
content: "\e9ae"
}
.icon-route_started .path2:before {
color: #fff;
content: "\e9af";
margin-left: -1em
}
.icon-route_finished .path1:before {
color: #0092c7;
content: "\e9b0"
}
.icon-route_finished .path2:before {
color: #fff;
content: "\e9b1";
margin-left: -1em
}
.icon-route_checkpoint .path1:before {
color: #0092c7;
content: "\e9b2"
}
.icon-route_checkpoint .path2:before {
color: #fff;
content: "\e9b3";
margin-left: -1em
}
.icon-geoarea_exit-28:before {
color: #0061a2;
content: "\e98d"
}
.icon-geoarea_visit-28:before {
color: #0061a2;
content: "\e98e"
}
.icon-save-16:before {
content: "\e98c";
font-size: 16px
}
.icon-flights-16:before {
color: #4b4b4b;
content: "\e98b"
}
.icon-planned-24:before {
color: #ea9318;
content: "\e98a"
}
.icon-copy:before {
color: #0092c7;
content: "\e989"
}
.icon-competition-run .path1:before {
color: #fff;
content: "\e987"
}
.icon-competition-run .path2:before {
color: #4f4f4f;
content: "\e988";
margin-left: -1em
}
.icon-finish-48 .path1:before {
color: #da0008;
content: "\e9aa"
}
.icon-finish-48 .path2:before {
color: #fff;
content: "\e9ab";
margin-left: -1em
}
.icon-finish-48 .path3:before {
color: #4b4b4b;
content: "\e9a9";
margin-left: -1em
}
.icon-start-48 .path1:before {
color: #0092c7;
content: "\e9ac"
}
.icon-start-48 .path2:before {
color: #4b4b4b;
content: "\e9ad";
margin-left: -1em
}
.icon-start-48 .path3:before {
color: #fff;
content: "\e9a8";
margin-left: -1em
}
.icon-null-24:before {
color: grey;
content: "\e9a6"
}
.icon-null-18:before {
color: grey;
content: "\e9a7"
}
.icon-competition-users:before {
color: #a7a7a7;
content: "\e9a0"
}
.icon-competition:before {
color: #a7a7a7;
content: "\e9a1"
}
.icon-factor-full:before {
color: #0092c7;
content: "\e9a2"
}
.icon-factor-add:before {
color: #34b012;
content: "\e9a3"
}
.icon-edit-16:before {
color: #0092c7;
content: "\e9a4"
}
.icon-edit-18:before {
color: #0092c7;
content: "\e9a5"
}
.icon-route-global-24:before {
content: "\e99f"
}
.icon-moving:before {
content: "\e99e"
}
.icon-cargo-down:before {
content: "\e993"
}
.icon-cargo-up:before {
content: "\e994"
}
.icon-cagro-24:before {
content: "\e995"
}
.icon-payment-24:before {
content: "\e996"
}
.icon-cagro-truck-24:before {
content: "\e997"
}
.icon-request-16:before {
content: "\e998"
}
.icon-request-24:before {
content: "\e999"
}
.icon-request-check-24:before {
content: "\e99a"
}
.icon-rest-24:before {
content: "\e99b"
}
.icon-TMS-24:before {
content: "\e99c"
}
.icon-approved-24:before {
content: "\e99d"
}
.icon-info-fake-24 .path1:before {
color: #0092c7;
content: "\e987"
}
.icon-info-fake-24 .path2:before {
color: #4b4b4b;
content: "\e988";
margin-left: -1em
}
.icon-success-fake-24 .path1:before {
color: #34b012;
content: "\e989"
}
.icon-success-fake-24 .path2:before {
color: #4b4b4b;
content: "\e98a";
margin-left: -1em
}
.icon-warning-fake-24 .path1:before {
color: #ea9318;
content: "\e98b"
}
.icon-warning-fake-24 .path2:before {
color: #4b4b4b;
content: "\e98c";
margin-left: -1.20019531em
}
.icon-error-fake-24 .path1:before {
color: #e31e25;
content: "\e98d"
}
.icon-error-fake-24 .path2:before {
color: #4b4b4b;
content: "\e98e";
margin-left: -1em
}
.icon-file-upload-24:before {
content: "\e98f"
}
.icon-file-check-24:before {
content: "\e990"
}
.icon-input-compare-24:before {
content: "\e991"
}
.icon-company-24:before {
content: "\e992"
}
.icon-unknown-24:before {
color: grey;
content: "\e985";
font-size: 24px;
line-height: 24px
}
.icon-unknown-18:before {
color: grey;
content: "\e986";
font-size: 18px;
line-height: 18px
}
.icon-truck-period:before {
content: "\e984"
}
.icon-battery:before {
content: "\e983"
}
.icon-geozone-data-16:before {
content: "\e982"
}
.icon-report-construct:before {
content: "\e981"
}
.icon-report-24:before {
content: "\e980"
}
.icon-null .path1:before {
color: grey;
content: "\e97e"
}
.icon-null .path2:before {
color: #fff;
content: "\e97f";
margin-left: -1em
}
.icon-refueling:before {
color: #1f8e00;
content: "\e97d"
}
.icon-not-available:before {
color: grey;
content: "\e97b"
}
.icon-pdf-simple:before {
color: #e31e25;
content: "\e97c"
}
.icon-error-prognos:before {
content: "\e97a"
}
.icon-fuel-control:before {
content: "\e955"
}
.icon-truck-location-18 {
color: #0092c7;
font-size: 18px
}
.icon-truck-location-18:before {
content: "\e979"
}
.icon-gsm-control:before {
content: "\e977"
}
.icon-fuel-status:before {
content: "\e978"
}
.icon-comment:before {
content: "\e975"
}
.icon-add-comment:before {
content: "\e976"
}
.icon-resurce-left:before {
content: "\e96f"
}
.icon-user-checklist:before {
content: "\e970"
}
.icon-brakes:before {
content: "\e971"
}
.icon-error-code:before {
content: "\e972"
}
.icon-error-prognosis:before {
content: "\e973"
}
.icon-system-status:before {
content: "\e974"
}
.icon-company:before {
content: "\e96d"
}
.icon-mts:before {
content: "\e96e"
}
.icon-planing:before {
content: "\e969"
}
.icon-forward:before {
content: "\e96a"
}
.icon-geozone-data:before {
content: "\e96b"
}
.icon-notification-outline:before {
content: "\e96c"
}
.icon-pdf:before {
color: #e2574c;
content: "\e968";
font-size: 24px
}
.icon-upload:before {
content: "\e966"
}
.icon-download:before {
content: "\e967"
}
.icon-moderation {
font-size: 18px
}
.icon-moderation .path1:before {
color: #ea9318;
content: "\e964"
}
.icon-moderation .path2:before {
color: #fff;
content: "\e965";
margin-left: -1em
}
.icon-no-data .path1:before {
color: grey;
content: "\e961"
}
.icon-no-data .path2:before {
color: #fff;
content: "\e962";
margin-left: -1em
}
.icon-bad-data:before {
content: "\e963"
}
.icon-no-signal-24 .path1:before {
color: grey;
content: "\e959"
}
.icon-no-signal-24 .path2:before {
color: #fff;
content: "\e95a";
margin-left: -1em
}
.icon-pause-24 .path1:before {
color: grey;
content: "\e95b"
}
.icon-pause-24 .path2:before {
color: #fff;
content: "\e95c";
margin-left: -1em
}
.icon-play-24 .path1:before {
color: grey;
content: "\e95d"
}
.icon-play-24 .path2:before {
color: #fff;
content: "\e95e";
margin-left: -1em
}
.icon-stop-24 .path1:before {
color: grey;
content: "\e95f"
}
.icon-stop-24 .path2:before {
color: #fff;
content: "\e960";
margin-left: -1em
}
.icon-wheel:before {
color: #fff;
content: "\e958"
}
.icon-pause:before {
color: #fff;
content: "\e957"
}
.icon-speed:before {
color: grey;
content: "\e94b"
}
.icon-road:before {
color: grey;
content: "\e956"
}
.icon-no-signal:before {
content: "\e929"
}
.icon-stop:before {
content: "\e92c"
}
.icon-play:before {
content: "\e92d"
}
.icon-info:before {
color: #0092c7;
content: "\e949"
}
.icon-info-checked:before {
color: #0092c7;
content: "\e94a"
}
.icon-gsm:before {
color: #2d9211;
content: "\e954"
}
.icon-report:before {
content: "\e950"
}
.icon-route:before {
color: #0092c7;
content: "\e951"
}
.icon-settings:before {
content: "\e952"
}
.icon-truck-location:before {
color: #0092c7;
content: "\e953"
}
.icon-download-report:before {
color: #0092c7;
content: "\e94d"
}
.icon-truck-check:before {
color: #4b4b4b;
content: "\e94e"
}
.icon-driver-check:before {
color: #4b4b4b;
content: "\e94f"
}
.icon-user-permissions-24:before {
content: "\e948"
}
.icon-info .path1:before {
color: #fff;
content: "\e949"
}
.icon-info .path2:before {
color: #0092c7;
content: "\e94a";
margin-left: -1em
}
.icon-info .path3:before {
color: #0092c7;
content: "\e94b";
margin-left: -1em
}
.icon-permission-add-18:before {
color: #34b012;
content: "\e94c"
}
.icon-menu:before {
color: #4b4b4b;
content: "\e947";
font-size: 18px
}
.icon-arrow {
font-size: 12px
}
.icon-arrow:before {
color: grey;
content: "\e900"
}
.icon-calendar:before {
color: grey;
content: "\e901"
}
.icon-calendar-checked:before {
color: #0092c7;
content: "\e902"
}
.icon-check-mark:before {
color: #34b012;
content: "\e903"
}
.icon-close-10,.icon-close-16,.icon-close-24 {
color: #e31e25
}
.icon-close-24:before {
content: "\e904"
}
.icon-close-16:before {
content: "\e905"
}
.icon-close-10 {
font-size: 10px
}
.icon-close-10:before {
content: "\e906"
}
.icon-info-18:before {
color: #0092c7;
content: "\e907";
font-size: 18px
}
.icon-info-24:before {
color: #0092c7;
content: "\e908";
font-size: 24px
}
.icon-success-24:before {
color: #34b012;
content: "\e909"
}
.icon-success-18:before {
color: #34b012;
content: "\e90a";
font-size: 18px
}
.icon-warning-24:before {
color: #ea9318;
content: "\e90b";
font-size: 24px
}
.icon-warning-18:before {
color: #ea9318;
content: "\e90c";
font-size: 18px
}
.icon-danger-24 {
font-size: 24px
}
.icon-danger-24:before {
color: #e31e25;
content: "\e90d"
}
.icon-danger-18:before {
color: #e31e25;
content: "\e90e";
font-size: 18px
}
.icon-search:before {
color: grey;
content: "\e90f"
}
.icon-add:before {
color: #0092c7;
content: "\e910"
}
.icon-more-menu:before {
color: grey;
content: "\e911"
}
.icon-driver-error .path1:before {
color: #0092c7;
content: "\e912"
}
.icon-driver-error .path2:before {
color: #e31e25;
content: "\e913";
margin-left: -1em
}
.icon-driver-no-data .path1:before {
color: #0092c7;
content: "\e914"
}
.icon-driver-no-data .path2:before {
color: #4b4b4b;
content: "\e915";
margin-left: -1em
}
.icon-driver-ok .path1:before {
color: #0092c7;
content: "\e916"
}
.icon-driver-ok .path2:before {
color: #34b012;
content: "\e917";
margin-left: -1em
}
.icon-drive-time:before {
content: "\e918"
}
.icon-excel:before {
color: #0092c7;
content: "\e919"
}
.icon-exit:before {
color: #0092c7;
content: "\e91a"
}
.icon-Filter:before {
color: #0092c7;
content: "\e91b"
}
.icon-geozone {
color: grey
}
.icon-geozone:before {
content: "\e91c"
}
.icon-geozone-closed-enter .path1:before {
color: #34b012;
content: "\e91d"
}
.icon-geozone-closed-enter .path2:before {
color: #e31e25;
content: "\e91e";
margin-left: -1em
}
.icon-geozone-open-enter .path1:before {
color: #34b012;
content: "\e91f"
}
.icon-geozone-open-enter .path2:before {
color: #0092c7;
content: "\e920";
margin-left: -1em
}
.icon-link-arrow:before {
color: #0092c7;
content: "\e921"
}
.icon-location {
color: #0092c7;
font-size: 18px
}
.icon-location:before {
content: "\e922"
}
.icon-notification:before {
color: #0092c7;
content: "\e923"
}
.icon-radius:before {
color: #0092c7;
content: "\e924"
}
.icon-ts-selected:before {
color: #0092c7;
content: "\e925"
}
.icon-Refresh:before {
color: #ea9318;
content: "\e926"
}
.icon-show:before {
color: #0092c7;
content: "\e927"
}
.icon-hide:before {
color: #0092c7;
content: "\e928"
}
.icon-sorting .path1:before {
color: #0092c7;
content: "\e92a"
}
.icon-sorting .path2:before {
color: #dedede;
content: "\e92b";
margin-left: -1em
}
.icon-dashboard-24:before {
content: "\e92e"
}
.icon-okv:before {
color: #4b4b4b;
content: "\e92f"
}
.icon-MTS:before {
color: #4b4b4b;
content: "\e930"
}
.icon-toir:before {
color: #4b4b4b;
content: "\e931"
}
.icon-KB:before {
color: #4b4b4b;
content: "\e932"
}
.icon-support:before {
content: "\e933"
}
.icon-my-dashboard:before {
content: "\e934"
}
.icon-users:before {
content: "\e935"
}
.icon-organizations:before {
content: "\e936"
}
.icon-cars:before {
content: "\e937"
}
.icon-trash-18:before {
color: #e31e25;
content: "\e938";
font-size: 18px
}
.icon-trash-24:before {
color: #e31e25;
content: "\e939"
}
.icon-trash-16:before {
color: #e31e25;
content: "\e93a"
}
.icon-Edit:before {
color: #0092c7;
content: "\e93b"
}
.icon-truck-no-signal .path1:before {
color: #34b012;
content: "\e93c"
}
.icon-truck-no-signal .path2:before {
color: #fff;
content: "\e93d";
margin-left: -1em
}
.icon-truck-onroad .path1:before {
color: #34b012;
content: "\e93e"
}
.icon-truck-onroad .path2:before {
color: #fff;
content: "\e93f";
margin-left: -1em
}
.icon-truck-stop .path1:before {
color: #34b012;
content: "\e940"
}
.icon-truck-stop .path2:before {
color: #fff;
content: "\e941";
margin-left: -1em
}
.icon-user-24:before {
color: #0092c7;
content: "\e942"
}
.icon-user-18:before {
color: #0092c7;
content: "\e943"
}
.icon-user-16:before {
color: #0092c7;
content: "\e944"
}
.icon-email:before {
color: #0092c7;
content: "\e945"
}
.icon-password:before {
color: #0092c7;
content: "\e946"
}
.header-bold,.text-bold {
font-weight: 700!important
}
.header-medium,.text-medium {
font-weight: 500!important
}
.header-regular,.text-regular {
font-weight: 400!important
}
.header-light,.text-light {
font-weight: 300!important
}
.text-link {
color: #0092c7;
cursor: pointer;
display: inline-block;
position: relative
}
.text-link:before {
border-bottom: 1px solid #0092c7;
bottom: -1px;
height: 1px;
left: 0;
transition: .3s;
transition-property: width;
width: 0
}
.text-link:before,.text-link:hover:before {
content: "";
display: block;
position: absolute
}
.text-link:hover:before {
width: 100%
}
.text-link:visited {
color: #0092c7
}
.text-link__back {
font-size: 15px;
font-weight: 400!important;
margin-left: 4px
}
.text-link+.icon-arrow:before {
color: grey;
color: #0092c7;
content: "\e900";
display: inline-block;
margin-left: 4px;
transform: rotate(-90deg)
}
.text-simple-link {
color: #0092c7;
cursor: pointer;
display: inline-block;
position: relative;
transition: .3s
}
.text-simple-link:hover {
color: #0061a2
}
.text-simple-link:visited {
color: #0092c7
}
.text-uppercase {
text-transform: uppercase
}
.text-underline {
text-decoration: underline
}
.white-space-nowrap {
white-space: nowrap
}
.word-break-all {
word-break: break-all
}
.word-break-word {
word-break: break-word
}
.user-select-none {
user-select: none
}
.ts-number {
text-transform: uppercase;
word-break: break-all
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.link-back {
transition: .3s
}
.link-back .icon-link-arrow {
display: block;
margin-top: 18px
}
.link-back .icon-link-arrow:before {
color: #333;
font-size: 24px;
line-height: 28px
}
@media (min-width: 580px) {
.link-back .icon-link-arrow {
margin-top:22px
}
}
@media (min-width: 1024px) {
.link-back .icon-link-arrow {
margin-top:20px
}
}
@media (min-width: 1280px) {
.link-back .icon-link-arrow {
margin-top:24px
}
}
.link-back:hover .icon-link-arrow:before {
color: #0092c7
}
.text-black {
color: #121212!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #0061a2!important
}
.text-info {
color: #0092c7!important
}
.text-danger {
color: #e31e25!important
}
.text-warning {
color: #ea9318!important
}
.text-success {
color: #34b012!important
}
.text-medium-black {
color: #333!important
}
.text-light-black {
color: #4b4b4b!important
}
.text-white-black {
color: grey!important
}
.text-dark-gray {
color: #a7a7a7!important
}
.h1 {
font-size: 26px;
line-height: 28px
}
@media (min-width: 580px) {
.h1 {
font-size:32px;
line-height: 38px
}
}
@media (min-width: 1024px) {
.h1 {
font-size:28px;
line-height: 30px
}
}
@media (min-width: 1280px) {
.h1 {
font-size:32px;
line-height: 36px;
padding: 2px 0
}
}
.h2 {
font-size: 28px;
line-height: 32px
}
.h3 {
font-size: 26px;
line-height: 30px
}
.h4 {
font-size: 24px;
line-height: 28px
}
.h5 {
font-size: 20px;
font-weight: 500;
line-height: 24px
}
.text-lg {
font-size: 18px!important;
line-height: 22px!important
}
.text-md {
font-size: 17px!important;
line-height: 21px!important
}
.text-body,.text-sm {
font-size: 16px!important;
line-height: 18px!important
}
.p-text {
font-size: 14px!important;
letter-spacing: .02em;
line-height: 20px!important
}
.p-text-md {
font-size: 16px!important;
line-height: 22px!important
}
.text-xs {
font-size: 15px!important
}
.text-xs,.text-xxs {
line-height: 18px!important
}
.text-xxs {
font-size: 14px!important;
letter-spacing: .02em
}
.text-3xs {
font-size: 13px!important;
letter-spacing: .015em;
line-height: 14px!important
}
.text-4xs {
font-size: 12px!important;
line-height: 15px!important
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
@media (min-width: 580px) {
.text-xs-left {
text-align:left
}
.text-xs-right {
text-align: right
}
.text-xs-center {
text-align: center
}
}
@media (min-width: 768px) {
.text-sm-left {
text-align:left
}
.text-sm-right {
text-align: right
}
.text-sm-center {
text-align: center
}
}
@media (min-width: 1024px) {
.text-md-left {
text-align:left
}
.text-md-right {
text-align: right
}
.text-md-center {
text-align: center
}
}
@media (min-width: 1280px) {
.text-lg-left {
text-align:left
}
.text-lg-right {
text-align: right
}
.text-lg-center {
text-align: center
}
}
.btn-xl-text {
font-size: 20px;
line-height: 20px
}
.btn-lg-text,.btn-md-text,.btn-sm-text,.btn-xl-text {
font-weight: 400!important
}
.btn-lg-text {
font-size: 18px;
line-height: 18px
}
.btn-sm-text {
font-size: 15px;
line-height: 14px
}
.btn-md-text {
font-size: 15px;
letter-spacing: .02em;
line-height: 16px
}
@media (min-width: 1680px) {
.btn-md-text {
font-size:16px
}
}
.main-container--login-page {
background-attachment: no-repeat;
background-color: #fff;
background-image: url(img/login-back-new.png);
background-position: 550px;
background-size: cover
}
.main-container--inner-page {
background-color: #fff;
margin-left: 150px;
overflow-x: hidden;
transition: .4s;
transition-property: width,margin-left;
width: calc(100% - 320px);
z-index: 1
}
@media (max-width: 1279px) {
.main-container--inner-page {
margin-left:0;
width: 100%
}
}
.main-container--inner {
background-color: #fff;
margin-left: 150px;
transition: .4s;
transition-property: width,margin-left;
width: calc(100% - 320px);
z-index: 1
}
@media (max-width: 1279px) {
.main-container--inner {
margin-left:0;
padding-top: 48px!important;
width: 100%
}
}
.form-container {
max-width: 960px
}
.form-container .chosen-container-single .chosen-single {
margin-bottom: -3px
}
@keyframes disappear {
0% {
display: block
}
to {
display: none
}
}
.main_content .hideable {
max-height: 300px;
opacity: 1;
transition: all .1s ease
}
.main_content .hideable.hidden {
animation-duration: .1s;
animation-name: disappear;
animation-timing-function: cubic-bezier(.075,.82,.165,1);
margin-bottom: 0!important;
margin-top: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0;
visibility: hidden
}
.sidebar {
align-items: center;
background-color: #fff;
border-right: 1px solid #e6e6e6;
display: flex!important;
flex: 0 1 auto;
flex-direction: column;
height: 100vh;
justify-content: start;
padding: 44px 16px 8px;
position: fixed;
transition: .4s;
width: 320px
}
.sidebar,.sidebar .os-padding {
z-index: 3
}
.sidebar .os-scrollbar-vertical {
z-index: 1
}
.sidebar .os-scrollbar-horizontal {
display: none
}
.sidebar .os-content {
height: 100vh!important
}
@media (max-width: 1279px) {
.sidebar {
border-right:0;
height: calc(100vh - 44px);
left: -320px;
padding: 0;
top: 44px;
width: 320px;
z-index: 3
}
.sidebar .os-padding {
margin-right: 4px
}
}
.sidebar-content {
height: calc(100% - 14px);
width: 100%
}
@media (max-width: 1279px) {
.sidebar-content {
background-color:#fff;
display: flex!important;
flex: 0 1 auto;
flex-direction: column;
left: -320px;
padding: 0 16px;
width: 320px
}
}
.sidebar-collapse {
transition: right .3s
}
.sidebar-header {
align-items: center;
display: flex!important;
flex: 0 1 auto;
justify-content: space-between;
padding: 0 12px;
width: 100%
}
@media (max-width: 1279px) {
.sidebar-header {
background-color:#fff;
border-bottom: 1px solid #e6e6e6;
left: 0;
padding: 12px;
position: fixed;
top: 0;
z-index: 1
}
}
.sidebar-header__logo {
flex-shrink: 0;
height: auto;
transition: .3s;
width: 70px
}
.sidebar-organizations {
margin-top: 24px;
width: 100%
}
.sidebar-organizations .chosen-container-multi .chosen-choices,.sidebar-organizations .chosen-container-single .chosen-single {
border: 1px solid #cdcdcd
}
.sidebar-organizations .chosen-container .chosen-results li {
padding: 12px
}
.user-container {
padding: 16px 0 8px;
width: 100%
}
.user-container__avatar {
align-items: center;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: flex!important;
flex: 0 1 auto;
flex-shrink: 0;
height: 32px;
justify-content: center;
line-height: 32px!important;
width: 32px
}
.user-container__avatar .icon-info-18:before {
color: #fff
}
.user-container__notifications {
position: absolute!important;
right: 40px!important;
top: 28px!important;
width: 34px!important
}
.user-container__notifications-status {
background-color: #e31e25;
border: 2px solid #fff;
border-radius: 100%;
height: 12px;
position: absolute;
right: 2px;
top: 2px;
width: 12px
}
.user-container__notification-mark {
cursor: pointer;
display: block;
flex-shrink: 0;
height: 24px;
position: relative;
width: 24px
}
.user-container__notification-mark:after,.user-container__notification-mark:before {
border-radius: 100%;
content: "";
display: block;
left: 7px;
position: absolute;
top: 7px;
transition: .3s
}
.user-container__notification-mark:before {
background-color: #0092c7;
height: 10px;
opacity: .2;
transition: .3s;
width: 10px
}
.user-container__notification-mark:hover:before {
transform: scale(2.5)
}
.user-container__notification-mark:after {
background-color: #0092c7;
height: 10px;
width: 10px
}
.user-container .icon-info-18 {
line-height: 32px
}
.user-container .icon-exit:before {
font-size: 18px
}
.user-container__item {
color: grey;
font-size: 16px;
line-height: 17px;
padding-left: 16px;
padding-right: 8px;
transition: .3s;
white-space: nowrap
}
.user-container--disabled .user-container__avatar {
background-color: grey
}
.user-container--disabled .user-profile-container__status {
color: grey
}
.user-container--info .user-container__avatar {
background-color: #0092c7
}
.user-container--info .user-profile-container__status {
color: #0092c7
}
.user-container--warning .user-container__avatar {
background-color: #ea9318
}
.user-container--warning .user-profile-container__status {
color: #ea9318
}
.user-container--danger .user-container__avatar {
background-color: #e31e25
}
.user-container--danger .user-profile-container__status {
color: #e31e25
}
.user-container--success .user-container__avatar {
background-color: #34b012
}
.user-container--success .user-profile-container__status {
color: #34b012
}
.user-profile {
border-bottom: 1px solid #fafafa;
border-top: 1px solid #fafafa;
padding: 12px 0 12px 8px
}
.support-container,.user-profile-container {
align-items: center;
animation-duration: .3s;
display: flex;
flex: 0 1 auto;
flex-grow: 1;
overflow: hidden;
padding: 0 1px 1px 12px;
width: 100%
}
.user-profile-container__name {
color: #4b4b4b;
font-size: 16px;
font-weight: 500!important;
transition: .3s;
white-space: nowrap
}
.user-profile-container__name:hover {
color: #0092c7
}
.user-profile-container__status {
font-size: 13px!important;
letter-spacing: .015em;
line-height: 14px!important
}
.user-profile-container__name,.user-profile-container__status {
display: block;
max-width: 156px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.section-menu {
cursor: pointer;
display: block;
padding: 4px 0;
position: relative
}
.section-menu:hover .icon-TMS-24:before,.section-menu:hover .icon-company:before,.section-menu:hover .icon-error-prognos:before,.section-menu:hover .icon-gsm:before,.section-menu:hover .icon-mts:before,.section-menu:hover .icon-okv:before,.section-menu:hover .icon-report-24:before,.section-menu:hover .icon-route-global-24:before,.section-menu:hover .icon-toir:before,.section-menu:hover .sidebar-menu-icon:before {
color: #0092c7
}
.section-menu:hover .section-menu__header {
color: #333;
font-weight: 500!important
}
.section-menu .icon-arrow:before {
display: block;
line-height: 24px;
transform: rotate(0deg);
transition: transform .3s
}
.section-menu--expanded .icon-arrow:before {
display: block;
transform: rotate(180deg)
}
.section-menu .icon-TMS-24:before,.section-menu .icon-company:before,.section-menu .icon-error-prognos:before,.section-menu .icon-gsm:before,.section-menu .icon-mts:before,.section-menu .icon-okv:before,.section-menu .icon-report-24:before,.section-menu .icon-route-global-24:before,.section-menu .icon-toir:before,.section-menu .sidebar-menu-icon:before {
color: #a7a7a7;
font-size: 24px;
line-height: 24px
}
.section-menu__header {
color: #4b4b4b;
flex-grow: 1;
font-size: 15px;
font-weight: 500!important;
line-height: 24px;
overflow: hidden;
padding-left: 12px;
white-space: nowrap
}
.section-menu .accordeon-control-item {
cursor: pointer;
padding: 12px 12px 12px 8px
}
.section-menu-item {
align-items: center;
display: flex;
padding: 12px
}
.section-menu-container {
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-down-small;
animation-name: slide-down-small;
display: none;
padding-left: 36px
}
.sidebar-control:not(:checked)+.sidebar .section-menu--expanded>.section-menu-container {
display: block
}
.section-menu--active .icon-TMS-24:before,.section-menu--active .icon-company:before,.section-menu--active .icon-error-prognos:before,.section-menu--active .icon-gsm:before,.section-menu--active .icon-mts:before,.section-menu--active .icon-okv:before,.section-menu--active .icon-report-24:before,.section-menu--active .icon-route-global-24:before,.section-menu--active .sidebar-menu-icon:before,.section-menu:hover .icon-TMS-24:before,.section-menu:hover .icon-company:before,.section-menu:hover .icon-error-prognos:before,.section-menu:hover .icon-gsm:before,.section-menu:hover .icon-mts:before,.section-menu:hover .icon-okv:before,.section-menu:hover .icon-report-24:before,.section-menu:hover .icon-route-global-24:before,.section-menu:hover .sidebar-menu-icon:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-TMS-24:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-company:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-error-prognos:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-gsm:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-mts:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-okv:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-report-24:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .icon-route-global-24:before,.section-menu>.accordeon-control:checked+.accordeon-control-item .sidebar-menu-icon:before {
color: #0092c7
}
.section-menu--active .section-menu__header,.section-menu:hover .section-menu__header,.section-menu>.accordeon-control:checked+.accordeon-control-item .section-menu__header {
color: #333
}
.menu-item {
border-radius: 4px;
cursor: pointer;
padding: 13px 12px;
position: relative;
transition: .2s;
transition-property: box-shadow background-color
}
.menu-item [class^=icon-]:before {
color: grey;
font-size: 16px
}
.menu-item:hover .menu-item__header,.menu-item:hover [class^=icon-]:before {
color: #0092c7
}
.menu-item--active,.menu-item--active:hover {
background-color: #0061a2;
box-shadow: 0 6px 14px -8px rgba(0,0,0,.8);
z-index: 0
}
.menu-item--active .menu-item__header,.menu-item--active .user-container__icon:before,.menu-item--active [class^=icon-]:before,.menu-item--active:hover .menu-item__header,.menu-item--active:hover .user-container__icon:before,.menu-item--active:hover [class^=icon-]:before {
color: #fff
}
.menu-item--disable,.menu-item--disable .sidebar-inner-nav-item__name,.menu-item--disable [class^=icon-]:before {
color: grey
}
.menu-item__header {
color: #4b4b4b;
font-size: 15px;
overflow: hidden;
padding-left: 12px
}
.menu-item:hover.menu-item--disable {
background-color: transparent;
box-shadow: none;
color: grey;
cursor: default
}
.menu-item:hover.menu-item--disable .menu-item__header,.menu-item:hover.menu-item--disable [class^=icon-]:before {
color: grey
}
.support {
align-items: start;
margin: 0 12px 16px;
position: relative
}
.support .icon-support:before {
color: #0092c7;
font-size: 24px;
transition: color .3s
}
.support .icon-feedback-24:before {
color: #a7a7a7
}
.support:hover .icon-feedback-24:before {
color: #0092c7
}
.checkbox:checked+.user-container__notification-mark:after,.checkbox:checked+.user-container__notification-mark:before {
background-color: #cdcdcd
}
.user-container__notifications:hover .user-container__notifications-status {
border-color: #fafafa
}
.notifications-items {
height: calc(100% - 32px);
overflow: auto
}
.notifications-items .icon-info-18 {
line-height: 20px
}
.notifications-items__text {
font-size: 14px;
line-height: 20px
}
@media (min-width: 1280px) {
.sidebar-control:checked+.sidebar {
padding:44px 8px 8px;
width: 64px
}
.sidebar-control:checked+.sidebar .icon-menu {
transform: rotateY(180deg)
}
.sidebar-control:checked+.sidebar .sidebar-collapse {
text-align: center;
width: 100%
}
.sidebar-control:checked+.sidebar .icon-arrow {
display: none
}
.sidebar-control:checked+.sidebar .sidebar-header {
padding: 0
}
.sidebar-control:checked+.sidebar .sidebar-header__logo {
opacity: 0;
overflow: hidden;
width: 0
}
.sidebar-control:checked+.sidebar .user-container {
padding: 16px 0 56px
}
.sidebar-control:checked+.sidebar .user-container__notifications {
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: fadeInLeftSmall;
animation-name: fadeInLeftSmall;
-webkit-animation-name: notifications;
animation-name: notifications;
position: absolute!important;
right: 6px!important;
top: 86px!important;
width: 34px!important;
z-index: 2
}
.sidebar-control:checked+.sidebar .sidebar-content .sidebar-organizations {
display: none;
height: 0;
opacity: 0;
overflow: hidden;
width: 0
}
.sidebar-control:checked+.sidebar .sidebar-content .section-menu__header,.sidebar-control:checked+.sidebar .sidebar-content .user-container .menu-item__header,.sidebar-control:checked+.sidebar .sidebar-content .user-container__item {
display: none;
height: 0;
opacity: 0;
overflow: hidden;
padding-left: 0;
width: 0
}
.sidebar-control:checked+.sidebar .sidebar-content .user-profile-container {
background-color: #fff;
border: 1px solid #f2f2f2;
display: none;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.2));
left: 63px;
padding: 12px 16px;
position: fixed;
width: 276px
}
.sidebar-control:checked+.sidebar .sidebar-content .user-profile-container__name {
max-width: 180px
}
.sidebar-control:checked+.sidebar .sidebar-content .support-container {
background-color: #fff;
border: 1px solid #f2f2f2;
bottom: 2px;
display: none;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.2));
flex-grow: 0;
left: 63px;
padding: 16px;
position: fixed;
width: 256px
}
.sidebar-control:checked+.sidebar .sidebar-content .support-container--feedback {
bottom: 12px
}
.sidebar-control:checked+.sidebar .sidebar-content .user-profile {
cursor: pointer;
padding: 12px 8px
}
.sidebar-control:checked+.sidebar .sidebar-content .user-profile:hover:before {
content: "";
display: block;
height: 60px;
left: -16px;
position: absolute;
top: -2px;
width: 80px
}
.sidebar-control:checked+.sidebar .sidebar-content .user-profile:hover .user-profile-container {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-down-small;
animation-name: slide-down-small;
display: flex!important;
flex: 0 1 auto
}
.sidebar-control:checked+.sidebar .sidebar-content .support:hover {
cursor: pointer
}
.sidebar-control:checked+.sidebar .sidebar-content .support:hover:before {
content: "";
display: block;
height: 60px;
left: -16px;
position: absolute;
top: -17px;
width: 64px
}
.sidebar-control:checked+.sidebar .sidebar-content .support:hover .support-container {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-down-small;
animation-name: slide-down-small;
cursor: default;
display: flex!important;
flex: 0 1 auto
}
.sidebar-control:checked+.sidebar .sidebar-content .support-container,.sidebar-control:checked+.sidebar .sidebar-content .user-profile-container {
overflow: visible
}
.sidebar-control:checked+.sidebar .sidebar-content .user-container .menu-item {
padding-left: 14px
}
.sidebar-control:checked+.sidebar .sidebar-content .section-menu-item:hover:before {
content: "";
display: block;
height: 74px;
left: -16px;
position: absolute;
top: -2px;
width: 80px
}
.sidebar-control:checked+.sidebar .sidebar-content .section-menu--active .section-menu-item,.sidebar-control:checked+.sidebar .sidebar-content .section-menu:hover .section-menu-item {
background-color: #0061a2;
border-radius: 4px;
box-shadow: 0 4px 12px -8px #000
}
.sidebar-control:checked+.sidebar .sidebar-content .section-menu--active .section-menu-item [class^=icon-]:before,.sidebar-control:checked+.sidebar .sidebar-content .section-menu:hover .section-menu-item [class^=icon-]:before {
color: #fff
}
.sidebar-control:checked+.sidebar .sidebar-content .section-menu:hover .section-menu-container {
background-color: #fff;
border: 1px solid #f2f2f2;
display: block;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.2));
left: 63px;
padding: 8px 12px!important;
position: fixed;
width: 256px;
z-index: 3
}
.sidebar-control:checked~.main-container--inner-page {
margin-left: 64px;
width: calc(100% - 64px)
}
}
@media (max-width: 1279px) {
.sidebar-overlay {
display:none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1
}
.sidebar-control:not(:checked)+.sidebar {
box-shadow: 4px 0 12px -6px rgba(0,0,0,.15);
left: 0
}
.sidebar-control:not(:checked)+.sidebar .icon-menu {
transform: rotateY(0deg)
}
.sidebar-control:checked+.sidebar .icon-menu {
transform: rotateY(180deg)
}
.sidebar-control:not(:checked)+.sidebar .sidebar-overlay {
display: block
}
}
.two-column-layout-map {
display: flex;
flex: 0 1 auto;
width: 100%
}
.two-column-layout-map .left-container {
animation-duration: .5s;
animation-name: fadeInRightSmall;
background-color: #fff;
flex-shrink: 0;
margin-top: 0;
order: 1;
width: 420px
}
.two-column-layout-map .right-container {
flex-grow: 1;
height: 100%;
margin-top: 0;
max-height: 100%;
order: 2;
position: relative;
width: 100%
}
.two-column-layout-map .right-container #map,.two-column-layout-map .right-container .leaflet-map {
height: 100%!important;
width: 100%!important
}
.two-column-layout {
display: flex;
flex: 0 1 auto;
flex-direction: column;
width: 100%
}
.two-column-layout .left-container {
animation-duration: .5s;
animation-name: fadeInRightSmall;
background-color: #fff;
flex-shrink: 0;
width: 100%
}
.two-column-layout .right-container {
height: 272px;
max-height: 50vh;
position: relative;
width: 100%
}
@media (min-width: 1024px) {
.two-column-layout .right-container {
height:350px;
max-height: 50vh
}
}
@media (min-width: 1680px) {
.two-column-layout--two-column-xl {
flex-direction:row
}
.two-column-layout--two-column-xl .right-container {
height: auto;
max-height: 100%
}
}
.two-column-layout #map,.two-column-layout .leaflet-map {
height: 100%!important;
width: 100%!important
}
.card {
background-color: #fff;
border: 1px solid #f2f2f2;
border-radius: 0;
padding-left: 12px;
padding-right: 12px;
position: relative;
transition: .3s;
width: 100%
}
@media (min-width: 768px) {
.card {
padding-left:16px;
padding-right: 16px
}
}
@media (min-width: 1680px) {
.card {
padding-left:24px;
padding-right: 24px
}
}
.card--border-top {
border: none;
border-top: 1px solid #f2f2f2
}
.card--border-top:last-child {
border-bottom: 1px solid #f2f2f2
}
.card--border-bottom {
border: none;
border-bottom: 1px solid #f2f2f2
}
.card--hover {
z-index: 0
}
.card--hover:hover {
box-shadow: 0 6px 12px -8px rgba(0,0,0,.2);
z-index: 1
}
.card--shadow {
box-shadow: 0 8px 16px -12px rgba(0,0,0,.15)
}
.card--xs {
padding-bottom: 12px;
padding-top: 12px
}
@media (min-width: 768px) {
.card--xs {
padding:12px
}
}
.card--sm {
padding-bottom: 16px;
padding-top: 16px
}
@media (min-width: 768px) {
.card--sm {
padding-bottom:24px;
padding-top: 24px
}
}
.card--md {
padding-bottom: 24px;
padding-top: 24px
}
@media (min-width: 768px) {
.card--md {
padding-bottom:32px;
padding-top: 32px
}
}
.card--lg {
padding: 32px 16px
}
@media (min-width: 580px) {
.card--lg {
padding:32px 24px
}
}
@media (min-width: 768px) {
.card--lg {
padding:40px 32px
}
}
@media (min-width: 1280px) {
.card--lg {
padding:40px
}
}
.card--form {
max-width: 1024px
}
.card .icon-danger-24,.card .icon-info-24,.card .icon-not-available,.card .icon-null-24,.card .icon-play-24,.card .icon-success-24,.card .icon-unknown-24,.card .icon-warning-24 {
display: inline-block;
line-height: 22px
}
.card .icon-danger-24:before,.card .icon-info-24:before,.card .icon-not-available:before,.card .icon-null-24:before,.card .icon-play-24:before,.card .icon-success-24:before,.card .icon-unknown-24:before,.card .icon-warning-24:before {
font-size: 22px
}
.card .icon-play-24 .path1:before {
color: #34b012
}
.card__icon-margin {
margin-top: 5px
}
@media (min-width: 580px) {
.card__icon-xs-margin {
margin-top:6px
}
}
@media (min-width: 768px) {
.card__icon-sm-margin {
margin-top:6px
}
}
@media (min-width: 1024px) {
.card__icon-md-margin {
margin-top:6px
}
}
@media (min-width: 1280px) {
.card__icon-lg-margin {
margin-top:6px
}
}
@media (min-width: 1680px) {
.card__icon-xl-margin {
margin-top:6px
}
}
.card__header {
color: #333;
font-size: 18px;
font-weight: 500!important;
line-height: 22px
}
@media (min-width: 768px) {
.card__header {
font-size:18px;
line-height: 22px
}
}
.card__label {
color: grey;
font-size: 14px;
margin-bottom: 4px;
min-height: 21px
}
.card__text {
color: #333;
font-size: 15px
}
.card__text--no-data {
color: grey
}
.card__table-header {
border-bottom: 1px solid #cdcdcd;
border-top: 1px solid #f2f2f2;
padding: 12px
}
@media (min-width: 768px) {
.card__table-header {
padding:12px 16px
}
}
.card-controls {
display: flex;
flex: 0 1 auto;
opacity: 1;
padding-left: 16px;
transition: opacity .3s
}
@media (min-width: 1280px) {
.card-controls {
opacity:0
}
}
.card--hover:hover .card-controls {
display: flex!important;
flex: 0 1 auto;
opacity: 1
}
.crd {
background-color: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 2px 2px -1px rgba(0,0,0,.2);
transition: .3s;
width: 100%
}
.crd,.crd--hover {
position: relative
}
.crd--hover {
transition: box-shadow .1s;
transition: .3s;
z-index: auto
}
.crd--hover:hover {
border-bottom: 1px solid rgba(33,150,243,.5)!important;
box-shadow: 0 5px 12px -8px rgba(0,0,0,.2)
}
.crd--xxs {
padding: 8px 12px
}
.crd--xs {
padding: 12px
}
.crd--sm {
padding: 16px
}
.crd--md {
padding: 24px
}
.crd--lg {
padding: 32px
}
.crd--xl {
padding: 40px
}
.crd--xxl {
padding: 48px
}
.crd--border-all {
border: 1px solid #f2f2f2
}
.crd--round {
border-radius: 8px
}
@media (min-width: 580px) {
.crd-xs--xxs {
padding:8px 12px
}
.crd-xs--xs {
padding: 12px
}
.crd-xs--sm {
padding: 16px
}
.crd-xs--md {
padding: 24px
}
.crd-xs--lg {
padding: 32px
}
.crd-xs--xl {
padding: 40px
}
.crd-xs--xxl {
padding: 48px
}
}
@media (min-width: 768px) {
.crd-sm--xxs {
padding:8px 12px
}
.crd-sm--xs {
padding: 12px
}
.crd-sm--sm {
padding: 16px
}
.crd-sm--md {
padding: 24px
}
.crd-sm--lg {
padding: 32px
}
.crd-sm--xl {
padding: 40px
}
.crd-sm--xxl {
padding: 48px
}
}
@media (min-width: 1024px) {
.crd-md--xxs {
padding:8px 12px
}
.crd-md--xs {
padding: 12px
}
.crd-md--sm {
padding: 16px
}
.crd-md--md {
padding: 24px
}
.crd-md--lg {
padding: 32px
}
.crd-md--xl {
padding: 40px
}
.crd-md--xxl {
padding: 48px
}
}
@media (min-width: 1280px) {
.crd-lg--xxs {
padding:8px 12px
}
.crd-lg--xs {
padding: 12px
}
.crd-lg--sm {
padding: 16px
}
.crd-lg--md {
padding: 24px
}
.crd-lg--lg {
padding: 32px
}
.crd-lg--xl {
padding: 40px
}
.crd-lg--xxl {
padding: 48px
}
}
@media (min-width: 1680px) {
.crd-xl--xxs {
padding:8px 12px
}
.crd-xl--xs {
padding: 12px
}
.crd-xl--sm {
padding: 16px
}
.crd-xl--md {
padding: 24px
}
.crd-xl--lg {
padding: 32px
}
.crd-xl--xl {
padding: 40px
}
.crd-xl--xxl {
padding: 48px
}
}
.crd__container--xs {
max-width: 640px;
width: 100%
}
.crd__container--sm {
max-width: 768px;
width: 100%
}
.crd__container--md {
max-width: 1024px;
width: 100%
}
.crd__header {
color: #333;
font-size: 18px;
font-weight: 500;
line-height: 22px
}
.crd__header--simple {
color: #333;
font-size: 15px;
line-height: 18px
}
@media (min-width: 580px) {
.crd-xs__header--simple {
color:#333!important;
font-size: 15px!important;
font-weight: 300!important;
line-height: 18px!important
}
}
@media (min-width: 768px) {
.crd-sm__header--simple {
color:#333!important;
font-size: 15px!important;
font-weight: 300!important;
line-height: 18px!important
}
}
@media (min-width: 1024px) {
.crd-md__header--simple {
color:#333!important;
font-size: 15px!important;
font-weight: 300!important;
line-height: 18px!important
}
}
@media (min-width: 1280px) {
.crd-lg__header--simple {
color:#333!important;
font-size: 15px!important;
font-weight: 300!important;
line-height: 18px!important
}
}
@media (min-width: 1680px) {
.crd-xl__header--simple {
color:#333!important;
font-size: 15px!important;
font-weight: 300!important;
line-height: 18px!important
}
}
.crd__label {
font-weight: 300;
letter-spacing: .04em
}
.crd__label,.crd__label--form {
color: grey
}
.crd__label,.crd__label--form,.crd__label--view {
font-size: 14px;
line-height: 18px
}
@media (min-width: 1680px) {
.crd__label--view {
font-size:15px;
line-height: 18px
}
}
.crd__label--top {
margin: 0 0 8px
}
.crd__label--left {
margin: 0 0 0 16px
}
@media (min-width: 580px) {
.crd__label-xs--top {
margin:0 0 8px
}
.crd__label-xs--left {
margin: 0 0 0 16px
}
}
@media (min-width: 768px) {
.crd__label-sm--top {
margin:0 0 8px
}
.crd__label-sm--left {
margin: 0 0 0 16px
}
}
@media (min-width: 1024px) {
.crd__label-md--top {
margin:0 0 8px
}
.crd__label-md--left {
margin: 0 0 0 16px
}
}
@media (min-width: 1280px) {
.crd__label-lg--top {
margin:0 0 8px
}
.crd__label-lg--left {
margin: 0 0 0 16px
}
}
@media (min-width: 1680px) {
.crd__label-xl--top {
margin:0 0 8px
}
.crd__label-xl--left {
margin: 0 0 0 16px
}
}
.crd__text {
color: #4b4b4b;
font-size: 14px;
line-height: 18px
}
@media (min-width: 1680px) {
.crd__text {
font-size:15px;
line-height: 18px
}
}
.crd__controls {
align-items: flex-start;
display: flex;
flex-grow: 0;
flex-shrink: 0;
transition: opacity .3s
}
@media (min-width: 1280px) {
.crd__controls {
opacity:0
}
}
.crd__controls--two {
width: 72px
}
.crd-table {
position: relative
}
.crd-table-header,.crd-table-row {
display: inline-flex;
flex: 0 1 auto;
min-width: 100%
}
.crd-table-header__item,.crd-table-row__item {
font-size: 14px;
font-weight: 300;
line-height: 18px;
padding-right: 16px
}
.crd-table-header__item:last-child,.crd-table-row__item:last-child {
padding-right: 0
}
.crd-table-header {
padding: 12px
}
.crd-table-header__item {
align-items: flex-start;
color: grey;
display: flex;
flex: 0 1 auto;
font-size: 15px;
font-weight: 300;
letter-spacing: .03em;
line-height: 18px
}
.crd-table-header--line {
border-bottom: 1px solid #cdcdcd;
border-top: 1px solid #f2f2f2
}
.crd-table-header--no-top {
border-bottom: 1px solid #e6e6e6;
padding-top: 0
}
.crd-table-row .icon-link-arrow:before {
font-size: 14px;
line-height: 32px
}
@media (min-width: 1280px) {
.crd--hover:hover .crd__controls {
opacity:1
}
}
.card-table-header {
color: grey;
display: inline-flex;
flex: 0 1 auto;
font-size: 15px;
line-height: 17px;
min-width: 100%
}
.card-table-header__item {
align-items: flex-start;
display: flex;
flex: 0 1 auto
}
.card-table-header--line {
border-top: 1px solid #f2f2f2
}
.card-table-header--line,.card-table-header--no-top {
border-bottom: 1px solid #cdcdcd
}
.card-table-header--sm {
padding: 8px 0
}
.card-table-header--md {
padding: 12px 0
}
.card-table-row {
display: inline-flex;
flex: 0 1 auto;
min-width: 100%
}
.card-table-row--xs {
padding: 4px 0
}
.card-table-row--sm {
padding: 8px 0
}
.card-table-row--md {
padding: 12px 0
}
.card-table-row--hover:hover {
background-color: rgba(0,97,162,.08)!important;
cursor: pointer;
transition: .3s
}
.card-table-row--shadow {
box-shadow: 0 0 2px rgba(0,0,0,.25)
}
.card-table-row--bottom-line {
border-bottom: 1px solid #e6e6e6
}
.card-table-row--bottom-line:last-child {
border-bottom: none
}
.card-table-row--top-line {
border-top: 1px solid #e6e6e6
}
.card-table-row--top-bottom-line,.card-table-row--top-line:last-child {
border-bottom: 1px solid #e6e6e6
}
.card-table-row--top-bottom-line:first-child {
border-top: 1px solid #e6e6e6
}
.card-table-row--top-bottom-line:last-child {
border-bottom: none
}
.card-table-row--trips {
min-height: 48px
}
.card-table-row .icon-link-arrow:before {
font-size: 14px
}
.card-table-row .badge--lg {
min-width: 32px;
text-align: center
}
.card-table-row__item {
font-size: 15px;
line-height: 18px
}
.card-table-header__item,.card-table-row__item {
padding-right: 16px
}
.card-table-header__item:last-child,.card-table-row__item:last-child {
padding-right: 0
}
.btn {
align-items: center;
border: 1px solid;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
cursor: pointer;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
letter-spacing: .01em;
margin-top: -1px;
overflow: hidden;
position: relative;
transform: perspective(1px) translateZ(0);
transition: .3s;
transition-property: background-color,border-color,box-shadow;
white-space: nowrap
}
.btn:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleY(0);
transform-origin: 50% 0;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
z-index: -1
}
.btn:hover {
box-shadow: 0 10px 6px -10px rgba(0,0,0,.2)
}
.btn:hover:before {
transform: scaleY(1)
}
.btn-icon--md {
font-size: 18px;
height: 40px;
line-height: 18px;
width: 40px
}
.btn-icon--md [class^=icon-] {
font-size: 24px
}
.btn-icon--md .icon-notification,.btn-icon--md .icon-notification-outline {
font-size: 22px
}
.btn-icon--md .icon-arrow:before {
font-size: 12px;
line-height: 40px
}
.btn-icon--md .icon-trash-18:before {
font-size: 18px;
line-height: 40px
}
.btn-icon--md .icon-link-arrow:before,.btn-icon--md .icon-more-menu:before {
font-size: 16px;
line-height: 40px
}
.btn-icon--md .icon-exit:before {
color: #0092c7;
content: "\e91a";
font-size: 20px;
line-height: 40px;
margin-right: 2px
}
.btn-icon--sm {
font-size: 16px;
height: 32px;
line-height: 32px;
width: 32px
}
.btn-icon--sm [class^=icon-] {
font-size: 18px;
line-height: 32px
}
.btn-icon--sm .icon-check-mark {
font-size: 14px
}
.btn-icon--sm .icon-close-10 {
font-size: 12px
}
.btn-icon--sm .icon-arrow:before,.btn-icon--sm .icon-link-arrow:before {
font-size: 15px
}
.btn-icon--sm .icon-more-menu {
font-size: 16px
}
.btn-icon--sm .icon-exit:before {
line-height: 32px;
margin-right: 2px
}
.btn-icon--sm .icon-close-16 {
font-size: 12px
}
.btn-icon--xs {
height: 18px;
width: 18px
}
.btn-icon--xs [class^=icon-] {
font-size: 10px;
line-height: 10px
}
.btn-icon--xxs {
height: 24px;
width: 24px
}
.btn-icon--xxs [class^=icon-] {
font-size: 14px;
line-height: 14px
}
.btn-icon--delete {
background-color: #fff;
border-color: #fafafa
}
.btn-icon--delete:before {
background: #e31e25
}
.btn-icon--delete:hover {
border-color: #e31e25
}
.btn-icon--delete:hover [class^=icon-]:before {
color: #fff
}
.btn-icon--transparent {
background-color: transparent;
border-color: transparent;
box-shadow: none
}
.btn-icon--transparent:before {
background: transparent
}
.btn-icon--transparent:hover {
border-color: transparent;
box-shadow: none
}
.btn-icon--watch {
background-color: #fff;
border-color: #fafafa
}
.btn-icon--watch [class^=icon-]:before {
color: #ea9318
}
.btn-icon--watch:before {
background: #ea9318
}
.btn-icon--watch:hover {
border-color: #ea9318
}
.btn-icon--watch:hover [class^=icon-]:before {
color: #fff
}
.btn-icon--add {
background-color: #fff;
border-color: #fafafa
}
.btn-icon--add [class^=icon-]:before {
color: #34b012
}
.btn-icon--add .icon-check-mark {
font-size: 15px
}
.btn-icon--add:before {
background: #34b012
}
.btn-icon--add:hover {
border-color: #34b012
}
.btn-icon--add:hover [class^=icon-]:before {
color: #fff
}
.btn-icon--info {
background-color: #fff;
border-color: #fafafa
}
.btn-icon--info:before {
background: #0092c7
}
.btn-icon--info [class^=icon-]:before {
color: #0092c7
}
.btn-icon--info .icon-more-menu:before {
color: grey
}
.btn-icon--info:hover {
background-color: #0092c7;
border-color: #0092c7
}
.btn-icon--info:hover [class^=icon-]:before {
color: #fff
}
.btn-icon--info:hover .icon-sorting .path1:before {
color: #fff;
content: "\e92a"
}
.btn-icon--info:hover .icon-sorting .path2:before {
color: #fff;
content: "\e92b";
margin-left: -1em
}
.btn-icon--complex {
background-color: #fff;
border-color: #fafafa;
padding: 0 8px;
width: auto
}
.btn-icon--complex .icon-cars:before,.btn-icon--complex .icon-error-code:before {
color: #e31e25
}
.btn-icon--complex:before {
background: #0092c7
}
.btn-icon--complex:hover {
background-color: #0092c7;
border-color: #0092c7
}
.btn-icon--complex:hover [class^=icon-]:before {
color: #fff
}
.btn--xl {
font-size: 20px;
line-height: 20px;
padding: 21px 32px
}
.btn--lg,.btn--xl {
font-weight: 400!important
}
.btn--lg {
font-size: 18px;
line-height: 18px;
padding: 18px 24px
}
.btn--md {
font-size: 15px;
font-weight: 400!important;
height: 40px;
letter-spacing: .02em;
line-height: 16px;
padding: 11px 14px
}
@media (min-width: 1680px) {
.btn--md {
font-size:16px
}
}
.btn--md [class^=icon-] {
font-size: 18px!important;
line-height: 18px;
margin-right: 8px
}
.btn--md .icon-link-arrow {
font-size: 16px!important;
line-height: 16px
}
.btn--md [class^=icon-close] {
font-size: 14px!important
}
.btn--md .icon-check-mark:before,.btn--md .icon-close-16:before,.btn--md .icon-copy:before,.btn--md .icon-forward:before {
font-size: 14px
}
.btn--md .icon-excel {
font-size: 22px
}
.btn--md .icon-arrow {
font-size: 12px;
margin-right: 0;
transition: .3s
}
.btn--md .icon-add:before {
display: flex;
font-size: 14px;
line-height: 14px
}
.btn--sm {
font-size: 15px;
font-weight: 400!important;
height: 32px;
line-height: 14px;
padding: 7px 12px
}
.btn--sm [class^=icon-] {
font-size: 16px;
margin-right: 8px
}
.btn--sm .icon-arrow {
font-size: 12px;
margin-right: 0;
transition: .3s
}
.btn--sm .icon-add:before {
font-size: 12px;
line-height: 16px
}
.btn--danger,.btn--danger [class^=icon-]:before,.btn--info,.btn--info [class^=icon-]:before,.btn--primary,.btn--primary [class^=icon-]:before,.btn--success,.btn--success [class^=icon-]:before,.btn--warning,.btn--warning [class^=icon-]:before {
color: #fff
}
.btn--primary {
background-color: #0061a2;
border-color: #0061a2
}
.btn--primary:before {
background: #0e477e
}
.btn--disabled,.btn[disabled] {
background-color: #f2f2f2!important;
border-color: #f2f2f2!important;
color: grey!important;
cursor: not-allowed!important
}
.btn--disabled [class^=icon-]:before,.btn[disabled] [class^=icon-]:before {
color: grey
}
.btn--disabled:hover,.btn[disabled]:hover {
background-color: #f2f2f2!important;
border-color: #f2f2f2!important;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
color: grey!important;
cursor: not-allowed!important
}
.btn--disabled:hover [class^=icon-]:before,.btn[disabled]:hover [class^=icon-]:before {
color: grey!important
}
.btn--disabled:before,.btn[disabled]:before {
background: #f2f2f2!important
}
.btn--disabled .chosen-container-single,.btn--disabled .chosen-single,.btn[disabled] .chosen-container-single,.btn[disabled] .chosen-single {
background-color: #f2f2f2!important;
border-color: #f2f2f2!important;
color: grey!important;
cursor: not-allowed!important
}
.btn--secondary {
background-color: #fff;
border-color: #f2f2f2;
color: #0092c7
}
.btn--secondary:before {
background: #fafafa
}
.btn--secondary .icon-sorting .path1:before,.btn--secondary .icon-sorting .path2:before {
color: #0092c7
}
.btn--info {
background-color: #0092c7;
border-color: #0092c7
}
.btn--info:before {
background: #006d94
}
.btn--info .icon-sorting .path1:before {
color: #fff;
content: "\e92a"
}
.btn--info .icon-sorting .path2:before {
color: #fff;
content: "\e92b";
margin-left: -1em
}
.btn--warning {
background-color: #ea9318;
border-color: #ea9318
}
.btn--warning:before {
background: #be7611
}
.btn--danger {
background-color: #e31e25;
border-color: #e31e25
}
.btn--danger:before {
background: #b7171c
}
.btn--transparent {
background-color: transparent;
border-color: transparent;
box-shadow: none;
color: #0092c7
}
.btn--transparent:before {
background: transparent
}
.btn--transparent:hover {
border-color: transparent;
box-shadow: none;
color: #0061a2
}
.btn--success {
background-color: #34b012;
border-color: #34b012
}
.btn--success:before {
background: #26820d
}
.btn--filter {
background-color: #fff;
border-color: #f2f2f2;
color: #0092c7
}
.btn--filter [class^=icon-] {
margin-right: 0
}
@media (min-width: 1024px) {
.btn--filter [class^=icon-] {
margin-right:8px
}
}
.btn--filter:before {
background: #0092c7
}
.btn--filter:hover {
border-color: #0092c7;
color: #fff
}
.btn--filter:hover [class^=icon-]:before {
color: #fff
}
.btn--dropdown {
background-color: #fff;
border-color: #f2f2f2;
color: #4b4b4b;
overflow: visible;
padding-right: 0;
position: relative;
z-index: 1
}
.btn--dropdown [class^=icon-] {
color: #0092c7
}
.btn--dropdown:before {
background: #fff
}
.btn--dropdown .chosen-container {
height: 39px;
min-width: 70px;
padding-right: 12px
}
.btn--dropdown .chosen-drop,.btn--dropdown .chosen-single {
color: #4b4b4b
}
.btn--dropdown .icon-download-report:before {
font-size: 18px
}
.btn--dropdown .chosen-container-single .chosen-single div:before {
right: 0
}
.btn--dropdown .chosen-container-multi .chosen-drop,.btn--dropdown .chosen-container-single .chosen-drop {
margin-top: 1px;
padding: 0
}
.btn--dropdown .chosen-container-single .chosen-single {
border: none;
border-left: 1px solid #e6e6e6;
padding-right: 0
}
.btn--dropdown__content {
align-items: center;
display: flex!important;
flex: 0 1 auto
}
.btn--dropdown--md .btn--dropdown__content {
font-size: 15px;
font-weight: 400!important;
height: 40px;
letter-spacing: .02em;
line-height: 16px;
padding: 11px 12px
}
@media (min-width: 1680px) {
.btn--dropdown--md .btn--dropdown__content {
font-size:16px
}
}
.btn--dropdown--sm .btn--dropdown__content {
font-size: 15px;
font-weight: 400!important;
height: 32px;
line-height: 14px;
padding: 7px
}
.btn--dropdown--sm .chosen-container-single .chosen-single {
padding: 6px 12px
}
.btn--dropdown--sm .chosen-container {
min-width: 64px;
padding-right: 8px
}
.btn--dropdown--sm .chosen-container-single .chosen-single div:before {
line-height: 32px
}
.btn--dropdown--sm .chosen-container-single .chosen-single span {
margin-right: 8px
}
.btn--dropdown .btn--dropdown__content,.btn--dropdown .chosen-container {
transition: .3s
}
.btn--dropdown .btn--dropdown__content:hover,.btn--dropdown .chosen-container:hover {
background-color: #fafafa
}
.btn--group {
background-color: #fff;
border-color: #f2f2f2;
color: #0092c7
}
.btn--group:hover {
border-color: #0092c7;
color: #fff
}
.btn--group:before {
background-color: #0092c7
}
.safe-marging {
margin-right: 1px
}
.section-delete {
position: absolute;
right: 0;
top: 0
}
.buttons-group--item .btn--group {
border-left: 0;
border-radius: 0
}
.buttons-group--item:first-child .btn--group {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0;
border-left: 1px;
border-right: 0;
border-top-left-radius: 4px;
border-top-right-radius: 0
}
.buttons-group--item:last-child .btn--group {
border-bottom-left-radius: 0;
border-bottom-right-radius: 4px;
border-left: 0;
border-top-left-radius: 0;
border-top-right-radius: 4px
}
.buttons-group .radio:checked+.btn--group {
border-color: #0092c7;
color: #fff
}
.buttons-group .radio:checked+.btn--group:before {
background-color: #0092c7;
transform: scaleY(1)
}
.buttons-container--form {
align-items: flex-start;
display: flex!important;
flex: 0 1 auto;
justify-content: space-between;
padding-top: 40px
}
.breadcrump {
margin-top: 12px
}
@media (min-width: 1280px) {
.breadcrump {
margin-top:0
}
}
.breadcrump .icon-link-arrow {
font-size: 14px;
line-height: 18px
}
.tabs {
align-items: baseline;
display: flex!important;
flex: 0 1 auto;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%
}
.tab-item {
cursor: pointer;
transition: color .3s
}
.tab-item,.tab-item a,.tab-item a:visited {
color: grey
}
.tab-item--sm {
font-size: 13px;
font-weight: 500!important;
letter-spacing: .02em;
line-height: 13px;
padding-bottom: 8px;
text-transform: uppercase
}
.tab-item--md {
font-size: 18px;
line-height: 18px;
padding-bottom: 12px
}
.tab-item:hover {
color: var(--dpk-primary)
}
.tab-item:hover a,.tab-item:hover a:visited {
color: #0092c7
}
.tab-item--radio:hover {
color: #4b4b4b
}
.tab-item--border-line {
cursor: pointer;
position: relative;
z-index: 1
}
.tab-item--border-line:before {
background-color: #0092c7;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
transition: width .3s;
width: 0
}
.tab-item--border-line:hover:before {
width: 100%
}
.tab-container {
align-items: flex-start;
display: none;
flex-direction: column;
order: 99;
width: 100%
}
.tab-container--border {
border-top: 1px solid #e6e6e6
}
.tab-container--border-scroll:before {
background-color: #e6e6e6;
content: "";
display: block;
height: 1px;
left: 0;
position: sticky;
top: 0;
width: 100%
}
.tab-container--scroll-fix {
margin-right: 16px;
position: relative;
width: 100%
}
.tab-container--scroll-fix:before {
background-color: #e6e6e6;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
z-index: 0
}
.tab-container--scroll-fix-sm:before {
top: 21px
}
.tab-container--scroll-fix-md:before {
top: 30px
}
.radio:checked+.tab-item,.radio:checked+.tab-item a,.tab-item--border-line-active,.tab-item--border-line-active a {
color: #0092c7
}
.radio:checked+.tab-item.radio-label {
color: #333
}
.radio:checked+.tab-item--border-line:before,.tab-item--border-line-active:before {
width: 100%
}
.radio:checked+.tab-item+.tab-container {
display: flex!important;
flex: 0 1 auto
}
.alert {
border: 1px solid #f2f2f2
}
.alert [class^=icon-] {
font-size: 24px
}
.alert [class$="-18"] {
font-size: 18px
}
.alert__text {
font-size: 15px;
line-height: 19px;
padding-top: 2px
}
@media (min-width: 1680px) {
.alert__text {
font-size:15px;
line-height: 20px
}
}
.alert--info {
border-left: 2px solid #0092c7
}
.alert--success {
border-left: 2px solid #34b012
}
.alert--warning {
border-left: 2px solid #ea9318
}
.alert--error {
border-left: 2px solid #e31e25
}
.table-responsive {
overflow-x: auto;
overflow-y: hidden;
padding: 0 2px 4px;
width: 100%
}
.table-responsive.no-overflow {
overflow: inherit
}
.table-responsive.min-h {
min-height: 300px
}
.table-responsive .card-table-header,.table-responsive .card-table-row {
min-width: 100%
}
.table {
border-collapse: collapse
}
.table thead>tr {
border-bottom: 1px solid #cdcdcd;
border-top: 1px solid #f2f2f2;
color: grey;
font-size: 15px
}
.table tbody>tr {
border-bottom: 1px solid #f2f2f2;
font-size: 15px
}
.table--hover tbody>tr:hover {
background-color: rgba(0,97,162,.08)!important;
cursor: pointer
}
.table--align-top tbody>tr>td {
vertical-align: top
}
.table--striped tbody tr:nth-of-type(odd) {
background-color: #fafafa
}
.table--border {
border: 1px solid #cdcdcd
}
.table--lg tr>th {
padding: 12px 8px
}
.table--lg tr>th:first-child {
padding-left: 0
}
.table--lg tr>th:last-child {
padding-right: 0
}
.table--lg tr>td {
padding: 16px 8px
}
.table--lg tr>td:first-child {
padding-left: 0
}
.table--lg tr>td:last-child {
padding-right: 0
}
.table--md tr>td,.table--md tr>th {
padding: 12px 8px
}
.table--md tr>td:first-child,.table--md tr>th:first-child {
padding-left: 0
}
.table--md tr>td:last-child,.table--md tr>th:last-child {
padding-right: 0
}
.table--sm tr>td,.table--sm tr>th {
padding: 8px
}
.table--sm tr>td:first-child,.table--sm tr>th:first-child {
padding-left: 0
}
.table--sm tr>td:last-child,.table--sm tr>th:last-child {
padding-right: 0
}
.pagination {
align-items: center;
display: flex!important;
flex: 0 1 auto
}
.pagination__next,.pagination__page-item,.pagination__previous {
background-color: #fff;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
line-height: 16px;
margin: 0 5px;
min-width: 32px;
padding: 8px;
text-align: center;
transition: .3s;
white-space: nowrap
}
.pagination__next,.pagination__previous {
position: relative
}
.pagination__next:before,.pagination__previous:before {
align-items: center;
color: grey;
content: "\e900";
display: flex;
font-size: 10px;
height: 16px;
justify-content: center;
position: relative;
width: 16px
}
.pagination__next:hover,.pagination__previous:hover {
background-color: #f8f8f8
}
.pagination__next--disable,.pagination__previous--disable {
cursor: default
}
.pagination__next--disable:before,.pagination__previous--disable:before {
color: #e6e6e6
}
.pagination__next--disable:hover,.pagination__previous--disable:hover {
background-color: #fff;
color: #e6e6e6
}
.pagination__next--disable:hover:before,.pagination__previous--disable:hover:before {
color: #e6e6e6
}
.pagination__previous:before {
transform: rotate(90deg)
}
.pagination__next:before {
transform: rotate(-90deg)
}
.pagination__page-item {
color: #2b2d33;
font-weight: 500
}
.pagination__page-item:hover {
background-color: #f8f8f8;
color: #3772ff
}
.pagination__page-item--active {
background-color: #e9eaea
}
.pagination__page-item--disable {
color: grey;
cursor: default
}
.pagination__page-item--disable:hover {
background-color: #fff;
color: grey
}
.record-counter {
width: 72px
}
.dropdown {
cursor: pointer;
position: relative
}
.dropdown .icon-info:before {
color: #0092c7;
content: "\e949";
font-size: 18px
}
.dropdown .icon-danger-18,.dropdown .icon-success-18 {
font-size: 18px
}
.dropdown:hover .icon-info:before {
content: "\e94a"
}
.dropdown:hover .btn .icon-arrow:before {
display: block;
transform: rotate(180deg)
}
.dropdown--sorting:before {
content: "";
height: 10px;
left: 0;
position: absolute;
top: calc(100% - 2px);
width: 100%
}
.dropdown--sorting .icon-sorting {
font-size: 15px;
line-height: 15px
}
.dropdown__item .no-icon-layer {
bottom: 0;
cursor: not-allowed;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0
}
.dropdown-container {
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-up-small!important;
animation-name: slide-up-small!important;
background-color: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 3px 4px -3px rgba(0,0,0,.25);
color: #333;
display: none;
position: absolute;
z-index: 1000
}
.dropdown-container--xs {
width: 120px
}
.dropdown-container--sm {
width: 180px
}
.dropdown-container--md {
width: 220px
}
.dropdown-container--lg {
width: 280px
}
.dropdown-container--xl {
width: 370px
}
.dropdown-container--full {
width: 100%
}
.dropdown-container--auto {
white-space: nowrap;
width: auto
}
.dropdown-container--right {
left: auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container--left {
left: 0;
top: calc(100% + 1px)
}
.dropdown-container--right-top {
bottom: calc(100% + 1px);
left: auto;
right: 0
}
.dropdown-container--right-bottom {
left: auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container--left-top {
bottom: calc(100% + 1px);
left: 0
}
@media (min-width: 580px) {
.dropdown-container-xs--right {
left:auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container-xs--left {
left: 0;
top: calc(100% + 1px)
}
.dropdown-container-xs--right-top {
bottom: calc(100% + 1px);
left: auto;
right: 0
}
.dropdown-container-xs--left-top {
bottom: calc(100% + 1px);
left: 0
}
}
@media (min-width: 768px) {
.dropdown-container-sm--right {
left:auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container-sm--left {
left: 0;
top: calc(100% + 1px)
}
.dropdown-container-sm--right-top {
bottom: calc(100% + 1px);
left: auto;
right: 0
}
.dropdown-container-sm--left-top {
bottom: calc(100% + 1px);
left: 0
}
}
@media (min-width: 1024px) {
.dropdown-container-md--right {
left:auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container-md--left {
left: 0;
top: calc(100% + 1px)
}
.dropdown-container-md--right-top {
bottom: calc(100% + 1px);
left: auto;
right: 0
}
.dropdown-container-md--left-top {
bottom: calc(100% + 1px);
left: 0
}
}
@media (min-width: 1280px) {
.dropdown-container-lg--right {
left:auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container-lg--left {
left: 0;
top: calc(100% + 1px)
}
.dropdown-container-lg--right-top {
bottom: calc(100% + 1px);
left: auto;
right: 0
}
.dropdown-container-lg--left-top {
bottom: calc(100% + 1px);
left: 0
}
}
@media (min-width: 1680px) {
.dropdown-container-xl--right {
left:auto;
right: 0;
top: calc(100% + 1px)
}
.dropdown-container-xl--left {
left: 0;
top: calc(100% + 1px)
}
.dropdown-container-xl--right-top {
bottom: calc(100% + 1px);
left: auto;
right: 0
}
.dropdown-container-xl--left-top {
bottom: calc(100% + 1px);
left: 0
}
}
.dropdown-container__item {
align-items: center;
cursor: pointer!important;
display: flex;
flex: 0 1 auto;
font-weight: 400!important;
transition: .3s;
transition-property: background-color;
width: 100%
}
.dropdown-container__item:hover {
background-color: #f2f2f2
}
.dropdown-container__item--sm {
font-size: 15px;
line-height: 18px;
min-height: 20px;
padding: 12px 16px
}
.dropdown-container__item--sm:last-child {
border-bottom: none
}
.dropdown-container__item--sm [class^=icon-]:before {
font-size: 18px;
line-height: 18px;
margin-right: 8px
}
.dropdown-container__item .icon-gsm:before,.dropdown-container__item .icon-okv:before {
color: #0092c7
}
.dropdown-container .text-xs {
line-height: 20px!important
}
.dropdown:hover .dropdown-container {
display: block
}
.dropdown__container {
background-color: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 3px 4px -3px rgba(0,0,0,.25);
color: #333;
display: none;
position: fixed;
z-index: 1000
}
.dropdown__container--xs {
width: 120px
}
.dropdown__container--sm {
width: 180px
}
.dropdown__container--md {
width: 220px
}
.dropdown__container--lg {
width: 280px
}
.dropdown__container--full {
width: 100%
}
.dropdown__container--notifications {
bottom: 16px;
max-height: calc(100vh - 168px);
overflow: auto;
width: 760px
}
.dropdown__container--auto {
white-space: nowrap;
width: auto
}
.dropdown-select {
cursor: pointer;
display: flex;
position: relative
}
.dropdown-select .dropdown-container {
animation: none;
background-color: #fff;
border: 1px solid #e6e6e6;
box-shadow: 0 6px 8px -4px rgba(0,0,0,.25);
display: none;
left: auto;
padding: 8px 0 0 8px;
position: absolute;
right: 0;
top: 100%;
z-index: 1000
}
.dropdown-select .dropdown-container--full {
width: 100%
}
.dropdown-select .dropdown-container--active {
display: block
}
.dropdown-select .dropdown-container__list {
margin-bottom: 47px;
max-height: 200px;
overflow: auto
}
.dropdown-select .dropdown-buttons {
background: #fff;
left: 0;
padding: 8px;
position: absolute;
top: calc(100% - 48px)
}
.dropdown-container--active+.dropdown-container {
display: block
}
.dropdown .icon-arrow {
display: inline-block;
font-size: 11px;
transition: .3s
}
.dropdown-menu {
background: #fff;
background-clip: padding-box;
border: 1px solid #f2f2f2;
box-shadow: 0 3px 4px -3px rgba(0,0,0,.25);
display: none;
float: left;
list-style: none;
margin: 2px 0;
position: absolute;
text-align: left;
top: 100%;
z-index: 1000
}
.dropdown-menu.show,.dropdown.show {
display: block
}
.dropdown.show .icon-arrow {
transform: rotate(180deg)
}
.dropdown.show .dropdown-menu {
text-transform: none;
top: 2px
}
.dropdown-radion {
cursor: pointer;
position: relative
}
.dropdown-radion__overflow {
background-color: transparent;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%
}
.dropdown-radion__container {
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-up-small!important;
animation-name: slide-up-small!important;
background-color: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 6px 12px -8px rgba(0,0,0,.25);
color: #333;
display: none;
position: absolute;
z-index: 1000
}
.dropdown-radion__container--lg {
width: 330px
}
.dropdown-radion__container--comments {
width: 400px
}
.dropdown-radion__container--right-bottom {
right: 0;
top: calc(100% + 2px)
}
.dropdown-radion__container--right-top {
bottom: calc(100% + 2px);
right: 0
}
.dropdown-radion-control:checked+.dropdown-radion__label+.dropdown-radion__container,.dropdown-radion-control:checked+.dropdown-radion__label+.dropdown-radion__container+.dropdown-radion__overflow {
display: block
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
-webkit-clip-path: none;
clip-path: none
}
.chosen-container a {
cursor: pointer
}
.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name {
color: #999;
font-weight: 400;
margin-right: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
background: url(chosen-sprite.png) -42px 1px no-repeat;
display: block;
font-size: 1px;
height: 12px;
position: absolute;
right: 26px;
top: 6px;
width: 12px
}
.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 18px
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
clip: rect(0,0,0,0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
position: absolute
}
.chosen-container .chosen-results {
-webkit-overflow-scrolling: touch;
max-height: 240px;
overflow-x: hidden;
overflow-y: auto;
position: relative
}
.chosen-container .chosen-results li {
display: none;
list-style: none;
margin: 0;
padding: 5px 6px
}
.chosen-container .chosen-results li.active-result {
cursor: pointer;
display: list-item
}
.chosen-container .chosen-results li.disabled-result {
color: #ccc;
cursor: default;
display: list-item
}
.chosen-container .chosen-results li.no-results {
background: #f4f4f4;
color: #777
}
.chosen-container .chosen-results li.group-result {
cursor: default;
display: list-item;
font-weight: 700
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li em {
color: #4b4b4b;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-decoration: underline
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
color: #999;
height: 25px
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
background-color: #e4e4e4;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee);
border: 1px solid #ccc;
color: #666;
padding-right: 5px
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
color: #ccc;
cursor: default;
display: list-item
}
.chosen-container-active.chosen-with-drop .chosen-single div {
background: 0 0;
border-left: none
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222!important
}
.chosen-disabled {
cursor: default;
opacity: .5!important
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
direction: rtl;
margin-left: 26px;
margin-right: 0
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px
}
.chosen-rtl .chosen-single div {
left: 3px;
right: auto
}
.chosen-rtl .chosen-single abbr {
left: 26px;
right: auto
}
.chosen-rtl .chosen-choices li {
float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
left: 4px;
right: auto
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
padding-left: 0;
padding-right: 15px
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none
}
.chosen-rtl .chosen-search input[type=text] {
background: url(chosen-sprite.png) no-repeat -30px -20px;
direction: rtl;
padding: 4px 5px 4px 20px
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text] {
background-image:url(chosen-sprite@2x.png)!important;
background-repeat: no-repeat!important;
background-size: 52px 37px!important
}
}
.chosen-container {
background-color: #fff;
display: inline-block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%!important
}
.chosen-container-multi .chosen-choices,.chosen-container-single .chosen-single {
border: 1px solid #cdcdcd;
color: #4b4b4b;
display: block;
font-size: 16px;
line-height: 16px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
width: 100%
}
.chosen-container-single .chosen-single {
padding: 12px 12px 10px
}
.chosen-container-single .chosen-single span {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-multi .chosen-choices {
padding: 2px 12px
}
.chosen-container-single .chosen-default {
color: grey
}
.flightSelect+.chosen-container {
min-width: 100%
}
.flightSelect+.chosen-container-single .chosen-drop,.flightSelect+.chosen-container-single>.chosen-single {
max-width: 75%
}
.chosen-container-single .chosen-single div:before {
color: grey!important;
content: "\e900";
display: block;
font-size: 12px;
line-height: 40px;
position: absolute;
right: 12px;
top: 0
}
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.chosen-container-multi .chosen-drop,.chosen-container-single .chosen-drop {
clip: rect(0,0,0,0);
background-clip: padding-box;
background: #fff;
border: 1px solid #cdcdcd;
border-top: 0;
box-shadow: 0 4px 12px -8px rgba(0,0,0,.25);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
font-size: 15px;
line-height: 18px;
margin-top: 0;
padding: 8px 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 1010
}
.chosen-container .chosen-results li {
word-wrap: break-word;
-webkit-touch-callout: none;
padding: 12px 8px
}
.chosen-container .chosen-results li.highlighted {
background-color: #f2f2f2
}
.chosen-container .chosen-results li.no-results {
color: grey;
display: list-item
}
.chosen-container-single .chosen-search {
margin: 0;
padding: 3px 8px;
position: relative;
white-space: nowrap;
z-index: 1010
}
.chosen-container-single .chosen-search input[type=text] {
background: url(chosen-sprite.png) no-repeat 100% -20px;
border: 1px solid #cdcdcd;
border-radius: 0;
font-family: sans-serif;
font-size: 1em;
height: auto;
line-height: normal;
margin: 1px 0;
outline: 0;
padding: 4px 20px 4px 5px;
width: 100%
}
.chosen-container.chosen-container-multi {
cursor: text
}
.chosen-container-multi .chosen-choices li.search-choice {
background-clip: padding-box;
background-color: #fafafa;
background-repeat: repeat-x;
background-size: 100% 19px;
border: 1px solid #cdcdcd;
color: #4b4b4b;
cursor: default;
font-size: 15px;
line-height: 18px;
margin: 2px 4px 2px 0;
max-width: 100%;
padding: 5px 28px 5px 8px;
position: relative
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
content: "\e906";
display: block;
font-size: 10px;
line-height: 0;
position: absolute;
right: 10px;
top: 14px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
color: #4b4b4b
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
background: 0 0!important;
border: 0!important;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: grey;
font-family: sans-serif;
font-size: 100%;
font-weight: 400!important;
height: 32px;
line-height: normal;
margin: 1px 0;
outline: 0;
padding: 0;
width: 25px
}
.chosen--medium .chosen-container .chosen-results li,.chosen--medium .chosen-container-multi .chosen-choices,.chosen--medium .chosen-container-single .chosen-single {
font-size: 15px;
line-height: 16px;
padding: 12px 8px 10px
}
.select-fix {
margin-bottom: -3px
}
.custom-select-container {
background-color: #fff;
border: 1px solid #e6e6e6;
border-top: 0;
box-shadow: 0 6px 12px -8px rgba(0,0,0,.25);
left: 0;
max-height: 280px;
overflow: auto;
position: absolute;
top: 40px;
width: 100%;
z-index: 1000
}
.custom-select-container-items {
max-height: 223px;
overflow: auto
}
.custom-select-container-item__number {
flex-grow: 1;
flex-shrink: 1;
font-size: 14px;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.custom-select-container-item__label {
margin-right: 4px;
width: 31px
}
.custom-select-container-item__ids,.custom-select-container-item__label {
font-size: 12px;
line-height: 16px
}
.custom-select-container-item__ids {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 130px
}
.custom-select .icon-arrow {
font-size: 10px
}
.custom-select__clear-link .icon-close-10 {
font-size: 11px
}
.display-value {
color: grey;
font-size: 17px;
line-height: 22px
}
input[type=file] {
display: none
}
:placeholder {
color: #a7a7a7!important;
font-size: 15px;
font-weight: 300;
line-height: 15px
}
@media (min-width: 1280px) {
:placeholder {
font-size:16px;
line-height: 16px
}
}
:-webkit-input-placeholder {
color: #a7a7a7!important;
font-size: 15px;
font-weight: 400!important;
line-height: 15px
}
@media (min-width: 1280px) {
:-webkit-input-placeholder {
font-size:16px;
line-height: 16px
}
}
:-moz-placeholder {
color: #a7a7a7!important;
font-size: 15px;
font-weight: 400!important;
line-height: 15px
}
@media (min-width: 1280px) {
:-moz-placeholder {
font-size:16px;
line-height: 16px
}
}
:-ms-input-placeholder {
color: #a7a7a7!important;
font-size: 15px;
font-weight: 400!important;
line-height: 15px
}
@media (min-width: 1280px) {
:-ms-input-placeholder {
font-size:16px;
line-height: 16px
}
}
:focus:placeholder {
color: transparent
}
:focus:-webkit-input-placeholder {
color: transparent
}
:focus:-moz-placeholder {
color: transparent
}
:focus:-ms-input-placeholder {
color: transparent
}
.textarea:disabled,input:disabled {
background-color: #f2f2f2
}
.label {
color: grey;
display: inline-block;
font-size: 15px;
letter-spacing: .015em
}
.label--fix-width {
margin-right: 10px;
min-width: 170px;
white-space: nowrap;
width: 170px
}
.label--top {
margin-bottom: 4px
}
.label--required:after {
color: #e31e25;
content: "*";
display: inline-block;
font-size: 18px;
line-height: 0;
padding-left: 4px;
position: relative;
top: 0
}
.label--akb-left,.label--akb-right {
margin-bottom: 4px;
width: 100%
}
@media (min-width: 580px) {
.label--akb-left,.label--akb-right {
margin-bottom:0;
margin-right: 16px;
width: 94px
}
}
@media (min-width: 1024px) {
.label--akb-left {
width:72px
}
.label--akb-right {
width: 94px
}
}
.label--description,.label--display {
color: #a7a7a7!important;
font-weight: 400!important
}
.label--filter {
color: grey;
transition: color .3s
}
.label--xs {
color: grey;
font-size: 14px;
line-height: 14px
}
.label--sm {
font-size: 15px;
line-height: 16px
}
.label--md {
font-size: 16px
}
.label--lg {
font-size: 18px
}
.label__fix--sm {
width: 180px
}
.input {
background-color: #fff;
border: 1px solid #cdcdcd;
font-size: 14px;
font-weight: 400
}
.input--info,.input:focus {
border-color: #0092c7
}
.input--warning {
border-color: #ea9318
}
.input--danger {
border-color: #e31e25
}
.input--success {
border-color: #34b012
}
.input--disabled {
background-color: #f2f2f2
}
.input--lg {
padding: 16px 48px 16px 80px
}
.input--lg,.input-password--lg {
font-size: 16px;
line-height: 16px
}
@media (min-width: 1280px) {
.input--lg,.input-password--lg {
font-size:18px;
line-height: 18px
}
}
.input--md {
font-size: 16px;
height: 40px;
line-height: 16px;
padding: 11px 12px 9px
}
.input--md.textarea {
box-sizing: border-box;
font-size: 15px;
line-height: 18px
}
.input-password--lg {
padding: 16px 48px 16px 80px
}
.input-icon-left--lg {
display: block;
font-size: 24px;
left: 20px;
position: absolute;
top: calc(50% - 12px)
}
.input-icon-left--lg:after {
background-color: #cdcdcd;
content: "";
display: block;
height: 100%;
left: 40px;
position: absolute;
top: 0;
width: 1px
}
.input-calendar,.input-search {
padding-right: 32px
}
.input-icon-password-show {
display: block;
position: absolute;
top: calc(50% - 8px)
}
.input-icon-password-show--lg {
font-size: 16px;
right: 16px
}
@media (min-width: 1280px) {
.input-icon-password-show--lg {
font-size:18px;
right: 24px;
top: calc(50%, -9px)
}
}
.input-icon-password-show--md {
font-size: 16px;
right: 12px
}
.input-search-container {
align-items: center;
display: flex!important;
flex: 0 1 auto
}
.input-search-container .icon-search:before {
display: block;
font-size: 16px;
position: absolute;
right: 12px;
top: calc(50% - 8px)
}
.input-calendar-container {
align-items: center;
display: flex!important;
flex: 0 1 auto;
position: relative
}
.input-calendar-container .icon-calendar:before {
font-size: 18px;
position: absolute;
right: 12px;
top: calc(50% - 9px)
}
.input-container,.input-container .input,.input-container--xl {
width: 100%
}
@media (min-width: 768px) {
.input-container--xl {
max-width:420px!important
}
}
.input-container--lg {
width: 100%
}
@media (min-width: 768px) {
.input-container--lg {
max-width:370px!important
}
}
.input-container--md {
width: 100%
}
@media (min-width: 768px) {
.input-container--md {
max-width:280px!important
}
}
.input-container--sm {
width: 100%
}
@media (min-width: 768px) {
.input-container--sm {
max-width:240px!important
}
}
.input-container--xs {
width: 100%
}
@media (min-width: 768px) {
.input-container--xs {
max-width:180px!important
}
}
.input-container--xxs {
max-width: 80px!important
}
.input-container--3xs {
max-width: 60px!important
}
.input-container--4xs {
max-width: 56px!important
}
.input-container--daterangepicker {
max-width: 287px!important
}
.input-container--time {
width: 100px
}
.input-container--permission-select,.input-container--select-with-control {
width: calc(100% - 48px)
}
.textarea {
max-height: 100%;
resize: vertical
}
.textarea,.textarea--height-auto {
height: auto
}
.error-text {
color: #e31e25!important;
display: none;
font-size: 15px;
padding-top: 4px;
word-break: break-word
}
.input--danger+.error-text {
display: block
}
.display-value {
color: #333;
font-size: 15px;
line-height: 16px
}
.display-value--xs {
color: grey;
font-size: 14px;
line-height: 14px
}
.display-value--sm {
font-size: 15px;
line-height: 16px
}
.display-value--md {
font-size: 16px
}
.display-value--lg {
font-size: 18px
}
.display-value--no-data {
color: #a7a7a7
}
.margin-fix--top {
margin-top: -1px
}
.dash {
background-color: #cdcdcd;
display: block;
flex-shrink: 0;
height: 1px;
margin: 0 8px;
width: 16px
}
.react-datepicker-wrapper .input--md {
padding: 11px 8px 9px
}
.checkbox-label,.radio-label {
cursor: pointer;
display: block;
position: relative
}
.checkbox-label:after,.checkbox-label:before,.radio-label:after,.radio-label:before {
content: "";
display: block;
position: absolute;
transition: .3s
}
.checkbox-label:before,.radio-label:before {
background-color: #fff;
border: 1px solid #cdcdcd;
border-radius: 2px;
left: 0;
top: 0
}
.checkbox-label.checkbox-label--partial:before,.radio-label.checkbox-label--partial:before {
background-color: #0061a2;
border: 1px solid #0061a2
}
.checkbox-label.checkbox-label--partial:after,.radio-label.checkbox-label--partial:after {
background-color: #fff;
border-radius: 4px;
content: "";
display: block;
height: 2px
}
.checkbox-label--lg,.radio-label--lg {
font-size: 16px;
line-height: 18px;
padding-left: 40px
}
.checkbox-label--lg:before,.radio-label--lg:before {
height: 32px;
width: 32px
}
.checkbox-label--lg.checkbox-label--partial:after,.radio-label--lg.checkbox-label--partial:after {
left: 9px;
top: 14px;
width: 14px
}
.checkbox-label--md,.radio-label--md {
font-size: 15px;
line-height: 18px;
min-height: 24px;
padding-left: 32px;
padding-top: 2px
}
@media (min-width: 1680px) {
.checkbox-label--md,.radio-label--md {
font-size:16px;
line-height: 20px;
min-height: 24px;
padding-left: 32px;
padding-top: 4px
}
}
.checkbox-label--md:before,.radio-label--md:before {
height: 24px;
width: 24px
}
.checkbox-label--md.checkbox-label--partial:after,.radio-label--md.checkbox-label--partial:after {
left: 7px;
top: 11px;
width: 10px
}
.checkbox-label--sm,.radio-label--sm {
font-size: 15px;
line-height: 18px;
min-height: 20px;
padding-left: 26px
}
.checkbox-label--sm:before,.radio-label--sm:before {
height: 18px;
width: 18px
}
.checkbox-label--sm.checkbox-label--partial:after,.radio-label--sm.checkbox-label--partial:after {
left: 4px;
top: 8px;
width: 10px
}
.radio-label--lg:after {
height: 32px;
left: 0;
top: 0;
width: 32px
}
.radio-label--md:after {
height: 24px;
left: 0;
top: 0;
width: 24px
}
.radio-label--sm:after {
height: 18px;
left: 0;
top: 0;
width: 18px
}
.checkbox:disabled+label,.radio:disabled+label {
color: grey
}
.checkbox:disabled+label:before,.radio:disabled+label:before {
background-color: #f2f2f2
}
.checkbox-label:before {
border-radius: 2px
}
.checkbox-label:after {
color: #fff
}
.radio-label:after,.radio-label:before {
border-radius: 100%
}
.checkbox:checked+.checkbox-label:before {
background-color: #0061a2;
border: 1px solid #0061a2
}
.checkbox:checked+.checkbox-label:after {
content: "\e903"
}
.checkbox:checked+.checkbox-label.checkbox-label--partial:after {
background-color: #fff;
border-radius: 4px;
content: "";
display: block;
height: 2px
}
.checkbox:checked+.checkbox-label--lg:after {
font-size: 10px;
left: 12px;
top: 12px
}
.checkbox:checked+.checkbox-label--md:after {
font-size: 8px;
left: 8px;
top: 8px
}
.checkbox:checked+.checkbox-label--sm:after {
font-size: 8px;
left: 5px;
line-height: 17px;
top: 0
}
input[type=checkbox]:checked:disabled+.checkbox-label {
cursor: not-allowed!important
}
input[type=checkbox]:not(:checked):disabled+.checkbox-label:before {
background-color: #f2f2f2;
cursor: not-allowed!important
}
.radio:checked+.radio-label:before {
background-color: #0061a2;
border: 1px solid #0061a2
}
.radio:checked+.radio-label:after {
background-color: #fff
}
.radio:checked+.radio-label--lg:after {
height: 12px;
left: 12px;
top: 12px;
width: 12px
}
.radio:checked+.radio-label--md:after {
height: 8px;
left: 8px;
top: 8px;
width: 8px
}
.radio:checked+.radio-label--sm:after {
height: 6px;
left: 6px;
top: 6px;
width: 6px
}
.checkbox:checked+.label--filter,.radio:checked+.label--filter {
color: #333
}
.checkbox-label--disabled:before,.radio-label--disabled:before {
background-color: #f2f2f2
}
.week-tab {
display: flex!important;
flex: 0 1 auto;
flex-shrink: 0
}
.week-tab__item {
border: 1px solid #cdcdcd;
border-right: 0;
cursor: pointer;
font-size: 12px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
transition: .3s;
width: 40px
}
.week-tab__item:last-child {
border-right: 1px solid #cdcdcd
}
.checkbox:checked+.week-tab__item,.week-tab__item--active {
background-color: #0061a2;
border-bottom: 1px solid #0061a2;
border-top: 1px solid #0061a2;
color: #fff
}
.badge {
border-radius: 4px;
display: inline-block;
flex-shrink: 0;
line-height: 1;
text-align: center;
vertical-align: baseline;
white-space: nowrap
}
.badge-container {
position: relative
}
.badge__notifications {
margin-left: 4px;
text-align: center
}
.badge__notifications--tab {
position: absolute;
top: -8px
}
.badge--danger,.badge--disabled,.badge--info,.badge--primary,.badge--success,.badge--warning {
color: #fff
}
.badge--primary {
background-color: #0061a2
}
.badge--info {
background-color: #0092c7
}
.badge--warning {
background-color: #ea9318
}
.badge--danger {
background-color: #e31e25
}
.badge--success {
background-color: #34b012
}
.badge--disabled {
background-color: grey
}
.badge--muted {
background-color: #cdcdcd;
color: #4b4b4b
}
.badge--secondary {
background-color: #fff;
color: #4b4b4b
}
.badge--xs {
font-size: 13px;
font-weight: 400!important;
letter-spacing: .015em;
line-height: 14.4px;
min-width: 20px;
padding: 3px 6px
}
.badge--sm {
font-size: 14px;
letter-spacing: .02em;
min-width: 24px;
padding: 4px 6px
}
.badge--md,.badge--sm {
font-weight: 400!important;
line-height: 17px
}
.badge--md {
align-items: center;
display: inline-flex;
font-size: 16px;
height: 28px;
justify-content: center;
min-width: 26px;
padding: 8px 4px
}
.badge--lg {
font-size: 18px;
line-height: 22px;
min-width: 32px;
padding: 5px 4px
}
.badge--lg,.badge--xl {
font-weight: 400!important
}
.badge--xl {
font-size: 22px;
line-height: 24px;
min-width: 40px;
padding: 8px
}
.table-card-item--trips .badge--md,.trip-details .badge--md {
min-width: 32px
}
.filter-close,.filter-open {
display: none
}
@media (min-width: 1024px) {
.filter-open {
display:inline-block
}
}
.filter-container {
background-color: #fff;
border-right: 1px solid #e6e6e6;
height: 100vh;
left: -340px;
overflow: auto;
padding: 24px 16px 16px;
position: fixed!important;
top: 45px;
transition: .4s;
width: 320px;
z-index: 3
}
@media (min-width: 1280px) {
.filter-container {
padding:40px 16px 16px;
top: 0
}
}
.filter-container__header {
font-size: 20px;
line-height: 20px
}
.filter-container__delimiter {
background-color: grey;
height: 1px;
margin: 0 12px;
width: 8px
}
@media (min-width: 1024px) {
.filter-control:checked+label .filter-close {
display:inline-block
}
}
.filter-control:checked+label .filter-open {
display: none
}
.filter-control:checked+.btn--filter {
border-color: #0092c7;
color: #fff
}
.filter-control:checked+.btn--filter [class^=icon-]:before {
color: #fff
}
.filter-control:checked+.btn--filter:before {
transform: scaleY(1)
}
.filter-icon-close {
cursor: pointer;
font-size: 16px;
opacity: .7;
position: absolute;
right: 26px;
top: 30px;
transition: opacity .3s
}
@media (min-width: 1280px) {
.filter-icon-close {
top:25px
}
}
.filter-icon-close .icon-close-24:before {
color: grey
}
.filter-icon-close:hover {
opacity: 1
}
@media (min-width: 1280px) {
.filter-icon-close {
top:44px
}
}
.filter-control:checked+.filter-container {
left: 0
}
@media (min-width: 1280px) {
.sidebar-control:checked~.filter-control:checked~.main-container--inner-page {
margin-left:320px;
width: calc(100% - 320px)
}
}
.sidebar-control:checked+.sidebar+.filter-control:checked+.filter-container {
left: 0;
opacity: 1
}
.table-card-header {
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2
}
.table-card-item {
border: 1px solid #f2f2f2
}
.table-card-item--trips {
min-height: 48px
}
.table-card-item--hover:hover {
background-color: rgba(0,97,162,.08)!important;
cursor: pointer;
transition: .3s
}
.table-card-item .icon-link-arrow:before {
font-size: 14px
}
.table-card-item .badge--lg {
min-width: 32px;
text-align: center
}
.sorting {
cursor: pointer;
font-size: 16px
}
.sorting--no-sorting .icon-sorting .path1:before,.sorting--no-sorting .icon-sorting .path2:before,.sorting--up .icon-sorting .path1:before {
color: #cdcdcd
}
.sorting--down .icon-sorting .path1:before,.sorting--up .icon-sorting .path2:before {
color: #0092c7
}
.sorting--down .icon-sorting .path2:before {
color: #cdcdcd
}
.geozone-ts .container {
display: flex;
flex: 0 1 auto;
justify-content: center;
margin-top: 16px;
width: 100%
}
.geozone-ts .withOverlay {
height: 90%;
position: absolute;
z-index: 9999
}
.geozone-ts .withOverlay>:first-child {
position: absolute;
top: 45%
}
.geozone-ts .spinner {
animation: spin 1s linear infinite;
border: 3px solid #0092c7;
border-radius: 50%;
border-top-color: #fafafa;
height: 25px;
width: 25px
}
.accordeon {
display: inline-block;
width: 100%
}
.accordeon--map {
min-width: 420px!important;
width: 420px!important
}
.accordeon__container {
animation-duration: .4s;
background-color: hsla(0,0%,98%,.4);
display: none;
position: relative;
width: 100%;
z-index: 0
}
@media (min-width: 1280px) {
.accordeon__container--trips {
background-color:hsla(0,0%,98%,.5);
padding: 16px 16px 16px 40px
}
}
.accordeon__container--absolute {
box-shadow: 0 4px 12px -8px rgba(0,0,0,.25);
left: 0;
max-height: 254px;
overflow: auto;
position: absolute;
top: 20px
}
.accordeon-overlay {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 0
}
.accordeon--nobr br {
display: none
}
.accordeon-control-item {
cursor: pointer;
transition: .3s
}
.accordeon-control-item--permissions .icon-TMS-24:before,.accordeon-control-item--permissions .icon-company:before,.accordeon-control-item--permissions .icon-error-prognos:before,.accordeon-control-item--permissions .icon-gsm:before,.accordeon-control-item--permissions .icon-mts:before,.accordeon-control-item--permissions .icon-okv:before,.accordeon-control-item--permissions .icon-operational-management-24:before,.accordeon-control-item--permissions .icon-planing-24:before,.accordeon-control-item--permissions .icon-post-analitics-24:before,.accordeon-control-item--permissions .icon-report-24:before,.accordeon-control-item--permissions .icon-route-global-24:before,.accordeon-control-item--permissions .icon-settings-24:before,.accordeon-control-item--permissions .icon-toir:before {
color: #a7a7a7;
font-size: 24px
}
.accordeon-control-item--hover:hover {
box-shadow: 0 4px 12px -10px rgba(0,0,0,.5);
cursor: pointer
}
.accordeon-control-item--text-hover {
transition: color .3s
}
.accordeon-control-item--text-hover:hover {
color: #0061a2
}
.accordeon-control-item--link-hover {
border-bottom: 1px solid transparent
}
.accordeon-control-item--link-hover:hover {
border-bottom: 1px solid #e6e6e6;
transition: border-bottom 0s
}
.accordeon-control-item--filter-header {
color: grey;
transition: .3s
}
.accordeon-control-item--filter-header:hover {
color: #333
}
.accordeon-control:checked+.accordeon-control-item+.accordeon__container,.accordeon-control:checked+.table-card-item+.accordeon__container,.accordeon-control:checked+div+.accordeon__container {
display: inline-block;
z-index: 1
}
.accordeon-control:checked+div+.accordeon__container+.accordeon-overlay,.accordeon-control:checked+label+.accordeon__container+.accordeon-overlay {
display: block
}
.accordeon-control:checked+.table-card-item .trips__commands .accordeon-control-item [class^=icon-]:before {
display: inline-block;
transform: rotate(180deg)
}
.accordeon-control:checked+.table-card-item .trips__commands .accordeon-control-item .icon-arrow-block {
transform: rotate(180deg)
}
.accordeon-control:checked+.table-card-item .accordeon-control-item--hover:hover {
border-bottom: 1px solid #e6e6e6;
transition: border-bottom 0s
}
.accordeon-control:checked+.accordeon-control-item .icon-arrow:before {
display: inline-block;
transform: rotate(180deg)
}
.accordeon-control:checked+.accordeon-control-item .accordeon-control-item--filter-header {
color: #333
}
.accordeon-control:checked+div .accordeon-control-item .icon-arrow:before {
display: inline-block;
transform: rotate(180deg)
}
.accordeon-control:checked+.permissions-section .icon-TMS-24:before,.accordeon-control:checked+.permissions-section .icon-company:before,.accordeon-control:checked+.permissions-section .icon-error-prognos:before,.accordeon-control:checked+.permissions-section .icon-gsm:before,.accordeon-control:checked+.permissions-section .icon-mts:before,.accordeon-control:checked+.permissions-section .icon-okv:before,.accordeon-control:checked+.permissions-section .icon-operational-management-24:before,.accordeon-control:checked+.permissions-section .icon-planing-24:before,.accordeon-control:checked+.permissions-section .icon-post-analitics-24:before,.accordeon-control:checked+.permissions-section .icon-report-24:before,.accordeon-control:checked+.permissions-section .icon-route-global-24:before,.accordeon-control:checked+.permissions-section .icon-settings-24:before,.accordeon-control:checked+.permissions-section .icon-toir:before {
color: #0092c7
}
.daterangepicker {
background-color: #fff;
border: 1px solid #e6e6e6!important;
border-radius: 4px;
box-shadow: 0 6px 12px -8px rgba(0,0,0,.25);
color: inherit;
display: none;
font-size: 15px;
font-weight: 400!important;
left: 20px;
line-height: 17px!important;
margin-top: -1px!important;
max-width: 830px!important;
max-width: none;
padding: 0;
position: absolute;
top: 100px;
width: 287px;
z-index: 3000000!important
}
@media (max-width: 850px) {
.daterangepicker {
width:287px!important
}
}
.daterangepicker:after,.daterangepicker:before {
border-bottom-color: rgba(0,0,0,.2);
content: "";
display: inline-block;
position: absolute
}
.daterangepicker:before {
border-bottom: none!important
}
.daterangepicker:after,.daterangepicker:before {
border-left: 0!important;
border-right: 0!important;
top: 0!important
}
.daterangepicker:after {
border-bottom: 0!important
}
.daterangepicker.opensleft:before {
right: 9px
}
.daterangepicker.opensleft:after {
right: 10px
}
.daterangepicker.openscenter:after,.daterangepicker.openscenter:before {
left: 0;
margin-left: auto;
margin-right: auto;
right: 0;
width: 0
}
.daterangepicker.opensright:before {
left: 9px
}
.daterangepicker.opensright:after {
left: 10px
}
.daterangepicker.drop-up {
margin-top: -7px
}
.daterangepicker.drop-up:before {
border-bottom: initial;
border-top: 7px solid #ccc;
bottom: -7px;
top: auto
}
.daterangepicker.drop-up:after {
border-bottom: initial;
border-top: 6px solid #fff;
bottom: -6px;
top: auto
}
.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar {
float: none
}
.daterangepicker.single .drp-calendar,.daterangepicker.single .ranges {
float: none!important
}
.daterangepicker.single .drp-selected {
display: none
}
.daterangepicker.show-calendar .drp-calendar {
display: block
}
.daterangepicker.show-calendar .drp-buttons {
align-items: center;
display: inline-flex!important;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%
}
@media (max-width: 850px) {
.daterangepicker.show-calendar .drp-buttons {
flex-wrap:wrap;
margin-left: 12px;
padding-left: 0;
width: calc(100% - 24px)
}
}
.daterangepicker.auto-apply .drp-buttons {
display: none
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px
}
.daterangepicker .drp-calendar.left {
padding: 16px 0 8px 8px!important
}
.daterangepicker .drp-calendar.right {
padding: 16px 8px 8px!important
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none
}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span {
border: solid grey!important;
border-radius: 0!important;
border-width: 0 2px 2px 0!important;
color: #fff!important;
display: inline-block!important;
padding: 3px!important;
position: relative!important;
top: -1px!important
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.daterangepicker .calendar-table td,.daterangepicker .calendar-table th {
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
height: 32px!important;
line-height: 32px!important;
min-width: 36px!important;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: 36px!important
}
.daterangepicker .calendar-table th {
font-size: 14px!important;
font-weight: 700!important
}
.daterangepicker .calendar-table td {
font-size: 14px!important
}
.daterangepicker .calendar-table {
background-color: #fff;
border: 1px solid #fff;
border-radius: 4px
}
.daterangepicker .calendar-table table {
border-collapse: collapse;
border-spacing: 0;
margin: 0;
width: 100%
}
.daterangepicker td.available:hover,.daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit
}
.daterangepicker td.week,.daterangepicker th.week {
color: #ccc;
font-size: 80%
}
.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date {
background-color: #fff;
border-color: transparent;
color: #999
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
border-radius: 0;
color: #000
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0
}
.daterangepicker td.start-date.end-date {
border-radius: 4px
}
.daterangepicker td.active,.daterangepicker td.active:hover {
background-color: #0061a2!important;
border-color: transparent;
color: #fff!important
}
.daterangepicker th.month {
width: auto
}
.daterangepicker option.disabled,.daterangepicker td.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through
}
.daterangepicker select.monthselect,.daterangepicker select.yearselect {
color: #4b4b4b!important;
cursor: default;
font-size: 14px!important;
font-weight: 400!important;
height: auto;
margin: 0;
padding: 1px
}
.daterangepicker select.monthselect {
margin-right: 16%!important;
width: 52%!important
}
.daterangepicker select.yearselect {
width: 32%!important
}
.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect {
background: #fff!important;
border: 1px solid #cdcdcd!important;
color: #4b4b4b!important;
font-size: 14px!important;
margin: 0 auto!important;
outline: 0!important;
padding: 7px 8px!important;
width: auto!important
}
.daterangepicker .calendar-time {
border-top: 1px solid #f2f2f2;
line-height: 32px;
margin: 4px auto 0;
padding-top: 8px;
position: relative;
text-align: left!important;
white-space: nowrap
}
.daterangepicker .calendar-time select.disabled {
color: #f2f2f2;
cursor: not-allowed
}
.daterangepicker .drp-buttons {
border-top: 1px solid #e6e6e6;
clear: both;
display: none;
line-height: 12px;
padding: 12px;
text-align: left;
vertical-align: middle
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 14px;
font-weight: 500!important;
padding: 0 8px 0 0;
text-align: left;
width: 100%
}
@media (max-width: 850px) {
.daterangepicker .drp-selected {
padding:12px 0 24px;
text-align: center
}
}
.daterangepicker .drp-buttons .btn {
font-size: 15px!important;
font-weight: 300!important;
line-height: 14px!important;
margin-left: 8px!important;
padding: 7px 12px!important
}
@media (max-width: 850px) {
.daterangepicker .drp-buttons .btn {
margin-left:0!important
}
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #e6e6e6
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #e6e6e6!important
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #e6e6e6
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #e6e6e6!important
}
.daterangepicker .ranges {
float: none;
margin: 0;
text-align: left
}
.daterangepicker.show-calendar .ranges {
margin-top: 0!important
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
padding: 16px 8px 8px!important;
width: 100%
}
.daterangepicker .ranges li {
cursor: pointer;
font-size: 15px!important;
font-weight: 400!important;
line-height: 16px;
padding: 10px 8px!important
}
.daterangepicker .ranges li:last-child {
border-bottom: none
}
.daterangepicker .ranges li:hover {
background-color: #f2f2f2;
border-radius: 4px
}
.daterangepicker .ranges li.active {
background-color: #0061a2!important;
border-radius: 4px;
color: #fff
}
@media (min-width: 564px) {
.daterangepicker {
width:auto
}
.daterangepicker .ranges ul {
width: 285px!important
}
.daterangepicker.single .ranges ul {
width: 100%
}
.daterangepicker.single .drp-calendar.left {
clear: none
}
.daterangepicker.single .drp-calendar,.daterangepicker.single .ranges {
float: left
}
.daterangepicker {
direction: ltr;
text-align: left
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0
}
.daterangepicker .drp-calendar.left .calendar-table {
border-bottom-right-radius: 0;
border-right: none;
border-top-right-radius: 0
}
.daterangepicker .drp-calendar.right {
margin-left: 0
}
.daterangepicker .drp-calendar.right .calendar-table {
border-bottom-left-radius: 0;
border-left: none;
border-top-left-radius: 0
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px
}
.daterangepicker .drp-calendar,.daterangepicker .ranges {
float: left
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
float:left;
width: auto
}
.daterangepicker.rtl .ranges {
float: right
}
.daterangepicker .drp-calendar.left {
clear: none!important
}
}
.calendar-table select {
background-color: #fff
}
.drp-calendar.left .calendar-time:before,.drp-calendar.right .calendar-time:before {
color: grey;
font-size: 14px;
line-height: 14px;
padding-left: 12px;
padding-right: 16px
}
.drp-calendar.right .calendar-time:before {
content: "Время по"
}
.drp-calendar.left .calendar-time:before {
content: "Время с"
}
.list,.numbered-list {
padding-left: 16px;
position: relative
}
.list:before {
border: 2px solid;
border-radius: 100%;
content: "";
display: block;
height: 10px;
left: 0;
position: absolute;
top: 3px;
width: 10px
}
.list--info:before {
border-color: #0092c7
}
.list--success:before {
border-color: #34b012
}
.list--warning:before {
border-color: #ea9318
}
.list--danger:before {
border-color: #e31e25
}
.numbered-list {
counter-reset: section;
list-style-type: none
}
.numbered-list__item {
margin-top: 12px
}
.numbered-list__item:first-child {
margin-top: 0
}
.numbered-list__item:before {
content: counter(section) ".";
counter-increment: section;
padding-right: 4px
}
.autocomplete-block {
position: relative
}
.autocomplete-block .autocomplete-head {
background-color: #fff;
border-radius: 3px;
display: flex;
height: 40px;
padding: 0 4px 0 10px
}
.autocomplete-block .autocomplete-head input {
color: #4b4b4b;
flex-grow: 1;
font-size: 16px
}
.autocomplete-block .autocomplete-head .icon-block {
display: flex
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow {
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
transition: all .3s;
width: 30px
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow.have-matches:before {
color: #0061a2
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow.active {
transform: rotate(180deg)
}
.autocomplete-block .autocomplete-head .icon-block .icon-close-10 {
align-items: center;
cursor: pointer;
display: none;
height: 100%;
justify-content: center;
width: 30px
}
.autocomplete-block .autocomplete-head .icon-block .icon-close-10.active {
display: flex
}
.autocomplete-block .autocomplete-head .icon-block .icon-close-10:before {
color: grey
}
.autocomplete-block .additional-block {
align-items: center;
display: flex;
font-size: 15px;
padding: 10px
}
.autocomplete-block .additional-block,.autocomplete-block .autocomplete-content {
background-color: #fff;
border: 1px solid #cdcdcd;
border-radius: 3px;
left: 0;
position: absolute;
top: 40px;
width: 100%;
z-index: 10
}
.autocomplete-block .autocomplete-content {
max-height: 240px;
overflow-x: hidden;
overflow-y: auto;
padding: 10px 0
}
.autocomplete-block .autocomplete-content li {
cursor: pointer;
font-size: 15px;
overflow: hidden;
padding: 10px;
text-overflow: ellipsis;
transition: all .3s;
white-space: nowrap
}
.autocomplete-block .autocomplete-content li.active {
background-color: #0061a2;
color: #fff
}
.autocomplete-block .autocomplete-content li:hover {
background-color: #f2f2f2;
color: #4b4b4b
}
.scrollable-container--sidebar {
height: 100vh;
position: fixed!important
}
@media (max-width: 1279px) {
.scrollable-container--sidebar {
height:calc(100vh - 44px)
}
}
.scrollable-container--sidebar .os-scrollbar.os-scrollbar-vertical {
width: 4px
}
@media (min-width: 1280px) {
.scrollable-container--trip {
height:calc(100vh - 195px);
overflow-x: hidden;
overflow-y: auto
}
.scrollable-container--driver {
height: calc(100vh - 150px);
overflow: auto
}
.scrollable-container--vehicles {
height: calc(100vh - 147px);
overflow: auto
}
.scrollable-container--vehicle-details {
height: calc(100vh - 24px);
overflow: auto
}
.scrollable-container--geozones {
height: calc(100vh - 151px);
overflow: auto
}
.scrollable-container--geozone-new {
height: calc(100vh - 91px);
overflow: auto
}
.scrollable-container--geozone-display {
height: calc(100vh - 51px);
overflow: auto
}
.scrollable-container--geozone-edit {
height: calc(100vh - 147px);
overflow: auto
}
}
.scrollable-container--route {
height: auto
}
@media (min-width: 1280px) {
.scrollable-container--route {
height:calc(100vh - 82px);
overflow: auto
}
}
.scrollable-container--route-view {
height: auto
}
@media (min-width: 1280px) {
.scrollable-container--route-view {
height:calc(100vh - 149px);
overflow: auto
}
}
.scrollable-container--flight-view {
height: auto
}
@media (min-width: 1280px) {
.scrollable-container--flight-view {
height:calc(100vh - 106px);
overflow: auto
}
}
.scrollable-container--request-view {
height: auto
}
@media (min-width: 1280px) {
.scrollable-container--request-view {
height:calc(100vh - 120px);
overflow: auto
}
.geozone-display-scroll-container {
height: calc(100vh - 40px);
overflow: auto
}
}
.scrollable-container--geozone-display.os-host-overflow,.scrollable-container--geozone-edit.os-host-overflow,.scrollable-container--geozone-new.os-host-overflow,.scrollable-container--geozones.os-host-overflow,.scrollable-container--vehicle-details.os-host-overflow,.scrollable-container--vehicles.os-host-overflow {
overflow: visible!important
}
.scrollable-container--geozone-display .os-scrollbar.os-scrollbar-vertical,.scrollable-container--geozones .os-scrollbar.os-scrollbar-vertical,.scrollable-container--vehicle-details .os-scrollbar.os-scrollbar-vertical,.scrollable-container--vehicles .os-scrollbar.os-scrollbar-vertical {
right: -16px
}
/*!
* OverlayScrollbars
* https://github.com/KingSora/OverlayScrollbars
*
* Version: 1.13.0
*
* Copyright KingSora | Rene Haas.
* https://github.com/KingSora
*
* Released under the MIT license.
* Date: 02.08.2020
*/
html.os-html,html.os-html>.os-host {
box-sizing: border-box;
display: block;
height: 100%!important;
margin: 0!important;
min-height: 100%!important;
min-width: 100%!important;
overflow: hidden;
position: absolute!important;
width: 100%!important
}
html.os-html>.os-host>.os-padding {
position: absolute
}
body.os-dragging,body.os-dragging * {
cursor: default
}
.os-host,.os-host-textarea {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
-ms-flex-line-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-content: flex-start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
overflow: visible!important;
position: relative
}
.os-host-flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden!important
}
.os-host-flexbox>.os-size-auto-observer {
height: inherit!important
}
.os-host-flexbox>.os-content-glue {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
-ms-flex-negative: 0;
flex-grow: 1;
flex-shrink: 0
}
.os-host-flexbox>.os-content-glue,.os-host-flexbox>.os-size-auto-observer {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
min-height: 0;
min-width: 0
}
#os-dummy-scrollbar-size {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
height: 500px;
opacity: 0;
overflow: scroll;
position: fixed;
visibility: hidden;
width: 500px
}
#os-dummy-scrollbar-size>div {
height: 200%;
margin: 10px 0;
width: 200%
}
#os-dummy-scrollbar-size:after,#os-dummy-scrollbar-size:before,.os-content:after,.os-content:before {
content: "";
display: table;
flex-grow: 0;
flex-shrink: 0;
font-size: 0;
height: .01px;
line-height: 0;
visibility: hidden;
width: .01px
}
#os-dummy-scrollbar-size,.os-viewport {
-ms-overflow-style: scrollbar!important
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport {
scrollbar-width: none!important
}
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
background: transparent!important;
display: none!important;
height: 0!important;
visibility: hidden!important;
width: 0!important
}
.os-content-glue {
box-sizing: inherit;
max-height: 100%;
max-width: 100%;
pointer-events: none;
width: 100%
}
.os-padding {
bottom: 0;
box-sizing: inherit;
direction: inherit;
height: auto!important;
left: 0;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: auto!important;
z-index: 0
}
.os-host-overflow>.os-padding,.os-viewport {
overflow: hidden
}
.os-viewport {
-webkit-overflow-scrolling: touch;
bottom: 0;
box-sizing: inherit!important;
direction: inherit!important;
left: 0;
margin: 0;
outline: none!important;
padding: 0;
position: absolute;
resize: none!important;
right: 0;
top: 0
}
.os-content-arrange {
min-height: 1px;
min-width: 1px;
pointer-events: none;
position: absolute;
z-index: -1
}
.os-content {
box-sizing: border-box!important;
direction: inherit;
display: block;
height: 100%;
position: relative;
visibility: visible;
width: 100%
}
.os-content>.os-textarea {
clip: auto!important;
background: transparent!important;
border: none!important;
border-radius: 0!important;
box-shadow: none!important;
box-sizing: border-box!important;
direction: inherit!important;
display: block!important;
-webkit-filter: none!important;
filter: none!important;
float: none!important;
left: 0!important;
margin: 0!important;
max-height: none!important;
max-width: none!important;
opacity: 1!important;
outline: 0 none transparent!important;
overflow: hidden!important;
padding: 0;
-webkit-perspective: none!important;
perspective: none!important;
position: absolute!important;
resize: none!important;
top: 0!important;
-webkit-transform: none!important;
transform: none!important;
vertical-align: baseline!important;
z-index: 1!important
}
.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
right: 0!important
}
.os-content>.os-textarea-cover {
pointer-events: none;
z-index: -1
}
.os-content>.os-textarea[wrap=off] {
margin: 0!important;
white-space: pre!important
}
.os-text-inherit {
color: inherit;
cursor: text;
direction: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: inherit;
text-decoration: inherit;
text-indent: inherit;
text-overflow: inherit;
text-shadow: inherit;
text-transform: inherit;
unicode-bidi: inherit;
word-spacing: inherit
}
.os-resize-observer,.os-resize-observer-host {
box-sizing: inherit;
display: block;
height: 100%;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: -1
}
.os-resize-observer-host {
border: inherit;
border-color: transparent;
border-style: solid;
box-sizing: border-box;
padding: inherit
}
.os-resize-observer-host.observed {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start
}
.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host>.os-resize-observer {
border: inherit;
box-sizing: content-box;
display: block;
height: 200%;
margin: 0;
padding: inherit;
width: 200%
}
.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before {
box-sizing: border-box;
display: flex;
flex-basis: auto;
flex-grow: 1;
flex-shrink: 0;
position: relative
}
.os-resize-observer-host.observed>.os-resize-observer:before {
border: inherit;
box-sizing: content-box;
content: "";
margin: 0;
padding: inherit
}
.os-size-auto-observer {
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
-ms-flex-negative: 0;
-ms-flex-preferred-size: 0;
box-sizing: inherit!important;
flex-basis: 0;
flex-grow: inherit;
flex-shrink: 0;
float: left;
height: 100%;
margin: 0;
max-height: 1px;
max-width: 1px;
overflow: hidden;
padding: 0;
pointer-events: none;
position: relative;
width: inherit;
z-index: -1
}
.os-size-auto-observer>.os-resize-observer {
height: 1000%;
min-height: 1px;
min-width: 1px;
width: 1000%
}
.os-resize-observer-item {
bottom: 0;
direction: ltr!important;
opacity: 0;
overflow: hidden;
right: 0;
z-index: -1
}
.os-resize-observer-item,.os-resize-observer-item-final {
-webkit-box-flex: 0!important;
-ms-flex: none!important;
flex: none!important;
left: 0;
position: absolute;
top: 0
}
.os-resize-observer-item-final {
-webkit-transition: none!important;
transition: none!important
}
.os-resize-observer {
-webkit-animation-duration: 1ms;
animation-duration: 1ms;
-webkit-animation-name: os-resize-observer-dummy-animation;
animation-name: os-resize-observer-dummy-animation
}
object.os-resize-observer {
box-sizing: border-box!important
}
@-webkit-keyframes os-resize-observer-dummy-animation {
0% {
z-index: 0
}
to {
z-index: -1
}
}
@keyframes os-resize-observer-dummy-animation {
0% {
z-index: 0
}
to {
z-index: -1
}
}
.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner {
-webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s
}
html.os-html>.os-host>.os-scrollbar {
position: absolute;
z-index: 999999
}
.os-scrollbar,.os-scrollbar-corner {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
position: absolute;
z-index: 1
}
.os-scrollbar-corner {
bottom: 0;
right: 0
}
.os-scrollbar {
pointer-events: none
}
.os-scrollbar-track {
border: none!important;
padding: 0!important;
position: relative
}
.os-scrollbar-handle,.os-scrollbar-track {
height: 100%;
pointer-events: auto;
width: 100%
}
.os-scrollbar-handle {
position: absolute
}
.os-scrollbar-handle-off,.os-scrollbar-track-off {
pointer-events: none
}
.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable * {
pointer-events: none!important
}
.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
opacity: 0!important
}
.os-scrollbar-horizontal {
bottom: 0;
left: 0
}
.os-scrollbar-vertical {
right: 0;
top: 0
}
.os-host-rtl>.os-scrollbar-horizontal {
right: 0
}
.os-host-rtl>.os-scrollbar-corner,.os-host-rtl>.os-scrollbar-vertical {
left: 0;
right: auto
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-padding+.os-scrollbar-corner,.os-scrollbar-auto-hidden,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
opacity: 0;
pointer-events: none;
visibility: hidden
}
.os-scrollbar-corner-resize-both {
cursor: nwse-resize
}
.os-host-rtl>.os-scrollbar-corner-resize-both {
cursor: nesw-resize
}
.os-scrollbar-corner-resize-horizontal {
cursor: ew-resize
}
.os-scrollbar-corner-resize-vertical {
cursor: ns-resize
}
.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
cursor: default
}
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
bottom: 0;
top: 0
}
.scrollable-container--trucks .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
right: -16px
}
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
left: 0;
right: 0
}
.os-scrollbar-corner.os-scrollbar-corner-resize,.os-scrollbar:hover {
opacity: 1!important;
visibility: visible!important
}
.os-scrollbar-corner.os-scrollbar-corner-resize {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBzdHlsZT0iZmlsbDojMDAwO2ZpbGwtb3BhY2l0eTouNDk0MTE3NjU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIGQ9Ik03LjQyNCAxMDQyLjM2MmExLjMxIDEuMzEgMCAwIDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3MS4yNzMuNzkyLjIxLjE0MS40NjYuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTgtLjczN2ExLjI5OCAxLjI5OCAwIDAgMC0uNzkyLS4yNzN6bTAgMy4wODRhMS4zMSAxLjMxIDAgMCAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzIuMjczLjc5Mi4yMS4xNDEuNDY2LjIxOS43MzcuMjE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcyLS4wNzctLjUyOC0uMjE4LS43MzhhMS4yOTggMS4yOTggMCAwIDAtLjc5Mi0uMjczem0tMy4wODQgMGExLjMxIDEuMzEgMCAwIDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3Mi4yNzMuNzkyLjIwOS4xNDEuNDY1LjIxOS43MzcuMjE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcyLS4wNzctLjUyOC0uMjE5LS43MzhhMS4yOTggMS4yOTggMCAwIDAtLjc5MS0uMjczem0tMy4wMyAzLjAzYTEuMzEgMS4zMSAwIDAgMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjEuMTQxLjQ2Ni4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwIDAgMS4zMS0xLjMxYzAtLjI3MS0uMDc3LS41MjgtLjIxOC0uNzM3YTEuMjk4IDEuMjk4IDAgMCAwLS43OTItLjI3M3ptMy4wMyAwYTEuMzEgMS4zMSAwIDAgMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjA5LjE0MS40NjUuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTktLjczN2ExLjI5OCAxLjI5OCAwIDAgMC0uNzkxLS4yNzN6bTMuMDg0IDBhMS4zMSAxLjMxIDAgMCAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzEuMjczLjc5Mi4yMS4xNDEuNDY2LjIxOC43MzcuMjE4YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcxLS4wNzctLjUyOC0uMjE4LS43MzdhMS4yOTggMS4yOTggMCAwIDAtLjc5Mi0uMjczeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTA0Mi4zNjIpIi8+PC9nPjxnIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgZD0iTTguMjE2LjI3M2MuMTQxLjIxLjIxOC40NjYuMjE4LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTAgMy4wODRjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWMtLjI3MSAwLS41MjgtLjA3Ny0uNzM3LS4yMTguMjQuMzEzLjYxMy41MTkgMS4wMzcuNTE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uNDI1LS4yMDUtLjc5OC0uNTE4LTEuMDM4em0tMy4wODUgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcyIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEyLjUxOSAxLjAzNy41MTlhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjUtLjIwNS0uNzk4LS41MTktMS4wMzh6bS0zLjAzIDMuMDNjLjE0Mi4yMS4yMi40NjYuMjIuNzM3YTEuMzEgMS4zMSAwIDAgMS0xLjMxMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTMuMDMgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcyIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEyLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTktMS4wMzd6bTMuMDg1IDBjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWMtLjI3MSAwLS41MjgtLjA3Ny0uNzM3LS4yMTguMjQuMzEzLjYxMy41MTggMS4wMzcuNTE4YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uNDI0LS4yMDUtLjc5OC0uNTE4LTEuMDM3eiIvPjwvZz48L3N2Zz4=);
background-position: 100% 100%;
background-repeat: no-repeat;
pointer-events: auto!important
}
.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.os-host-overflow {
overflow: hidden!important
}
.os-theme-none>.os-scrollbar-corner,.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical {
display: none!important
}
.os-theme-none>.os-scrollbar-corner-resize {
display: block!important;
min-height: 10px;
min-width: 10px
}
.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal {
height: 10px;
right: 10px
}
.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical {
bottom: 10px;
width: 7px
}
.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
left: 10px;
right: 0
}
.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
background-color: transparent;
height: 10px;
width: 10px
}
.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar {
background: transparent;
background: #f2f2f2;
border-radius: 10px;
box-sizing: border-box;
padding: 0
}
.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar>.os-scrollbar-track {
background: transparent
}
.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
min-width: 30px
}
.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
min-height: 30px
}
.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
border-radius: 10px
}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
background: grey
}
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
background: hsla(0,0%,100%,.4)
}
.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
background: rgba(0,0,0,.55)
}
.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
background: hsla(0,0%,100%,.55)
}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
background: rgba(0,0,0,.7)
}
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
background: hsla(0,0%,100%,.7)
}
.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0
}
.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
display: none
}
.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
bottom: -2px;
top: -6px
}
.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
left: -6px;
right: -2px
}
.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
left: -2px;
right: -6px
}
.NotiflixCustomConfirmDelete-content {
border-radius: 0!important;
padding: 32px!important
}
.NotiflixCustomConfirmDelete-content .NotiflixCustomConfirm-head h5 {
display: none!important
}
.NotiflixCustomConfirmDelete-content .NotiflixCustomConfirm-head div {
margin: 16px 0 32px!important;
padding: 0!important
}
.NotiflixCustomConfirmDelete-buttons {
display: flex!important;
flex: 0 1 auto
}
.NotiflixCustomConfirmDelete-buttons a {
align-items: center;
border: 1px solid;
border-radius: 4px!important;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.4)!important;
cursor: pointer!important;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
float: none!important;
font-weight: 300!important;
justify-content: center;
overflow: hidden;
position: relative;
transform: perspective(1px) translateZ(0);
transition: .3s;
transition-property: background-color,border-color,box-shadow!important;
white-space: nowrap
}
.NotiflixCustomConfirmDelete-buttons a:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleY(0)!important;
transform-origin: 50% 0!important;
transition-duration: .3s!important;
transition-property: transform!important;
transition-timing-function: ease-out!important;
z-index: -1
}
.NotiflixCustomConfirmDelete-buttons a:hover {
box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)!important
}
.NotiflixCustomConfirmDelete-buttons a:hover:before {
transform: scaleY(1)!important
}
.NotiflixCustomConfirmDelete-buttons .confirm-button-ok {
background-color: #e31e25;
border-color: #e31e25
}
.NotiflixCustomConfirmDelete-buttons .confirm-button-ok:before {
background: #b7171c
}
.NotiflixCustomConfirmDelete-buttons .confirm-button-cancel {
background-color: #fff;
border-color: #f2f2f2;
color: #0092c7
}
.NotiflixCustomConfirmDelete-buttons .confirm-button-cancel:before {
background: #fafafa
}
.NotiflixCustomConfirmDelete div[class*=-content]>div[class*=-head]>h5 {
display: none!important
}
.NotiflixCustomConfirmDelete>div[class*=-content]>div[class*=-head]>div {
margin: 24px 0 32px!important;
text-align: left
}
[id^=NotiflixConfirmWrap]>div[class*=-content]>div[class*=-buttons] {
border-radius: 4px!important
}
.notiflix-notify.failure,.notiflix-notify.info,.notiflix-notify.success,.notiflix-notify.warning {
align-items: flex-start!important;
animation-duration: .4s!important;
background: #fff!important;
border-radius: 0!important;
color: #333!important;
display: flex;
font-size: 15px!important;
font-weight: 300!important;
letter-spacing: .015em!important;
pointer-events: all!important
}
.notiflix-notify.success {
background: #fff!important;
border-left: 2px solid #34b012!important;
box-shadow: 0 8px 20px -16px #34b012!important
}
.notiflix-notify.failure {
border-left: 2px solid #e31e25!important;
box-shadow: 0 8px 20px -16px #e31e25!important
}
.notiflix-notify.info {
border-left: 2px solid #0092c7!important;
box-shadow: 0 8px 20px -16px #0092c7!important
}
.notiflix-notify.warning {
border-left: 2px solid #ea9318!important;
box-shadow: 0 8px 20px -16px #ea9318!important
}
#Notiflix-Icon-Success {
fill: #34b012!important
}
#Notiflix-Icon-Warning {
fill: #ea9318!important
}
#Notiflix-Icon-Failure {
fill: #e31e25!important
}
#Notiflix-Icon-Info {
fill: #0092c7!important
}
[id^=NotiflixNotifyWrap]>div>.nmi {
font-size: 30px!important;
height: 32px!important;
line-height: 32px!important;
position: absolute;
width: 32px!important
}
[id^=NotiflixNotifyWrap]>div>span.with-icon {
margin: 0 0 0 32px!important;
padding: 0 0 0 8px!important;
width: calc(100% - 32px)!important
}
[id^=NotiflixNotifyWrap]>div.with-icon {
padding: 16px 8px!important
}
.notification-point {
padding-left: 42px;
position: relative
}
.notification-point:before {
border-left: 1px dashed #e6e6e6;
content: "";
display: block;
height: calc(100% - 28px);
left: 18px;
position: absolute;
top: 8px;
width: 1px
}
.notification-point--card:before {
height: calc(100% - 24px);
left: 12px
}
.notification-point__step {
background-color: #fff;
border: 2px solid;
border-radius: 100%;
content: "";
height: 10px;
position: absolute;
width: 10px
}
.notification-point__step--geozone {
left: -28px;
top: 8px
}
.notification-point__step--card {
left: -25px;
top: 4px
}
.notification-point__step--info {
border-color: #0092c7
}
.notification-point__step--warning {
border-color: #ea9318
}
.notification-point__step--danger {
border-color: #e31e25
}
.notification-point__step--success {
border-color: #34b012
}
.notification-point__step--disable {
border-color: grey
}
.roadmap--md [class^=icon-]:before,.roadmap--users [class^=icon-]:before {
font-size: 24px
}
.roadmap-step {
flex-shrink: 0;
text-align: center
}
.roadmap-step__icon:after {
display: block;
font-size: 8px;
position: absolute;
right: -4px;
top: 0
}
.roadmap-step__separator {
height: 1px
}
.roadmap-step--default .roadmap-step__icon [class^=icon-]:before {
color: #cdcdcd
}
.roadmap-step--default .roadmap-step__description {
color: #a7a7a7
}
.roadmap-step--default+.roadmap-step__separator {
background-color: #cdcdcd
}
.roadmap-step--active .roadmap-step__description,.roadmap-step--error .roadmap-step__description,.roadmap-step--success .roadmap-step__description,.roadmap-step--warning .roadmap-step__description {
color: #4b4b4b
}
.roadmap-step--active .roadmap-step__icon [class^=icon-]:before {
color: #0092c7
}
.roadmap-step--active+.roadmap-step__separator {
background-color: #0092c7
}
.roadmap-step--warning .roadmap-step__icon [class^=icon-]:before {
color: #ea9318
}
.roadmap-step--warning .roadmap-step__icon:after {
color: #ea9318;
content: "\e96a"
}
.roadmap-step--warning+.roadmap-step__separator {
background-color: #ea9318
}
.roadmap-step--error .roadmap-step__icon [class^=icon-]:before {
color: #e31e25
}
.roadmap-step--error .roadmap-step__icon:after {
color: #e31e25;
content: "\e906"
}
.roadmap-step--error+.roadmap-step__separator {
background-color: #e31e25
}
.roadmap-step--success .roadmap-step__icon [class^=icon-]:before {
color: #34b012
}
.roadmap-step--success .roadmap-step__icon:after {
color: #34b012;
content: "\e903"
}
.roadmap-step--success+.roadmap-step__separator {
background-color: #34b012
}
.file-uploaded-container {
align-items: flex-start;
background-color: #fafafa;
display: flex;
flex: 0 1 auto;
margin-top: 8px;
padding: 12px;
width: 100%
}
.file-uploaded-container__icon {
font-size: 24px
}
.file-uploaded-container__icon.icon-excel:before {
color: #217346
}
.file-uploaded-container__name {
margin-left: 8px;
padding-top: 4px
}
.charts--md {
min-width: 1024px;
width: 100%
}
.modal {
align-items: center;
display: none;
flex: 0 1 auto;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999
}
.modal-container {
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-up-small!important;
animation-name: slide-up-small!important;
background-color: #fff;
max-height: 100vh;
overflow: auto;
position: fixed;
z-index: 1
}
.modal-container--sm {
max-width: 420px;
padding: 32px 24px
}
@media (min-width: 580px) {
.modal-container--sm {
padding:40px
}
}
.modal-container--md {
max-width: 1100px;
padding: 32px 24px;
width: 100%
}
@media (min-width: 580px) {
.modal-container--md {
padding:40px
}
}
.modal-container-overlay {
background-color: rgba(0,0,0,.3);
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 0
}
.modal-icon-close {
cursor: pointer;
position: absolute;
right: 24px;
top: 36px
}
@media (min-width: 580px) {
.modal-icon-close {
right:24px;
top: 24px
}
}
.modal-icon-close .icon-close-24:before {
color: #e6e6e6;
transition: .3s
}
.modal-icon-close:hover .icon-close-24:before {
color: grey
}
.modal-result-container {
align-items: center;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-up-small!important;
animation-name: slide-up-small!important;
display: none;
flex-direction: column
}
.modal-control:checked+.modal {
display: flex
}
.modal-control:checked+.modal .modal-container-overlay {
display: block
}
.modal-inner-control:checked+.modal-form-container {
display: none
}
.modal-inner-control:checked+.modal-form-container+.modal-result-container {
display: flex
}
.leaflet-touch .leaflet-bar a {
height: 40px!important;
line-height: 40px!important;
width: 40px!important
}
.leaflet-popup-content {
font-size: 14px;
margin: 12px!important
}
.leaflet-popup-content-wrapper,.leaflet-popup-tip {
box-shadow: 0 5px 12px -4px rgba(0,0,0,.4)!important;
color: #000!important
}
.leaflet-tooltip .toir-tooltip {
font-size: 12px;
font-weight: 400;
padding: 5px
}
.unknown {
background-color: #fff
}
.unknown div {
background-color: #e31e25
}
.on_the_way {
background-color: #fff
}
.on_the_way div {
background-color: #109878
}
.idle {
background-color: #fff
}
.idle div {
background-color: #3872ff
}
.stop {
background-color: #fff
}
.event-refuel {
position: relative
}
.marker-cluster-mts {
display: flex!important
}
.marker-cluster-mts,.marker-cluster-mts div {
align-items: center;
border-radius: 50%!important;
justify-content: center
}
.marker-cluster-mts div {
color: #fff;
display: flex;
font-size: 16px!important;
height: 44px!important;
margin: 0!important;
width: 44px!important
}
.event-refuel:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.event-drain {
position: relative
}
.event-drain:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.event-idle {
position: relative
}
.event-idle:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.event-stop {
position: relative
}
.event-stop:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.event-connected {
position: relative
}
.event-connected:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.event-conn_lost {
position: relative
}
.event-conn_lost:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.event-geoarea_exit,.event-geoarea_visit {
position: relative
}
.event-geoarea_exit:before,.event-geoarea_visit:before {
content: url(leaflet/img/map-icons/event-clusters/cluster.svg);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.stop div {
background-color: #ea9318
}
.leaflet-popup-without-tip .leaflet-popup-tip-container {
display: none
}
.show-adress:checked+label+div>.vlc__adress {
display: block
}
.vehicle-marker-map {
align-items: center;
display: flex;
height: 100%;
width: 100%
}
.vehicle-marker-map>img {
height: 100%;
min-width: 36px;
width: 100%;
z-index: 1
}
.vehicle-marker-map>.vehicle-marker-map-vin {
align-items: center;
background-color: #fff;
border-radius: 57px;
color: #4b4b4b;
display: flex;
font-size: 14px;
font-weight: 300;
height: 45px;
line-height: 14px;
margin-left: -42px;
padding: 6px 12px 6px 51px;
transition: all 1s;
white-space: nowrap
}
.leaflet-popup-content {
margin: 20px
}
.leaflet-popup-content-wrapper {
border-radius: 12px!important;
color: #2b2d33;
padding: 0!important
}
.leaflet-popup-content-wrapper .leaflet-popup-tip {
box-shadow: 0 6px 12px -8px rgba(0,0,0,.25)!important;
color: #2b2d33!important
}
.vlc-events-data-container {
padding: 8px 30px 8px 12px!important
}
.leaflet-popup-content {
padding: 8px 0!important
}
.leaflet-container a.leaflet-popup-close-button {
align-items: center!important;
background: #fff!important;
border-radius: 50%!important;
box-shadow: 0 4px 20px rgba(0,0,0,.08)!important;
display: inline-flex!important;
height: 24px!important;
justify-content: center!important;
right: -11px!important;
top: -11px!important;
width: 24px!important
}
.leaflet-container a.leaflet-popup-close-button span {
font-size: 16px;
line-height: 16px
}
.leaflet-popup-content-wrapper .accordeon-control-item {
border: none!important;
padding: 0!important
}
.leaflet-popup-content-wrapper .accordeon-control-item--hover:hover {
box-shadow: none!important
}
.leaflet-popup-content-wrapper .accordeon--map {
min-width: auto!important;
width: 358px!important
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup,.leaflet-popup-content {
max-width: 380px!important
}
.leaflet-popup-content-wrapper .event-caption,.leaflet-popup-content-wrapper .event-date {
color: #2b2d33!important;
font-size: 15px!important;
font-weight: 500!important;
line-height: 18px!important
}
.leaflet-popup-content-wrapper .event-date {
margin-right: 6px
}
.leaflet-popup-content-wrapper .icon-arrow {
font-size: 11px!important
}
.leaflet-popup-content-wrapper .icon-arrow:before {
color: #2b2d33!important
}
.leaflet-popup-content-wrapper .accordeon__container {
border: none!important;
padding: 7px 0 0 32px!important
}
.leaflet-popup-content-wrapper .accordeon__container-row {
justify-content: space-between;
padding: 7px 0
}
.leaflet-popup-content-wrapper .card__label {
color: #aaabad!important
}
.leaflet-popup-content-wrapper .card__info,.leaflet-popup-content-wrapper .card__label {
font-size: 15px!important;
line-height: 18px!important
}
.leaflet-popup-tip-container {
display: none!important
}
#drop-area {
background-color: hsla(0,0%,98%,.5);
background: #f8f8f8;
border: 1px dashed #c9c9c9;
border-radius: 8px;
box-sizing: border-box;
transition: background-color .1s ease
}
#drop-area h4,#drop-area p {
font-size: 14px;
line-height: 18px;
margin: 0 auto;
text-align: center
}
#drop-area h4 {
color: #2b2d33;
font-weight: 500
}
#drop-area .drag-here {
color: #808185;
font-size: 14px;
line-height: 18px;
margin-top: 8px
}
#drop-area .file-requirements {
color: #aaabad;
font-size: 12px;
margin-top: 20px
}
#drop-area .upload-btn {
cursor: pointer;
display: inline-block;
transition: all .3s
}
#drop-area .upload-btn h4 {
transition: all .3s
}
#drop-area .upload-btn:hover h4 {
color: #3772ff
}
.upload-img {
color: #f2f2f2;
font-size: 88px;
height: auto;
transition: .6s
}
#drop-area.highlight {
background-color: #fafafa;
border-color: #3772ff
}
#drop-area:hover {
border-color: #3772ff
}
#drop-area.error {
border-color: #e31e25
}
#gallery {
align-items: flex-start;
display: flex!important;
flex: 0 1 auto;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start;
margin-top: 40px
}
#gallery .delete-after-text {
color: #808185;
font-size: 12px;
line-height: 18px
}
#gallery .item-container {
display: flex;
position: relative;
width: 100%
}
#gallery .item-container .delete-upload-button {
border: none;
box-shadow: none;
height: 20px;
left: 300px;
opacity: 1;
position: absolute;
top: 7px;
transition: opacity .3s;
width: 20px
}
#gallery .item-container .delete-upload-button .close_icon {
filter: invert(80%) sepia(7%) saturate(64%) hue-rotate(182deg) brightness(88%) contrast(81%)
}
#gallery .item-container .file-info {
box-sizing: border-box;
display: block;
overflow: hidden;
padding: 5px 12px;
width: 250px
}
#gallery .item-container .file-info:hover .name {
color: #3772ff
}
#gallery .item-container .file-info .name,#gallery .item-container .file-info .size {
box-sizing: border-box;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
#gallery .item-container .file-info .name {
color: #2b2d33;
direction: rtl;
font-size: 14px;
font-weight: 600;
text-align: left
}
#gallery .item-container .file-info .size {
color: #aaabad;
font-size: 12px;
margin-top: 3px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap
}
#gallery .img-container {
background-color: rgba(55,114,255,.1);
border-radius: 4px;
display: block;
height: 45px;
min-width: 45px;
overflow: hidden;
position: relative;
text-align: center;
width: 45px
}
#gallery .img-container__img {
height: 45px;
object-fit: cover;
object-position: center;
width: 45px
}
#gallery .img-container__ext {
display: inline-block;
font-size: 12px;
font-weight: 500;
line-height: 45px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
width: calc(100% - 8px)
}
.drop_step .drop_step_item {
display: flex;
margin-top: 16px
}
.drop_step .drop_step_item .step {
color: #2b2d33;
font-size: 14px;
font-weight: 500;
line-height: 18px;
min-width: 50px;
width: 50px
}
.drop_step .drop_step_item .step_text {
color: #808185;
font-size: 12px;
line-height: 18px
}
.drop_step .drop_step_item .download_link {
margin-top: 10px
}
.lb {
color: grey
}
.lb__d {
color: #a7a7a7;
margin-bottom: 8px
}
.lb__t {
margin-bottom: 4px
}
.lb__l {
align-items: center;
display: flex!important;
flex: 0 1 auto;
margin-right: 16px
}
.lb__l--md {
min-height: 40px
}
.lb__d--sm {
font-size: 14px;
line-height: 18px
}
.lb__d--md,.lb__l--md,.lb__t--md {
font-size: 15px;
letter-spacing: .015em;
line-height: 18px
}
.lb--req:after {
color: #e31e25;
content: "*";
display: inline-block;
font-size: 18px;
line-height: 0;
padding-left: 4px;
position: relative;
top: 0
}
@media (min-width: 580px) {
.lb-xs__t {
margin-bottom:4px
}
.lb-xs__l {
margin-left: 16px
}
}
@media (min-width: 768px) {
.lb-sm__t {
margin-bottom:4px
}
.lb-sm__l {
margin-left: 16px
}
}
@media (min-width: 1024px) {
.lb-md__t {
margin-bottom:4px
}
.lb-md__l {
margin-left: 16px
}
}
@media (min-width: 1280px) {
.lb-lg__t {
margin-bottom:4px
}
.lb-lg__l {
margin-left: 16px
}
}
@media (min-width: 1680px) {
.lb-xl__t {
margin-bottom:4px
}
.lb-xl__l {
margin-left: 16px
}
}
.int-gr {
position: relative;
width: auto
}
.int-gr--xxs {
margin-top: 8px
}
.int-gr--xs {
margin-top: 12px
}
.int-gr--sm {
margin-top: 16px
}
.int-gr--md {
margin-top: 24px
}
.int-gr--lg {
margin-top: 32px
}
@media (min-width: 580px) {
.int-gr-xs--xxs {
margin-top:8px
}
.int-gr-xs--xs {
margin-top: 12px
}
.int-gr-xs--sm {
margin-top: 16px
}
.int-gr-xs--md {
margin-top: 24px
}
.int-gr-xs--lg {
margin-top: 32px
}
}
@media (min-width: 768px) {
.int-gr-sm--xxs {
margin-top:8px
}
.int-gr-sm--xs {
margin-top: 12px
}
.int-gr-sm--sm {
margin-top: 16px
}
.int-gr-sm--md {
margin-top: 24px
}
.int-gr-sm--lg {
margin-top: 32px
}
}
@media (min-width: 1024px) {
.int-gr-md--xxs {
margin-top:8px
}
.int-gr-md--xs {
margin-top: 12px
}
.int-gr-md--sm {
margin-top: 16px
}
.int-gr-md--md {
margin-top: 24px
}
.int-gr-md--lg {
margin-top: 32px
}
}
@media (min-width: 1280px) {
.int-gr-lg--xxs {
margin-top:8px
}
.int-gr-lg--xs {
margin-top: 12px
}
.int-gr-lg--sm {
margin-top: 16px
}
.int-gr-lg--md {
margin-top: 24px
}
.int-gr-lg--lg {
margin-top: 32px
}
}
@media (min-width: 1680px) {
.int-gr-xl--xxs {
margin-top:8px
}
.int-gr-xl--xs {
margin-top: 12px
}
.int-gr-xl--sm {
margin-top: 16px
}
.int-gr-xl--md {
margin-top: 24px
}
.int-gr-xl--lg {
margin-top: 32px
}
}
.lp-container {
background-color: #fff;
left: 0;
overflow-y: auto;
padding: 24px 32px;
top: 0;
width: 520px
}
@media (min-width: 1280px) {
.lp-container {
padding:24px 60px;
width: 580px
}
}
.lp-container__logo {
flex-shrink: 0;
height: 100px;
width: 64px
}
.lp-container__header {
font-size: 28px;
line-height: 30px
}
@media (min-width: 1280px) {
.lp-container__header {
font-size:32px;
line-height: 34px
}
}
.lp-container__link {
font-size: 16px;
line-height: 16px
}
.lp-container .icon-support:before {
color: #0092c7;
font-size: 24px;
line-height: 24px
}
.cookies {
bottom: 0;
left: 0;
z-index: 100000
}
.cookies__message {
font-size: 16px;
line-height: 20px
}
.t-block-container {
border-bottom: 1px solid #f2f2f2
}
@media (min-width: 1024px) {
.t-block-container {
width:calc(75% + 16px)
}
}
@media (min-width: 1280px) {
.t-block-container {
width:calc(70% + 16px)
}
}
.t-block-container:last-child {
border-bottom: 0
}
.t-block-container__btn-delete {
padding-top: 45px
}
.vehicle-import-control {
max-width: max-content
}
.reject-modal-content {
align-items: flex-start;
display: flex;
flex-flow: column;
text-align: left;
width: 100%
}
.user-permissions-container [class^=icon-]:before {
font-size: 18px
}
.fuel-banner {
border-radius: 4px
}
.fuel-banner:after {
bottom: 0;
color: grey;
content: "\e955";
display: block;
font-size: 48px;
opacity: .1;
position: absolute;
right: 0
}
.fuel-banner__header {
font-size: 42px;
line-height: 36px
}
.fuel-banner__info {
content: "";
display: block;
height: 16px;
position: absolute;
right: 8px;
top: 4px;
width: 16px;
z-index: 1
}
.fuel-banner__info .dropdown {
cursor: pointer!important;
position: absolute;
right: 0;
top: 0
}
.fuel-banner__info .dropdown:hover .icon-info:before {
color: #0092c7;
content: "\e94a"
}
.fuel-banner__info .dropdown .dropdown-container {
width: 220px
}
.trips {
color: grey;
font-size: 14px;
line-height: 16px
}
.trips__axle-load,.trips__commands,.trips__expenditure,.trips__number,.trips__period,.trips__route,.trips__status,.trips__total-score,.trips__ts {
flex-shrink: 0
}
.trips__ts {
width: 32px
}
@media (min-width: 1280px) {
.trips__ts {
flex-grow:1;
width: 210px
}
}
.trips__status {
margin-right: 8px;
text-align: center;
width: 32px
}
.trips__status .icon-info:before {
font-size: 18px
}
.trips__status .icon-bad-data:before {
display: block;
font-size: 16px
}
.trips__status .icon-check-mark:before {
display: block;
font-size: 15px;
margin-bottom: 4px
}
.trips__number {
flex-grow: 1;
margin-right: 8px;
width: 150px
}
@media (min-width: 1024px) {
.trips__number {
margin-right:16px;
width: 140px
}
}
.trips__period {
flex-grow: 1;
margin-right: 8px;
width: 78px
}
@media (min-width: 1024px) {
.trips__period {
margin-right:16px;
width: 80px
}
}
@media (min-width: 1680px) {
.trips__period {
margin-right:16px;
width: 104px
}
}
.trips__route {
flex-grow: 2;
margin-right: 8px;
width: 120px
}
@media (min-width: 1024px) {
.trips__route {
width:120px
}
}
@media (min-width: 1680px) {
.trips__route {
width:166px
}
}
.trips__expenditure {
flex-grow: 1;
margin-right: 16px;
width: 180px
}
.trips__axle-load {
flex-grow: 1
}
@media (min-width: 1024px) {
.trips__axle-load {
margin-right:16px;
width: 80px
}
}
.trips__total-score {
width: 80px
}
@media (min-width: 1680px) {
.trips__total-score {
flex-grow:1;
width: 110px
}
}
.trips__commands {
justify-content: flex-end;
margin-right: 8px;
width: 72px
}
.trips__left-container {
flex-direction: row
}
@media (min-width: 1280px) {
.trips__left-container {
display:flex!important;
flex: 0 1 auto;
flex-grow: 1!important;
justify-content: space-between
}
}
.trips__right-container {
flex-direction: row;
flex-wrap: wrap
}
@media (min-width: 1280px) {
.trips__right-container {
align-items:baseline;
display: flex!important;
flex: 0 1 auto;
flex-grow: 1!important;
justify-content: space-around
}
}
@media (min-width: 1680px) {
.trips__right-container {
justify-content:flex-end
}
}
.trip-indicator {
display: inline-block;
font-size: 15px;
font-weight: 500!important;
line-height: 16px
}
.trip-indicator__unit {
display: inline
}
.trip-indicator__description,.trip-indicator__unit {
color: grey;
font-size: 14px;
font-weight: 400!important;
line-height: 14px
}
.trip-indicator--border {
border-bottom: 1px solid;
padding-bottom: 2px
}
.trip-indicator--good:before,.trip-indicator--poor:before {
display: inline-block;
font-size: 16px;
margin-right: 2px
}
.trip-indicator--good {
color: #34b012
}
.trip-indicator--good+.trip-indicator--border {
border-color: #34b012
}
.trip-indicator--good .trip-indicator__description:before {
content: " экономия"
}
.trip-indicator--poor {
color: #e31e25
}
.trip-indicator--poor:before {
color: #e31e25;
content: "+"
}
.trip-indicator--poor+.trip-indicator--border {
border-color: #e31e25
}
.trip-indicator--poor .trip-indicator__description:before {
content: " перерасход"
}
.trip-header .trip-indicator,.trip-header .trip-indicator--good:before,.trip-header .trip-indicator--poor:before,.trip-header__text {
font-size: 18px;
line-height: 22px
}
@media (min-width: 1680px) {
.trip-header .trip-indicator,.trip-header .trip-indicator--good:before,.trip-header .trip-indicator--poor:before,.trip-header__text {
font-size:20px;
line-height: 24px
}
}
.trip-header .trip-indicator__description:before,.trip-header .trip-indicator__unit,.trip-header__label {
color: #a7a7a7;
font-size: 14px;
line-height: 16px
}
@media (min-width: 1680px) {
.trip-header .trip-indicator__description:before,.trip-header .trip-indicator__unit,.trip-header__label {
font-size:15px;
line-height: 18px
}
}
.trip-header .icon-link-arrow:before {
color: #e6e6e6;
display: block;
transform: rotate(180deg)
}
.trip-details .right-container .tabs {
height: calc(100% - 26px)
}
.driver-chart-container {
height: 250px!important
}
@media (min-width: 1024px) {
.driver-chart-container {
max-height:350px!important
}
}
@media (min-width: 1280px) {
.driver-chart-container {
height:100%!important;
max-height: calc(100vh - 158px)!important
}
}
#driverChart {
height: auto!important;
max-height: 160px;
max-width: 100%;
width: auto!important
}
@media (min-width: 1024px) {
#driverChart {
max-height:225px!important
}
}
@media (min-width: 1280px) {
#driverChart {
max-height:calc(100vh - 234px)!important
}
}
.trip-factor-name {
flex-shrink: 0;
font-size: 12px
}
@media (min-width: 1680px) {
.trip-factor-name {
font-size:14px
}
}
.trip-score-container {
flex-shrink: 0;
width: 99px
}
@media (min-width: 580px) {
.trip-score-container {
width:110px
}
}
.trip-factor {
display: inline-block;
flex-shrink: 0;
position: relative;
width: 48px
}
.trip-factor__chart {
display: block
}
.trip-factor__bg {
fill: none;
stroke: #f2f2f2;
stroke-width: 2
}
.trip-factor__progress {
fill: none;
stroke-width: 2;
stroke-linecap: round;
-webkit-animation: progress 1s ease-out forwards;
animation: progress 1s ease-out forwards
}
.trip-factor__value {
font-size: 16px;
font-weight: 500!important;
height: 32px;
left: 0;
line-height: 32px;
margin-top: -16px;
position: absolute;
text-align: center;
top: 50%;
width: 100%
}
.trip-factor__value-mark {
font-size: 12px;
left: 0;
top: -3px
}
.trip-factor--good {
stroke: #34b012
}
.trip-factor--normal {
stroke: #ea9318
}
.trip-factor--poor {
stroke: #e31e25
}
.property-select {
position: absolute;
right: 12px;
top: 12px;
width: 250px;
z-index: 1000
}
.property-select .chosen-container {
box-shadow: 0 2px 4px -2px rgba(0,0,0,.003)
}
.property-select .chosen-container-multi .chosen-drop,.property-select .chosen-container-single .chosen-drop {
font-size: 16px!important;
line-height: 18px!important;
margin-top: 0
}
.ol-viewport {
background: var(--dpk-gray-10)!important
}
.monitoring-vehicles .left-container .icon-drive-time,.monitoring-vehicles .left-container .icon-geozone,.monitoring-vehicles .left-container .icon-location,.monitoring-vehicles .left-container .icon-radius {
font-size: 18px
}
.monitoring-vehicles .left-container .icon-arrow:before {
font-size: 10px
}
.monitoring-vehicles .leaflet-popup-content>div {
overflow-x: hidden!important
}
.monitoring-vehicles .leaflet-touch .leaflet-bar a {
height: 36px!important;
line-height: 35px!important;
width: 36px!important
}
.vlc {
border-top: 1px solid #f2f2f2;
position: relative;
transition: .3s
}
.vlc:last-child {
border-bottom: 0
}
.vlc--hover {
cursor: pointer
}
.vlc--hover:hover {
box-shadow: 0 0 16px -10px rgba(0,0,0,.5);
z-index: 1
}
.vlc__header {
font-size: 14px;
line-height: 18px;
max-width: 90px;
transition: .3s
}
@media (min-width: 580px) {
.vlc__header {
max-width:178px
}
}
.vlc__coordinates {
max-width: 204px
}
.vlc__adress {
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: slide-down-small;
animation-name: slide-down-small;
display: none
}
.vlc .card__label {
flex-shrink: 0;
line-height: 18px;
margin-bottom: 0;
min-height: auto;
width: 176px
}
.vlc .icon-wheel {
font-size: 16px
}
.vlc .icon-arrow:hover:before {
color: #0092c7
}
.vlc .show-adress:checked+label+div .vehicle-location-container__adress {
display: block
}
.vehicle-indicator {
align-items: center;
border-radius: 100%;
display: flex!important;
flex: 0 1 auto;
justify-content: center
}
.vehicle-indicator--sm {
font-size: 24px
}
.vehicle-indicator--md {
font-size: 28px
}
.vehicle-indicator [class^=icon-] {
display: block
}
.vehicle-indicator--good [class^=icon-] .path1:before {
color: #34b012
}
.vehicle-indicator--warning [class^=icon-] .path1:before {
color: #ea9318
}
.vehicle-indicator--info [class^=icon-] .path1:before {
color: #0092c7
}
.vehicle-indicator--poor [class^=icon-] .path1:before {
color: #e31e25
}
.vehicle-indicator--disable [class^=icon-] .path1:before {
color: #4b4b4b
}
.show-more__text {
overflow: hidden;
text-overflow: ellipsis;
transition: .3s;
white-space: nowrap
}
.show-more__text:hover {
color: #000
}
.show-more:checked+.show-more__text {
overflow: auto;
white-space: normal
}
.leaflet-popup-content {
margin: 0!important
}
.leaflet-popup-content .card__label {
line-height: 15px;
margin-bottom: 0;
min-height: auto;
width: 178px
}
.leaflet-popup-content-wrapper .vlc__header {
font-size: 16px;
max-width: 100%
}
.vlc-map-container .icon-close-24 {
cursor: pointer;
font-size: 14px;
padding: 16px;
position: absolute;
right: 8px;
top: 4px
}
.vlc-map-container .icon-close-24:before {
color: #cdcdcd;
transition: .3s
}
.vlc-map-container .icon-close-24:hover:before {
color: grey
}
.vlc-map-header {
width: calc(100% - 32px)
}
.vlc-map-data-container {
max-height: 148px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 16px
}
.vlc-map-track {
position: absolute;
right: 12px;
top: 24px
}
.vlc-controls {
position: absolute;
right: 4px;
top: 12px
}
.vlc-events-data-container {
overflow-x: hidden;
overflow-y: auto;
padding: 0 12px
}
.vlc-events-block {
align-items: center;
display: flex;
flex-direction: column;
left: 12px;
position: absolute;
top: 100px;
z-index: 1000
}
.vlc-events-block .tooltip_block {
margin-bottom: 10px
}
.vlc-events-block .vlc-events-item {
align-items: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
display: inline-flex;
height: 48px;
justify-content: center;
width: 48px
}
.vlc-events-block .vlc-events-item.active {
background: #2b2d33
}
.vlc-events-block .vlc-events-item.active .icon_sm,.vlc-events-block .vlc-events-item.active i {
filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(226deg) brightness(102%) contrast(101%)
}
.vlc-events-block .vlc-events-item .shape_icon {
min-width: 17px;
width: 17px
}
.vlc-events-container {
left: 20px;
position: absolute;
top: 18px;
z-index: 1000
}
.vlc-events-container .accordeon__container {
background-color: transparent;
display: block;
height: 0;
overflow: hidden;
position: relative;
transition: height .5s;
width: 100%
}
.vlc-events-container .accordeon-control:checked+.accordeon-control-item+.accordeon__container {
height: 202px
}
.vlc-events-container__item {
margin-top: 4px
}
.vlc-events-container__item [class^=icon-]:before {
color: #cdcdcd;
font-size: 20px;
line-height: 36px
}
.vlc-events-container__item .icon-marker-flight-end:before,.vlc-events-container__item .icon-marker-no-signal:before,.vlc-events-container__item .icon-marker-pause:before,.vlc-events-container__item .icon-marker-play:before,.vlc-events-container__item .icon-marker-stop:before {
font-size: 22px
}
.vlc-events-container__item .icon-track-off {
font-size: 20px
}
.vlc-events-container__item.btn-icon--md {
height: 36px;
width: 36px
}
.vlc-events-container__item .icon-arrow:before {
color: grey;
font-size: 12px
}
.vlc-events-container__item:hover .vlc-events-item {
box-shadow: 0 8px 32px rgba(0,0,0,.08)
}
.checkbox:checked+.vlc-events-container__item .vlc-events-item {
background: #2b2d33
}
.checkbox:checked+.vlc-events-container__item .vlc-events-item .icon_sm,.checkbox:checked+.vlc-events-container__item .vlc-events-item i {
filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(226deg) brightness(102%) contrast(101%)
}
.checkbox:checked+.vlc-events-container__item .icon-marker-geoarea_exit:before,.checkbox:checked+.vlc-events-container__item .icon-marker-geoarea_visit:before {
color: #0061a2
}
.checkbox:checked+.vlc-events-container__item .icon-marker-stop:before {
color: #ea9318
}
.checkbox:checked+.vlc-events-container__item .icon-marker-play:before {
color: #34b012
}
.checkbox:checked+.vlc-events-container__item .icon-flight-active:before,.checkbox:checked+.vlc-events-container__item .icon-flight:before,.checkbox:checked+.vlc-events-container__item .icon-marker-flight-end:before,.checkbox:checked+.vlc-events-container__item .icon-marker-pause:before {
color: #0092c7
}
.checkbox:checked+.vlc-events-container__item .icon-marker-no-signal:before {
color: #e31e25
}
.checkbox:checked+.vlc-events-container__item .icon-fuel-status:before {
color: #d8151c
}
.checkbox:checked+.vlc-events-container__item .icon-gsm:before {
color: #2d9211
}
.vehicle-data {
background-color: #fff;
border-radius: 8px;
bottom: 40px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
cursor: auto;
height: 100%;
max-height: 29vh;
max-width: 410px;
padding: 0 20px 20px 25px;
position: absolute;
right: 1%;
transition: .3s;
width: 100%;
z-index: 1201
}
.vehicle-data--tab-item {
color: #808185;
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding-bottom: 10px
}
.vehicle-data--tab-item:before {
background-color: #3772ff;
border-radius: 4px;
height: 4px
}
.vehicle-data .error-header {
color: #e31e25
}
.vehicle-data-no-car {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin-top: 20px
}
.vehicle-data-no-car .icon-block {
align-items: center;
background: #f4f4f4;
border-radius: 50%;
display: inline-flex;
height: 56px;
justify-content: center;
min-height: 56px;
width: 56px
}
.vehicle-data-no-car .caption {
color: #2b2d33;
font-size: 20px;
font-weight: 500;
line-height: 24px;
margin-top: 16px
}
.vehicle-data-no-car .text {
color: #808185;
font-size: 16px;
line-height: 24px;
margin-top: 8px;
text-align: center
}
.vehicle-data-no-car .blue_btn {
margin-top: 20px
}
.vehicle-data .radio:checked+.tab-item {
color: #2b2d33
}
.vehicle-data-arrow {
flex-grow: 1;
left: 50%;
position: absolute;
text-align: end;
top: 4px;
transform: translate(-50%,-50%)
}
.vehicle-data-arrow--button {
cursor: pointer;
display: inline
}
.vehicle-data-arrow--button svg {
transition: .3s
}
.vehicle-data--param {
height: 21vh;
overflow-y: scroll
}
.vehicle-data--param--col {
max-width: 378px;
padding-right: 15px;
width: 100%
}
.vehicle-data.open {
max-height: 67vh
}
.vehicle-data.open .vehicle-data-arrow--button svg {
transform: rotate(180deg)
}
.vehicle-data.open .vehicle-data--param {
height: 59vh
}
.vehicle-data.min {
max-height: 48px
}
.vehicle-data.min .vehicle-data-arrow--button {
display: none
}
.vehicle-data-driver {
align-content: center;
align-items: center;
display: flex;
justify-content: flex-start
}
.vehicle-data-driver--foto {
background-color: #ff00b978;
border-radius: 50%;
height: 60px;
overflow: hidden;
position: relative;
width: 60px
}
.vehicle-data-driver--foto img {
height: 100%;
left: 0;
position: absolute;
top: 0
}
.vehicle-data-driver--name {
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-left: 25px
}
.vehicle-data-driver--info {
margin-top: 25px
}
.vehicle-data-driver--info__col {
display: flex;
justify-content: space-between;
margin-bottom: 25px
}
.vehicle-data-driver--info__col span {
color: #aaabad;
font-size: 12px;
font-weight: 400;
letter-spacing: .01em;
line-height: 15px
}
.vehicle-data-driver--info__col p {
color: #2b2d33;
font-size: 16px;
font-weight: 400;
line-height: 24px
}
.vehicle-data-route {
align-content: center;
align-items: center;
display: flex;
justify-content: flex-start
}
.vehicle-data-route--icon {
background-color: #ff00b978;
border-radius: 50%;
height: 20px;
overflow: hidden;
position: relative;
width: 20px
}
.vehicle-data-route--icon img {
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%)
}
.vehicle-data-route--info {
margin-left: 24px
}
.vehicle-data-route--info p {
color: #2b2d33;
font-size: 12px;
font-weight: 400;
line-height: 18px
}
.vehicle-data-route--info span {
align-items: center;
color: #aaabad;
display: flex;
font-size: 12px;
line-height: 15px
}
.popup-fixed {
border-radius: 0;
bottom: 0!important;
left: 0!important;
margin: 0;
position: fixed;
right: 0!important;
top: auto;
transform: none!important
}
.popup-fixed .leaflet-popup-tip-container {
display: none
}
.popup-fixed .leaflet-popup-content-wrapper {
border-radius: 0
}
.monitoring_accordion_skeleton {
align-items: center;
background-color: #fff;
border: 1px solid #e9eaea;
border-radius: 12px;
display: flex;
height: 51px;
justify-content: space-between;
margin-bottom: 8px;
padding: 0 15px
}
.monitoring_accordion_skeleton .arrow_block {
opacity: .4
}
.monitoring_accordion_skeleton--check-box {
border: 2px solid #c9c9c9;
border-radius: 4px;
display: block;
height: 20px;
width: 20px
}
.monitoring_accordion_skeleton--header {
margin-left: 9px;
width: 200px
}
.accordion_item_skeleton--header,.monitoring_accordion_skeleton--header {
animation: shine 1.5s linear infinite;
background: linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);
background-size: 200% 100%;
height: 20px
}
.accordion_item_skeleton--header {
border-radius: 5px
}
.accordion_item_skeleton--icon {
animation: shine 1.5s linear infinite;
background: linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);
background-size: 200% 100%;
border: 2px solid #e9eaea;
border-radius: 23px;
font-size: 12px;
font-weight: 700;
height: 20px;
line-height: 14px;
padding: 0 7px;
width: 24px
}
.monitoring-map-source-list {
display: flex;
flex-flow: column;
padding: 16px;
pointer-events: visiblePainted
}
.monitoring-map-source-list-variant:not(:last-child) {
margin-bottom: 13px
}
.monitoring-geozone-marker {
align-items: center;
cursor: pointer;
display: none;
flex-flow: column;
pointer-events: visiblePainted;
position: relative;
z-index: 100
}
.monitoring-geozone-marker>img {
cursor: pointer;
position: relative;
z-index: 80
}
.monitoring-geozone-marker .monitoring-geozone-popup {
align-items: flex-start;
background: #fff;
border-radius: 12px;
bottom: 100%;
box-shadow: var(--dpk-shadow-l);
cursor: default;
display: flex;
flex-flow: column;
height: auto;
padding: 8px 16px;
position: absolute;
width: 200px;
z-index: 90
}
.monitoring-geozone-marker .monitoring-geozone-popup p {
color: #000;
font-size: 13px;
word-break: break-all
}
.monitoring-geozone-marker .monitoring-geozone-popup small {
align-items: center;
color: #000;
display: flex;
flex-flow: row nowrap;
font-size: 13px;
margin-top: 2px
}
.monitoring-geozone-marker .monitoring-geozone-popup small svg {
margin-right: 4px
}
.monitoring-geozone-marker .monitoring-geozone-popup a {
color: var(--dpk-blue-100);
font-size: 13px;
padding-top: 16px
}
.monitoring-map-panel {
align-items: flex-end;
bottom: 0;
display: flex;
flex-flow: column;
justify-content: center;
padding-bottom: 15vh;
pointer-events: none;
position: fixed;
right: 20px;
top: 0;
z-index: 1
}
.monitoring-map-panel-control {
min-height: 48px;
pointer-events: visiblePainted
}
.monitoring-map-panel-control-button {
align-items: center;
background: #fff;
border-radius: 24px!important;
box-shadow: var(--dpk-shadow-l);
cursor: pointer;
display: flex!important;
height: 48px;
justify-content: center;
width: 48px
}
.monitoring-map-panel-control-button-panel {
background: #fff;
border-radius: 24px;
box-shadow: var(--dpk-shadow-l);
height: cacl(96px);
width: 48px
}
.monitoring-map-panel-control-button-panel button {
background: transparent;
border-radius: 0 0 24px 24px!important;
box-shadow: none;
transition: background .2s cubic-bezier(.25,0,0,1)
}
.monitoring-map-panel-control-button-panel button:hover {
background: var(--dpk-gray-05)
}
.monitoring-map-panel-control-button-panel button:not(:last-child) {
border-bottom: 1px solid var(--dpk-gray-10);
border-radius: 24px 24px 0 0!important
}
.monitoring-map-panel-control:not(:last-child) {
margin-bottom: 10px
}
.select-all-vehicles-block {
cursor: pointer;
display: flex;
margin-bottom: 8px;
width: max-content
}
.select-all-vehicles-block-content {
align-items: center;
display: flex;
flex-flow: row nowrap;
padding-left: 12px;
pointer-events: none
}
.select-all-vehicles-block-content p {
margin-left: 8px;
transition: color .2s cubic-bezier(.25,0,0,1)
}
.select-all-vehicles-block:hover:not(:disabled) {
color: var(--dpk-accent)
}
.ol-on-top {
z-index: 10
}
.vehicle-banner {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.15);
height: 110px;
margin: 0 2px;
position: relative;
width: 100%
}
.vehicle-banner__value {
font-weight: 500!important
}
.vehicle-banner__value--sm {
font-size: 36px;
line-height: 28px;
margin-right: 2px
}
.vehicle-banner__value--md {
font-size: 42px;
line-height: 42px
}
.vehicle-banner__unit {
color: grey;
position: relative
}
.vehicle-banner__unit--speed {
background-color: grey;
color: grey;
font-size: 15px;
height: 24px;
position: absolute;
right: 16px;
top: 2px;
transform: rotate(45deg);
width: 1px
}
@media (min-width: 1680px) {
.vehicle-banner__unit--speed {
height:28px
}
}
.vehicle-banner__unit--speed:after,.vehicle-banner__unit--speed:before {
position: absolute;
transform: rotate(-45deg)
}
.vehicle-banner__unit--speed:before {
content: "км";
left: -22px;
top: 0
}
.vehicle-banner__unit--speed:after {
content: "ч";
left: 6px;
top: 0
}
.vehicle-banner__unit--fuel:after {
content: "%";
font-size: 18px;
left: 0;
position: absolute;
top: -3px
}
.vehicle-banner__unit--length {
padding-right: 20px
}
.vehicle-banner__unit--length:after {
content: "км";
left: 0;
position: absolute;
top: -4px
}
.vehicle-banner__info {
position: absolute;
right: 8px;
top: 8px
}
.vehicle-banner__unit-delimiter {
position: absolute
}
.vehicle-banner__icon {
bottom: 0;
bottom: 8px;
opacity: .1;
position: absolute;
right: 8px
}
.vehicle-banner__icon [class^=icon-] {
font-size: 48px
}
.vehicle-banner__icon [class^=icon-]:before {
color: #a7a7a7
}
.geozone-container {
border-top: 1px solid #f2f2f2;
position: relative;
transition: .3s
}
.geozone-container:last-child {
border-bottom: 1px solid #f2f2f2
}
.geozone-container:hover {
box-shadow: 0 0 16px -10px rgba(0,0,0,.5);
z-index: 1
}
.geozone-container__header {
padding-right: 16px;
text-transform: uppercase;
transition: .3s;
word-break: break-all
}
.geozone-container [class^=icon-]:before {
font-size: 18px
}
.geozone-container .icon-organizations:before,.geozone-container .icon-truck-location:before {
color: #0092c7;
font-size: 16px
}
/*.geozone-controls {*/
/* display: flex!important;*/
/* flex: 0 1 auto;*/
/* opacity: 1;*/
/* transition: opacity .3s*/
/*}*/
/*@media (min-width: 1280px) {*/
/* .geozone-controls {*/
/* opacity:0*/
/* }*/
/* .geozone-container:hover .geozone-controls {*/
/* opacity: 1*/
/* }*/
/*}*/
.geozone-notifications__type:nth-child(2) {
border-left: 1px solid #cdcdcd;
margin-left: 8px;
padding-left: 8px
}
.geozone-ts .leaflet-draw-toolbar a {
background-clip: padding-box;
background-repeat: no-repeat;
background-size: 300px 40px
}
.geozone-ts .leaflet-draw-toolbar a,.geozone-ts .leaflet-retina .leaflet-draw-toolbar a {
background-image: linear-gradient(transparent,transparent),url(leaflet/img/spritesheet.svg)
}
.geozone-ts .leaflet-draw-section {
position: relative
}
.geozone-ts .leaflet-draw-toolbar {
margin-top: 12px
}
.geozone-ts .leaflet-draw-toolbar-top {
margin-top: 0
}
.geozone-ts .leaflet-draw-toolbar-notop a:first-child {
border-top-right-radius: 0
}
.geozone-ts .leaflet-draw-toolbar-nobottom a:last-child {
border-bottom-right-radius: 0
}
.geozone-ts .leaflet-draw a {
display: block;
text-align: center;
text-decoration: none
}
.geozone-ts .leaflet-draw a .sr-only {
clip: rect(0,0,0,0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.geozone-ts .leaflet-draw-actions {
display: none;
left: 26px;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
white-space: nowrap
}
.geozone-ts .leaflet-touch .leaflet-draw-actions {
left: 42px
}
.geozone-ts .leaflet-touch .leaflet-bar a {
height: 40px;
line-height: 40px;
width: 40px
}
.geozone-ts .leaflet-right .leaflet-draw-actions {
left: auto;
right: 26px
}
.geozone-ts .leaflet-touch .leaflet-right .leaflet-draw-actions {
left: auto;
right: 32px
}
.geozone-ts .leaflet-draw-actions li {
display: inline-block
}
.geozone-ts .leaflet-draw-actions li:first-child a {
border-left: none
}
.geozone-ts .leaflet-draw-actions li:last-child a {
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.geozone-ts .leaflet-right .leaflet-draw-actions li:last-child a {
-webkit-border-radius: 0;
border-radius: 0
}
.geozone-ts .leaflet-right .leaflet-draw-actions li:first-child a {
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.geozone-ts .leaflet-draw-actions a {
background-color: #919187;
border-left: 1px solid #aaa;
color: #fff;
font: 11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;
height: 28px;
line-height: 28px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none
}
.geozone-ts .leaflet-touch .leaflet-draw-actions a {
font-size: 12px;
height: 30px;
line-height: 30px
}
.geozone-ts .leaflet-draw-actions-bottom {
margin-top: 0
}
.geozone-ts .leaflet-draw-actions-top {
margin-top: 1px
}
.geozone-ts .leaflet-draw-actions-bottom a,.geozone-ts .leaflet-draw-actions-top a {
height: 27px;
line-height: 27px
}
.geozone-ts .leaflet-draw-actions a:hover {
background-color: #a0a098
}
.geozone-ts .leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
height: 26px;
line-height: 26px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
background-position: -2px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
background-position: 4px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
background-position: -25px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
background-position: -85px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-draw-marker {
background-position: -122px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
background-position: -120px -1px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
background-position: -273px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
background-position: -271px -1px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-edit-edit {
background-position: -152px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
background-position: -145px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-edit-remove {
background-position: -182px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
background-position: -175px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
background-position: -212px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
background-position: -205px
}
.geozone-ts .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
background-position: -242px -2px
}
.geozone-ts .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
background-position: -235px
}
.geozone-ts .leaflet-mouse-marker {
background-color: #fff;
cursor: crosshair
}
.geozone-ts .leaflet-draw-tooltip {
background: #363636;
background: rgba(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
}
.geozone-ts .leaflet-draw-tooltip:before {
border-bottom: 6px solid transparent;
border-right: 6px solid rgba(0,0,0,.5);
border-top: 6px solid transparent;
content: "";
left: -7px;
position: absolute;
top: 7px
}
.geozone-ts .leaflet-error-draw-tooltip {
background-color: #f2dede;
border: 1px solid #e6b6bd;
color: #b94a48
}
.geozone-ts .leaflet-error-draw-tooltip:before {
border-right-color: #e6b6bd
}
.geozone-ts .leaflet-draw-tooltip-single {
margin-top: -12px
}
.geozone-ts .leaflet-draw-tooltip-subtext {
color: #f8d5e4
}
.geozone-ts .leaflet-draw-guide-dash {
font-size: 1%;
height: 5px;
opacity: .6;
position: absolute;
width: 5px
}
.geozone-ts .leaflet-edit-marker-selected {
background-color: rgba(254,87,161,.1);
border: 4px dashed rgba(254,87,161,.6);
-webkit-border-radius: 4px;
border-radius: 4px;
box-sizing: content-box
}
.geozone-ts .leaflet-edit-move {
cursor: move
}
.geozone-ts .leaflet-edit-resize {
cursor: pointer
}
.geozone-ts .leaflet-oldie .leaflet-draw-toolbar {
border: 1px solid #999
}
.report-item {
flex-grow: 1;
flex-shrink: 0;
padding-right: 8px
}
.report-item:last-child {
margin-right: 0
}
.report-item__ts {
width: 180px
}
.report-item__driver {
width: 118px
}
.report-item__geozone,.report-item__organization {
width: 208px
}
.report-item__date {
width: 73px
}
.report-item__total-time {
width: 115px
}
.report-item__zone-in-time {
width: 90px
}
.report-item__zone-out-time {
width: 107px
}
.report-item__total-mileage {
width: 120px
}
.report-item__zone-in-mileage {
width: 112px
}
.report-item__zone-out-mileage {
width: 94px
}
.report-item__controls {
width: 32px
}
.service-page__not-found {
height: auto;
max-width: 680px;
width: 100%
}
.service-page__not-available {
height: auto;
max-width: 720px;
width: 100%
}
.service-page__in-developing {
height: auto;
max-width: 180px;
width: 100%
}
.service-page__bad-email-link {
height: auto;
max-width: 480px;
width: 100%
}
.service-page__bad-browser {
height: auto;
max-width: 715px;
width: 100%
}
.service-page__header {
font-size: 28px;
line-height: 32px
}
@media (min-width: 768px) {
.service-page__header {
font-size:32px;
line-height: 36px
}
}
@media (min-width: 1024px) {
.service-page__header {
font-size:38px;
line-height: 42px
}
}
.service-page__text {
font-size: 16px;
line-height: 22px
}
@media (min-width: 768px) {
.service-page__text {
font-size:18px
}
}
.service-page__logo {
height: 56px;
width: 56px
}
@media (min-width: 768px) {
.service-page__logo {
height:64px;
width: 64px
}
}
.service-page .h4 {
font-size: 20px;
line-height: 24px
}
@media (min-width: 768px) {
.service-page .h4 {
font-size:24px;
line-height: 28px
}
}
.service-page .text-md {
font-size: 16px!important;
line-height: 18px!important
}
@media (min-width: 768px) {
.service-page .text-md {
font-size:17px!important;
line-height: 21px!important
}
}
.service-page .btn--lg {
padding: 12px 24px
}
.service-page .btn {
box-shadow: 0 6px 16px -10px rgba(0,0,0,.2)
}
.support-contacts__text {
font-size: 13px;
line-height: 13px
}
@media (min-width: 580px) {
.support-contacts__text {
font-size:15px;
line-height: 15px
}
}
.role-item {
width: 100%
}
@media (min-width: 768px) {
.role-item {
flex-grow:1;
flex-shrink: 0;
width: 180px
}
}
.permissions-section .icon-TMS-24:before,.permissions-section .icon-cars:before,.permissions-section .icon-company:before,.permissions-section .icon-error-prognos:before,.permissions-section .icon-flights-16:before,.permissions-section .icon-geozone:before,.permissions-section .icon-gsm:before,.permissions-section .icon-mts:before,.permissions-section .icon-okv:before,.permissions-section .icon-operational-management-24:before,.permissions-section .icon-planing-24:before,.permissions-section .icon-post-analitics-24:before,.permissions-section .icon-report-24:before,.permissions-section .icon-report-construct:before,.permissions-section .icon-route-global-24:before,.permissions-section .icon-settings-24:before,.permissions-section .icon-toir:before,.permissions-section .icon-truck-check:before,.permissions-section .icon-truck-location:before {
color: #a7a7a7;
font-size: 24px;
line-height: 24px
}
.permissions-section .icon_sm {
filter: invert(53%) sepia(4%) saturate(307%) hue-rotate(191deg) brightness(94%) contrast(85%);
font-size: 16px;
transition: all .3s
}
.permissions-section:hover .icon-TMS-24:before,.permissions-section:hover .icon-cars:before,.permissions-section:hover .icon-company:before,.permissions-section:hover .icon-error-prognos:before,.permissions-section:hover .icon-flights-16:before,.permissions-section:hover .icon-geozone:before,.permissions-section:hover .icon-gsm:before,.permissions-section:hover .icon-mts:before,.permissions-section:hover .icon-okv:before,.permissions-section:hover .icon-operational-management-24:before,.permissions-section:hover .icon-planing-24:before,.permissions-section:hover .icon-post-analitics-24:before,.permissions-section:hover .icon-report-24:before,.permissions-section:hover .icon-report-construct:before,.permissions-section:hover .icon-route-global-24:before,.permissions-section:hover .icon-settings-24:before,.permissions-section:hover .icon-toir:before,.permissions-section:hover .icon-truck-check:before,.permissions-section:hover .icon-truck-location:before {
color: #0092c7
}
.role-permissions-header {
border-bottom: 1px solid #cdcdcd;
border-top: 1px solid #f2f2f2
}
.permissions-labels .icon-Edit,.permissions-labels .icon-show,.permissions-labels .icon-trash-18 {
margin-left: 24px
}
.permissions-labels .icon-Edit:before,.permissions-labels .icon-show:before,.permissions-labels .icon-trash-18:before {
font-size: 18px
}
@media (min-width: 768px) {
.permissions-labels .icon-Edit,.permissions-labels .icon-show,.permissions-labels .icon-trash-18 {
margin-left:48px
}
}
.permissions-labels .icon-show:before {
color: #34b012
}
.permissions-controls__item {
margin-left: 16px
}
@media (min-width: 768px) {
.permissions-controls__item {
margin-left:42px
}
}
.brakes-monitoring .icon-moderation {
font-size: 24px
}
.brakes-monitoring .icon-moderation .path1:before {
color: grey
}
.brakes-item {
align-items: flex-start;
display: flex!important;
flex: 0 1 auto;
flex-direction: column;
padding-bottom: 16px;
width: 100%
}
@media (min-width: 580px) {
.brakes-item {
flex-direction:row;
padding-bottom: 8px
}
}
@media (min-width: 1024px) {
.brakes-item {
flex-grow:1;
flex-shrink: 0;
padding-bottom: 0
}
.brakes-item__stop {
flex-grow: 0;
width: 170px
}
.brakes-item__start {
flex-grow: 0;
width: 152px
}
.brakes-item__idle {
width: 108px
}
.brakes-item__pressure {
width: 111px
}
.brakes-item__limit {
width: 168px
}
.brakes-item__org {
width: 150px
}
}
@media (min-width: 1280px) {
.brakes-item__start,.brakes-item__stop {
flex-grow:1
}
}
.brakes-item .card__label {
margin-bottom: 0;
width: 170px
}
@media (min-width: 1024px) {
.brakes-item .card__label {
width:auto
}
}
.brakes-item .card__text {
line-height: 20px
}
.note {
position: relative
}
.note-container {
animation-duration: .3s;
animation-name: slide-up-small;
background-color: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 6px 8px -4px rgba(0,0,0,.25);
display: none;
left: 0;
padding: 24px 16px;
position: absolute;
top: calc(100% + 1px);
width: 540px
}
.note-container__date {
width: 180px
}
.radio:checked+label+.note-container {
display: block
}
.brakes-monitoring-data__label .icon-arrow:before {
font-size: 13px
}
.brakes-monitoring-data__item {
align-items: start;
animation-duration: .3s;
display: none;
justify-content: space-between;
position: relative
}
.brakes-monitoring-data__item:first-child {
animation-duration: 0s;
display: flex!important;
flex: 0 1 auto
}
.checkbox:checked+div+.brakes-monitoring-data .brakes-monitoring-data__item,.checkbox:checked+div+.notification-point--card .brakes-monitoring-data__item {
display: flex!important;
flex: 0 1 auto
}
.error-codes__left-container .card__label,.error-codes__right-container .card__label {
flex-shrink: 0;
width: 180px
}
@media (min-width: 768px) {
.error-codes__left-container .card__label {
width:180px
}
.error-codes__right-container .card__label {
width: 150px
}
}
.error-codes__density,.error-codes__duration,.error-codes__error-count,.error-codes__error-occured,.error-codes__last-appearance,.error-codes__mileage,.error-codes__organizations,.error-codes__vin {
width: 100%
}
@media (min-width: 1280px) {
.error-codes__density,.error-codes__duration,.error-codes__error-count,.error-codes__error-occured,.error-codes__last-appearance,.error-codes__mileage,.error-codes__organizations,.error-codes__vin {
flex-grow:1;
width: 180px
}
}
.error-codes-list__item {
flex-shrink: 0
}
.error-codes-list__item--code {
width: 180px
}
.error-codes-list__item--stat {
width: 96px
}
@media (min-width: 1280px) {
.error-codes-list__item--stat {
width:168px
}
}
.error-codes-list__item--description {
width: 420px
}
.error-codes-list__header {
border-bottom: 1px solid #cdcdcd;
color: grey;
font-size: 15px;
line-height: 17px;
padding: 12px 0;
padding-top: 0!important
}
.error-codes-list__header,.error-codes-list__row {
display: inline-flex;
flex: 0 1 auto;
justify-content: space-between!important;
min-width: 100%
}
.error-codes-list__row {
align-items: center!important;
border-bottom: 1px solid #e6e6e6;
padding: 12px 0
}
.error-codes-list__row:last-child {
border-bottom: none
}
.report-notification {
animation-duration: .3s;
display: none
}
.can-report-create-control:checked+.report-options {
display: none
}
.can-report-create-control:checked~.report-notification {
display: block
}
.report .icon-danger-18:before,.report .icon-info-18:before,.report .icon-unknown-18:before,.report .icon-warning-18:before {
position: relative;
top: 2px
}
.error-codes-details .label {
margin-bottom: 4px
}
@media (min-width: 580px) {
.error-codes-details .label {
margin-bottom:0;
margin-right: 16px
}
}
@media (min-width: 1280px) {
.error-codes-details .label {
margin-bottom:8px;
margin-right: 0
}
}
@media (min-width: 1680px) {
.error-codes-details .label {
margin-bottom:0;
margin-right: 16px
}
}
.error-codes-details .label--left,.error-codes-details .label--right {
flex-shrink: 0;
font-size: 14px;
line-height: 16px;
width: 100%
}
@media (min-width: 580px) {
.error-codes-details .label--left,.error-codes-details .label--right {
width:174px
}
}
.error-codes-details .display-value {
font-size: 15px;
line-height: 16px
}
.error-codes-details__item {
flex-shrink: 0;
width: 180px
}
.dealer-center {
cursor: pointer;
transition: .3s
}
.dealer-center .icon-toir:before {
font-size: 18px;
line-height: 18px
}
.dealer-center__info {
color: grey;
transition: .3s
}
.dealer-center--active,.dealer-center:hover {
box-shadow: 0 6px 6px -8px rgba(0,0,0,.5)
}
.dealer-center--active .dealer-center__info,.dealer-center:hover .dealer-center__info {
color: #4b4b4b
}
.dealer-center--active .icon-toir:before,.dealer-center:hover .icon-toir:before {
color: #0092c7
}
.error-codes-details-container {
display: flex;
width: 100%
}
.error-codes-details-container .left-container {
flex-shrink: 0;
width: 100%
}
@media (min-width: 1280px) {
.error-codes-details-container .left-container {
min-height:520px;
width: 320px
}
}
@media (min-width: 1680px) {
.error-codes-details-container .left-container {
width:460px
}
}
.error-codes-details-container .right-container {
width: 100%
}
@media (min-width: 1280px) {
.error-codes-details-container .right-container {
max-width:calc(100% - 320px)
}
}
@media (min-width: 1680px) {
.error-codes-details-container .right-container {
max-width:calc(100% - 460px)
}
}
.error-code-vehicle {
min-height: 530px
}
.error-code-vehicle .label {
margin-bottom: 4px
}
@media (min-width: 580px) {
.error-code-vehicle .label {
margin-bottom:0;
margin-right: 16px
}
}
.error-code-vehicle .label--left {
width: 100%
}
@media (min-width: 580px) {
.error-code-vehicle .label--left {
width:164px
}
}
.error-code-vehicle__item {
flex-shrink: 0
}
.error-code-vehicle__item--data-time {
width: 146px
}
.error-code-vehicle__item--duration {
width: 148px
}
.error-code-vehicle__item--coordinates {
width: 128px
}
.error-code-vehicle__item--coordinates .icon-copy:before {
font-size: 12px;
line-height: 12px
}
.error-code-vehicle__item--error-code {
width: 220px
}
.error-code-vehicle__item--control {
width: 32px
}
.error-code-vehicle__indicator {
background-color: grey;
border: 2px solid #fff;
border-radius: 100%;
content: "";
display: block;
height: 12px;
position: absolute;
right: 4px;
top: -2px;
width: 12px
}
.error-code-descriptions__text {
color: grey;
display: block;
font-size: 15px;
line-height: 21px;
overflow: hidden;
position: relative
}
.error-code-descriptions__text--more {
cursor: pointer;
padding-right: 72px;
word-break: break-all
}
.error-code-descriptions__text--more:before {
content: "...";
position: absolute;
right: 60px;
top: 0
}
.error-code-descriptions__text--more:after {
color: #0092c7;
content: "больше";
position: absolute;
right: 0;
top: 0
}
.error-code-descriptions__text--xs {
height: 21px
}
.error-code-descriptions__text--md {
height: 54px
}
.error-code-descriptions__control:checked+.error-code-descriptions__text {
color: #4b4b4b
}
.error-code-descriptions__control:checked+.error-code-descriptions__text--md,.error-code-descriptions__control:checked+.error-code-descriptions__text--xs {
height: auto;
overflow: visible
}
.error-code-descriptions__control:checked+.error-code-descriptions__text--more {
padding-right: 0;
word-break: break-word
}
.error-code-descriptions__control:checked+.error-code-descriptions__text--more:before {
content: ""
}
.error-code-descriptions__control:checked+.error-code-descriptions__text--more:after {
content: "скрыть";
padding-left: 8px;
position: static
}
.can-errors__error-location--point-icon {
background-image: url(leaflet/img/can-error.png);
height: 36px;
width: 36px
}
.can-errors__dealer-location--point-icon {
background-image: url(leaflet/img/dealer-center-unchecked.png);
height: 36px;
width: 36px
}
.can-errors__dealer-checked--point-icon {
background-image: url(leaflet/img/dealer-center-checked.png);
height: 36px;
width: 36px
}
.can-errors__truck-location--point-icon {
background-image: url(leaflet/img/truck-location.png);
height: 36px;
width: 36px
}
.fuel-control .card__header {
font-size: 16px
}
.fuel-control__capacity .card__label,.fuel-control__date .card__label,.fuel-control__driver .card__label,.fuel-control__fuel-type .card__label,.fuel-control__location .card__label,.fuel-control__mileage .card__label {
flex-shrink: 0;
width: 150px
}
@media (min-width: 580px) {
.fuel-control__capacity .card__label,.fuel-control__date .card__label,.fuel-control__driver .card__label {
width:86px
}
}
.fuel-control__capacity,.fuel-control__date,.fuel-control__driver,.fuel-control__fuel-type,.fuel-control__mileage {
flex-grow: 1
}
.fuel-control__status .icon-fuel-control:before {
font-size: 24px
}
.fuel-control__status--good .icon-fuel-control:before {
color: #34b012
}
.fuel-control__status--danger .icon-fuel-control:before {
color: #e31e25
}
@media (min-width: 1024px) {
.fuel-control__capacity .card__label,.fuel-control__date .card__label,.fuel-control__driver .card__label,.fuel-control__fuel-type .card__label,.fuel-control__location .card__label,.fuel-control__mileage .card__label {
flex-shrink:1;
width: auto
}
.fuel-control__date {
width: 120px
}
.fuel-control__capacity {
width: 130px
}
.fuel-control__driver {
width: 148px
}
.fuel-control__fuel-type {
width: 100px
}
.fuel-control__mileage {
width: 122px
}
.fuel-control__location {
width: 114px
}
}
.akb-item {
flex-grow: 1;
flex-shrink: 0
}
.akb-item__ts {
width: 170px
}
.akb-item__data {
width: 120px
}
.akb-item__message {
width: 156px
}
.akb-item__message-on-road {
width: 152px
}
.akb-item__message-on-hold {
width: 148px
}
.akb-item__source {
width: 108px
}
.akb-item__mileage {
width: 111px
}
.akb-item__control {
flex-grow: 0;
width: 32px
}
.error-code-list .card__header {
font-size: 18px;
line-height: 22px
}
.error-code-list .card__label {
flex-shrink: 0;
font-size: 15px;
line-height: 21px;
margin-bottom: 0;
min-height: auto;
width: 144px
}
.error-code-list .input-container--daterangepicker {
max-width: 100%!important
}
@media (min-width: 768px) {
.error-code-list .input-container--daterangepicker {
max-width:287px!important
}
}
.organizations .crd-table-row {
border: 1px solid #f2f2f2;
margin-top: 4px
}
@media (min-width: 1024px) {
.organizations .crd-table-row {
border:none;
border-bottom: 1px solid #f2f2f2;
margin-top: 0
}
}
.organizations .org-item {
width: 100%
}
.organizations .org-item--name {
flex-grow: 0;
width: auto
}
@media (min-width: 768px) {
.organizations .org-item {
flex-grow:1
}
.organizations .org-item--name {
flex-grow: 0
}
.organizations .org-item--inn {
flex-shrink: 0;
width: 140px
}
.organizations .org-item--phone {
flex-shrink: 0;
width: 156px
}
.organizations .org-item--org-p {
flex-shrink: 0;
width: 206px
}
}
@media (min-width: 1024px) {
.organizations .org-item--name {
width:25%
}
}
@media (min-width: 1280px) {
.organizations .org-item--name {
width:30%
}
}
.vehicle-item {
flex-grow: 1;
flex-shrink: 0;
width: 100%
}
@media (min-width: 768px) {
.vehicle-item--ts {
width:172px
}
.vehicle-item--iccid {
width: 180px
}
.vehicle-item--groups {
width: 90px
}
.vehicle-item--org {
width: 190px
}
.vehicle-item--status {
width: 120px
}
}
.vehicle-import-label {
width: 148px
}
.vehicle-edit .lb__left,.vehicle-new .lb__left {
flex-shrink: 0;
width: 96px
}
.vehicle-edit .lb__right,.vehicle-new .lb__right {
flex-shrink: 0;
width: 108px
}
.vehicles-list .tabs .dropdown {
line-height: 21px
}
.vehicles-list .tabs .dropdown .icon-more-menu:before {
font-size: 14px;
line-height: 14px
}
.vehicles-list .tabs .dropdown-container__item--sm .icon-check-mark:before {
font-size: 15px
}
.vehicles-list .tabs .dropdown-container__item--sm .icon-close-10:before {
font-size: 14px;
margin-right: 12px
}
.vehicles-list .tabs .tab-item--sm {
line-height: 21px;
padding-bottom: 4px
}
.vehicles-list .tab-item .dropdown-menu {
margin-top: 5px
}
.user-item {
width: 100%
}
@media (min-width: 580px) {
.user-item {
width:50%
}
}
@media (min-width: 1024px) {
.user-item {
flex-grow:1;
flex-shrink: 0
}
.user-item--phone {
width: 120px
}
.user-item--email {
width: 180px
}
.user-item--org {
width: 250px
}
.user-item--type {
width: 140px
}
}
.system-indicators .card__label {
width: 120px
}
.report .card__label {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 16px;
width: 85px
}
.report .card__label--left {
width: 100%
}
@media (min-width: 580px) {
.report .card__label--left {
width:85px
}
}
.report .card__label--right {
width: 100%
}
@media (min-width: 580px) {
.report .card__label--right {
width:85px
}
}
@media (min-width: 768px) {
.report .card__label--right {
width:55px
}
}
.report .report-selet-fix--left {
width: 100%
}
@media (min-width: 580px) {
.report .report-selet-fix--left {
max-width:calc(100% - 101px)
}
}
.report .report-selet-fix--right {
width: 100%
}
@media (min-width: 580px) {
.report .report-selet-fix--right {
max-width:calc(100% - 101px)
}
}
@media (min-width: 768px) {
.report .report-selet-fix--right {
max-width:calc(100% - 71px)
}
}
.report--waiting .icon-Refresh:before {
color: #ea9318
}
.report--no-data .icon-bad-data:before {
color: grey
}
.report--success .icon-excel:before {
color: #0092c7
}
.report__date,.report__objects,.report__period,.report__type {
flex-grow: 1;
flex-shrink: 0
}
.report__status {
display: block;
flex-shrink: 0;
padding-right: 8px;
width: 24px
}
.report__status .icon-Refresh:before,.report__status .icon-bad-data:before {
font-size: 16px
}
.report__status .icon-check-mark:before {
font-size: 15px
}
.report__date {
width: 88px
}
.report__type {
width: 138px
}
.report__ogranization {
flex-shrink: 0;
width: 168px
}
@media (min-width: 1680px) {
.report__ogranization {
flex-grow:1
}
}
.report__period {
width: 86px
}
.report__grouping {
flex-grow: 1;
flex-shrink: 0;
width: 128px
}
.report__objects {
width: 92px
}
.report__shablons {
width: 112px
}
.report__controls {
flex-shrink: 0;
width: 48px
}
.gsm-record .card__text,.gsm-record-details .card__text {
min-height: 21px
}
.gsm-record .card__label,.gsm-record-details .card__label {
margin-bottom: 0;
min-height: 21px
}
.gsm-record .gsm-item,.gsm-record-details .gsm-item {
align-items: flex-start;
display: flex!important;
flex: 0 1 auto;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
padding-right: 8px;
width: 100%
}
.gsm-record .gsm-item:last-child,.gsm-record-details .gsm-item:last-child {
padding-right: 0
}
.gsm-record .gsm-item--refill,.gsm-record-details .gsm-item--refill {
width: 50%
}
.gsm-record .gsm-item--refills,.gsm-record-details .gsm-item--refills {
width: 100%
}
@media (min-width: 580px) {
.gsm-record .gsm-item,.gsm-record-details .gsm-item {
padding-right:8px;
width: 30%
}
.gsm-record .gsm-item--dvs,.gsm-record .gsm-item--time,.gsm-record-details .gsm-item--dvs,.gsm-record-details .gsm-item--time {
width: 40%
}
.gsm-record .gsm-item--refills,.gsm-record-details .gsm-item--refills {
width: 60%
}
}
@media (min-width: 768px) and (min-width:1024px) {
.gsm-record .gsm-item--fuel,.gsm-record .gsm-item--mileage,.gsm-record-details .gsm-item--fuel,.gsm-record-details .gsm-item--mileage {
width:30%
}
.gsm-record .gsm-item--dvs,.gsm-record-details .gsm-item--dvs {
width: 40%
}
.gsm-record .gsm-item--refills,.gsm-record-details .gsm-item--refills {
width: 70%
}
}
@media (min-width: 1280px) {
.gsm-record .gsm-item--time,.gsm-record-details .gsm-item--time {
width:140px
}
.gsm-record .gsm-item--mileage,.gsm-record-details .gsm-item--mileage {
width: 145px
}
.gsm-record .gsm-item--fuel,.gsm-record-details .gsm-item--fuel {
width: 140px
}
.gsm-record .gsm-item--dvs,.gsm-record-details .gsm-item--dvs {
width: 220px
}
.gsm-record .gsm-item--refill,.gsm-record-details .gsm-item--refill {
width: 120px
}
.gsm-record .gsm-item--refills,.gsm-record-details .gsm-item--refills {
width: 240px
}
}
.gsm-record .gsm-item--details,.gsm-record-details .gsm-item--details {
animation-duration: .3s;
animation-name: slide-up-small;
display: none
}
@media (min-width: 768px) and (min-width:1024px) {
.gsm-record-details .gsm-item--time {
width:30%
}
}
@media (min-width: 768px) and (min-width:1024px) and (min-width:1280px) {
.gsm-record-details .gsm-item--time {
width:140px
}
}
.gsm-record-details .gsm-speed-distribution {
margin-bottom: 3px
}
.checkbox:checked+div .brakes-monitoring-data__label .icon-arrow {
display: block;
transform: rotate(180deg)
}
.checkbox:checked+div+.gsm-record .gsm-item--details {
display: block!important
}
.gsm-history .left-container .card__label {
line-height: 15px;
margin-bottom: 0;
min-height: auto;
width: 156px
}
.gsm-history .left-container .icon-geoarea_exit-28,.gsm-history .left-container .icon-geoarea_visit-28,.gsm-history .left-container .icon-route_checkpoint,.gsm-history .left-container .icon-route_finished,.gsm-history .left-container .icon-route_started,.gsm-history .left-container [class$="-24"] {
font-size: 24px;
line-height: 24px
}
@media (min-width: 1280px) {
.gsm-history .left-container {
height:calc(100vh - 209px);
overflow: auto
}
}
.gsm-history .left-container .icon-refueling {
color: #34b012;
font-size: 24px
}
.gsm-history .left-container .icon-pause-24 .path1:before {
color: #0092c7
}
.gsm-history .left-container .icon-no-signal-24 .path1:before {
color: #e31e25
}
.gsm-history .left-container .icon-geozone,.gsm-history .left-container .icon-truck-location-18 {
font-size: 18px
}
.gsm-history .left-container .icon-stop-24 .path1:before {
color: #ea9318
}
.gsm-history .left-container .icon-play-24 .path1:before {
color: #34b012
}
.gsm-history .left-container .icon-fuel-control {
color: #e31e25
}
.gsm-history .right-container {
height: calc(100vh - 209px)
}
.gsm-history .right-container .no-data-message {
background-color: #fff;
border: 1px solid #fafafa;
left: 50%;
padding: 10px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
z-index: 401
}
.gsm-history .right-container .leaflet-markers-canvas-layer {
z-index: 201
}
.gsm-speed-distribution {
align-items: center;
display: flex
}
.gsm-speed-distribution__item {
font-weight: 500!important
}
.gsm-speed-distribution__item:after {
color: #a7a7a7;
content: "|";
font-weight: 400!important;
padding: 0 4px
}
.gsm-speed-distribution__item:last-child:after {
content: "";
padding: 0
}
.gsm-ntc__item {
flex-shrink: 0
}
.gsm-ntc__item--vin {
width: 172px
}
.gsm-ntc__item--tracker {
width: 96px
}
.gsm-ntc__item--idling {
width: 100px
}
.gsm-ntc__item--average-load {
width: 134px
}
.gsm-ntc__item--average-consumption {
width: 108px
}
.gsm-ntc__item--xx-consumption {
width: 90px
}
.gsm-ntc__item--xx-mileage {
width: 116px
}
.gsm-ntc__item--range {
width: 230px
}
.gsm-ntc__item--cruise-control {
width: 125px
}
.gsm-ntc__item--roll-forward {
width: 120px
}
.gsm-ntc__item--brackes {
width: 86px
}
.gsm-ntc__item--org {
width: 180px
}
.gsm-ntc__item--commands {
width: 40px
}
.request-list__indicator [class^=icon-] {
font-size: 24px
}
.request-list__indicator--info [class^=icon-]:before {
color: #0092c7
}
.request-list__indicator--warning [class^=icon-]:before {
color: #ea9318
}
.request-list__indicator--danger [class^=icon-]:before {
color: #e31e25
}
.request-list__indicator--success [class^=icon-]:before {
color: #34b012
}
.request-list__item {
flex-grow: 1;
flex-shrink: 0
}
.request-list__item--status {
flex-grow: 0;
width: 40px
}
.request-list__item--id {
flex-grow: 0;
width: 134px
}
.request-list__item--arrival,.request-list__item--departure {
width: 200px
}
.request-list__item--cargo {
width: 156px
}
.request-list__item--driver {
width: 164px
}
.request-list__item--price {
width: 94px
}
.request-list__item--controls {
flex-grow: 0;
width: 76px
}
.request-new__label--left,.request-new__label--right {
flex-shrink: 0;
margin-right: 16px;
width: 100%
}
@media (min-width: 768px) {
.request-new__label--left {
width:108px
}
.request-new__label--left .request-new__select {
width: calc(100% - 124px)
}
.request-new__label--right {
width: 68px
}
}
.request-new__label--right .request-new__select {
width: calc(100% - 84px)
}
.request-new__unit {
width: 24px
}
@media (min-width: 768px) {
.request-new__column {
max-width:200px
}
}
.hide-more,.request-new__show-more {
display: none
}
.checkbox:checked+div .request-new__show-more {
display: block
}
.checkbox:checked+div+label .show-more {
display: none
}
.checkbox:checked+div+label .hide-more {
display: block
}
.request-view .label--left {
width: 124px
}
.request-view-route__point {
background-color: #fff;
border-radius: 100%;
flex-shrink: 0;
height: 40px;
line-height: 40px;
text-align: center;
width: 24px;
z-index: 1
}
.request-view-route__point:before {
color: #0092c7;
content: "\e922";
font-size: 24px;
left: 0;
line-height: 24px;
position: absolute;
top: 6px
}
.request-view-route__item {
margin-top: 32px;
position: relative
}
.request-view-route__item:first-child {
margin-top: 0
}
.request-view-route__item:last-child:before {
border-left: none;
height: 0
}
.request-view-route__item:last-child .request-view-route__point:before {
color: grey
}
.request-view-route__item:before {
border-left: 1px dashed #cdcdcd;
content: "";
display: block;
height: 100%;
left: 12px;
position: absolute;
top: 36px;
width: 1px
}
.order-view-info {
display: flex;
flex-direction: column
}
.order-view-info .order-view-list {
border-bottom: 1px solid #f2f2f2;
display: flex;
justify-content: space-between;
padding-bottom: 20px
}
.order-view-info .order-view-list .item {
border-left: 1px solid #f2f2f2;
padding-left: 21px;
width: 11.5%
}
@media (max-width: 1500px) {
.order-view-info .order-view-list .item {
padding-left:15px;
width: 15.5%
}
.order-view-info .order-view-list .item.small-screen-display-n {
display: none
}
}
.order-view-info .order-view-list .item:first-of-type {
border: none;
padding-left: 0;
width: 5%
}
@media (max-width: 1500px) {
.order-view-info .order-view-list .item:first-of-type {
width:7%
}
}
.order-view-info .order-view-list .item:first-of-type .planning {
color: grey;
font-size: 12px;
line-height: 14px;
margin-top: 27px
}
@media (max-width: 1500px) {
.order-view-info .order-view-list .item:first-of-type .planning {
margin-top:25px
}
}
.order-view-info .order-view-list .item:first-of-type .actually {
color: grey;
font-size: 12px;
line-height: 14px;
margin-top: 10px
}
.order-view-info .order-view-list .item .title {
color: grey;
font-size: 13px;
line-height: 18px
}
.order-view-info .order-view-list .item .planning {
color: #4b4b4b;
font-size: 20px;
font-weight: 500;
line-height: 24px;
margin-top: 2px
}
@media (max-width: 1500px) {
.order-view-info .order-view-list .item .planning {
font-size:17px;
line-height: 21px
}
}
.order-view-info .order-view-list .item .actually {
font-size: 14px;
font-weight: 500;
line-height: 18px;
margin-top: 6px
}
.order-view-info .order-view-list .item .actually.red-text {
color: #e31e25
}
.order-view-info .order-view-list .item .actually.grey-text {
color: grey
}
.order-view-info .place-info-block {
display: flex;
padding-top: 20px
}
.order-view-info .place-info-block .one-place {
width: 50%
}
.order-view-info .place-info-block .one-place:first-of-type {
border-right: 1px solid #f2f2f2;
padding-right: 30px
}
@media (max-width: 1500px) {
.order-view-info .place-info-block .one-place:first-of-type {
padding-right:15px
}
}
.order-view-info .place-info-block .one-place:last-of-type {
padding-left: 30px
}
@media (max-width: 1500px) {
.order-view-info .place-info-block .one-place:last-of-type {
padding-left:15px
}
}
.order-view-info .place-info-block .one-place .date-time {
display: flex;
font-size: 12px;
line-height: 12px
}
.order-view-info .place-info-block .one-place .date-time .date {
border-right: 1px solid grey;
color: grey;
padding-right: 5px
}
.order-view-info .place-info-block .one-place .date-time .time {
padding-left: 5px
}
.order-view-info .place-info-block .one-place .city-block {
font-weight: 500;
margin-top: 10px
}
@media (max-width: 1500px) {
.order-view-info .place-info-block .one-place .city-block {
font-size:15px;
margin-top: 5px
}
}
.order-view-info .place-info-block .one-place .address-block {
color: grey;
margin-top: 7px;
padding: 4px 0;
transition: all .3s
}
@media (max-width: 1500px) {
.order-view-info .place-info-block .one-place .address-block {
font-size:15px;
margin-top: 5px
}
}
.order-view-info .place-info-block .one-place .address-block:hover {
background-color: #dedede
}
.order-view-info .place-info-block .one-place .name-block {
font-size: 15px;
margin-top: 7px
}
@media (max-width: 1500px) {
.order-view-info .place-info-block .one-place .name-block {
margin-top:5px
}
}
.order-view-info .place-info-block .one-place .tel-block {
font-size: 17px;
font-weight: 500;
line-height: 21px;
margin-top: 15px
}
@media (max-width: 1500px) {
.order-view-info .place-info-block .one-place .tel-block {
font-size:15px;
line-height: 19px;
margin-top: 5px
}
}
.request-edit__header-container [class^=icon-]:before {
font-size: 32px;
line-height: 32px
}
.settings-block .settings-block-item {
border-top: 1px solid #e6e6e6;
display: flex;
flex-wrap: wrap;
margin-top: 25px
}
.settings-block .settings-block-item:first-of-type {
border: none
}
.settings-block .settings-block-item:first-of-type .item {
margin-top: 0
}
.settings-block .settings-block-item.more-indent .item {
margin-top: 25px
}
.settings-block .settings-block-item .text-lg {
margin-top: 25px;
width: 100%
}
.settings-block .settings-block-item .item {
margin-right: 30px;
margin-top: 18px;
width: 31%
}
.settings-block .settings-block-item .item:nth-of-type(3n) {
margin-right: 0
}
.order-assignment-block {
margin-top: 25px
}
.order-assignment-block .order-assignment-table-head {
display: flex
}
.order-assignment-block .order-assignment-table-head .order-assignment-filter {
width: min-content
}
.order-assignment-block .order-assignment-table-content .order-assignment-list {
border-bottom: 1px solid #cdcdcd;
max-height: none;
overflow: visible
}
.order-assignment-block .order-assignment-table-content .order-assignment-list .order-assignment-item {
align-items: center;
display: flex;
padding: 5px 15px
}
.order-assignment-block .order-assignment-table-content .order-assignment-list .order-assignment-item .caption {
min-width: 315px;
width: 315px
}
.order-assignment-block .table-column-left {
width: 330px
}
.order-assignment-block .grey-label:before {
border-color: #cdcdcd transparent transparent #cdcdcd;
border-style: solid;
border-width: 4px;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 0;
width: 8px
}
.order-assignment-block .green-label:before {
border-color: #34b012 transparent transparent #34b012;
border-style: solid;
border-width: 4px;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 0;
width: 8px
}
.order-assignment-block .orange-label:before {
border-color: #ea9318 transparent transparent #ea9318;
border-style: solid;
border-width: 4px;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 0;
width: 8px
}
.order-assignment-block .order-assignment-filter {
border-bottom: 1px solid #cdcdcd;
display: flex;
padding-bottom: 6px
}
.order-assignment-block .order-assignment-filter .filter-item {
cursor: pointer;
font-size: 13px;
font-weight: 500;
line-height: 15px;
margin-right: 15px;
padding-left: 10px;
position: relative;
text-transform: uppercase
}
.order-assignment-block .order-assignment-filter .filter-item:first-of-type {
padding-left: 0
}
.order-assignment-block .order-assignment-filter .filter-item.active {
color: #0092c7;
font-weight: 500
}
.order-assignment-block .order-assignment-filter .filter-item.active:after {
background: #0092c7;
bottom: -6px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100%
}
.order-assignment-block .order-assignment-filter .filter-item.green-label:before,.order-assignment-block .order-assignment-filter .filter-item.grey-label:before,.order-assignment-block .order-assignment-filter .filter-item.orange-label:before {
top: 2px
}
.order-assignment-block .order-assignment-list {
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
margin-top: 8px;
max-height: 440px;
overflow: auto
}
.order-assignment-block .order-assignment-list .green-label:before {
border-color: #34b012 transparent transparent #34b012;
border-style: solid;
border-width: 8px
}
.order-assignment-block .order-assignment-list .green-label .info {
color: #34b012
}
.order-assignment-block .order-assignment-list .grey-label:before {
border-color: #cdcdcd transparent transparent #cdcdcd;
border-style: solid;
border-width: 8px
}
.order-assignment-block .order-assignment-list .grey-label .info {
color: #cdcdcd
}
.order-assignment-block .order-assignment-list .orange-label:before {
border-color: #ea9318 transparent transparent #ea9318;
border-style: solid;
border-width: 8px
}
.order-assignment-block .order-assignment-list .orange-label .info {
color: #ea9318
}
.order-assignment-block .order-assignment-list .order-assignment-item {
border-top: 1px solid #cdcdcd;
cursor: pointer;
padding: 15px;
position: relative
}
.order-assignment-block .order-assignment-list .order-assignment-item.active {
background: #fffcde;
font-weight: 700
}
.order-assignment-block .order-assignment-list .order-assignment-item .caption {
text-transform: uppercase
}
.order-assignment-block .order-assignment-list .order-assignment-item .info {
font-size: 14px;
line-height: 18px;
margin-top: 7px
}
.order-assignment-block .order-assignment-list .order-assignment-item .name {
font-size: 12px;
line-height: 15px;
margin-top: 8px
}
.order-assignment-bottom {
align-items: center;
display: flex;
justify-content: flex-end;
margin-top: 20px
}
.order-assignment-bottom .order-assignment-card {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: space-between;
padding: 10px 20px
}
.order-assignment-bottom .order-assignment-card .text-block .text {
font-size: 12px;
font-weight: 700
}
.loading-planning-add-text {
color: grey;
font-size: 20px;
line-height: 28px
}
.loading-planning-add-text span {
color: #4b4b4b
}
.two-column-layout-map.loading-planning-container .left-container.left-1 {
width: 240px
}
@media (max-width: 1500px) {
.two-column-layout-map.loading-planning-container .left-container.left-1 {
width:200px
}
}
.two-column-layout-map.loading-planning-container .left-container.left-2 {
width: 300px
}
@media (max-width: 1500px) {
.two-column-layout-map.loading-planning-container .left-container.left-2 {
width:250px
}
}
.loading-planning-container .order-assignment-block .order-assignment-list {
border-bottom: 1px solid #cdcdcd
}
.loading-planning-container .order-assignment-block .order-assignment-list .order-assignment-item {
align-items: center;
display: flex;
justify-content: space-between
}
.loading-planning-container .order-assignment-block .order-assignment-list .order-assignment-item i {
-webkit-background-size: cover;
background-size: cover;
height: 18px;
min-width: 18px;
width: 18px
}
.loading-planning-container .route-babs {
border-bottom: 1px solid #cdcdcd;
display: flex;
margin-bottom: 20px;
padding-bottom: 6px
}
.loading-planning-container .route-babs .route-tab-item {
cursor: pointer;
font-size: 13px;
font-weight: 500;
line-height: 15px;
margin-right: 20px;
padding: 0 5px;
position: relative;
text-transform: uppercase
}
.loading-planning-container .route-babs .route-tab-item.active {
color: #0092c7
}
.loading-planning-container .route-babs .route-tab-item.active:after {
background: #0092c7;
bottom: -6px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100%
}
.loading-planning-container .route-list {
margin-top: 20px
}
.loading-planning-container .route-list .route-list-wrapper {
cursor: pointer
}
.loading-planning-container .route-list .route-list-wrapper.active {
background: rgba(52,176,18,.08)
}
.loading-planning-container .route-list .route-list-item {
margin-top: 5px
}
.loading-planning-container .route-list .route-list-item .text-block {
padding-top: 3px
}
.loading-planning-container .route-list .route-list-item .main-info {
display: flex
}
.loading-planning-container .route-list .route-list-item .date-block {
color: grey;
display: flex;
font-size: 11px;
line-height: 18px
}
.loading-planning-container .route-list .route-list-item .date-block .date {
margin-right: 10px
}
.loading-planning-container .route-list .route-list-item .city {
color: #4b4b4b;
font-size: 16px;
line-height: 18px
}
.loading-planning-container .route-list .route-list-item .additional-text {
color: grey;
font-size: 12px;
line-height: 18px;
padding: 10px 0 10px 35px;
position: relative
}
.loading-planning-container .route-list .route-list-item .additional-text:before {
background-color: #cdcdcd;
content: "";
display: inline-block;
height: 100%;
left: 11px;
position: absolute;
top: 0;
width: 1px
}
.loading-planning-container .route-list .route-list-item .icon-block {
min-width: 35px;
padding-top: 5px;
width: 35px
}
.order-icon-1 {
background-image: url(img/icons/order-icon-1.svg)
}
.order-icon-1,.order-icon-2 {
display: inline-block;
height: 24px;
min-width: 24px;
width: 24px
}
.order-icon-2 {
background-image: url(img/icons/order-icon-2.svg)
}
.order-icon-3 {
background-image: url(img/icons/order-icon-3.svg)
}
.order-icon-3,.order-icon-4 {
display: inline-block;
height: 24px;
min-width: 24px;
width: 24px
}
.order-icon-4 {
background-image: url(img/icons/order-icon-4.svg)
}
.order-icon-5 {
background-image: url(img/icons/order-icon-5.svg);
display: inline-block;
height: 24px;
min-width: 24px;
width: 24px
}
.loading-planning-container .sub-info {
align-items: center;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
display: flex;
margin-top: 15px;
padding: 10px 0
}
.loading-planning-container .sub-info .name {
font-size: 13px;
margin-right: 20px
}
.loading-planning-container .sub-info .info {
font-size: 14px;
font-weight: 500;
line-height: 21px;
margin-right: 70px
}
.loading-planning-container .sub-info .full-info {
font-size: 14px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 500px
}
.loading-planning-container .order-view-info {
flex-grow: 1
}
.loading-planning-container .order-view-info .order-view-list {
border: none;
padding-bottom: 0
}
.loading-planning-container .order-view-info .order-view-list.mini-block {
flex-wrap: wrap;
justify-content: space-between
}
.loading-planning-container .order-view-info .order-view-list.mini-block .item {
border: none;
margin-top: 20px;
padding: 0;
width: 80px
}
.loading-planning-container .order-view-info .order-view-list.mini-block .item:first-of-type {
width: 80px
}
.loading-planning-container .order-view-info .order-view-list.mini-block .item:first-of-type .planning {
color: #4b4b4b;
font-size: 16px;
line-height: 21px;
margin-top: 4px
}
.loading-planning-container .order-view-info .order-view-list .item {
padding-left: 16px;
width: 12%
}
.loading-planning-container .order-view-info .order-view-list .item:first-of-type {
width: 7%
}
.loading-planning-container .order-view-info .order-view-list .item:first-of-type .planning {
font-size: 12px;
margin-top: 22px
}
.loading-planning-container .order-view-info .order-view-list .item .title {
font-size: 11px
}
.loading-planning-container .order-view-info .order-view-list .item .planning {
font-size: 16px;
line-height: 21px;
margin-top: 4px
}
.loading-planning-container .right-block {
align-items: center;
display: flex;
flex-direction: column;
padding-left: 20px;
padding-top: 20px;
width: 20%
}
.loading-planning-container .left-block {
width: 80%
}
.loading-planning-container .left-block .order-view-info .place-info-block .one-place {
border-right: 1px solid #f2f2f2;
padding-right: 15px
}
.loading-planning-container .left-block .order-view-info .place-info-block .one-place:last-of-type {
padding-left: 20px
}
.routes .card--border-bottom:first-child {
border-top: 1px solid #f2f2f2
}
@media (min-width: 1680px) {
.routes .card--border-bottom:first-child {
border-top:none
}
}
.routes .card__label {
min-height: auto
}
.routes__item--status {
flex-grow: 0;
margin-top: 4px;
padding-right: 8px;
width: 32px
}
.routes__item--status .icon-play-24,.routes__item--status [class^=icon-]:before {
font-size: 24px;
line-height: 24px
}
.routes__item--status .icon-play-24 .path1:before {
color: #34b012
}
.routes__item--name {
font-size: 20px;
font-weight: 500;
line-height: 24px
}
@media (min-width: 1680px) {
.routes__item--name {
flex-grow:1;
font-size: 15px;
font-weight: 400;
line-height: 18px;
width: 220px
}
}
.routes__item--flights,.routes__item--last-flight,.routes__item--length,.routes__item--next-flight,.routes__item--org,.routes__item--points {
width: 100%
}
@media (min-width: 1024px) {
.routes__item--flights,.routes__item--last-flight,.routes__item--length,.routes__item--next-flight,.routes__item--org,.routes__item--points {
flex-grow:1;
padding-right: 16px!important
}
}
.routes__item--controls {
width: 72px!important
}
@media (min-width: 1280px) {
.routes__item--controls {
opacity:0
}
}
@media (min-width: 1680px) {
.routes__item--controls {
opacity:1
}
}
@media (min-width: 1024px) {
.routes__item {
flex-shrink:0
}
.routes__item--org {
width: 160px!important
}
.routes__item--points {
width: 102px!important
}
.routes__item--length {
width: 120px!important
}
.routes__item--flights {
width: 128px!important
}
.routes__item--last-flight,.routes__item--next-flight {
width: 126px!important
}
}
.card--hover:hover .routes__item--controls {
opacity: 1
}
.routes-flights__item {
flex-grow: 1;
flex-shrink: 0
}
.routes-flights__item--status {
flex-grow: 0;
width: 140px
}
.routes-flights__item--status .badge {
width: 124px
}
.routes-flights__item--name {
width: 164px
}
.routes-flights__item--type {
width: 110px
}
.routes-flights__item--ts {
width: 162px
}
.routes-flights__item--end-flight,.routes-flights__item--start-flight {
width: 164px
}
.routes-flights__item--controls {
flex-grow: 0;
width: 112px
}
.trip-view-link {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.route__left-container {
background-color: #fff;
flex-grow: 1;
flex-shrink: 0;
order: 2;
width: 100%
}
@media (min-width: 1280px) {
.route__left-container {
order:1;
width: 420px
}
}
@media (min-width: 1680px) {
.route__left-container {
width:464px
}
}
.route__right-container {
height: 272px;
order: 1;
width: 100%
}
@media (min-width: 1024px) {
.route__right-container {
height:350px
}
}
@media (min-width: 1280px) {
.route__right-container {
flex-grow:1;
height: 100%;
order: 2
}
}
.route-points-counter {
counter-reset: section;
list-style-type: none
}
.route-points-counter__item {
background-color: #fff;
border: 1px solid #0092c7;
border-radius: 100%;
flex-shrink: 0;
font-size: 16px;
font-weight: 700!important;
height: 40px;
line-height: 40px;
text-align: center;
transition: .3s;
width: 40px
}
.route-points-counter__item:before {
content: counter(section);
counter-increment: section
}
.route-point--active .route-points-counter__item {
background-color: #0092c7;
color: #fff
}
.route-notification {
margin-top: 22px
}
.route-point-icon {
background-image: url(leaflet/img/marker-icon-red-fill.png);
height: 41px;
padding-top: 8px;
width: 25px
}
.flights-points {
counter-reset: section;
list-style-type: none;
position: relative
}
.flights-points--flight:before {
border-left: none
}
.flights-points__item {
margin-top: 24px
}
.flights-points__item:first-child {
margin-top: 0
}
.flights-points__item:last-child:before {
border-left: none;
height: 0
}
.flights-points__item--flight {
position: relative
}
.flights-points__item--flight:before {
border-left: 1px dashed #cdcdcd;
content: "";
display: block;
height: 100%;
left: 20px;
position: absolute;
top: 36px;
width: 1px
}
.flights-points__point {
background-color: #fff;
border: 2px solid #0092c7;
border-radius: 100%;
flex-shrink: 0;
font-size: 16px;
height: 40px;
line-height: 38px;
position: relative;
text-align: center;
width: 40px
}
.flights-points__point:before {
content: counter(section);
counter-increment: section
}
.route-view-head-skeleton-text {
height: 40px;
width: 146px
}
.route-view-head-skeleton-icon {
height: 40px;
width: 40px
}
.route-view-tab-head-skeleton {
height: 30px;
width: 100%
}
.route-view-mini-text-skeleton {
height: 18px
}
.route-view-card-skeleton {
height: 195px
}
.route-view-map-skeleton {
height: 100%;
width: 100%
}
.route-view-animation {
animation: shine 1.5s linear infinite;
background: linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);
background-size: 200% 100%
}
.flights .icon-planned-24:before {
font-size: 24px;
line-height: 24px
}
.flights__item {
flex-grow: 1;
flex-shrink: 0
}
.flights__item--flights {
flex-grow: 2;
width: 196px
}
.flights__item--status {
flex-grow: 0;
width: 40px
}
.flights__item--status .icon-play-24,.flights__item--status [class^=icon-]:before {
font-size: 24px;
line-height: 24px
}
.flights__item--status .icon-play-24 .path1:before {
color: #34b012
}
.flights__item--name {
width: 164px
}
.flights__item--ts {
width: 172px
}
.flights__item--type {
width: 110px
}
.flights__item--end,.flights__item--start {
width: 136px
}
.flights__item--controls {
flex-grow: 0;
width: 112px
}
.flight-view__left-container {
animation-duration: .5s;
animation-name: fadeInRightSmall;
background-color: #fff;
flex-grow: 1;
flex-shrink: 0;
order: 1;
width: 100%
}
@media (min-width: 1280px) {
.flight-view__left-container {
height:calc(100vh - 106px);
overflow: auto;
width: 420px
}
}
@media (min-width: 1680px) {
.flight-view__left-container {
width:464px
}
}
.flight-view__right-container {
animation-duration: .5s;
animation-name: fadeInRightSmall;
height: 272px;
order: 2;
width: 100%
}
@media (min-width: 1024px) {
.flight-view__right-container {
height:350px
}
}
@media (min-width: 1280px) {
.flight-view__right-container {
flex-grow:1;
height: 100%
}
}
.flight-data {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 16px
}
.flights-point-status {
position: relative
}
.flights-point-status--info .flights-point-status__indicator:after {
color: #0092c7;
content: "\e907"
}
.flights-point-status--info .flights-points__point {
border-color: #0092c7
}
.flights-point-status--warning .flights-point-status__indicator {
height: 18px;
width: 18px
}
.flights-point-status--warning .flights-point-status__indicator:after {
color: #ea9318;
content: "\e90c";
right: 0
}
.flights-point-status--warning .flights-points__point {
border-color: #ea9318
}
.flights-point-status--danger .flights-point-status__indicator:after {
color: #e31e25;
content: "\e90e"
}
.flights-point-status--danger .flights-points__point {
border-color: #e31e25
}
.flights-point-status--success .flights-point-status__indicator:after {
color: #34b012;
content: "\e90a"
}
.flights-point-status--success .flights-points__point {
border-color: #34b012
}
.flights-point-status--disable .flights-point-status__indicator:after {
color: grey;
content: "\e9a7"
}
.flights-point-status--disable .flights-points__point {
border-color: grey
}
.flights-point-status__indicator {
background-color: #fff;
border-radius: 20px;
content: "";
height: 20px;
position: absolute;
right: -4px;
top: -4px;
width: 20px
}
.flights-point-status__indicator:after {
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: kamaz-icons!important;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
line-height: 18px;
position: absolute;
right: -2px;
text-transform: none;
top: -2px
}
.flights-points__item--flight:last-child .flight-data {
border-bottom: none;
padding-bottom: 0
}
.flight-header-skeleton-text {
height: 40px;
width: 146px
}
.flight-header-skeleton-icon {
height: 40px;
width: 40px
}
.flight-view-skeleton-row {
height: 18px
}
.flights-points__item-skeleton {
height: 132px
}
.flight-skeleton-animation {
animation: shine 1.5s linear infinite;
background: linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);
background-size: 200% 100%
}
@keyframes shine {
to {
background-position-x: -200%
}
}
.groups .label {
flex-shrink: 0;
width: 145px
}
.groups .select-fix {
width: calc(100% - 156px)
}
.zoom-box {
align-items: center;
bottom: 0;
display: flex;
flex-flow: column;
justify-content: center;
pointer-events: none;
position: fixed;
right: 16px;
top: 0;
z-index: 100
}
.zoom-box-controls {
border-radius: 24px;
box-shadow: var(--dpk-shadow-l);
width: 48px
}
.zoom-box-control {
background: var(--dpk-white);
border-radius: 24px 24px 0 0;
cursor: pointer;
padding: 8px;
pointer-events: visiblePainted;
width: 48px
}
.zoom-box-control:hover {
background: var(--dpk-gray-05)
}
.zoom-box-control.zoom-minus {
border-radius: 0 0 24px 24px
}
.draw-controls {
align-items: flex-start;
display: flex;
flex-flow: row nowrap;
flex-flow: column;
left: 738px;
position: fixed;
top: 78px;
z-index: 100
}
.draw-controls-hint-item {
background: #fff;
border-radius: 8px;
box-shadow: var(--dpk-shadow-l);
padding: 16px;
width: 300px
}
.draw-controls-toolbox {
align-items: flex-start;
display: flex;
flex-flow: column
}
.draw-controls-toolbox-item {
align-items: center;
background: #fff;
border-radius: 24px;
box-shadow: var(--dpk-shadow-l);
cursor: pointer;
display: flex;
height: 48px;
justify-content: center;
margin-bottom: 8px;
transition: background .2s cubic-bezier(.25,0,0,1);
width: 48px
}
.draw-controls-toolbox-item path {
fill: var(--dpk-primary)
}
.row {
margin: 0 -8px
}
@media (max-width: 370px) {
.insurance .mustins-partner-widget {
padding:40px 12px;
width: 320px
}
.insurance .mustins-partner-widget__title {
font-size: 32px
}
.insurance .mustins-partner-widget__description {
font-size: 20px
}
}
.insurance-header {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000
}
.insurance-header__kamaz {
height: 20px;
width: auto
}
@media (min-width: 580px) {
.insurance-header__kamaz {
height:28px
}
}
.insurance-header__must {
height: 28px;
width: auto
}
@media (min-width: 580px) {
.insurance-header__must {
height:32px
}
}
.insurance-header__separator {
height: 100%;
position: relative
}
.insurance-header__separator:before {
background-color: #e6e6e6;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 1px
}
.insurance-container__fixed {
margin: 0 auto;
max-width: 1280px;
padding-left: 16px;
padding-right: 16px
}
.insurance-container__fixed--main {
padding-bottom: 60px;
padding-top: 80px
}
@media (min-width: 1024px) {
.insurance-container__fixed--main {
padding-bottom:80px;
padding-top: 120px
}
}
.insurance-container__fixed--section {
padding-bottom: 60px;
padding-top: 60px
}
@media (min-width: 1280px) {
.insurance-container__fixed--section {
padding-bottom:80px;
padding-top: 80px
}
}
.insurance-container__fixed--footer {
padding-bottom: 24px;
padding-top: 40px
}
.insurance__h1 {
font-size: 26px;
line-height: 28px
}
.insurance__h1--main {
max-width: 768px
}
@media (min-width: 580px) {
.insurance__h1 {
font-size:32px;
line-height: 36px
}
}
@media (min-width: 1024px) {
.insurance__h1 {
font-size:34px;
line-height: 38px
}
}
@media (min-width: 1280px) {
.insurance__h1 {
font-size:36px;
line-height: 40px
}
}
.insurance__description {
font-size: 16px;
line-height: 20px
}
@media (min-width: 580px) {
.insurance__description {
font-size:18px;
line-height: 26px
}
}
.insurance__text {
font-size: 16px;
line-height: 24px
}
.insurance__main-img {
max-width: 768px;
width: 100%
}
.insurance__partner-logo {
height: 31px;
width: auto
}
@media (min-width: 580px) {
.insurance__partner-logo {
height:40px
}
}
@media (min-width: 1024px) {
.insurance__partner-logo {
height:50px
}
}
.insurance-achievement {
background-color: #fff;
box-shadow: 0 4px 4px 0 rgba(0,0,0,.1);
padding: 32px 24px
}
@media (min-width: 1280px) {
.insurance-achievement {
padding:40px
}
}
.insurance-achievement__header {
font-size: 21px;
line-height: 24px
}
.insurance-achievement__img {
display: block;
height: 46px;
width: 46px
}
.insurance-roadmap {
width: 100%
}
@media (min-width: 580px) {
.insurance-roadmap {
max-width:660px
}
}
.insurance-roadmap__header {
font-size: 18px;
line-height: 22px
}
@media (min-width: 1024px) {
.insurance-roadmap__header {
font-size:20px
}
}
.insurance-roadmap__img {
max-width: 380px;
width: 100%
}
@media (min-width: 580px) {
.insurance-roadmap__img {
max-width:420px
}
}
.insurance-roadmap-points {
counter-reset: section;
list-style-type: none;
position: relative
}
.insurance-roadmap-points__point {
background-color: #fff;
border: 1px solid #0092c7;
border-radius: 100%;
color: #0092c7;
flex-shrink: 0;
font-size: 18px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
z-index: 1
}
@media (min-width: 580px) {
.insurance-roadmap-points__point {
height:56px;
line-height: 56px;
width: 56px
}
}
.insurance-roadmap-points__point:before {
content: counter(section);
counter-increment: section
}
.insurance-faq__item {
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
max-width: 1024px
}
.insurance-faq__item .h5 {
font-size: 17px;
line-height: 22px
}
@media (min-width: 1024px) {
.insurance-faq__item .h5 {
font-size:20px;
line-height: 24px
}
}
.insurance-footer {
background-color: #333
}
.insurance-footer__phone {
font-size: 18px;
opacity: .9
}
@media (min-width: 1280px) {
.insurance-footer__phone {
font-size:19px
}
}
.insurance-footer__email {
font-size: 14px;
opacity: .8
}
.insurance-footer__link {
opacity: .8;
transition: .3s
}
.insurance-footer__link:hover {
opacity: 1
}
.insurance-footer__payment {
height: 16px
}
@media (min-width: 1280px) {
.insurance-footer__payment {
height:20px
}
}
.insurance-video-container {
position: relative;
width: 768px
}
.insurance-video-container__video {
display: block;
height: 0;
overflow: hidden;
padding: 30px 0 51%;
position: relative
}
.insurance-video-container__iframe {
border: 0;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.notifications__icon {
padding-right: 16px;
width: 40px
}
.notifications__icon :before {
color: #a7a7a7
}
.notifications__item {
flex-grow: 1;
flex-shrink: 0
}
.notifications__item--type {
width: 190px
}
.notifications__item--parameter {
width: 110px
}
.notifications__item--name {
width: 280px
}
.notifications__item--list {
width: 100px
}
.notifications__item--object {
width: 310px
}
.notifications__item--isactive {
margin-left: 25px;
margin-right: 15px;
width: 40px
}
.notifications__item--controls {
flex-grow: 0;
width: 72px
}
.notifications__item--status {
flex-grow: 0;
width: 40px
}
.timetable-wrapper {
display: flex;
margin-top: 5px;
max-height: 431px;
overflow-x: auto
}
.timetable-wrapper .separator-timetable {
border-top: 1px solid #cdcdcd;
margin-top: 72px
}
.timetable-wrapper .separator-timetable .item {
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
height: 51px;
width: 20px
}
.timetable-wrapper .order-assignment-block {
margin-top: 40px;
min-width: 240px;
width: 240px
}
.timetable-wrapper .order-assignment-block .order-assignment-filter {
display: inline-flex
}
.timetable-wrapper .order-assignment-block .order-assignment-list {
border-bottom: 1px solid #cdcdcd;
max-height: none
}
.timetable-wrapper .order-assignment-block .order-assignment-list .order-assignment-item {
align-items: center;
display: flex;
height: 51px;
padding: 0 15px
}
.timetable-container .month-block {
align-items: center;
display: flex;
justify-content: center
}
.timetable-container .month-block .month {
font-size: 20px;
font-weight: 500;
line-height: 28px;
margin: 0 15px
}
.timetable_block {
display: inline-block;
margin-top: 20px
}
.timetable_block .timetable-arrow-end {
position: absolute;
right: 6px;
top: 3px
}
.timetable_block .timetable-arrow-end:before {
color: #000;
font-size: 15px
}
.timetable_block .timetable-arrow-start {
left: 7px;
position: absolute;
top: 17px
}
.timetable_block .timetable-arrow-start:before {
color: #000;
font-size: 15px
}
.timetable_block .timetable-row {
border-bottom: 1px solid #cdcdcd;
display: flex
}
.timetable_block .timetable-row .cell {
border-right: 1px solid #cdcdcd;
height: 50px;
position: relative;
width: 48px
}
.timetable_block .timetable-row .cell:last-of-type {
border-right: none
}
.timetable_block .timetable-row .cell .event {
border-radius: 4px;
cursor: pointer;
font-size: 11px;
font-weight: 500;
height: 36px;
left: 0;
line-height: 11px;
position: absolute;
text-transform: uppercase;
top: 7px;
z-index: 10
}
.timetable_block .timetable-row .cell .event.blue-bg {
background: #0092c7;
color: #fff
}
.timetable_block .timetable-row .cell .event.green-bg {
background: #288b0d;
color: #fff
}
.timetable_block .timetable-row .cell .event.beige-bg {
background: #ffc97b;
color: #000
}
.timetable_block .timetable-row .cell .event.light-green-bg {
background: #c2e7b8
}
.timetable_block .timetable-row .cell .event .city-1 {
left: 5px;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
top: 5px;
white-space: nowrap;
width: 95%
}
.timetable_block .timetable-row .cell .event .city-2 {
bottom: 5px;
overflow: hidden;
position: absolute;
right: 5px;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
width: 92%
}
.timetable_block .days .timetable-row {
padding-bottom: 5px
}
.timetable_block .days .timetable-row .cell {
border-radius: 10px;
border-right: none;
color: #607d8b;
font-size: 11px;
font-weight: 500;
height: 16px;
left: -24px;
line-height: 16px;
position: relative;
text-align: center
}
.timetable_block .days .timetable-row .cell.active {
background: #607d8b;
color: #fff
}
.timetable-bottom-block {
margin-top: 20px;
max-width: 1460px;
padding-left: 240px
}
@media (max-width: 1500px) {
.timetable-bottom-block {
padding-left:0
}
}
.timetable-bottom-block .right-block {
align-items: center;
display: flex;
flex-direction: column;
padding-left: 20px;
width: 20%
}
.timetable-bottom-block .left-block {
border-right: 1px solid #f2f2f2;
padding-right: 20px;
width: 80%
}
.timetable-bottom-block .left-block .order-view-info {
flex-grow: 1
}
.timetable-bottom-block .left-block .order-view-info .order-view-list {
border: none;
padding-bottom: 0
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item {
padding-left: 16px;
width: 12%
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item:first-of-type {
width: 7%
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item:first-of-type .planning {
font-size: 12px;
margin-top: 22px
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item .title {
font-size: 11px
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item .planning {
font-size: 16px;
line-height: 21px;
margin-top: 4px
}
.timetable-bottom-block .left-block .sub-info {
align-items: center;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
display: flex;
margin-top: 15px;
padding: 10px 0
}
.timetable-bottom-block .left-block .sub-info .name {
font-size: 13px;
margin-right: 20px
}
.timetable-bottom-block .left-block .sub-info .info {
font-size: 14px;
font-weight: 500;
line-height: 21px;
margin-right: 70px
}
.timetable-bottom-block .left-block .sub-info .full-info {
font-size: 14px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 500px
}
.color-markers div {
font-size: 12px
}
.color-markers .color-marker {
border-radius: 2px;
display: inline-block;
height: 10px;
margin-right: 5px;
width: 10px
}
.color-markers .blue-bg {
background: #0092c7;
color: #fff
}
.color-markers .green-bg {
background: #288b0d;
color: #fff
}
.color-markers .beige-bg {
background: #ffc97b;
color: #000
}
.color-markers .light-green-bg {
background: #c2e7b8
}
.icon_xs {
height: 16px;
min-width: 16px;
width: 16px
}
.icon_sm,.icon_xs {
background-position: 50%;
background-size: cover;
display: inline-block
}
.icon_sm {
height: 20px;
min-width: 20px;
width: 20px
}
.icon_md {
height: 24px;
min-width: 24px;
width: 24px
}
.icon_lg,.icon_md {
background-position: 50%;
background-size: cover;
display: inline-block
}
.icon_lg {
height: 32px;
min-width: 32px;
width: 32px
}
.icon_small_lg {
height: 40px;
min-width: 40px;
width: 40px
}
.icon_small_lg,.icon_very_lg {
background-position: 50%;
background-size: cover;
display: inline-block
}
.icon_very_lg {
height: 56px;
min-width: 32px;
width: 56px
}
.round_icon_black {
align-items: center;
background-color: #2b2d33;
border-radius: 50%;
display: inline-flex;
justify-content: center
}
.round_icon_black i {
filter: invert(100%) sepia(70%) saturate(0) hue-rotate(253deg) brightness(106%) contrast(106%)
}
.round_icon_red {
align-items: center;
background-color: #e31e25;
border-radius: 50%;
display: inline-flex;
justify-content: center
}
.round_icon_red i {
filter: invert(100%) sepia(70%) saturate(0) hue-rotate(253deg) brightness(106%) contrast(106%)
}
.notification_icon {
background-image: url(img/uikit/notification-icon.svg)
}
.notification_settings_icon {
background-image: url(img/uikit/notificationSettings.svg)
}
.read-all-notifications_icon {
background-image: url(img/uikit/ReadAllNotifications.svg)
}
.settings_icon {
background-image: url(img/uikit/settings-icon.svg)
}
.integration-icon {
background-image: url(img/uikit/integration-icon.svg)
}
.exit_icon {
background-image: url(img/uikit/exit-icon.svg)
}
.add_icon {
background-image: url(img/uikit/add-icon.svg)
}
.check_icon {
background-image: url(img/uikit/checkmark-icon.svg)
}
.reports_icon {
background-image: url(img/uikit/reports-icon.svg)
}
.fuel_icon {
background-image: url(img/uikit/fuel-icon.svg)
}
.geofences_icon {
background-image: url(img/uikit/geofences-icon.svg)
}
.location_icon {
background-image: url(img/uikit/location-icon.svg)
}
.driving_icon {
background-image: url(img/uikit/driving-icon.svg)
}
.routes_icon {
background-image: url(img/uikit/routes-icon.svg)
}
.home_icon {
background-image: url(img/uikit/home-icon.svg)
}
.support_icon {
background-image: url(img/uikit/support-icon.svg)
}
.services_icon {
background-image: url(img/uikit/services-icon.svg)
}
.copy_icon {
background-image: url(img/uikit/copy-icon.svg)
}
.left_arrow_icon {
background-image: url(img/uikit/left-arrow-iocn.svg)
}
.right_arrow_icon {
background-image: url(img/uikit/right-arrow-icon.svg)
}
.down_arrow_icon {
background-image: url(img/uikit/down-arrow-icon.svg)
}
.delete_icon {
background-image: url(img/uikit/delete-icon.svg)
}
.edit_icon {
background-image: url(img/uikit/edit-icon.svg)
}
.rubl_icon {
background-image: url(img/uikit/ruble.svg)
}
.connect_icon,.rubl_icon {
background-repeat: no-repeat;
background-size: auto
}
.connect_icon {
background-image: url(img/uikit/connect.svg)
}
.cross_icon {
background-image: url(img/uikit/cross.svg);
background-repeat: no-repeat;
background-size: auto
}
.plus_icon {
background-image: url(img/uikit/plus.svg)
}
.plus-in-circle_icon {
background-image: url(img/uikit/plus-in-circle.svg)
}
.reassign_icon {
background-image: url(img/uikit/reassign.svg)
}
.remove_assignment_icon {
background-image: url(img/uikit/remove-assignment.svg)
}
.warning_ring_icon {
background-image: url(img/uikit/warning-ring.svg)
}
.close_icon {
background-image: url(img/uikit/close-icon.svg)
}
.retry_icon {
background-image: url(img/uikit/retry-icon.svg)
}
.download_icon {
background-image: url(img/uikit/download-icon.svg)
}
.car_icon {
background-image: url(img/uikit/car-icon.svg)
}
.terminal_icon {
background-image: url(img/uikit/terminal-on-map-icon.svg)
}
.autoservice_icon {
background-image: url(img/uikit/autoservice-icon.svg)
}
.autoservice_icon_2 {
background-image: url(img/uikit/autoservice-icon-2.svg)
}
.truck_icon {
background-image: url(img/uikit/truck-icon.svg)
}
.more_icon {
background-image: url(img/uikit/more-icon.svg)
}
.trailer_icon {
background-image: url(img/uikit/trailer-icon.svg)
}
.trailer_icon_2 {
background-image: url(img/uikit/trailer-icon-2.svg)
}
.car_status_1_icon {
background-image: url(img/uikit/car-status-icon-1.svg)
}
.car_status_2_icon {
background-image: url(img/uikit/car-status-icon-2.svg)
}
.car_status_3_icon {
background-image: url(img/uikit/car-status-icon-3.svg)
}
.car_status_4_icon {
background-image: url(img/uikit/car-status-icon-4.svg)
}
.car_status_5_icon {
background-image: url(img/uikit/car-status-icon-5.svg)
}
.burger_icon {
background-image: url(img/uikit/burger-icon.svg)
}
.star_icon {
background-image: url(img/uikit/star-icon.svg)
}
.hint_icon {
background-image: url(img/uikit/hint-icon.svg)
}
.calendar_icon {
background-image: url(img/uikit/calendar-icon.svg)
}
.add_ring_icon {
background-image: url(img/uikit/add-ring-icon.svg)
}
.checkmark_ring_icon {
background-image: url(img/uikit/checkmark-ring-icon.svg)
}
.important_message_1_icon {
background-image: url(img/uikit/important-message-icon-1.svg)
}
.important_message_2_icon {
background-image: url(img/uikit/important-message-icon-2.svg)
}
.important_message_3_icon {
background-image: url(img/uikit/important-message-icon-3.svg)
}
.important_message_4_icon {
background-image: url(img/uikit/important-message-icon-4.svg)
}
.no_data_icon {
background-image: url(img/uikit/no-data-icon.svg)
}
.shield_icon {
background-image: url(img/uikit/shield-icon.svg)
}
.round_accent_icon {
background-image: url(img/uikit/round-accent-icon.svg)
}
.parking_icon {
background-image: url(img/uikit/parking-icon.svg)
}
.pin_icon {
background-image: url(img/uikit/pin-icon.svg)
}
.no-internet_icon {
background-image: url(img/uikit/no-internet-icon.svg)
}
.rejected_icon {
background-image: url(img/uikit/rejected-icon.svg)
}
.no_data_icon_3 {
background-image: url(img/uikit/no-data-icon-3.svg)
}
.no_data_icon_4 {
background-image: url(img/uikit/no-data-icon-4.svg)
}
.no_data_icon_5 {
background-image: url(img/uikit/no-data-icon-5.svg)
}
.no_data_icon_6 {
background-image: url(img/uikit/no-data-icon-6.svg)
}
.no_data_icon_7 {
background-image: url(img/uikit/no-data-icon-7.svg)
}
.no_data_icon_8 {
background-image: url(img/uikit/no-data-icon-8.svg)
}
.no_data_icon_9 {
background-image: url(img/uikit/no-data-icon-9.svg)
}
.no_data_icon_10 {
background-image: url(img/uikit/no-data-icon-10.svg)
}
.no_data_icon_11 {
background-image: url(img/uikit/no-data-icon-11.svg)
}
.no_data_icon_12 {
background-image: url(img/uikit/no-data-icon-12.svg)
}
.no_data_icon_13 {
background-image: url(img/uikit/no-data-icon-13.svg)
}
.no_data_icon_14 {
background-image: url(img/uikit/no-data-icon-14.svg)
}
.no_data_icon_15 {
background-image: url(img/uikit/no-data-icon-15.svg)
}
.no_data_icon_16 {
background-image: url(img/uikit/no-data-icon-16.svg)
}
.no_data_icon_17 {
background-image: url(img/uikit/no-data-icon-17.svg)
}
.no_data_icon_18 {
background-image: url(img/uikit/no-data-icon-18.svg)
}
.no_data_icon_19 {
background-image: url(img/uikit/no-data-icon-19.svg)
}
.no_data_icon_20 {
background-image: url(img/uikit/no-data-icon-20.svg)
}
.fota_icon {
background-image: url(img/uikit/fota-icon.svg)
}
.search_icon {
background-image: url(img/uikit/search-icon.svg)
}
.update_icon {
background-image: url(img/uikit/update-icon.svg)
}
.clock_icon {
background-image: url(img/uikit/clock-icon.svg)
}
.back_icon {
background-image: url(img/uikit/arrow-back.svg)
}
.sort_icon {
background-image: url(img/uikit/sort-icon.svg)
}
.settings_2_icon {
background-image: url(img/uikit/settings2-icon.svg)
}
.stretch_out_icon {
background-image: url(img/uikit/stretch_out_icon.svg)
}
.filter_icon {
background-image: url(img/uikit/filter-icon.svg)
}
.drag_icon {
background-image: url(img/uikit/drag-icon.svg)
}
.send_icon {
background-image: url(img/uikit/send-icon.svg)
}
.icon_stop {
background-image: url(img/uikit/parking-icon-2.svg)
}
.icon_on_the_way {
background-image: url(img/uikit/play-icon.svg)
}
.route_icon {
background-image: url(img/uikit/route-icon.svg)
}
.icon_idle {
background-image: url(img/uikit/stop-icon.svg)
}
.mail_icon {
background-image: url(img/uikit/mail-icon.svg)
}
.icon_unknown {
background-image: url(img/uikit/no-signal-icon.svg)
}
.no_data_2_icon {
background-image: url(img/uikit/no-data-icon-2.svg)
}
.no_data_icon2_active {
background-image: url(img/uikit/no-data-icon-2-active.svg)
}
.parking_icon2_active {
background-image: url(img/uikit/parking-icon-2-active.svg)
}
.play_icon_active {
background-image: url(img/uikit/play-icon-active.svg)
}
.stop_icon_active {
background-image: url(img/uikit/stop-icon-active.svg)
}
.no_signal_icon_active {
background-image: url(img/uikit/no-signal-icon-active.svg)
}
.trailer_icon2_active {
background-image: url(img/uikit/trailer-icon-2-active.svg)
}
.route_icon_active {
background-image: url(img/uikit/route-icon-active.svg)
}
.gas_station_icon {
background-image: url(img/uikit/gas-station-icon.svg)
}
.drain_icon {
background-image: url(img/uikit/drain-icon.svg)
}
.flag_icon {
background-image: url(img/uikit/flag-icon.svg)
}
.passing_route_icon {
background-image: url(img/uikit/passing-route-icon.svg)
}
.shape_icon {
background-image: url(img/uikit/shape-icon.svg)
}
.exit_icon_1 {
background-image: url(img/uikit/exit-icon-1.svg)
}
.exit_2_icon {
background-image: url(img/uikit/exit-2-icon.svg)
}
.car_marker_1 {
background-image: url(img/uikit/car-marker-1.svg)
}
.car_marker_2 {
background-image: url(img/uikit/car-marker-2.svg)
}
.car_marker_3 {
background-image: url(img/uikit/car-marker-3.svg)
}
.car_marker_4 {
background-image: url(img/uikit/car-marker-4.svg)
}
.car_marker_5 {
background-image: url(img/uikit/car-marker-5.svg)
}
.car_marker_6 {
background-image: url(img/uikit/car-marker-6.svg)
}
.car_marker_7 {
background-image: url(img/uikit/car-marker-7.svg)
}
.man_person_icon {
background-image: url(img/uikit/man-person-icon.svg)
}
.icon_on_the_way_active {
background-image: url(img/uikit/play-icon-active.svg)
}
.icon_idle_active {
background-image: url(img/uikit/stop-icon-active.svg)
}
.icon_stop_active {
background-image: url(img/uikit/parking-icon-2-active.svg)
}
.icon_unknown_active {
background-image: url(img/uikit/no-signal-icon-active.svg)
}
.icon_no_data_active {
background-image: url(img/uikit/no-data-icon-2-active.svg)
}
.duplicate_icon {
background-image: url(img/uikit/duplicate-icon.svg)
}
.archive_icon {
background-image: url(img/uikit/archive-icon.svg)
}
.yandex-btn-icon {
background-image: url(img/logo/yandex-btn-icon.svg);
height: 24px;
margin-right: 13px;
width: 24px
}
.sound_icon {
background-image: url(img/uikit/sound.svg)
}
.eye_icon {
background-image: url(img/uikit/eye.svg)
}
.share-icon {
background-image: url(img/uikit/share-icon.svg)
}
.event-icon-1 {
background-image: url(img/uikit/event-icon-1.svg)
}
.event-icon-2 {
background-image: url(img/uikit/event-icon-2.svg)
}
.event-icon-3 {
background-image: url(img/uikit/event-icon-3.svg)
}
.event-icon-4 {
background-image: url(img/uikit/event-icon-4.svg)
}
.event-icon-5 {
background-image: url(img/uikit/event-icon-5.svg)
}
.event-icon-6 {
background-image: url(img/uikit/event-icon-6.svg)
}
.no-user-icon {
background-image: url(img/uikit/no-user-icon.svg)
}
.monitoring-icon {
background-image: url(img/uikit/monitoring-icon.svg)
}
.red-arrow-icon {
background-image: url(img/uikit/red-arrow.svg)
}
.info-icon {
background-image: url(img/uikit/info-icon.svg)
}
.text_12 {
font-size: 12px;
line-height: 18px
}
.text_13 {
font-size: 13px;
line-height: 15px
}
.text_14 {
font-size: 14px;
line-height: 18px
}
.text_14_bold {
font-size: 14px;
font-weight: 700;
line-height: 21px
}
.text_15 {
font-size: 15px;
line-height: 18px
}
.text_16,.text_16_bold {
font-size: 16px;
line-height: 26px
}
.text_16_bold {
font-weight: 700
}
.text_17,.text_17_bold {
font-size: 17px;
line-height: 21px
}
.text_17_bold {
font-weight: 700
}
.text_18,.text_18_bold {
font-size: 18px;
line-height: 23px
}
.text_18_bold {
font-weight: 700
}
.text_20,.text_20_bold {
font-size: 20px;
line-height: 24px
}
.text_20_bold {
font-weight: 700
}
.text_24 {
font-size: 24px;
line-height: 28px
}
.text_26,.text_26_bold {
font-size: 26px;
line-height: 30px
}
.text_26_bold {
font-weight: 700
}
.text_28 {
font-size: 28px;
line-height: 30px
}
.text_32 {
font-size: 32px;
line-height: 36px
}
.text_36 {
font-size: 36px;
line-height: 43px
}
.main_caption {
font-size: 28px;
font-weight: 700;
line-height: 30px
}
.yellow_text {
color: #ea9318!important
}
.red_text {
color: #e31e25!important
}
.grey_text {
color: #aaabad!important
}
.grey_text_3 {
color: #808185!important
}
.green_text {
color: #34b012!important
}
.blue_text {
color: #3772ff!important
}
.flex_block {
align-items: center;
justify-content: space-between
}
.flex_block,.tab_container .tab_head {
display: flex
}
.tab_container .tab_head .tab_head-item {
color: #808185;
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-right: 32px;
padding-bottom: 10px;
position: relative;
transition: all .3s
}
.tab_container .tab_head .tab_head-item.active,.tab_container .tab_head .tab_head-item:hover {
color: #2b2d33
}
.tab_container .tab_head .tab_head-item.active:before {
background-color: #3772ff;
border-radius: 4px;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%
}
.tab_container .tab_content {
margin-top: 20px
}
.accordeon_container .accordeon_item {
border: 1px solid #e9eaea;
border-radius: 20px;
margin-top: 20px
}
.accordeon_container .accordeon_item.active .accordeon_head:before {
filter: invert(14%) sepia(11%) saturate(639%) hue-rotate(187deg) brightness(92%) contrast(89%);
transform: rotate(180deg)
}
.accordeon_container .accordeon_item .accordeon_head {
cursor: pointer;
font-size: 18px;
font-weight: 700;
line-height: 23px;
padding: 34px;
position: relative
}
.accordeon_container .accordeon_item .accordeon_head:before {
background-image: url(img/uikit/arrow-down-icon.svg);
content: "";
display: inline-block;
height: 8px;
position: absolute;
right: 34px;
top: 42px;
transition: all .3s;
width: 13px
}
.accordeon_container .accordeon_item .accordeon_content {
padding: 0 34px 34px
}
html {
margin-right: calc(-100vw - -100%);
overflow-x: hidden
}
.main_template {
color: #2b2d33
}
.main_template.mini_sidebar .sidebar_block {
transition: width .2s;
width: 80px
}
.main_template.mini_sidebar .sidebar_block .market_block .market .market_text {
display: none
}
.main_template.mini_sidebar .sidebar_block .show_menu .icon_xs {
transform: rotate(180deg)
}
.main_template.mini_sidebar .sidebar_block .contact_block .contact_block_item .sub_contact_block {
left: 56px
}
.main_template.mini_sidebar .sidebar_block .nav_block {
margin-top: 35px;
padding: 0
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item {
padding: 0 8px;
position: relative
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item:hover .link {
background-color: #f8f8f8;
color: #2b2d33
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item:hover .sub_nav_block {
display: block
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block {
display: none;
left: 56px;
padding-left: 20px;
position: fixed;
top: 0
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block:before {
background-color: #fff;
content: "";
display: inline-block;
height: 13px;
left: 16px;
position: absolute;
top: 14px;
transform: rotate(45deg);
width: 13px
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_nav_wrapper {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
padding: 1px 24px 18px 12px;
width: 228px
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link {
margin-top: 16px;
padding-left: 12px
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link:first-of-type {
margin-top: 18px
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link.active:before {
left: 0
}
.main_template.mini_sidebar .sidebar_block .link {
padding: 0
}
.main_template.mini_sidebar .sidebar_block .link.many_items:after {
display: none
}
.main_template.mini_sidebar .sidebar_block .link .icon_sm {
margin: 0 0 0 12px
}
.main_template.mini_sidebar .sidebar_block .link .text {
animation: opacity .3s forwards
}
.main_template.mini_sidebar .sidebar_block .logo_block {
padding: 30px 0 0 10px
}
.main_template.mini_sidebar .sidebar_block .logo_block .main_logo {
display: none
}
.main_template.mini_sidebar .sidebar_block .logo_block .mini_logo {
display: inline-block
}
.main_template.mini_sidebar .wrapper_template,.main_template.mini_sidebar .wrapper_template_warning {
padding-left: 60px
}
@media (min-width: 1280px) {
.main_template .filter-control:checked~.wrapper_template {
padding-left:320px
}
}
@keyframes opacity {
0% {
opacity: 1;
visibility: visible
}
to {
opacity: 0;
visibility: hidden
}
}
@keyframes opacity-no {
0% {
opacity: 0;
visibility: hidden
}
to {
opacity: 1;
visibility: visible
}
}
.sidebar_block {
bottom: 0;
left: 0;
padding-right: 20px;
position: fixed;
top: 0;
transition: width .3s;
width: 268px;
z-index: 4000
}
.sidebar_block:hover .show_menu {
opacity: 1;
visibility: visible
}
.sidebar_block .sidebar_wrapper {
background-color: #fff;
box-shadow: 0 8px 32px rgba(0,0,0,.08);
display: flex;
flex-direction: column;
height: 100%
}
.sidebar_block .show_menu {
align-items: center;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
cursor: pointer;
display: flex;
height: 24px;
justify-content: center;
opacity: 0;
position: absolute;
right: 8px;
top: 50px;
transition: all .3s;
visibility: hidden;
width: 24px
}
.sidebar_block .show_menu:hover {
background-color: #f8f8f8
}
.sidebar_block .show_menu .icon_xs {
filter: invert(50%) sepia(4%) saturate(262%) hue-rotate(191deg) brightness(100%) contrast(85%);
transition: transform .3s
}
.sidebar_block .contact_block {
border-top: 1px solid #f4f4f4;
margin-bottom: 24px;
padding-top: 16px;
}
.sidebar_block .contact_block .contact_block_item {
padding: 0 8px;
position: relative
}
.sidebar_block .contact_block .contact_block_item:hover .sub_contact_block {
opacity: 1;
visibility: visible
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block {
bottom: 0;
left: 248px;
opacity: 0;
padding-left: 20px;
position: absolute;
transition: all .3s;
visibility: hidden
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block:before {
background-color: #fff;
bottom: 13px;
content: "";
display: inline-block;
height: 13px;
left: 16px;
position: absolute;
transform: rotate(45deg);
width: 13px
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block {
position: relative
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block .icon_sm {
transition: all .3s
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block:hover .icon_sm {
filter: invert(38%) sepia(74%) saturate(3052%) hue-rotate(212deg) brightness(100%) contrast(102%)
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block:hover .copy_text {
opacity: 1;
transition: all .3s;
transition-delay: .2s;
visibility: visible
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block .copy_text {
background: #2b2d33;
border-radius: 8px;
color: #fff;
font-size: 12px;
left: 50%;
line-height: 18px;
opacity: 0;
padding: 8px 26px;
position: absolute;
text-align: center;
top: -46px;
transform: translateX(-50%);
visibility: hidden
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block .copy_text:before {
background: #2b2d33;
bottom: -4px;
content: "";
display: inline-block;
height: 10px;
left: 50%;
position: absolute;
transform: translateX(-50%) rotate(45deg);
width: 10px
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_contact_wrapper {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
padding: 1px 16px 20px;
width: 236px
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link {
align-items: center;
display: flex;
height: 20px;
justify-content: space-between;
margin-top: 14px
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link:first-of-type {
margin-top: 20px
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link a {
color: #2b2d33;
font-size: 14px;
line-height: 14px;
transition: all .3s
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link a:hover {
color: #3772ff;
text-decoration: underline
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link .icon_sm {
cursor: pointer
}
.sidebar_block .market_block {
height: 51px;
margin-top: 5px;
min-height: 51px;
overflow: hidden;
padding: 5px 8px 0
}
.sidebar_block .market_block .market {
align-items: center;
background: #f0f8fc;
border-radius: 8px;
display: flex;
height: 46px
}
.sidebar_block .market_block .market:hover .market_text {
color: #3772ff
}
.sidebar_block .market_block .market .market_img {
position: relative;
top: -5px
}
.sidebar_block .market_block .market .market_text {
color: #2b2d33;
font-size: 14px;
font-weight: 500;
margin-left: 35px;
text-transform: uppercase;
transition: all .3s;
white-space: nowrap
}
.sidebar_block .logo_block {
height: 64px;
padding: 30px 0 0 20px
}
.sidebar_block .logo_block .main_logo {
display: inline-block
}
.sidebar_block .logo_block .mini_logo {
display: none
}
.sidebar_block .link {
align-items: center;
border-radius: 8px;
color: #808185;
display: flex;
font-size: 14px;
height: 40px;
line-height: 13px;
/*margin: 5px 0;*/
overflow: hidden;
padding: 0 12px;
transition: all .3s
}
.sidebar_block .link.active {
background-color: #f8f8f8;
color: #3772ff;
font-weight: 500
}
.sidebar_block .link.active .icon_sm {
filter: invert(41%) sepia(99%) saturate(2790%) hue-rotate(210deg) brightness(97%) contrast(109%)
}
.sidebar_block .link.many_items {
position: relative
}
.sidebar_block .link.many_items:after {
background-image: url(img/uikit/down-arrow-icon.svg);
content: "";
display: inline-block;
filter: invert(53%) sepia(7%) saturate(159%) hue-rotate(190deg) brightness(95%) contrast(91%);
height: 16px;
position: absolute;
right: 10px;
top: 12px;
transition: all .3s;
width: 16px
}
.sidebar_block .link.many_items.active:after {
filter: invert(47%) sepia(41%) saturate(6338%) hue-rotate(210deg) brightness(97%) contrast(109%)
}
.sidebar_block .link.many_items.section_selected:after {
transform: rotate(180deg)
}
.sidebar_block .link .icon_sm {
filter: invert(53%) sepia(4%) saturate(307%) hue-rotate(191deg) brightness(94%) contrast(85%);
font-size: 16px;
transition: all .3s
}
.sidebar_block .link .text {
animation: opacity-no .3s forwards;
margin-left: 12px;
white-space: nowrap
}
.sidebar_block .nav_block {
margin-bottom: auto;
margin-top: 20px;
overflow-x: hidden;
padding: 0 8px
}
.sidebar_block .nav_block .nav_block_item:hover .link {
background-color: #f8f8f8;
color: #2b2d33
}
.sidebar_block .nav_block .nav_block_item:hover .link.active {
color: #3772ff
}
.sidebar_block .nav_block .nav_block_item:hover .link.active .icon_sm {
filter: invert(41%) sepia(99%) saturate(2790%) hue-rotate(210deg) brightness(97%) contrast(109%)
}
.sidebar_block .nav_block .nav_block_item:hover .link.many_items.active:after {
filter: invert(47%) sepia(41%) saturate(6338%) hue-rotate(210deg) brightness(97%) contrast(109%)
}
.sidebar_block .nav_block .nav_block_item:hover .link.many_items:after {
filter: invert(15%) sepia(16%) saturate(390%) hue-rotate(187deg) brightness(93%) contrast(91%)
}
.sidebar_block .nav_block .nav_block_item:hover .link .icon_sm {
filter: invert(15%) sepia(6%) saturate(1036%) hue-rotate(188deg) brightness(97%) contrast(91%)
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block {
margin-bottom: 10px;
padding-left: 43px
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link {
color: #808185;
display: block;
font-size: 14px;
line-height: 18px;
margin-top: 15px;
position: relative;
transition: all .3s
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link:first-of-type {
margin-top: 9px
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link.active,.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link:hover {
color: #2b2d33
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link.active:before {
background-color: #2b2d33;
border-radius: 50%;
content: "";
display: inline-block;
height: 4px;
left: -14px;
position: absolute;
top: 6px;
width: 4px
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link .no_wrap {
white-space: nowrap
}
.wrapper_template,.wrapper_template_warning {
padding-left: 248px;
position: relative;
transition: padding-left .3s
}
.wrapper_template>.template_warning_inner,.wrapper_template_warning>.template_warning_inner {
padding: 10px
}
.main-container--login-page .wrapper_template_warning {
padding-left: 520px
}
@media (min-width: 1280px) {
.main-container--login-page .wrapper_template_warning {
padding-left:580px
}
}
.header_block {
align-items: center;
box-shadow: 0 1px 0 rgba(0,0,0,.05);
display: flex;
height: 62px;
justify-content: flex-end;
padding: 0 56px 0 22px;
position: relative
}
.header_block.no_border {
box-shadow: 0 1px 0 transparent
}
.header_block .no_user {
align-items: center;
display: flex
}
.header_block .no_user .link_btn {
margin-right: 20px
}
.header_block .notification_block {
position: relative
}
.header_block .notification_block.active:after {
background-color: #e31e25;
border: .5px solid #fff;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
position: absolute;
right: 2px;
top: 1px;
width: 6px
}
.header_block .notification_block .notification_icon {
cursor: pointer;
filter: invert(68%) sepia(41%) saturate(11%) hue-rotate(133deg) brightness(94%) contrast(90%);
position: relative;
transition: all .3s
}
.header_block .notification_block .notification_icon:hover {
filter: invert(32%) sepia(86%) saturate(2117%) hue-rotate(215deg) brightness(103%) contrast(101%)
}
.user_block {
height: 100%;
margin-left: 28px;
position: relative
}
.user_block:hover .info_block .info .user_name {
color: #3772ff
}
.user_block:hover .user_dropdown {
opacity: 1;
visibility: visible
}
.user_block .info_block {
align-items: center;
cursor: pointer;
display: flex;
height: 100%
}
.user_block .info_block .info {
margin-right: 12px;
text-align: right
}
.user_block .info_block .info .user_name {
font-size: 13px;
font-weight: 500;
line-height: 15px;
transition: all .3s
}
.user_block .info_block .info .user_position {
font-size: 12px;
line-height: 15px;
margin-top: 2px
}
.user_block .info_block .img_user {
line-height: 0
}
.user_block .info_block .img_user img {
border-radius: 50%;
height: 32px;
object-fit: cover;
object-position: center;
width: 32px
}
.user_block .user_dropdown {
opacity: 0;
padding-top: 8px;
position: absolute;
right: 0;
top: 62px;
transition: all .3s;
visibility: hidden;
width: 236px;
z-index: 10000
}
.user_block .user_dropdown .dropdown_wrapper {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
padding: 8px 0
}
.user_block .user_dropdown .dropdown_wrapper .scroll_block {
max-height: 180px;
overflow-x: hidden
}
.user_block .user_dropdown .link {
align-items: center;
color: #2b2d33;
display: flex;
font-size: 14px;
height: 36px;
line-height: 13px;
overflow: hidden;
padding: 8px 16px;
position: relative;
transition: all .15s;
white-space: nowrap;
width: 100%
}
.user_block .user_dropdown .link:hover {
background: #f4f4f4
}
.user_block .user_dropdown .link:hover:after {
background: linear-gradient(90deg,hsla(0,0%,96%,0),#f4f4f4,#f4f4f4) 0 100%
}
.user_block .user_dropdown .link:after {
background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8),#fff) 0 100%;
content: "";
height: 36px;
position: absolute;
right: 0;
width: 36px;
z-index: 1
}
.user_block .user_dropdown .link.active {
background: #e9eaea;
padding-right: 36px;
position: relative
}
.user_block .user_dropdown .link.active:before {
background-image: url(img/uikit/checkmark-icon.svg);
background-position: 50%;
background-size: cover;
content: "";
display: inline-block;
height: 20px;
position: absolute;
right: 16px;
top: 8px;
width: 20px;
z-index: 2
}
.user_block .user_dropdown .link.active:after {
background: linear-gradient(90deg,hsla(180,2%,92%,0),#e9eaea,#e9eaea) 0 100%;
width: 76px
}
.user_block .user_dropdown .link .icon_sm {
margin-right: 8px
}
.user_block .user_dropdown .separate {
color: #aaabad;
font-size: 14px;
line-height: 18px;
margin-top: 8px;
padding: 5px 16px
}
.user_block .user_dropdown .user_orgs {
max-height: 400px;
overflow-y: auto
}
.main-content-wrapper {
padding: 50px 50px 100px
}
.main_content .fix_content {
margin: auto;
max-width: 762px;
padding: 76px 0 48px;
width: 100%
}
.main_content .full_fix_content {
margin: auto;
max-width: 1400px;
padding: 50px 54px;
width: 100%
}
.main_content .full_content {
padding: 50px
}
.main_content .fullsize_content {
box-sizing: border-box;
display: block;
height: calc(100vh - 64px);
margin-left: auto;
margin-right: auto;
max-width: 100%;
overflow: hidden;
padding: 0
}
.main_content .main-container--inner-page {
background-color: transparent;
margin: 0;
min-height: calc(100vh - 62px);
padding-left: 54px!important;
width: 100%
}
.main_template ::-webkit-scrollbar {
width: 4px
}
.main_template ::-webkit-scrollbar-button {
display: none
}
.main_template ::-webkit-scrollbar-track,.main_template ::-webkit-scrollbar-track-piece {
background-color: transparent
}
.main_template ::-webkit-scrollbar-thumb {
background-color: #d5d5d6;
border-radius: 9px
}
.main_template ::-webkit-resizer,.main_template ::-webkit-scrollbar-corner {
background-color: transparent
}
.main_template .filter-container {
top: 0;
z-index: 10001
}
.main_template .two-column-layout-map {
height: calc(100vh - 62px)
}
.main_template .scrollable-container--request-view,.main_template .two-column-layout-map.request-view {
height: calc(100vh - 210px)
}
.main_template .scrollable-container--vehicles {
height: calc(100vh - 240px)
}
.full_height_template {
overflow: hidden
}
.full_height_template .header_block {
border-radius: 8px;
box-shadow: 0 8px 32px rgba(0,0,0,.08);
display: flex;
gap: 12px;
height: 48px;
padding: 0;
position: absolute;
right: 20px;
top: 20px;
z-index: 3900
}
.full_height_template .header_block .img_user,.full_height_template .header_block .notification_block {
align-items: center;
background-color: #fff;
border-radius: 8px;
display: flex;
justify-content: center;
padding: 12px
}
.full_height_template .header_block .user_block {
margin-left: 12px
}
.full_height_template .header_block .user_block .img_user {
padding: 8px 8px 8px 0
}
.full_height_template .full_content {
padding: 0
}
.full_height_template main {
height: 100vh
}
.vehicle_information_container {
margin-top: 28px
}
.vehicle_information_container .row_block {
display: flex
}
.vehicle_information_container .engine_speed_block .tooltip_block {
display: block
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.black_line {
background-color: #808185
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.grey_line {
background-color: #aaabad
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.green_line {
background-color: #34b012
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.yellow_line {
background-color: #ea9318
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.red_line {
background-color: #e31e25
}
.vehicle_information_container .engine_speed_block .tooltip_block.to_left .tooltip_content_wrapper {
top: 90%
}
.vehicle_information_container .engine_speed_block .engine_speed_item {
margin-bottom: 13px
}
.vehicle_information_container .engine_speed_block .engine_speed_item .info_block {
align-items: center;
display: flex;
justify-content: space-between
}
.vehicle_information_container .engine_speed_block .engine_speed_item .info_block .description {
color: #808185;
font-size: 12px;
line-height: 18px
}
.vehicle_information_container .engine_speed_block .engine_speed_item .info_block .info {
font-size: 16px;
line-height: 18px
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line {
background-color: #e9eaea;
border-radius: 4px;
height: 4px;
margin-top: 4px;
position: relative
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment {
border-radius: 4px;
bottom: 0;
display: inline-block;
left: 0;
position: absolute;
top: 0;
transition: all .3s
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.black_line {
background-color: #aaabad
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.grey_line {
background-color: #c9c9c9
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.green_line {
background-color: #9ad888
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.yellow_line {
background-color: #ffc97b
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.red_line {
background-color: #f4a6a8
}
.vehicle_information_container .track_data {
display: flex;
justify-content: space-between;
margin-top: 30px
}
.vehicle_information_container .track_data .track_data_item {
width: 30%
}
.vehicle_information_container .track_data .track_data_item .caption {
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-bottom: 10px
}
.vehicle_information_container .track_data .track_data_item .item {
margin-bottom: 18px
}
.vehicle_information_container .track_data .track_data_item .item .description {
align-items: center;
color: #808185;
display: flex;
font-size: 13px;
line-height: 15px
}
.vehicle_information_container .track_data .track_data_item .item .description .badge_xs {
margin-left: 6px
}
.vehicle_information_container .track_data .track_data_item .item .info {
align-items: center;
display: flex;
margin-top: 8px
}
.vehicle_information_container .track_data .track_data_item .item .info .tooltip_block {
margin-right: 6px
}
.vehicle_information_container .datepicker_block {
cursor: pointer;
position: relative
}
.vehicle_information_container .datepicker_block .air_datepicker {
background-color: transparent;
color: #2b2d33;
cursor: pointer;
font-size: 15px;
font-weight: 400;
height: 18px;
padding-right: 20px;
position: relative;
text-align: right;
z-index: 10
}
.vehicle_information_container .datepicker_block .hidden_none {
display: none
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon button {
align-items: center;
display: flex;
justify-content: flex-end;
width: 100%
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover,.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover button,.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover button span {
color: #3772ff
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover i {
filter: invert(34%) sepia(80%) saturate(2012%) hue-rotate(212deg) brightness(100%) contrast(103%)
}
.vehicle_information_container .no_vehicle_info {
padding: 50px 0 100px;
text-align: center
}
.vehicle_information_container .no_vehicle_info .img_block {
line-height: 0
}
.vehicle_information_container .no_vehicle_info .caption {
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-top: 18px
}
.vehicle_information_container .no_vehicle_info .text {
color: #aaabad;
font-size: 14px;
line-height: 18px;
margin-top: 8px
}
.vehicle_information_container .no_vehicle_info .link_btn {
margin-top: 40px
}
.vehicle_information_container .no_user_block {
margin-top: 22px
}
.vehicle_information_container .no_user_block .black_btn {
margin-top: 42px
}
.vehicle_information_container .big_block {
margin-bottom: 26px;
margin-right: 26px;
min-width: 68%;
width: 68%
}
.vehicle_information_container .small_block {
flex-grow: 1;
margin-bottom: 26px
}
.vehicle_information_container .main_vehicle_info {
display: flex
}
.vehicle_information_container .main_vehicle_info .info_block {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item {
margin-top: 30px;
width: 25%
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .car_status {
margin-top: 8px;
transition: all .3s
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .car_status .car_status_link {
position: relative
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .car_status i {
margin-right: 5px
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .description {
color: #808185;
font-size: 13px;
line-height: 15px
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text {
color: #2b2d33;
font-size: 15px;
line-height: 18px;
margin-top: 8px
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .no_wrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 99%
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex {
align-items: center;
display: flex;
margin-top: 5px
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex .tooltip_block:hover a {
color: #3772ff
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex i {
margin-right: 6px
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex a {
color: #2b2d33;
font-size: 15px;
line-height: 24px;
position: relative;
transition: all .3s;
z-index: 11
}
.vehicle_information_container .main_vehicle_info .info_block_trailer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item {
margin-top: 30px;
width: 30%
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .car_status {
margin-top: 8px;
transition: all .3s
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .car_status .car_status_link {
position: relative
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .car_status i {
margin-right: 5px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .description {
color: #808185;
font-size: 13px;
line-height: 15px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .text {
color: #2b2d33;
font-size: 15px;
line-height: 18px;
margin-top: 8px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .no_wrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 99%
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .text_flex {
align-items: center;
display: flex;
margin-top: 5px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .text_flex .tooltip_block:hover a {
color: #3772ff
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .text_flex i {
margin-right: 6px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item .text_flex a {
color: #2b2d33;
font-size: 15px;
line-height: 24px;
position: relative;
transition: all .3s;
z-index: 11
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer {
margin-top: 30px;
width: 20%
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .car_status {
margin-top: 8px;
transition: all .3s
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .car_status .car_status_link {
position: relative
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .car_status i {
margin-right: 5px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .description {
color: #808185;
font-size: 13px;
line-height: 15px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .text {
color: #2b2d33;
font-size: 15px;
line-height: 18px;
margin-top: 8px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .no_wrap {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 99%
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .text_flex {
align-items: center;
display: flex;
margin-top: 5px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .text_flex .tooltip_block:hover a {
color: #3772ff
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .text_flex i {
margin-right: 6px
}
.vehicle_information_container .main_vehicle_info .info_block_trailer .info_block_item_trailer .text_flex a {
color: #2b2d33;
font-size: 15px;
line-height: 24px;
position: relative;
transition: all .3s;
z-index: 11
}
.vehicle_information_container .main_vehicle_info .img_block {
border: 2px solid #f4f4f4;
border-radius: 20px;
height: 150px;
margin-right: 26px;
min-width: 140px;
overflow: hidden;
width: 140px
}
.vehicle_information_container .main_vehicle_info .img_block img {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%
}
.vehicle_information_container .main_vehicle_info .text_block {
flex-grow: 1
}
.vehicle_information_container .main_vehicle_info .text_block .name_car {
align-items: center;
display: flex
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .trailer_icon {
cursor: pointer;
filter: invert(64%) sepia(54%) saturate(9%) hue-rotate(182deg) brightness(93%) contrast(101%)
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .label_text {
border-radius: 4px;
color: #2b2d33;
font-size: 12px;
line-height: 18px;
padding: 3px 8px
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .label_text.red {
background-color: #fbd3d5
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .label_text.yellow {
background-color: #ffe6c1
}
.important_message_block {
max-height: 350px;
overflow-x: hidden;
padding-right: 16px
}
.important_message_block .important_message {
background-color: #f8f8f8;
border-radius: 8px;
margin-bottom: 10px;
padding: 16px
}
.important_message_block .important_message .close_btn {
cursor: pointer
}
.important_message_block .important_message .caption_block {
align-items: center;
display: flex;
flex-wrap: wrap;
font-weight: 500;
margin-top: 14px
}
.important_message_block .important_message .caption_block .label_text {
background-color: #fceaeb;
border-radius: 4px;
font-size: 12px;
line-height: 18px;
margin-left: 2px;
padding: 0 5px
}
.important_message_block .important_message .white_btn {
margin-top: 20px
}
.important_message_block .important_message .text_block {
font-size: 14px;
line-height: 18px;
margin-top: 6px
}
.important_message_block .important_message .text_block ul li {
padding-left: 12px;
position: relative
}
.important_message_block .important_message .text_block ul li:before {
background-color: #2b2d33;
border-radius: 50%;
content: "";
height: 3px;
left: 0;
position: absolute;
top: 8px;
width: 3px
}
.user_cards_wrapper {
margin-top: 30px
}
.user_cards_wrapper .user_one_card {
background-color: #f8f8f8;
border-radius: 20px;
margin-bottom: 10px;
padding: 20px
}
.user_cards_wrapper .user_one_card .user_block_card {
margin-top: 0
}
.user_cards_wrapper .user_one_card .route_info .item {
margin-top: 6px
}
.user_one_card .user_block_card {
align-items: center;
display: flex;
margin-top: 30px
}
.user_one_card .user_block_card .img_user {
border-radius: 50%;
height: 56px;
line-height: 0;
margin-right: 12px;
overflow: hidden;
width: 56px
}
.user_one_card .user_block_card .img_user img {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%
}
.user_one_card .user_block_card .info_user .name {
font-size: 16px;
font-weight: 500;
line-height: 26px
}
.user_one_card .user_block_card .info_user .rating_block {
align-items: center;
color: #2b2d33;
display: flex;
font-size: 15px;
line-height: 15px;
transition: all .3s
}
.user_one_card .user_block_card .info_user .rating_block:hover {
color: #3772ff
}
.user_one_card .user_block_card .info_user .rating_block .star_icon {
margin-right: 3px
}
.user_one_card .route_info {
margin-top: 20px
}
.user_one_card .route_info .item {
display: flex;
justify-content: space-between;
margin-top: 10px
}
.user_one_card .route_info .item .name {
color: #808185;
font-size: 13px;
line-height: 15px
}
.user_one_card .route_info .item .info {
color: #2b2d33;
font-size: 15px;
line-height: 18px
}
.user_one_card .route_info .item a {
transition: all .3s
}
.user_one_card .route_info .item a:hover {
color: #3772ff
}
.specifications_block {
display: flex;
margin-top: 28px
}
.specifications_block .specifications_sidebar {
align-self: flex-start;
border: 1px solid #e9eaea;
border-radius: 20px;
margin-right: 40px;
min-width: 222px;
padding: 24px 8px 24px 16px;
position: sticky;
top: 80px;
width: 222px
}
.specifications_block .specifications_sidebar .specifications_sidebar_wrapper {
max-height: 100vh;
overflow-x: hidden;
padding-left: 18px
}
.specifications_block .specifications_sidebar li {
margin-top: 17px
}
.specifications_block .specifications_sidebar li:first-of-type {
margin-top: 0
}
.specifications_block .specifications_sidebar li a {
color: #808185;
font-size: 15px;
font-weight: 500;
line-height: 18px;
position: relative;
transition: all .3s
}
.specifications_block .specifications_sidebar li a:hover {
color: #2b2d33
}
.specifications_block .specifications_sidebar li a.active {
color: #3772ff
}
.specifications_block .specifications_sidebar li a.active:before {
background: #3772ff;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
left: -16px;
position: absolute;
top: 5px;
width: 6px
}
.specifications_block .specifications_content {
flex-grow: 1
}
.specifications_block .specifications_content .specifications_item {
padding-top: 40px
}
.specifications_block .specifications_content .specifications_item:first-of-type {
padding-top: 0
}
.specifications_block .specifications_content .specifications_item .caption {
font-size: 24px;
font-weight: 700;
line-height: 28px
}
.specifications_block .specifications_content .specifications_item .specifications_list {
margin-top: 10px
}
.specifications_block .specifications_content .specifications_item .specifications_row {
align-items: center;
cursor: pointer;
display: flex;
min-height: 64px;
padding: 5px 10px;
transition: all .3s
}
.specifications_block .specifications_content .specifications_item .specifications_row:hover {
background-color: #f8f8f8;
cursor: default
}
.specifications_block .specifications_content .specifications_item .specifications_row .name {
font-size: 14px;
line-height: 18px;
margin-right: 210px;
min-width: 202px;
width: 202px
}
.specifications_block .specifications_content .specifications_item .specifications_row .info {
font-size: 16px;
font-weight: 500;
line-height: 26px
}
.banner_block_1 {
align-items: center;
background-color: #f0f8fc;
border-radius: 20px;
display: flex;
justify-content: space-between;
padding: 8px 58px 8px 34px
}
.banner_block_1 .text_block {
width: 480px
}
.banner_block_1 .text_block .caption {
font-size: 16px;
font-weight: 700;
line-height: 18px
}
.banner_block_1 .text_block .text {
font-size: 14px;
line-height: 18px;
margin-top: 12px
}
.banner_block_2 {
align-items: center;
background-color: #f0f8fc;
border-radius: 20px;
display: flex;
justify-content: space-between;
padding: 34px 58px 34px 34px
}
.banner_block_2 .text_block {
width: 480px
}
.banner_block_2 .text_block .black_btn {
margin-top: 38px
}
.banner_block_2 .text_block .caption {
font-size: 16px;
font-weight: 700;
line-height: 18px
}
.banner_block_2 .text_block .text {
font-size: 14px;
line-height: 18px;
margin-top: 12px
}
.banner_block_3 {
background-color: #f8f8f8;
border-radius: 20px;
padding: 23px 58px 34px 34px
}
.banner_block_3 .text {
font-size: 14px;
line-height: 18px;
padding-left: 56px
}
.banner_block_3 .text ul li {
padding-left: 22px;
position: relative
}
.banner_block_3 .text ul li:before {
background-color: #2b2d33;
border-radius: 50%;
content: "";
height: 3px;
left: 9px;
position: absolute;
top: 6px;
width: 3px
}
.banner_block_3 .text p {
margin-top: 8px
}
.banner_block_3 .caption_block {
align-items: center;
display: flex
}
.banner_block_3 .caption_block .caption {
font-size: 16px;
font-weight: 700;
line-height: 18px
}
.banner_block_3 .icon_block {
align-items: center;
background-color: #fbd3d5;
border-radius: 50%;
display: flex;
height: 40px;
justify-content: center;
margin-right: 16px;
width: 40px
}
.banner_block_3 .icon_block .warning_ring_icon {
filter: invert(19%) sepia(63%) saturate(5597%) hue-rotate(349deg) brightness(92%) contrast(94%)
}
.banner_block_4 {
background-color: #f4f4f4;
border-radius: 20px;
padding: 34px;
position: relative
}
.banner_block_4 .links_list {
display: flex;
flex-wrap: wrap;
margin-top: 12px
}
.banner_block_4 .links_list .link {
align-items: center;
background-color: #fff;
border-radius: 5px;
display: inline-flex;
height: 40px;
margin: 12px 12px 0 0;
padding-left: 12px;
width: 188px
}
.banner_block_4 .links_list .link:hover .text {
color: #3772ff
}
.banner_block_4 .links_list .link:hover .icon_sm {
filter: invert(41%) sepia(99%) saturate(2790%) hue-rotate(210deg) brightness(97%) contrast(109%)
}
.banner_block_4 .links_list .link .text {
color: #808185;
font-size: 14px;
line-height: 18px;
transition: all .3s
}
.banner_block_4 .links_list .link .icon_sm {
filter: invert(53%) sepia(4%) saturate(307%) hue-rotate(191deg) brightness(94%) contrast(85%);
margin-right: 8px;
transition: all .3s
}
.banner_block_4 .text_block {
color: #55575c;
font-size: 14px;
line-height: 18px;
margin-top: 8px
}
.banner_block_4 .close_btn {
cursor: pointer;
line-height: 0;
position: absolute;
right: 20px;
top: 20px
}
.banner_block_4 .close_btn:hover .close_icon {
filter: invert(14%) sepia(11%) saturate(652%) hue-rotate(187deg) brightness(90%) contrast(87%)
}
.banner_block_4 .close_btn .close_icon {
filter: invert(53%) sepia(8%) saturate(129%) hue-rotate(190deg) brightness(94%) contrast(89%);
transition: all .3s
}
.button_xxs {
padding: 9px 16px
}
.button_xs,.button_xxs {
border-radius: 8px;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 14px;
transition: all .3s
}
.button_xs {
padding: 11px 20px
}
.button_sm {
padding: 12px 20px
}
.button_md,.button_sm {
border-radius: 8px;
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 16px;
transition: all .3s
}
.button_md {
padding: 16px 24px
}
.button_lg {
border-radius: 8px;
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 16px;
padding: 18px 24px;
transition: all .3s
}
.blue_btn {
background: #3772ff;
color: #fff
}
.blue_btn:hover {
background-color: #2f62db
}
.blue_btn[disabled] {
background-color: #e9eaea;
color: #c9c9c9;
cursor: default
}
.black_btn {
background-color: #2b2d33;
color: #fff!important
}
.black_btn:hover {
background-color: #000
}
.black_btn[disabled] {
background-color: #e9eaea;
color: #c9c9c9;
cursor: default
}
.black_btn.active {
background: #2b2d33;
color: #fff!important
}
.black_btn.active:hover {
background-color: #000
}
.red_btn {
background: #e31e25;
color: #fff
}
.red_btn:hover {
background-color: #d43238
}
.red_btn[disabled] {
background-color: #e9eaea;
color: #c9c9c9;
cursor: default
}
.red_btn .number {
background-color: #fff;
border-radius: 4px;
color: #2b2d33;
margin-left: 8px;
padding: 0 5px
}
.white_btn {
background: #fff;
border: 2px solid #d5d5d6;
color: #2b2d33
}
.white_btn.button_sm {
padding: 10px 20px
}
.white_btn[disabled] {
color: #c9c9c9;
cursor: default
}
.white_btn[disabled],.white_btn[disabled]:hover {
border: 2px solid #e9eaea
}
.white_btn:hover {
border: 2px solid #2b2d33
}
.round_black_button {
background-color: #f8f8f8;
border-radius: 24px;
color: #2b2d33;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 14px;
padding: 11px 20px;
transition: all .3s
}
.round_black_button:hover {
background-color: #e9eaea
}
.round_black_button.active {
background-color: #2b2d33;
color: #fff
}
.round_blue_button {
background-color: #f8f8f8;
border-radius: 24px;
color: #2b2d33;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 14px;
padding: 11px 20px;
transition: all .3s
}
.round_blue_button:hover {
background-color: #e9eaea
}
.round_blue_button.active {
background-color: #3772ff;
color: #fff
}
.link_btn {
color: #2b2d33;
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 26px;
transition: all .3s
}
.add_btn,.link_btn:hover {
color: #3772ff
}
.add_btn {
align-items: center;
display: inline-flex;
font-size: 14px;
font-weight: 500;
line-height: 18px;
transition: all .3s
}
.add_btn i {
filter: invert(38%) sepia(56%) saturate(3793%) hue-rotate(212deg) brightness(100%) contrast(102%);
margin-right: 8px;
position: relative;
top: -1px
}
.two_btn_block {
align-items: center;
display: flex
}
.two_btn_block a,.two_btn_block button {
display: inline-block;
margin-right: 8px
}
.main_btn_block {
align-items: center;
display: flex;
justify-content: flex-end;
margin-top: 50px
}
.main_btn_block .text {
color: #aaabad;
font-size: 12px;
line-height: 18px;
margin-right: 20px
}
.back_btn {
color: #808185;
font-size: 12px;
line-height: 14px;
padding-left: 25px;
position: relative;
transition: all .3s
}
.back_btn:hover {
color: #2b2d33
}
.back_btn:hover:before {
filter: invert(14%) sepia(11%) saturate(546%) hue-rotate(187deg) brightness(98%) contrast(91%)
}
.back_btn:before {
background-image: url(img/uikit/arrow-back.svg);
background-size: cover;
content: "";
display: inline-block;
filter: invert(55%) sepia(6%) saturate(205%) hue-rotate(191deg) brightness(90%) contrast(84%);
height: 16px;
left: 0;
position: absolute;
top: -2px;
transition: all .3s;
width: 16px
}
.download_link {
align-items: center;
color: #2b2d33;
display: inline-flex;
font-weight: 500;
transition: all .3s
}
.download_link:hover {
color: #3772ff
}
.download_link:hover .download_icon {
filter: invert(47%) sepia(75%) saturate(5013%) hue-rotate(212deg) brightness(101%) contrast(101%)
}
.download_link .download_icon,.uikit button {
transition: all .3s
}
.uikit button {
border-radius: 8px;
display: inline-block;
font-family: inherit;
font-weight: 500
}
.uikit button.primary {
background-color: #3772ff;
color: #fff
}
.uikit button.dark-grey {
background-color: #2b2d33;
color: #fff
}
.uikit button.transparent {
background-color: transparent;
color: #2b2d33;
padding: 0 20px
}
.uikit button.transparent:hover {
color: #3772ff
}
.uikit button.white {
background-color: #fff;
border: 1px solid #e9eaea;
color: #2b2d33
}
.uikit button.icon-btn {
border-radius: 100%;
height: 32px;
margin-right: 8px;
width: 32px
}
.uikit button.icon-btn.dark {
background-color: #2b2d33
}
.uikit button.icon-btn.dark .icon {
filter: invert(100%)
}
.uikit button.icon-btn.dark:last-child {
margin-right: 0
}
.uikit button.icon-btn.icon-btn-square {
border: 1px solid #e9eaea;
border-radius: 8px;
height: 40px;
width: 40px
}
.uikit button.icon-btn.icon-btn-square:hover {
border: 1px solid #2b2d33
}
.uikit .btn,.uikit .button {
align-items: center;
border: 2px solid transparent;
border-radius: 8px;
box-shadow: none;
color: #fff;
display: flex;
font-size: 16px;
font-weight: 500;
justify-content: center;
line-height: 1.625;
padding: 9px 16px;
transition: all .3s
}
.uikit .btn.btn-xs,.uikit .button.btn-xs {
font-size: 14px;
line-height: 1;
padding: 8.5px
}
.uikit .btn.btn-xs>.icon,.uikit .button.btn-xs>.icon {
height: 15px;
width: 15px
}
.uikit .btn.btn-sm,.uikit .button.btn-sm {
padding: 12px 20px
}
.uikit .btn.btn-md,.uikit .button.btn-md {
padding: 7px 20px
}
.uikit .btn.btn-lg,.uikit .button.btn-lg {
padding: 5px 20px
}
.uikit .btn.btn-xl,.uikit .button.btn-xl {
padding: 11px 24px
}
.uikit .btn .btn-full-width,.uikit .button .btn-full-width {
width: 100%
}
.uikit .btn.btn-transparent,.uikit .button.btn-transparent {
background-color: transparent;
color: #2b2d33
}
.uikit .btn.btn-primary,.uikit .button.btn-primary {
background-color: #3772ff
}
.uikit .btn.btn-black,.uikit .button.btn-black {
background-color: #2b2d33
}
.uikit .btn.btn-white,.uikit .button.btn-white {
background-color: #fff;
border-color: #d5d5d6;
color: #2b2d33
}
.uikit .btn.btn-icon,.uikit .button.btn-icon {
align-items: center;
border-radius: 100%;
display: flex;
justify-content: center
}
.uikit .btn.btn-icon.dark,.uikit .button.btn-icon.dark {
background-color: #2b2d33
}
.uikit .btn.btn-icon.dark .icon,.uikit .button.btn-icon.dark .icon {
filter: invert(100%)
}
.uikit .btn.btn-icon.dark:last-child,.uikit .button.btn-icon.dark:last-child {
margin-right: 0
}
.uikit .btn.btn-icon-square,.uikit .button.btn-icon-square {
border-radius: 8px;
padding: 12px
}
.uikit .btn.btn-full-width,.uikit .button.btn-full-width {
width: 100%
}
.uikit .map-btn {
background-color: #fff;
border-radius: 100%;
bottom: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
height: 55px;
position: absolute;
right: 16px;
width: 55px;
z-index: 3000
}
.uikit .text-link__back {
color: #2b2d33;
font-size: 14px;
margin-left: 10px
}
.uikit .text-link:before {
border-bottom-color: #2b2d33
}
.uikit .breadcrump .icon-link-arrow:before {
color: #2b2d33
}
.flex_input {
display: flex;
justify-content: space-between;
margin-top: 15px
}
.flex_input .input_block {
width: 48%
}
.flex_input .autocomplete {
width: 100%!important
}
.flex_input .input_time_block {
align-items: center;
display: flex;
justify-content: space-between;
width: 48%
}
.flex_input .one_side {
width: 48%
}
.flex_input .one_side .radio_container {
margin-right: 30px
}
.flex_input_btn {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-top: 15px
}
.flex_input_btn .input_block {
flex-grow: 1;
margin-right: 16px
}
.flex_input_btn button {
margin-top: 22px
}
.profile_form_block_input {
width: 48%
}
.input_block,.input_block.search_block {
position: relative
}
.input_block.search_block.size_sm:before {
top: 9px
}
.input_block.search_block:before {
background-image: url(img/uikit/search-icon.svg);
background-size: cover;
content: "";
filter: invert(74%) sepia(6%) saturate(59%) hue-rotate(182deg) brightness(93%) contrast(87%);
height: 20px;
left: 12px;
position: absolute;
width: 20px
}
.input_block.search_block input {
padding: 0 12px 0 40px
}
.input_block.search_block input:hover {
padding: 0 11px 0 39px
}
.input_block.datepicker_block.size_sm:after {
top: 8px
}
.input_block.datepicker_block:after {
background-image: url(img/uikit/calendar-icon.svg)
}
.input_block.datepicker_block:after,.input_block.input_time:after {
content: "";
display: inline-block;
height: 24px;
position: absolute;
right: 12px;
top: 36px;
width: 24px
}
.input_block.input_time:after {
background-image: url(img/uikit/clock-icon.svg);
pointer-events: none
}
.input_block.input_disabled input,.input_block.input_disabled:hover input {
background: #f4f4f4;
border: 2px solid #f4f4f4
}
.input_block.input_disabled input {
color: #c9c9c9
}
.input_block.error input,.input_block.error input:hover,.input_block.error.focus input {
border-color: #e31e25
}
.input_block.focus input {
border: 2px solid #2b2d33;
padding: 0 11px
}
.input_block.focus .label,.input_block.full_input .label {
opacity: 1
}
.input_block.size_lg {
padding-top: 22px
}
.input_block.size_lg input {
font-size: 16px;
height: 52px
}
.input_block.size_lg.input_time input {
color: #2b2d33;
font-size: 14px;
font-weight: 400;
line-height: 18px
}
.input_block.size_md {
padding-top: 22px
}
.input_block.size_md input {
font-size: 16px;
height: 48px
}
.input_block.size_sm {
padding-top: 22px
}
.input_block.size_sm input {
font-size: 16px;
height: 40px
}
.input_block.size_xxs {
padding-top: 22px
}
.input_block.size_xxs input {
font-size: 14px;
height: 32px
}
.input_block.size_xxxs {
padding-top: 22px
}
.input_block.size_xxxs input {
border-radius: 4px;
font-size: 12px;
height: 24px
}
.input_block .select_block input:disabled {
border: 1px solid #f2f2f2
}
.input_block input {
border: 2px solid #d5d5d6;
border-radius: 8px;
color: #2b2d33;
display: block;
font-weight: 400;
padding: 0 12px;
transition: border-color .3s;
width: 100%
}
.input_block input::-webkit-input-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.input_block input:-moz-placeholder,.input_block input::-moz-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.input_block input:-ms-input-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.input_block input:focus::-webkit-input-placeholder {
color: transparent
}
.input_block input:focus:-moz-placeholder,.input_block input:focus::-moz-placeholder {
color: transparent
}
.input_block input:focus:-ms-input-placeholder {
color: transparent
}
.input_block input::-webkit-calendar-picker-indicator {
display: none
}
.input_block input:hover {
border-color: #2b2d33
}
.input_block .message_text {
align-items: center;
display: flex;
font-size: 14px;
line-height: 18px;
margin-top: 4px
}
.input_block .message_text.yellow_text .tooltip_block .warning_ring_icon {
filter: invert(61%) sepia(55%) saturate(1354%) hue-rotate(355deg) brightness(98%) contrast(86%)
}
.input_block .message_text .tooltip_block {
margin-left: 6px;
position: relative;
top: -1px
}
.input_block .label {
align-items: center;
color: #808185;
display: flex;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all .3s
}
.input_block .label .tooltip_block {
margin-left: 6px
}
.input_block .label_bold {
color: #2b2d33!important;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin-bottom: 10px
}
.switch_block {
align-items: center;
border: 1px solid #d5d5d6;
border-radius: 8px;
display: flex;
padding: 5px
}
.switch_block.size_sm {
height: 40px
}
.switch_block .item {
align-items: center;
border-radius: 4px;
color: #808185;
cursor: pointer;
display: inline-flex;
font-size: 14px;
height: 100%;
padding: 0 16px
}
.switch_block .item.active {
background: #e9eaea;
color: #2b2d33
}
.uikit .err-text {
color: #e31e25;
font-size: 14px;
line-height: 1.285;
margin-top: 4px;
visibility: hidden
}
.uikit .err input {
border-color: #e31e25
}
.uikit .err .err-text {
visibility: visible
}
.uikit textarea {
border: 1px solid #d5d5d6;
border-radius: 8px;
color: #2b2d33;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.28;
padding: 13px 12px;
width: 100%
}
.uikit textarea::placeholder {
color: #aaabad
}
.uikit textarea:focus,.uikit textarea:hover {
border: 2px solid #2b2d33
}
.uikit .select_block.select_block_time:after {
background-image: url(img/uikit/clock-icon.svg);
background-size: contain;
height: 24px;
right: 12px;
top: 14px;
width: 24px
}
.trim_two_lines {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
display: -webkit-box;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis
}
.tooltip_block {
cursor: pointer;
display: inline-flex;
position: relative
}
.tooltip_block:hover .tooltip_content_wrapper {
opacity: 1;
visibility: visible
}
.tooltip_block .warning_ring_icon {
transition: all .1s
}
.tooltip_block .tooltip_content_wrapper {
opacity: 0;
position: absolute;
transition: all .1s;
transition-delay: .2s;
visibility: hidden;
z-index: 10
}
.tooltip_block .tooltip_content {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
color: #2b2d33;
font-size: 12px;
line-height: 18px;
position: relative
}
.tooltip_block.mini_tooltip.to_left .tooltip_content_wrapper {
bottom: auto;
left: auto;
padding-bottom: 0;
padding-right: 20px;
right: 100%;
top: 50%;
transform: none;
transform: translateY(-50%)
}
.tooltip_block.mini_tooltip.to_left .tooltip_content:before {
bottom: auto;
left: auto;
right: -5px;
top: 50%;
transform: none;
transform: translateY(-50%) rotate(45deg)
}
.tooltip_block.mini_tooltip.to_right .tooltip_content_wrapper {
bottom: auto;
left: 100%;
padding-bottom: 0;
padding-left: 20px;
top: 50%;
transform: none;
transform: translateY(-50%)
}
.tooltip_block.mini_tooltip.to_right .tooltip_content:before {
bottom: auto;
left: -5px;
top: 50%;
transform: none;
transform: translateY(-50%) rotate(45deg)
}
.tooltip_block.mini_tooltip.to_bottom .tooltip_content_wrapper {
bottom: auto;
padding-bottom: 0;
padding-top: 16px;
top: 100%
}
.tooltip_block.mini_tooltip.to_bottom .tooltip_content:before {
bottom: auto;
top: -5px
}
.tooltip_block.mini_tooltip .tooltip_content_wrapper {
bottom: 100%;
left: 50%;
padding-bottom: 12px;
transform: translateX(-50%)
}
.tooltip_block.mini_tooltip .tooltip_content {
padding: 10px 12px;
white-space: nowrap;
width: auto
}
.tooltip_block.mini_tooltip .tooltip_content .wrap {
white-space: normal
}
.tooltip_block.mini_tooltip .tooltip_content:before {
background-color: #fff;
bottom: -5px;
content: "";
display: inline-block;
height: 13px;
left: 50%;
position: absolute;
transform: translateX(-50%) rotate(45deg);
width: 13px
}
.tooltip_block.mini_tooltip .tooltip_content .big_text {
display: flex;
flex-wrap: wrap;
white-space: normal;
width: 230px
}
.tooltip_block.mini_tooltip .tooltip_content .link_btn {
margin-top: 20px
}
.tooltip_block.big_tooltip.to_left .tooltip_content_wrapper {
left: 0
}
.tooltip_block.big_tooltip.to_center .tooltip_content_wrapper {
left: 50%;
transform: translateX(-50%)
}
.tooltip_block.big_tooltip.to_right .tooltip_content_wrapper {
right: 0
}
.tooltip_block.big_tooltip .tooltip_content_wrapper {
padding-top: 8px;
top: 100%
}
.tooltip_block.big_tooltip .tooltip_content {
font-size: 14px;
padding: 24px;
width: 322px
}
.tooltip_block.big_tooltip .tooltip_content .tooltip_caption {
font-size: 18px;
line-height: 22px
}
.tooltip_block.big_tooltip .tooltip_content p {
margin-top: 8px
}
.tooltip_block.big_tooltip .tooltip_content .black_btn,.tooltip_block.big_tooltip .tooltip_content .white_btn,.tooltip_block.big_tooltip .tooltip_content button {
margin-top: 18px
}
.tooltip_block.big_tooltip .tooltip_content .tooltip_bottom_text {
color: #808185;
font-size: 12px;
line-height: 18px;
margin-top: 8px
}
.tooltip_block.big_tooltip .tooltip_content .link_btn {
margin-top: 20px
}
.modal_overlay {
align-items: center;
background: rgba(43,45,51,.6);
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: all .2s ease-in;
z-index: 4000
}
.modal_overlay .close_btn {
cursor: pointer;
display: inline-block;
line-height: 0;
position: absolute;
right: 24px;
top: 24px
}
.modal_overlay .close_btn:hover .close_icon {
filter: invert(14%) sepia(11%) saturate(652%) hue-rotate(187deg) brightness(90%) contrast(87%)
}
.modal_overlay .close_btn .close_icon {
filter: invert(53%) sepia(8%) saturate(129%) hue-rotate(190deg) brightness(94%) contrast(89%);
transition: all .3s
}
.modal_overlay .modal_caption {
align-items: center;
display: flex
}
.modal_overlay .modal_caption .badge_sm {
margin-left: 16px
}
.modal_overlay .mask_block {
align-items: center;
display: flex;
justify-content: center;
margin-top: 19px
}
.modal_overlay .mask_block i {
margin-right: 6px
}
.modal_overlay .mask_block span {
font-weight: 700;
margin-left: 3px
}
.modal_overlay .modal_content_lg {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(43,45,51,.12);
min-height: calc(100vh - 80px);
padding: 60px 10px 90px 54px;
position: relative;
width: 820px
}
.modal_overlay .modal_content_lg .modal_scroll_wrapper {
max-height: 76vh;
overflow-x: hidden;
padding-right: 44px
}
.modal_overlay .modal_content_lg .footer_modal {
align-items: center;
background-color: #fff;
border-radius: 0 0 16px 16px;
bottom: 0;
display: flex;
justify-content: flex-end;
left: 0;
padding: 20px 59px;
position: absolute;
width: 100%
}
.modal_overlay .modal_content_lg .footer_modal .link_btn {
margin-right: 20px
}
.modal_overlay .modal_content_md {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(43,45,51,.12);
padding: 40px 10px 30px 20px;
position: relative;
width: 430px
}
.modal_overlay .modal_content_md .gradient_top {
background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));
height: 20px;
left: 0;
position: absolute;
top: 100px;
width: 100%
}
.modal_overlay .modal_content_md .gradient_bottom {
background: linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));
bottom: 70px;
height: 20px;
left: 0;
position: absolute;
width: 100%
}
.modal_overlay .modal_content_md .modal_scroll_wrapper {
margin-top: 30px;
max-height: 72vh;
overflow-x: hidden;
padding-right: 10px
}
.modal_overlay .modal_content_md .user_cards_wrapper {
margin-top: 0
}
.modal_overlay .modal_content_md .footer_modal {
display: flex;
justify-content: flex-end;
padding: 20px 20px 0 0
}
.modal_overlay .modal_content_sm {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(43,45,51,.12);
padding: 60px 10px 50px 54px;
position: relative;
width: 430px
}
.modal_overlay .modal_content_sm .modal_scroll_wrapper {
max-height: 76vh;
overflow-x: hidden;
padding-right: 44px
}
.modal_overlay .modal_content_sm .btn_block {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 28px
}
.modal_overlay .modal_content_sm .btn_block .link_btn {
margin-top: 16px
}
.modal_overlay .modal_content_sm .caption {
font-size: 24px;
font-weight: 700;
line-height: 28px;
margin-top: 20px;
text-align: center
}
.modal_overlay .modal_content_sm .text {
color: #808185;
font-size: 16px;
line-height: 24px;
margin-top: 8px;
text-align: center
}
.modal_overlay .modal_content_sm .modal_icon_block {
align-items: center;
background-color: #f4f4f4;
border-radius: 50%;
display: flex;
height: 56px;
justify-content: center;
margin: auto;
width: 56px
}
.uikit .modal_overlay .modal_content {
align-items: stretch;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(43,45,51,.12);
display: flex;
flex-direction: column;
height: auto;
margin: 0 auto;
overflow: hidden;
padding: 40px 10px 30px 20px;
position: relative;
width: auto
}
.uikit .modal_overlay .modal_content .modal-header {
margin-bottom: 10px;
padding: 0 0 10px
}
.uikit .modal_overlay .modal_content .modal-header h2 {
font-size: 26px;
margin-top: 8px
}
.uikit .modal_overlay .modal_content .modal-header h3 {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin: 8px 0 15px
}
.uikit .modal_overlay .modal_content .footer_modal {
display: flex;
justify-content: flex-end;
padding: 20px 20px 0 0
}
.uikit .modal_overlay .modal_content_xl {
width: 80%
}
.uikit .modal_overlay .modal_content_md {
width: 430px
}
.uikit .modal_scroll_wrapper {
flex-grow: 1
}
.uikit .modal_overlay {
align-items: center;
background: rgba(43,45,51,.6);
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
left: 0;
padding: 40px 0;
position: fixed;
right: 0;
top: 0;
transition: all .2s ease-in;
z-index: 4000
}
.uikit .modal_overlay .modal {
align-items: stretch;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(43,45,51,.12);
display: flex;
flex-direction: column;
height: auto;
margin: 0 auto;
overflow: hidden;
padding: 20px 6px 0 20px;
position: relative;
width: auto
}
.uikit .modal_overlay .modal .modal-header {
margin-bottom: 30px;
position: relative
}
.uikit .modal_overlay .modal .modal-footer {
align-items: center;
display: flex;
justify-content: flex-end;
padding: 20px 14px 20px 0
}
.uikit .modal_overlay .modal .modal-footer .left-block {
margin-right: auto
}
.uikit .modal_overlay .modal h2 {
font-size: 26px;
margin-top: 8px
}
.uikit .modal_overlay .modal h3 {
font-size: 20px;
line-height: 1.2
}
.uikit .modal_overlay .modal h4 {
font-size: 15px;
line-height: 1.2
}
.uikit .modal_overlay .modal.modal-padding-50 {
padding: 50px 14px 0 54px
}
.uikit .modal_overlay .modal.modal-padding-50 .modal-header {
margin-bottom: 50px
}
.uikit .modal_overlay .modal.modal-padding-50 .scroll-wrapper {
padding-right: 40px
}
.uikit .modal_overlay .modal.modal-padding-50 .modal-footer {
padding-right: 0
}
.uikit .modal_overlay .modal.modal-padding-40 {
padding: 40px 10px 0 40px
}
.uikit .modal_overlay .modal.modal-padding-40 .modal-footer {
padding-right: 0
}
.uikit .modal_overlay .modal.modal-padding-40 .scroll-wrapper {
padding-right: 30px
}
.uikit .modal_overlay .modal.modal-map {
min-height: 70vh;
padding: 0
}
.uikit .modal_overlay .modal.modal-map .modal-content {
height: 100%
}
.uikit .modal_overlay .modal.modal-map .modal-header {
margin-bottom: 0;
padding: 0
}
.uikit .modal_overlay .modal.modal-map .left-side {
max-width: 400px;
min-width: 400px;
padding: 42px 30px 0
}
.uikit .modal_overlay .modal.modal-map .modal-footer {
padding: 20px 0
}
.uikit .modal_overlay .modal.modal-center {
padding: 60px 54px 70px
}
.uikit .modal_overlay .modal.modal-center .scroll-wrapper {
padding: 0
}
.uikit .modal_overlay .modal.modal-center .modal-content {
align-items: center;
display: flex;
flex-direction: column;
font-size: 16px;
font-weight: 500;
line-height: 1.625;
text-align: center
}
.uikit .modal_overlay .modal.modal-center .icon-wrapper {
background-color: #fceaeb;
border-radius: 100%;
margin-bottom: 20px;
padding: 20px
}
.uikit .modal_overlay .modal.modal-center h2 {
font-size: 24px;
line-height: 1.166;
margin-bottom: 8px
}
.uikit .modal_overlay .modal.modal-center .modal-footer {
align-items: center;
flex-direction: column;
margin-top: 28px;
padding: 20px 0 20px 14px
}
.uikit .modal_overlay .modal.modal-center .modal-footer>* {
margin-bottom: 16px
}
.uikit .modal_overlay .modal.modal-center .modal-footer>:last-child {
margin-bottom: 0
}
.uikit .modal_overlay .modal .checkbox_container {
display: block
}
.uikit .modal_overlay .modal-xxl {
width: 80%
}
.uikit .modal_overlay .modal-xl {
width: 710px
}
.uikit .modal_overlay .modal-lg {
width: 542px
}
.uikit .modal_overlay .modal-md {
width: 414px
}
.uikit .modal_overlay .modal-sm {
width: 322px
}
.uikit .modal_overlay .modal-w-100 {
width: 100%
}
.uikit .success-modal {
align-items: center;
background-color: #fff;
border-radius: 16px;
bottom: 90px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
display: none;
padding: 16px;
position: fixed;
right: 24px;
width: 432px
}
.uikit .success-modal .success-icon {
align-items: center;
background-color: #ebf7e7;
border-radius: 100%;
display: flex;
height: 56px;
justify-content: center;
width: 56px
}
.uikit .success-modal .success-icon .icon {
border: 2px solid #34b012;
border-radius: 100%
}
.uikit .success-modal .success-text {
flex-grow: 1;
margin: 0 19px
}
.uikit .success-modal .success-header {
font-size: 16px;
font-weight: 700;
line-height: 1.625
}
.uikit .success-modal .success-description {
font-size: 14px;
line-height: 1.285
}
.uikit .success-modal .close_btn {
position: absolute;
right: 16px;
top: 16px
}
.empty_space {
height: 100px
}
.mt5 {
margin-top: 5px
}
.mt7 {
margin-top: 7px
}
.mt10 {
margin-top: 10px
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.mt15 {
margin-top: 15px
}
.mt50 {
margin-top: 50px
}
.mt70 {
margin-top: 70px
}
.mt75 {
margin-top: 75px
}
.mt20 {
margin-top: 20px
}
.mt40 {
margin-top: 40px
}
.mr10 {
margin-right: 10px
}
.mr4 {
margin-right: 4px
}
.ml10 {
margin-left: 10px
}
.ml15 {
margin-left: 15px
}
.ml20 {
margin-left: 20px
}
.pl34 {
padding-left: 34px
}
.pl20 {
padding-left: 20px
}
.pr15 {
padding-right: 15px
}
.pr20 {
padding-right: 20px
}
.w3p {
width: 3%
}
.w4p {
width: 4%
}
.w5p {
width: 5%
}
.w6p {
width: 6%
}
.w7p {
width: 7%
}
.w8p {
width: 8%
}
.w9p {
width: 9%
}
.w10p,.w11p {
width: 10%
}
.w12p {
width: 12%
}
.w13p {
width: 13%
}
.w14p {
width: 14%
}
.w15p {
width: 15%
}
.w16p {
width: 16%
}
.w17p {
width: 17%
}
.w18p {
width: 18%
}
.w19p {
width: 19%
}
.w20p {
width: 20%
}
.w21p {
width: 21%
}
.w22p {
width: 22%
}
.w23p {
width: 23%
}
.w25p {
width: 25%
}
.w27p {
width: 27%
}
.w28p {
width: 28%
}
.w29p {
width: 29%
}
.w30p {
width: 30%
}
.w34p {
width: 34%
}
.w35p {
width: 35%
}
.w40p {
width: 40%
}
.w42p {
width: 42%
}
.w44p {
width: 44%
}
.w45p {
width: 45%
}
.w50p {
width: 50%
}
.w60p {
width: 60%
}
.w64p {
width: 64%
}
.w68p {
width: 68%
}
.w90p {
width: 90%
}
.checkbox_sm {
min-height: 16px
}
.checkbox_sm input+span:after {
left: 1px;
top: 0
}
.checkbox_sm span {
font-size: 14px;
line-height: 16px;
padding-left: 24px
}
.checkbox_sm span:before {
height: 16px;
width: 16px
}
.checkbox_md {
min-height: 20px
}
.checkbox_md input+span:after {
left: 2px;
top: 2px
}
.checkbox_md span {
font-size: 14px;
line-height: 21px;
padding-left: 29px
}
.checkbox_md span:before {
height: 20px;
width: 20px
}
.checkbox_lg {
min-height: 24px
}
.checkbox_lg input+span:after {
left: 5px;
top: 4px
}
.checkbox_lg span {
font-size: 16px;
line-height: 24px;
padding-left: 37px
}
.checkbox_lg span:before {
height: 24px;
width: 24px
}
.checkbox_blue input:checked+span:before {
background-color: #3772ff;
border-color: #3772ff
}
.checkbox_blue span:before {
border-color: #c9c9c9
}
.checkbox_grey input:checked+span:before {
background-color: #3772ff;
border-color: #3772ff
}
.checkbox_grey span:before {
background: #c9c9c9;
border-color: #c9c9c9
}
.checkbox_container {
cursor: pointer;
display: inline-block;
position: relative
}
.checkbox_container:hover span:before {
border: 2px solid #2b2d33
}
.checkbox_container.something_selected.checkbox_blue input+span:before {
background-color: #3772ff;
border-color: #3772ff
}
.checkbox_container.something_selected.checkbox_blue input+span:after {
background: #fff;
content: "";
display: inline-block;
height: 1px;
left: 5px;
position: absolute;
top: 9px;
width: 10px
}
.checkbox_container.checkbox_disabled input:checked+span:before {
background: #e9eaea;
border-color: #e9eaea
}
.checkbox_container.checkbox_disabled span {
color: #c9c9c9;
cursor: default
}
.checkbox_container.checkbox_disabled span:before {
background: #e9eaea;
border-color: #e9eaea
}
.checkbox_container input {
cursor: pointer;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 6px;
width: 0;
z-index: 1
}
.checkbox_container input:checked+span:after {
background-image: url(img/uikit/check-mark-icon.svg);
content: "";
height: 16px;
position: absolute;
width: 16px
}
.checkbox_container span {
color: #2b2d33;
display: block;
position: relative
}
.checkbox_container span:before {
border: 2px solid #c9c9c9;
border-radius: 4px;
content: "";
left: 0;
position: absolute;
top: 0;
transition: all .3s
}
.uikit .popup-wrapper .popup-content .column>.draggable-checkbox-wrapper {
align-items: center;
background-color: #f4f4f4;
border-radius: 8px;
display: flex;
height: 44px;
justify-content: space-between;
margin-bottom: 8px;
padding: 0 16px 0 12px
}
.uikit .popup-wrapper .popup-content .column>.draggable-checkbox-wrapper .checkbox_blue input:not(:checked)+span:before {
background-color: #e9eaea;
border-color: #e9eaea
}
.profile_user_block {
align-items: center;
display: flex
}
.profile_user_block .img_block {
margin-right: 12px;
position: relative
}
.profile_user_block .img_block:hover .user_dropdown_wrapper {
opacity: 1;
visibility: visible
}
.profile_user_block .img_block:hover .user_img_block:before {
opacity: 1
}
.profile_user_block .img_block .user_img_block {
line-height: 0;
position: relative
}
.profile_user_block .img_block .user_img_block .user_img {
border-radius: 50%;
height: 56px;
object-fit: cover;
object-position: center;
width: 56px
}
.profile_user_block .img_block .user_dropdown_wrapper {
left: 50%;
opacity: 0;
padding-top: 8px;
position: absolute;
top: 56px;
transition: all .3s;
visibility: hidden;
z-index: 10
}
.profile_user_block .img_block .user_dropdown {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
padding: 8px 0;
transform: translateX(-50%);
white-space: nowrap
}
.profile_user_block .img_block .user_dropdown .item {
align-items: center;
color: #2b2d33;
display: flex;
padding: 7px 14px;
transition: all .3s
}
.profile_user_block .img_block .user_dropdown .item:hover {
background-color: #f4f4f4
}
.profile_user_block .img_block .user_dropdown .item .icon_xs {
margin-right: 8px
}
.profile_user_block .info .user_name {
font-size: 16px;
font-weight: 500;
line-height: 26px
}
.profile_user_block .info .user_position {
font-size: 14px;
line-height: 18px
}
.profile_form_block {
margin-top: 40px
}
.settings_view_block {
margin-top: 50px
}
.settings_view_block .view_block {
display: flex;
margin-top: 15px
}
.settings_view_block .view_block .item {
width: 270px
}
.settings_view_block .view_block .label {
color: #808185;
font-size: 14px;
line-height: 18px
}
.settings_view_block .view_block .text {
font-size: 16px;
line-height: 24px;
margin-top: 4px
}
.select_block {
position: relative
}
.select_block:after {
background-image: url(img/uikit/select-arrow.svg);
content: "";
display: inline-block;
height: 8px;
position: absolute;
right: 17px;
top: 22px;
transition: all .3s;
width: 13px
}
.select_block.disabled_select:after {
filter: invert(81%) sepia(0) saturate(484%) hue-rotate(69deg) brightness(85%) contrast(90%)
}
.select_block.active:after {
top: 21px;
transform: rotate(180deg)
}
.select_block.active .select_wrapper_content {
display: block;
opacity: 1;
visibility: visible
}
.select_block.to_top .select_wrapper_content {
bottom: 52px;
padding: 0 0 4px;
top: auto
}
.select_block .select_wrapper_content {
display: none;
left: 0;
opacity: 0;
padding-top: 4px;
position: absolute;
top: 100%;
transition: all .3s;
visibility: hidden;
width: 100%;
z-index: 10000
}
.select_block .select_wrapper_content .select_content {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
margin-bottom: 4px;
padding: 8px 0
}
.select_block .select_wrapper_content .select_content .select_item {
align-items: center;
cursor: pointer;
display: flex;
font-size: 14px;
line-height: 18px;
padding: 9px 16px;
transition: all .3s;
word-break: break-all
}
.select_block .select_wrapper_content .select_content .select_item:hover {
background-color: #f4f4f4
}
.select_block .select_wrapper_content .select_content .select_item.active {
background-color: #e9eaea;
position: relative
}
.select_block .select_wrapper_content .select_content .select_item.active:after {
background-image: url(img/uikit/checkmark-icon.svg);
background-position: 50%;
background-size: cover;
content: "";
display: inline-block;
height: 20px;
position: absolute;
right: 16px;
top: 8px;
width: 20px
}
.select_block .select_wrapper_content .select_content .select_item i {
margin-right: 8px
}
.select_block .select_wrapper_content .select_content .select_item .checkbox_container {
display: block
}
.input_block.size_xxs .select_block:after {
top: 13px
}
.input_block.size_xxs .select_block.active:after {
top: 11px
}
.input_block.size_xxs .select_block.to_top .select_wrapper_content {
bottom: 32px
}
.input_block.size_sm .select_block:after {
top: 17px
}
.input_block.size_sm .select_block.active:after {
top: 16px
}
.table_block {
overflow-y: hidden;
position: relative
}
.table_block.no_adaptive .table_content,.table_block.no_adaptive .table_row.table_head {
min-width: auto
}
.table_block.no_sorting .table_row.table_head .table_item {
min-height: 40px
}
.table_block.no_sorting .table_row.table_head .table_item:hover {
background-color: transparent
}
.table_block.no_sorting .table_row.table_head .table_item .checkbox_container span {
cursor: pointer
}
.table_block.no_sorting .table_row.table_head .table_item .checkbox_container span:after {
background-image: none;
display: inline-block;
filter: none;
height: 10px;
left: 7px;
opacity: 1;
top: 3px;
transition: none;
width: 6px
}
.table_block.no_sorting .table_row.table_head .table_item .table_text {
cursor: default;
padding-right: 0
}
.table_block.no_sorting .table_row.table_head .table_item .table_text:hover {
color: #aaabad
}
.table_block.no_sorting .table_row.table_head .table_item .table_text:after {
display: none
}
.table_block .table_content {
min-width: 1100px
}
.table_block .table_scroll {
max-height: 300px;
overflow-x: hidden
}
.table_block .table_row {
background-color: #fff;
display: flex;
transition: background-color .13s ease-in
}
.table_block .table_row:hover .table_item {
background-color: #f8f8f8
}
.table_block .table_row:hover .table_item a.table_item {
color: #3772ff
}
.table_block .table_row:hover .table_item .table_item .input_block.focus input {
border-color: #2b2d33
}
.table_block .table_row:hover .table_item .table_item .input_block input {
border-color: #d5d5d6
}
.table_block .table_row:hover .table_item .table_item .input_block input:hover {
border-color: #2b2d33
}
.table_block .table_row:hover .table_item .table_item .table_btn {
opacity: 1
}
.table_block .table_row.dropdown_block_focus:first-of-type .tooltip_block.mini_tooltip .tooltip_content_wrapper,.table_block .table_row.dropdown_block_focus:nth-of-type(2) .tooltip_block.mini_tooltip .tooltip_content_wrapper {
bottom: auto;
padding-bottom: 0;
padding-top: 16px;
top: 100%
}
.table_block .table_row.dropdown_block_focus:first-of-type .tooltip_block.mini_tooltip .tooltip_content:before,.table_block .table_row.dropdown_block_focus:nth-of-type(2) .tooltip_block.mini_tooltip .tooltip_content:before {
bottom: auto;
top: -5px
}
.table_block .table_row.table_head {
background-color: #fff;
border-bottom: 1px solid #e9eaea;
min-width: 1100px
}
.table_block .table_row.table_head:hover .table_item {
background: none
}
.table_block .table_row.table_head .table_item {
color: #aaabad;
font-size: 12px;
font-weight: 500;
line-height: 14px;
min-height: 40px
}
.table_block .table_row.table_head .table_item:hover .table_text:after {
opacity: 1
}
.table_block .table_row.table_head .table_item .tooltip_block {
width: 100%
}
.table_block .table_row.table_head .table_item .table_text {
cursor: pointer;
overflow: hidden;
padding-right: 25px;
position: relative;
text-overflow: ellipsis;
transition: all .3s;
white-space: nowrap
}
.table_block .table_row.table_head .table_item .table_text:after {
background-image: url(img/uikit/table-arrow.svg);
content: "";
display: inline-block;
height: 16px;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .3s;
width: 16px
}
.table_block .table_row.table_head .table_item .table_text:hover {
color: #2b2d33
}
.table_block .table_row.table_head .table_item .table_text:hover:after {
filter: invert(15%) sepia(5%) saturate(1372%) hue-rotate(188deg) brightness(93%) contrast(91%)
}
.table_block .table_row.table_head .table_item.sort_up .table_text:after {
top: -1px;
transform: rotate(180deg)
}
.table_block .table_row.table_head .table_item.active {
color: #2b2d33
}
.table_block .table_row.table_head .table_item.active .table_text:after {
filter: invert(44%) sepia(52%) saturate(6119%) hue-rotate(213deg) brightness(103%) contrast(101%);
opacity: 1
}
.table_block .table_row .table_item {
align-items: center;
background-color: transparent;
color: #2b2d33;
display: flex;
font-size: 14px;
line-height: 18px;
min-height: 56px;
padding: 0 8px;
position: relative;
transition: all .3s
}
.table_block .table_row .table_item:hover {
background-color: #f8f8f8
}
.table_block .table_row .table_item .tooltip_block {
position: static
}
.table_block .table_row .table_item .tooltip_block.big_tooltip .tooltip_content_wrapper,.table_block .table_row .table_item .tooltip_block.mini_tooltip.to_bottom .tooltip_content_wrapper {
padding-top: 0
}
.table_block .table_row .table_item .only_radio_block {
text-align: center;
width: 24px
}
.table_block .table_row .table_item .only_radio_block .radio_lg {
width: 24px
}
.table_block .table_row .table_item .only_radio_block .radio_md {
width: 20px
}
.table_block .table_row .table_item .input_block {
width: 100%
}
.table_block .table_row .table_item .input_block.size_sm,.table_block .table_row .table_item .input_block.size_xxs,.table_block .table_row .table_item .input_block.size_xxxs {
padding-top: 0
}
.table_block .table_row .table_item .input_block.focus input {
border-color: #2b2d33
}
.table_block .table_row .table_item .input_block input {
border-color: transparent;
font-size: 14px
}
.table_block .table_row .table_item .input_block .select_block:after {
display: none
}
.table_block .table_row .table_item .dropdown_block.with_icon .round_icon_black {
background-color: #2b2d33;
transition: all .3s
}
.table_block .table_row .table_item .dropdown_block.with_icon .round_icon_black:hover {
background-color: #000
}
.table_block .table_row .table_item .dropdown_block.with_icon .round_icon_black i {
filter: invert(100%) sepia(70%) saturate(0) hue-rotate(253deg) brightness(106%) contrast(106%)
}
.table_block .table_row .table_item.link_text {
font-weight: 500
}
.table_block .table_row .table_item.right_text {
justify-content: flex-end
}
.table_block .table_row .table_item.center_text {
justify-content: center
}
.table_block .table_row .table_item .two_lines.with_dot {
padding-left: 16px;
position: relative
}
.table_block .table_row .table_item .two_lines.with_dot:before {
border-radius: 50%;
content: "";
display: inline-block;
height: 8px;
left: 0;
position: absolute;
top: 4px;
width: 8px
}
.table_block .table_row .table_item .two_lines.red_dot:before {
background-color: #e34b4b
}
.table_block .table_row .table_item .two_lines.yellow_dot:before {
background-color: #fcb664
}
.table_block .table_row .table_item .two_lines.green_dot:before {
background-color: #109878
}
.table_block .table_row .table_item .two_lines.grey_dot:before {
background-color: #aaabad
}
.table_block .table_row .table_item .two_lines .bold_text {
font-weight: 500;
margin-bottom: 2px;
width: 100%
}
.table_block .table_row .table_item .date {
font-weight: 500;
margin-right: 5px
}
.table_block .table_row .table_item .time {
color: #aaabad;
position: relative;
top: -1px
}
.table_block .table_row .table_item .big_table_text {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
max-height: 35px;
overflow: hidden;
text-overflow: ellipsis
}
.table_block .table_row .table_item .table_btn {
align-items: center;
display: flex;
justify-content: flex-end;
transition: all .3s
}
.table_block .table_row .table_item .table_btn>div {
cursor: pointer;
margin: 0 8px
}
.uikit .card-table {
border-spacing: 0 12px;
font-size: 13px;
line-height: 1.154;
width: 100%
}
.uikit .card-table tr td {
border: 1px solid #e9eaea;
border-left: none;
border-right: none;
padding: 20px 10px;
vertical-align: top
}
.uikit .card-table tr td:first-child {
border-left: 1px solid #e9eaea;
border-radius: 8px 0 0 8px;
padding-left: 20px
}
.uikit .card-table tr td:last-child {
border-radius: 0 8px 8px 0;
border-right: 1px solid #e9eaea;
padding-right: 20px
}
.uikit .card-table tr:hover td {
background-color: #f8f8f8
}
.table_settings_block {
position: relative
}
.table_settings_block:hover i {
filter: invert(36%) sepia(36%) saturate(5046%) hue-rotate(214deg) brightness(102%) contrast(102%)
}
.table_settings_block i {
cursor: pointer;
transition: all .3s
}
.table_settings_block .table_settings_scroll {
max-height: 285px;
overflow-x: hidden
}
.table_settings_block .caption {
color: #2b2d33;
font-size: 20px;
font-weight: 700;
line-height: 24px
}
.table_settings_block .table_settings_content {
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,.04);
display: none;
margin-top: 10px;
padding: 24px;
position: absolute;
right: 0;
top: 100%;
width: 325px;
z-index: 100
}
.table_settings_block .table_settings_content.active {
display: block
}
.table_settings_block .content {
margin-top: 16px;
padding-right: 2px
}
.table_settings_block .content .table_settings_item {
align-items: center;
background: #f4f4f4;
border-radius: 8px;
display: flex;
height: 44px;
margin-top: 8px;
padding: 0 35px 0 16px;
position: relative
}
.table_settings_block .content .table_settings_item:after {
background-image: url(img/uikit/drag-icon.svg);
content: "";
display: inline-block;
height: 16px;
position: absolute;
right: 16px;
top: 14px;
width: 16px
}
.table_settings_block .table_settings_footer {
align-items: center;
display: flex;
justify-content: space-between;
padding-top: 24px
}
.table_block .table_row.table_head.additional_head {
border: none
}
.table_block .table_with_addition {
border-top: 1px solid #e9eaea;
margin-bottom: 14px
}
.table_block .table_with_addition.active .arrow_open_list {
top: -4px;
transform: rotate(180deg)
}
.table_block .table_with_addition.active .table_row.additional_list {
display: flex
}
.table_block .table_with_addition .arrow_open_list {
cursor: pointer;
position: relative;
transition: all .3s
}
.table_block .table_with_addition .table_row.main_row .table_item {
font-size: 16px
}
.table_block .table_with_addition .table_row.additional_list {
display: none
}
.table_block .table_with_addition .table_row.additional_list .table_item {
height: 32px;
min-height: 32px
}
.dedicated_block {
border: 1px solid #e9eaea;
border-radius: 20px;
margin-top: 20px;
padding: 26px 34px
}
.dedicated_block.dedicated_block_accordion.active .arrow_block {
transform: rotate(180deg)
}
.dedicated_block.dedicated_block_accordion.active .table_block {
display: block
}
.dedicated_block.dedicated_block_accordion .arrow_block {
cursor: pointer;
transition: all .3s
}
.dedicated_block.dedicated_block_accordion .table_block {
display: none
}
.dedicated_block .table_block .table_row.table_head .table_item {
min-height: 40px
}
.dedicated_block .table_block .table_row .table_item {
min-height: 56px
}
.dedicated_block .table_block .table_row .table_item:first-of-type {
margin-right: auto
}
.dedicated_block .table_block .table_row .table_item .tooltip_block {
position: relative
}
.dedicated_block .table_block .table_row .table_item .checkbox_md {
width: 20px
}
.table_item_user_select .uikit-formgroup {
margin-bottom: 0!important;
width: 100%
}
.table_item_user_select .uikit-formgroup-text {
display: none
}
.dropdown_block {
position: relative
}
.dropdown_block.to_right .dropdown_wrapper_content {
left: auto;
right: 0
}
.dropdown_block.active .dropdown_wrapper_content {
display: block;
opacity: 1;
visibility: visible
}
.dropdown_block.with_icon {
display: inline-block
}
.dropdown_block.with_icon.active .round_icon_black {
background-color: #2b2d33
}
.dropdown_block.with_icon.active .round_icon_black i {
filter: invert(100%) sepia(0) saturate(1%) hue-rotate(266deg) brightness(103%) contrast(101%)
}
.dropdown_block.with_icon .round_icon_black {
background-color: transparent;
cursor: pointer;
transition: all .3s
}
.dropdown_block.with_icon .round_icon_black:hover {
background-color: #2b2d33
}
.dropdown_block.with_icon .round_icon_black:hover i {
filter: invert(100%) sepia(0) saturate(1%) hue-rotate(266deg) brightness(103%) contrast(101%)
}
.dropdown_block.with_icon .round_icon_black i {
filter: invert(15%) sepia(9%) saturate(686%) hue-rotate(187deg) brightness(95%) contrast(92%);
transition: all .3s
}
.dropdown_block.with_icon .dropdown_wrapper_content {
left: auto;
right: 0;
top: 100%
}
.dropdown_block .dropdown_caption {
cursor: pointer
}
.dropdown_block .dropdown_caption .text_icon {
align-items: center;
display: flex
}
.dropdown_block .dropdown_caption .text_icon i {
margin: 0 4px
}
.dropdown_block .dropdown_caption .text {
color: #2b2d33;
display: inline-block;
font-size: 14px;
line-height: 18px;
padding-right: 17px;
position: relative
}
.dropdown_block .dropdown_caption .text:after {
background-image: url(img/uikit/select-arrow.svg);
background-size: cover;
content: "";
display: inline-block;
height: 5px;
position: absolute;
right: 0;
top: 7px;
transition: all .3s;
width: 8px
}
.dropdown_block .dropdown_wrapper_content {
display: none;
left: 0;
min-width: 100%;
opacity: 0;
padding-top: 8px;
position: absolute;
top: 22px;
transition: all .3s;
visibility: hidden;
z-index: 10000
}
.dropdown_block .dropdown_wrapper_content.visible {
display: flex;
justify-content: flex-end;
opacity: 1;
visibility: visible
}
.dropdown_block .dropdown_wrapper_content .dropdown_content {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
min-width: 150px;
padding: 8px 0
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item {
align-items: center;
color: inherit;
cursor: pointer;
display: flex;
font-size: 16px;
line-height: 18px;
padding: 14px 20px;
text-decoration: none;
transition: all .3s;
white-space: nowrap;
width: 100%
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item:hover {
background-color: #f4f4f4
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item.active {
background-color: #e9eaea;
position: relative
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item.active:after {
background-image: url(img/uikit/checkmark-icon.svg);
background-position: 50%;
background-size: cover;
content: "";
display: inline-block;
height: 20px;
position: absolute;
right: 16px;
top: 8px;
width: 20px
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item.delete_item {
color: #e31e25
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item.delete_item i {
filter: invert(27%) sepia(58%) saturate(3422%) hue-rotate(341deg) brightness(85%) contrast(112%)
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item i {
margin-right: 8px
}
.dropdown_block .dropdown_wrapper_content .dropdown_content .dropdown_item .checkbox_container {
display: block
}
.dropdown_block_focus .dropdown_caption.visible,.dropdown_block_focus.table_row:hover .dropdown_caption {
opacity: 1
}
.dropdown_block_focus.fix-dropdown:nth-child(n+3):nth-last-child(-n+2) .dropdown_wrapper_content {
bottom: 100%;
top: unset
}
.dropdown_block_focus .dropdown_block {
width: auto
}
.dropdown_block_focus .dropdown_caption {
opacity: 0;
transition: opacity .1s ease
}
.dropdown_block_focus .fix-dropdown:first-child .dropdown_wrapper_content {
top: 100%!important
}
.dropdown_block_focus .outside-veil {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 0
}
.delete-item {
color: #e31e25!important
}
.radio_md {
min-height: 20px
}
.radio_md input+span:after {
left: 5px;
top: 5px
}
.radio_md span {
font-size: 14px;
line-height: 21px;
padding-left: 29px
}
.radio_md span:before {
height: 20px;
width: 20px
}
.radio_lg {
min-height: 24px
}
.radio_lg input+span:after {
left: 7px;
top: 7px
}
.radio_lg span {
font-size: 16px;
line-height: 24px;
padding-left: 37px
}
.radio_lg span:before {
height: 24px;
width: 24px
}
.radio_blue input.checked+span:before,.radio_blue input:checked+span:before {
background-color: #3772ff;
border-color: #3772ff
}
.radio_blue input.checked+span:after,.radio_blue input:checked+span:after {
border-color: #fff
}
.radio_blue span:before {
border-color: #c9c9c9
}
.radio_container {
cursor: pointer;
display: inline-block;
position: relative
}
.radio_container input {
cursor: pointer;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 6px;
width: 0;
z-index: 1
}
.radio_container input.checked+span:after,.radio_container input:checked+span:after {
background-color: #fff;
border-radius: 50%;
content: "";
height: 10px;
position: absolute;
width: 10px
}
.radio_container span {
color: #2b2d33;
display: block;
position: relative
}
.radio_container span:before {
border: 2px solid #c9c9c9;
border-radius: 50%;
content: "";
left: 0;
position: absolute;
top: 0;
transition: all .3s
}
.datepicker-container {
position: relative
}
.air-datepicker {
background-color: #fff!important;
border: none!important;
border-radius: 8px!important;
box-shadow: 0 4px 20px rgba(0,0,0,.08)!important;
width: 256px!important
}
.datepicker_period_time {
color: #aaabad;
margin: 0 2px
}
.air-datepicker-nav--action svg {
filter: invert(14%) sepia(18%) saturate(380%) hue-rotate(187deg) brightness(92%) contrast(88%)!important
}
.air-datepicker-nav--title {
color: #2b2d33!important;
font-size: 14px!important;
font-weight: 500;
padding: 3px 8px 0!important
}
.air-datepicker-nav--title i {
color: #2b2d33!important
}
.air-datepicker-nav {
justify-content: center!important;
padding: 12px 10px!important
}
.air-datepicker--content {
padding: 16px 19px!important
}
.air-datepicker-body--day-names {
margin: 0 0 8px!important
}
.air-datepicker-body--day-name {
color: #aaabad!important;
font-size: 12px!important;
height: 32px
}
.-day-.-range-from-:not(.-disabled-) {
position: relative;
z-index: 10
}
.-day-.-range-from-:not(.-disabled-):after {
background-color: #3772ff;
content: "";
display: inline-block;
height: 10px;
position: absolute;
right: -2px;
top: 11px;
transform: rotate(45deg);
width: 10px
}
.-day-.-range-to-:not(.-disabled-) {
position: relative;
z-index: 10
}
.-day-.-range-to-:not(.-disabled-):after {
background-color: #3772ff;
content: "";
display: inline-block;
height: 10px;
left: -2px;
position: absolute;
top: 11px;
transform: rotate(45deg);
width: 10px
}
.-day-.-selected-.-range-from-.-range-to-:after {
display: none
}
.air-datepicker-buttons {
align-items: center!important;
display: flex!important;
justify-content: space-between!important
}
.air-datepicker-button {
color: #2b2d33!important;
height: auto!important
}
.air-datepicker-button button:disabled {
color: #c9c9c9!important
}
.air-datepicker--buttons {
padding: 12px 19px!important
}
.air-datepicker-button:hover {
background: none!important
}
.datepicker-btn-apply button:hover {
color: #3772ff
}
.air-datepicker--buttons i {
transition: all .1s;
transition-delay: .2s
}
.air-datepicker--buttons .delete_icon {
filter: invert(81%) sepia(0) saturate(3%) hue-rotate(304deg) brightness(85%) contrast(91%)
}
.air-datepicker--buttons .tooltip_block:hover .clock_icon {
filter: invert(44%) sepia(46%) saturate(5811%) hue-rotate(213deg) brightness(100%) contrast(108%)
}
.air-datepicker--buttons .tooltip_block:hover .delete_icon {
filter: invert(27%) sepia(78%) saturate(6958%) hue-rotate(348deg) brightness(89%) contrast(99%)
}
.datepicker_back {
height: 32px;
left: 10px;
position: absolute;
top: 14px;
width: 32px
}
.datepicker_back i {
transition: all .3s
}
.datepicker_back:hover i {
filter: invert(53%) sepia(80%) saturate(5538%) hue-rotate(212deg) brightness(101%) contrast(102%)
}
.datepicker_time_block {
display: flex;
justify-content: space-between;
padding: 8px 16px 0
}
.datepicker_time_block .time_item {
width: 106px
}
.datepicker_time_block .time_item .text {
color: #808185;
font-size: 12px;
line-height: 18px
}
.datepicker_time_block .time_item input {
border: 1px solid #d5d5d6;
border-radius: 8px;
color: #2b2d33;
display: block;
height: 36px;
margin-top: 4px;
padding: 0 12px;
transition: all .3s;
width: 100%
}
.datepicker_time_block .time_item input::-webkit-input-placeholder {
color: #aaabad;
font-weight: 400
}
.datepicker_time_block .time_item input::-moz-placeholder {
color: #aaabad;
font-weight: 400
}
.datepicker_time_block .time_item input:-moz-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.datepicker_time_block .time_item input:-ms-input-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.datepicker_time_block .time_item input:focus::-webkit-input-placeholder {
color: transparent
}
.datepicker_time_block .time_item input:focus:-moz-placeholder,.datepicker_time_block .time_item input:focus::-moz-placeholder {
color: transparent
}
.datepicker_time_block .time_item input:focus:-ms-input-placeholder {
color: transparent
}
.datepicker_time_block .time_item input::-webkit-calendar-picker-indicator {
display: none
}
.datepicker_time_block .time_item input:focus,.datepicker_time_block .time_item input:hover {
border: 1px solid #2b2d33
}
.air-datepicker-nav--action:hover {
background-color: transparent!important
}
.air-datepicker-nav--action:hover i {
filter: invert(38%) sepia(98%) saturate(2633%) hue-rotate(211deg) brightness(99%) contrast(104%)
}
.air-datepicker-nav--action.-disabled- {
cursor: not-allowed!important;
visibility: visible!important
}
.air-datepicker-nav--action.-disabled- i {
filter: invert(88%) sepia(5%) saturate(16%) hue-rotate(13deg) brightness(91%) contrast(93%)
}
.air-datepicker-cell {
color: #2b2d33!important;
font-size: 12px!important
}
.air-datepicker-cell.-focus- {
background-color: #f4f4f4!important
}
.air-datepicker-cell.-current- {
color: #3772ff!important
}
.air-datepicker-cell.-current-.-focus- {
background-color: #3772ff!important;
color: #fff!important
}
.air-datepicker-cell.-in-range- {
background-color: #f4f4f4!important
}
.air-datepicker-nav--title:hover,.air-datepicker-nav--title:hover i {
background-color: transparent!important;
color: #3772ff!important
}
.air-datepicker-cell.-month-.-current-,.air-datepicker-cell.-year-.-current- {
background-color: #3772ff!important;
color: #fff!important
}
.air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade- {
color: #aaabad!important
}
.air-datepicker-cell.-selected- {
background-color: #3772ff!important;
border-radius: 4px!important;
color: #fff!important
}
.air-datepicker-cell.-day-.-other-month-.-selected-,.air-datepicker-cell.-year-.-other-decade-.-selected- {
color: #fff!important
}
.air-datepicker-cell.-range-from-,.air-datepicker-cell.-range-to-,.air-datepicker-cell.-selected-.-focus- {
background-color: #3772ff!important;
border: none!important;
color: #fff!important
}
.air-datepicker-cell.-disabled- {
background-color: transparent!important;
color: #c9c9c9!important;
cursor: not-allowed!important
}
.air-datepicker-body--cells.-months-,.air-datepicker-body--cells.-years- {
grid-auto-rows: 56px!important
}
.air-datepicker-body--cells.-years- {
grid-template-columns: repeat(3,1fr)!important
}
.air-datepicker--pointer {
display: none!important
}
.datepicker_time_block {
animation: show_time 1s
}
@keyframes show_time {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.card_block {
border: 1px solid #e9eaea;
border-radius: 8px;
padding: 24px
}
.card_block.with_scroll {
padding: 24px 8px 24px 24px;
position: relative
}
.card_block.with_scroll .gradient_top {
background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));
height: 20px;
left: 0;
position: absolute;
top: 75px;
width: 100%
}
.card_block.with_scroll .gradient_bottom {
background: linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));
bottom: 24px;
height: 20px;
left: 0;
position: absolute;
width: 100%
}
.grey_icon {
filter: invert(75%) sepia(20%) saturate(2%) hue-rotate(347deg) brightness(99%) contrast(105%)
}
.red_icon {
filter: invert(27%) sepia(58%) saturate(3422%) hue-rotate(341deg) brightness(85%) contrast(112%)
}
.green_icon {
filter: invert(49%) sepia(16%) saturate(2601%) hue-rotate(63deg) brightness(108%) contrast(94%)
}
.yellow_icon {
filter: invert(70%) sepia(44%) saturate(4005%) hue-rotate(357deg) brightness(99%) contrast(84%)
}
.white_icon {
filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%)
}
.blue_icon {
filter: invert(40%) sepia(37%) saturate(7496%) hue-rotate(216deg) brightness(105%) contrast(102%)
}
.pagination_container {
background-color: #fff;
border-top: 1px solid rgba(0,0,0,.05);
bottom: 0;
left: 0;
padding-left: 302px;
padding-right: 54px;
position: fixed;
width: 100%
}
.pagination_container .pagination_wrapper {
align-items: center;
display: flex;
height: 56px;
justify-content: flex-end;
margin: auto;
max-width: 1400px;
width: 100%
}
.pagination_container .pagination_btn_block {
margin-right: auto
}
.pagination_container .pagination_btn_block button {
align-items: center;
display: inline-flex
}
.pagination_container .pagination_btn_block button .number {
align-items: center;
background-color: #fff;
border-radius: 4px;
color: #2b2d33;
display: inline-flex;
height: 20px;
justify-content: center;
margin-left: 8px;
width: 20px
}
.pagination_container .pagination_btn_block .delete {
color: #e31e25;
font-size: 14px;
font-weight: 500;
margin-left: 18px
}
.pagination_container .pagination {
align-items: center;
display: flex;
margin-left: 40px
}
.pagination_container .pagination li {
align-items: center;
border-radius: 4px;
cursor: pointer;
display: inline-flex;
font-weight: 500;
height: 32px;
justify-content: center;
margin: 0 5px;
min-width: 32px;
transition: all .3s
}
.pagination_container .pagination li:hover {
background-color: #f8f8f8;
color: #3772ff
}
.pagination_container .pagination li.prev {
background-image: url(img/uikit/left-arrow-iocn.svg);
background-position: 50%;
background-repeat: no-repeat
}
.pagination_container .pagination li.next {
background-image: url(img/uikit/right-arrow-icon.svg);
background-position: 50%;
background-repeat: no-repeat
}
.pagination_container .pagination li.active {
background-color: #e9eaea
}
.pagination_container p {
color: #808185;
font-size: 14px
}
.pagination_container .input_block {
margin: 0 16px;
width: 100px
}
.pagination_container .input_block.size_xxs {
padding-top: 0
}
.uikit .request-view .main_caption,.uikit.request-view .main_caption {
display: inline-block
}
.uikit .request-view p,.uikit.request-view p {
font-size: 15px;
line-height: 1.2;
padding: 5px 0
}
.uikit .request-view table,.uikit.request-view table {
font-size: 15px;
line-height: 1.2;
margin: 23px 0;
width: 100%
}
.uikit .request-view table tr td,.uikit.request-view table tr td {
padding: 7px 0;
vertical-align: top
}
.uikit .request-view table tr td:first-child,.uikit.request-view table tr td:first-child {
color: #aaabad;
margin-right: 20px;
width: 40%
}
.uikit .request-view .card .roadmap-point,.uikit.request-view .card .roadmap-point {
margin-left: 33px;
padding-bottom: 35px;
position: relative
}
.uikit .request-view .card .roadmap-point span,.uikit.request-view .card .roadmap-point span {
background-color: #3772ff;
border-radius: 100%;
color: #fff;
font-size: 12px;
left: -33px;
line-height: 1.75;
position: absolute;
text-align: center;
top: 1px;
width: 21px;
z-index: 4000
}
.uikit .request-view .card .roadmap-point:before,.uikit.request-view .card .roadmap-point:before {
border-left: 2px dashed #3772ff;
content: "";
height: 100%;
left: -23px;
position: absolute;
top: 1px;
width: 1px
}
.uikit .request-view .card .roadmap-point:last-child:before,.uikit.request-view .card .roadmap-point:last-child:before {
border: none
}
.uikit .request-view .card .roadmap-point table,.uikit.request-view .card .roadmap-point table {
margin: 0
}
.uikit .request-view .vehicle-datetime-start,.uikit.request-view .vehicle-datetime-start {
margin-bottom: 20px
}
.uikit .request-view button.dropdown_item,.uikit.request-view button.dropdown_item {
border-radius: 0;
display: block;
width: 100%
}
.uikit .request-view .modal_scroll_wrapper table,.uikit.request-view .modal_scroll_wrapper table {
margin: 0 0 30px
}
.uikit .request-view .modal_scroll_wrapper h3,.uikit.request-view .modal_scroll_wrapper h3 {
margin: 0 0 20px
}
.uikit .badge {
border-radius: 4px;
color: #2b2d33;
display: inline-block;
flex-shrink: 0;
line-height: 1;
padding: 7px 12px;
text-align: center;
vertical-align: baseline;
white-space: nowrap
}
.uikit .badge.badge-gray {
background-color: #f4f4f4
}
.uikit .badge.badge-red {
background-color: #fee0e0
}
.uikit .badge.badge-yellow {
background-color: #fee9d1
}
.uikit .badge.badge-green {
background-color: #cff1e9
}
.uikit .badge.badge-blue {
background-color: #e6f4fc;
color: #376ae7
}
.uikit .badge.badge-orange {
background-color: #ffe6c1;
color: #d98715
}
.uikit .badge.badge-violet {
background-color: #f0f0fe;
color: #5c50e3
}
.uikit .badge.badge-rose {
background-color: #faeffa;
color: #d652d8
}
.uikit .badge.badge-xs {
font-size: 12px;
line-height: 1.5;
padding: 0 4px
}
.uikit .badge.badge-sm {
font-size: 12px;
line-height: 1.5;
padding: 3px 8px
}
.uikit .badge.badge-light {
color: #2b2d33
}
.uikit .badge.badge-light.badge-blue {
background-color: #e6f4fc
}
.uikit .row_block {
display: flex
}
.uikit .row_block div:last-child {
margin-right: 0
}
.uikit .bw-2 {
flex-basis: 50%!important;
height: 100%;
max-width: 50%;
width: 50%
}
.uikit .bw-3 {
flex-basis: 68%!important;
max-width: 68%;
width: 68%
}
.uikit .w-100 {
max-width: 100%;
width: 100%
}
.uikit .w-auto {
flex-basis: 1%;
flex-grow: 1;
position: relative
}
.uikit .card-wrapper {
display: flex
}
.uikit .card-wrapper.card-column-wrapper {
flex-direction: column;
justify-content: stretch;
margin-right: 26px
}
.uikit .card-wrapper.card-column-wrapper>.card {
width: 100%
}
.uikit .card-wrapper.card-row-wrapper {
align-items: stretch;
flex-direction: row;
margin-bottom: 26px
}
.uikit .card-wrapper.card-grid-wrapper {
display: grid
}
.uikit .card {
border: 1px solid #e9eaea;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 26px;
margin-right: 26px;
overflow: hidden;
padding: 20px
}
.uikit .card.card-p-0 {
padding: 0
}
.uikit .card-content {
flex-grow: 1;
position: relative
}
.uikit .card-footer {
display: flex;
justify-content: end;
margin-top: 16px
}
.uikit .card-header h3,.uikit h4 {
font-size: 20px;
line-height: 24px;
margin: 0 0 8px
}
.uikit .card-radio {
justify-content: center;
padding: 0
}
.uikit .card-radio label {
padding: 14px 40px 14px 14px
}
.uikit .card-radio .card-content {
font-size: 14px;
line-height: 1.43
}
.uikit .card-radio input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 2px solid #d5d5d6;
border-radius: 50%;
display: block;
height: 20px;
margin-right: 5px;
outline: none;
position: absolute;
right: 15px;
transition: all .2s linear;
width: 20px
}
.uikit .card-radio input:checked {
border: 6px solid #3772ff
}
.uikit .card-radio input:checked+label {
background-color: #e6f4fc
}
.uikit .row {
align-items: center;
display: flex;
flex-wrap: nowrap;
margin: 0;
padding: 0;
width: 100%
}
.uikit .row>:not(a,button) {
flex-grow: 1;
margin: 0 7px
}
.uikit .row>:last-child {
margin: 0 0 0 7px
}
.uikit .row.row-m0>* {
margin: 0
}
.uikit .row.row-indent-50>* {
margin: 0 25px
}
.uikit .row.row-indent-50>:first-child {
margin-left: 0
}
.uikit .row.row-indent-40>* {
margin: 0 20px
}
.uikit .row>:first-child {
margin-left: 0
}
.uikit .column {
display: flex;
flex-direction: column
}
.uikit .columns-2 {
display: flex;
flex-flow: row wrap
}
.uikit .columns-2>* {
margin: 0 12px;
width: calc(50% - 12px)
}
.uikit .columns-2>:nth-child(2n) {
margin-right: 0
}
.uikit .columns-2>:nth-child(odd) {
margin-left: 0
}
.uikit .scroll-wrapper {
flex-grow: 1;
margin-right: -17px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 10px;
width: 100%
}
.uikit .scroll-wrapper.scroll-wrapper-50 {
max-height: 50vh
}
.uikit .scroll-wrapper.scroll-wrapper-60 {
max-height: 60vh
}
.uikit .scroll-wrapper.scroll-wrapper-70 {
max-height: 70vh
}
.uikit .scroll-wrapper.scroll-wrapper-90 {
max-height: 89vh
}
.uikit .scroll-wrapper.scroll-wrapper-auto {
max-height: none
}
.uikit .scroll-wrapper.hide-scroll {
-ms-overflow-style: none;
margin-right: 0;
padding-right: 0;
scrollbar-width: none
}
.uikit .scroll-wrapper.hide-scroll::-webkit-scrollbar {
display: none
}
.economics,.view-list {
display: flex;
flex-grow: 1;
padding: 3px 10px;
position: relative
}
.economics .item,.view-list .item {
color: #2b2d33;
flex-basis: 10%;
flex-grow: 1
}
.economics:not(.view-list-headerless,.economics-headerless) .item:first-of-type,.view-list:not(.view-list-headerless,.economics-headerless) .item:first-of-type {
flex-basis: auto;
padding-right: 20px
}
.economics:not(.view-list-headerless,.economics-headerless) .item:first-of-type .planning,.view-list:not(.view-list-headerless,.economics-headerless) .item:first-of-type .planning {
margin-top: 20px
}
.economics .title,.economics:not(.view-list-headerless,.economics-headerless) .item:first-of-type .actually,.economics:not(.view-list-headerless,.economics-headerless) .item:first-of-type .planning,.view-list .title,.view-list:not(.view-list-headerless,.economics-headerless) .item:first-of-type .actually,.view-list:not(.view-list-headerless,.economics-headerless) .item:first-of-type .planning {
color: #808185;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
white-space: nowrap
}
.economics .planning,.view-list .planning {
font-size: 18px;
font-weight: 500;
line-height: 1.22;
white-space: nowrap
}
.economics .actually,.view-list .actually {
font-size: 14px;
font-weight: 400;
line-height: 1.28;
white-space: nowrap
}
.economics.economics-sm .planning,.economics.view-list-sm .planning,.view-list.economics-sm .planning,.view-list.view-list-sm .planning {
font-size: 15px
}
.uikit .input-container.w-100 {
width: 100%
}
.uikit .input-container.w-50 {
width: 50%
}
.uikit .input-icon-container {
align-items: center;
display: flex;
position: relative
}
.uikit .input-icon-container label {
color: #808185;
display: block;
font-size: 14px;
line-height: 1.285
}
.uikit .input-icon-container input {
border-color: #d5d5d6;
border-radius: 8px;
color: #2b2d33;
font-size: 14px;
line-height: 1.285;
padding: 11px 32px 9px 12px;
width: 100%
}
.uikit .input-icon-container .icon {
align-self: center;
padding: 0 11px;
position: absolute;
right: 0
}
.uikit .input-icon-container.input-icon-left input {
padding: 11px 12px 9px 36px
}
.uikit .input-icon-container.input-icon-left .icon {
left: 0;
right: auto
}
.uikit input[type=time] {
padding-right: 12px
}
.uikit .icon-input-wrapper {
align-items: center;
display: flex;
position: relative
}
.uikit .icon-input-wrapper:after {
content: "";
display: inline-block;
height: 24px;
position: absolute;
right: 12px;
width: 24px
}
.uikit .icon-input-wrapper.air_datepicker:after {
background-image: url(img/uikit/calendar-icon.svg)
}
.uikit .icon-input-wrapper input {
padding-right: 40px
}
.uikit .input_block.datepicker_block:after {
display: none
}
.uikit input.input-xl {
height: 48px;
padding: 12px 12px 12px 48px
}
.uikit input.input-lg {
height: 40px;
padding: 11px 40px 11px 12px
}
.uikit .select-checkboxes-block .scroll-wrapper {
box-shadow: 0 4px 20px rgba(0,0,0,.08);
margin-right: 0;
max-height: 170px;
padding-bottom: 0!important;
padding-right: 0
}
.uikit .select-checkboxes-block .select_content {
margin-bottom: 0;
padding-bottom: 10px
}
.no_data_block {
display: flex;
justify-content: center;
margin-top: 70px;
text-align: center
}
.no_data_block.in_content {
margin-top: 30px
}
.no_data_block.indent_right {
padding-right: 250px
}
.no_data_block .center_block {
display: inline-block;
width: 280px
}
.no_data_block .caption {
font-size: 20px;
font-weight: 500;
line-height: 26px;
margin-top: 18px
}
.no_data_block .text {
color: #808185;
font-size: 16px;
line-height: 22px;
margin-top: 8px
}
.no_data_block .link {
margin-top: 40px
}
.no_data_block .link a {
color: #2b2d33;
font-size: 16px;
font-weight: 500;
line-height: 22px
}
.no_data_block .btn_block,.no_data_block .link_btn {
margin-top: 40px
}
.no_registration_block {
display: flex;
justify-content: center;
margin-top: 70px
}
.no_registration_block.indent_right {
padding-right: 210px
}
.no_registration_block .center_block {
background-color: #f0f8fc;
border-radius: 16px;
padding: 60px 54px 50px;
text-align: center;
width: 430px
}
.no_registration_block .center_block .caption {
font-size: 24px;
font-weight: 700;
line-height: 28px;
margin-top: 20px
}
.no_registration_block .center_block .text {
color: #808185;
font-size: 16px;
line-height: 24px;
margin-top: 8px
}
.no_registration_block .center_block .button_md {
margin-top: 28px
}
.loading_spinner_wrapper {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%
}
.loading_spinner_wrapper.full_page {
background-color: rgba(0,0,0,.2);
bottom: 0;
left: 0;
padding-left: 248px;
position: fixed;
right: 0;
top: 0;
z-index: 1001
}
.loading_spinner_wrapper.absolute,.loading_spinner_wrapper.local {
background-color: rgba(0,0,0,.2);
overflow: hidden;
position: absolute;
z-index: 1001
}
.loading_spinner_wrapper.local {
left: 0;
top: 0
}
.loading_spinner_wrapper.mini .loading_spinner {
height: 19px;
width: 19px
}
.loading_spinner {
animation-duration: 1s;
animation-iteration-count: infinite;
animation-name: rotate-spinner;
animation-timing-function: linear;
border-radius: 50%;
display: inline-block;
height: 24px;
width: 24px
}
.loading_spinner.black {
border: 3px solid #2b2d33;
border-right-color: transparent
}
.loading_spinner.blue {
border: 3px solid #3772ff;
border-right-color: transparent
}
.loading_spinner.grey {
border: 3px solid #c9c9c9;
border-right-color: transparent
}
@keyframes rotate-spinner {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.badge-block {
align-items: center;
border-radius: 4px;
color: #2b2d33;
display: inline-flex;
transition: all .3s
}
.badge-block.badge-primary {
background: #e6f4fc
}
.badge-block.badge-success {
background: #e7f8f4
}
.badge-block.badge-success:hover {
background: #cff1e9
}
.badge-block.badge-info {
background: #f0f0fe
}
.badge-block.badge-danger {
background: #ffefef
}
.badge-block.badge-danger:hover {
background: #fbd3d5
}
.badge-block.badge-secondary {
background: #f4f4f4
}
.badge-size-xs {
font-size: 12px;
height: 18px;
padding: 0 4px
}
.badge-size-sm {
font-size: 12px;
height: 24px;
padding: 0 8px
}
.badge-size-md {
font-size: 14px;
height: 32px;
padding: 0 12px
}
.badge-size-lg {
font-size: 14px;
height: 40px;
padding: 0 12px
}
.badge-light {
color: #2b2d33
}
.badge-light.badge-color-blue-1 {
background-color: #e6f4fc
}
.badge-light.badge-color-blue-2 {
background-color: #f0f0fe
}
.badge-light.badge-color-green-1 {
background-color: #e7f8f4
}
.badge-light.badge-color-green-2 {
background-color: #cff1e9
}
.badge-light.badge-color-yellow-1 {
background-color: #fff4e8
}
.badge-light.badge-color-yellow-2 {
background-color: #fee9d1
}
.badge-light.badge-color-red-1 {
background-color: #ffefef
}
.badge-light.badge-color-red-2 {
background-color: #fee0e0
}
.badge-light.badge-color-grey-1 {
background-color: #f8f8f8
}
.badge-light.badge-color-grey-2 {
background-color: #e9eaea
}
.badge-multicolor.badge-color-blue-1 {
background-color: #e6f4fc;
color: #376ae7
}
.badge-multicolor.badge-color-violet-1 {
background-color: #f0f0fe;
color: #5c50e3
}
.badge-multicolor.badge-color-green-1 {
background-color: #e7f8f4;
color: #109878
}
.badge-multicolor.badge-color-green-2 {
background-color: #cff1e9;
color: #109878
}
.badge-multicolor.badge-color-yellow-1 {
background-color: #fff4e8;
color: #cd781a
}
.badge-multicolor.badge-color-yellow-2 {
background-color: #fee9d1;
color: #cd781a
}
.badge-multicolor.badge-color-red-1 {
background-color: #ffefef;
color: #e34b4b
}
.badge-multicolor.badge-color-red-2 {
background-color: #fee0e0;
color: #e34b4b
}
.badge-contrast {
color: #fff
}
.badge-contrast.badge-color-black-1 {
background-color: #55575c
}
.badge-contrast.badge-color-blue-1 {
background-color: #3772ff
}
.badge-contrast.badge-color-blue-2 {
background-color: #82a9ff
}
.badge-contrast.badge-color-blue-3 {
background-color: #4bcbd3
}
.badge-contrast.badge-color-blue-4 {
background-color: #57b6ed
}
.badge-contrast.badge-color-violet-1 {
background-color: #9a99fb
}
.badge-contrast.badge-color-violet-2 {
background-color: #be93f8
}
.badge-contrast.badge-color-violet-3 {
background-color: #dc94dd
}
.badge-contrast.badge-color-yellow-1 {
background-color: #fea17a
}
.badge-contrast.badge-color-yellow-2 {
background-color: #fcb664
}
.badge-contrast.badge-color-yellow-3 {
background-color: #f9c541
}
.badge-contrast.badge-color-red-1 {
background-color: #f095ba
}
.badge-contrast.badge-color-red-2 {
background-color: #fc9696
}
.badge-contrast.badge-color-green-1 {
background-color: #7dd27c
}
.badge-contrast.badge-color-green-2 {
background-color: #a5d05f
}
.badge_xs {
align-items: center;
border-radius: 4px;
display: inline-flex;
font-size: 12px;
height: 18px;
padding: 0 4px;
white-space: nowrap
}
.badge_xs i {
margin-right: 8px
}
.badge_sm {
align-items: center;
border-radius: 4px;
display: inline-flex;
font-size: 12px;
height: 24px;
padding: 0 8px;
white-space: nowrap
}
.badge_sm i {
margin-right: 8px
}
.badge_md {
align-items: center;
border-radius: 4px;
display: inline-flex;
font-size: 14px;
height: 30px;
padding: 0 12px;
white-space: nowrap
}
.badge_md i {
margin-right: 8px
}
.badge_blue {
background-color: #e6f4fc;
color: #2b2d33
}
.badge_blue:hover {
background-color: #cde9fa
}
.badge_purple {
background-color: #f0f0fe;
color: #2b2d33
}
.badge_purple:hover {
background-color: #e1e0fe
}
.badge_light_green {
background-color: #e7f8f4;
color: #2b2d33
}
.badge_green,.badge_light_green:hover {
background-color: #cff1e9
}
.badge_green {
color: #2b2d33
}
.badge_light_yellow {
background-color: #fff4e8;
color: #2b2d33
}
.badge_yellow {
background-color: #fee9d1;
color: #2b2d33
}
.badge_light_red {
background-color: #ffefef;
color: #2b2d33
}
.badge_light_red:hover,.badge_red {
background-color: #fee0e0
}
.badge_red {
color: #2b2d33
}
.badge_light_grey {
background-color: #f8f8f8;
color: #2b2d33
}
.badge_grey,.badge_light_grey:hover {
background-color: #e9eaea
}
.badge_grey {
color: #2b2d33
}
.uikit .filters .input-icon-container.w400 {
width: 400px
}
.uikit .filters .input-icon-container input {
border: 1px solid #d5d5d6
}
.uikit .filters .white_btn {
border: 2px solid #e9eaea
}
.uikit .filters .white_btn:hover {
border: 2px solid #2b2d33
}
.uikit .filters .input_block {
flex-grow: 1;
padding-top: 0
}
.uikit .filters .input_block.search_block input:hover {
padding: 0 12px 0 40px
}
.uikit .filters .input_block input {
border: 2px solid #e9eaea
}
.uikit .filters .input_block input:hover {
border: 2px solid #2b2d33;
padding: 0 12px
}
.uikit .filters .input_block.size_sm {
padding-top: 0
}
.uikit .row:after {
display: none
}
.uikit .row.filters>div {
flex-grow: 0
}
.uikit.autoservices-layout .filters-group {
align-items: center
}
.uikit .filters-group {
border: 1px solid #d5d5d6;
border-radius: 8px;
display: flex;
height: 40px;
padding: 0
}
.uikit .filters-group .filter {
align-items: center;
border-right: 2px solid #e9eaea;
display: flex;
height: 37px;
padding: 0 16px 0 11px
}
.uikit .filters-group .filter:last-child {
border-right: none
}
.uikit .filters-group .filter.dropdown_block .dropdown_caption .text {
padding-right: 28px
}
.uikit .filters-group .filter.dropdown_block .dropdown_caption .text:after {
height: 6px;
width: 10px
}
.uikit .filters-buttons-group .filter,.uikit .filters-checked-group {
border: none
}
.uikit .filters-checked-group .filter {
align-items: center;
background-color: #f8f8f8;
border: none;
border-radius: 16px;
color: #2b2d33;
display: flex;
font-size: 12px;
height: 28px;
line-height: 1.5;
margin-right: 6px;
padding: 12px;
transition: all .3s;
white-space: nowrap
}
.uikit .filters-checked-group .filter:hover {
background-color: #e9eaea
}
.uikit .filters-checked-group .filter .close_icon {
background-color: transparent;
border-radius: 100%;
cursor: pointer;
display: inline-block;
margin-left: 8px;
padding: 4px;
position: relative;
transition: all .3s
}
.uikit .filters-checked-group .filter .close_icon:hover {
background-color: #d5d5d6
}
.uikit .filters-checked-group .filter.route:before {
background-color: #808185;
font-size: 9px;
height: 16px;
margin-right: 4px;
min-width: 16px
}
.uikit .tabs-filters {
display: flex;
list-style: none;
margin: 0;
padding: 0
}
.uikit .tabs-filters .tabs-filters-item {
color: #808185;
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 1.625;
margin-right: 32px;
padding-bottom: 10px;
position: relative;
transition: all .3s
}
.uikit .tabs-filters .tabs-filters-item.active {
color: #2b2d33
}
.uikit .tabs-filters .tabs-filters-item.active:before {
background-color: #3772ff;
border-radius: 4px;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%
}
.uikit .tabs-filters .tabs-filters-item:hover {
color: #2b2d33
}
.uikit .filters-radio-buttons-group {
padding: 5px 6px
}
.uikit .filters-radio-buttons-group label {
border-radius: 4px;
color: #808185;
cursor: pointer;
font-size: 14px;
line-height: 1.285;
margin-right: 10px;
padding: 5px 16px;
transition: background-color .3s
}
.uikit .filters-radio-buttons-group label:last-child {
margin-right: 0
}
.uikit .filters-radio-buttons-group input[type=radio]:checked+label {
background-color: #e9eaea;
color: #2b2d33
}
.uikit .filters-num {
background-color: #2b2d33;
border-radius: 4px;
color: #fff;
margin-left: 4px;
padding: 0 4px
}
.uikit .filters-buttons-list {
border: none;
display: flex;
list-style: none;
margin: 0;
padding: 0
}
.uikit .filters-buttons-list .filters-buttons-list-item {
background-color: #f8f8f8;
border-radius: 16px;
color: #2b2d33;
cursor: pointer;
font-size: 14px;
font-weight: 500;
padding: 5px 16px;
user-select: none
}
.uikit .filters-buttons-list .filters-buttons-list-item:not(:last-child) {
margin-right: 8px
}
.uikit .filters-buttons-list .filters-buttons-list-item.active {
background-color: #2b2d33;
color: #fff
}
.uikit .filters-container.filters-tabs {
display: flex;
list-style: none;
margin: 14px 0;
padding: 0
}
.uikit .filters-container.filters-tabs li {
background: none;
color: #808185;
display: flex;
flex-direction: column;
font-size: 16px!important;
font-weight: 400;
line-height: 1.625;
margin-right: 25px!important;
padding: 0!important
}
.uikit .filters-container.filters-tabs li:last-child {
margin-right: 0!important
}
.uikit .filters-container.filters-tabs li:after {
background-color: transparent;
border-radius: 4px;
content: "";
display: block;
height: 4px;
margin-top: 8px;
width: 100%
}
.uikit .filters-container.filters-tabs li.active {
color: #2b2d33!important
}
.uikit .filters-container.filters-tabs li.active:after {
background-color: #3772ff
}
.landing-qr-block .widget_form {
text-align: left
}
.landing-qr-block .widget_form input::-webkit-inner-spin-button,.landing-qr-block .widget_form input::-webkit-outer-spin-button {
-webkit-appearance: none
}
.landing-qr-block .widget_form input[type=text] {
-moz-appearance: textfield
}
.landing-qr-block .widget_form button {
background-color: #3772ff
}
.landing-qr-block .widget_form button:hover {
background-color: #2f62db
}
.landing-qr-block .widget_form button.b24-form-btn.b24-form-btn-border {
background-color: transparent
}
.landing-qr-block .widget_form [type=checkbox],.landing-qr-block .widget_form [type=radio] {
display: inline-block
}
.landing-qr-block .btn--disabled,.landing-qr-block .btn[disabled] {
background-color: #f2f2f2!important;
border-color: #f2f2f2!important;
color: grey!important;
cursor: not-allowed!important
}
.landing-qr-block .btn--disabled [class^=icon-]:before,.landing-qr-block .btn[disabled] [class^=icon-]:before {
color: grey
}
.landing-qr-block .btn--disabled:hover,.landing-qr-block .btn[disabled]:hover {
background-color: #f2f2f2!important;
border-color: #f2f2f2!important;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
color: grey!important;
cursor: not-allowed!important
}
.landing-qr-block .btn--disabled:hover [class^=icon-]:before,.landing-qr-block .btn[disabled]:hover [class^=icon-]:before {
color: grey!important
}
.landing-qr-block .btn--disabled:before,.landing-qr-block .btn[disabled]:before {
background: #f2f2f2!important
}
.landing-qr-block .btn--disabled .chosen-container-single,.landing-qr-block .btn--disabled .chosen-single,.landing-qr-block .btn[disabled] .chosen-container-single,.landing-qr-block .btn[disabled] .chosen-single {
background-color: #f2f2f2!important;
border-color: #f2f2f2!important;
color: grey!important;
cursor: not-allowed!important
}
.landing-qr-block * {
border: 0;
color: #2b2d33;
margin: 0;
padding: 0
}
.landing-qr-block *,.landing-qr-block :after,.landing-qr-block :before {
box-sizing: border-box
}
.landing-qr-block body {
color: #2b2d33;
font-weight: 300
}
.landing-qr-block input::-webkit-input-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.landing-qr-block input:-moz-placeholder,.landing-qr-block input::-moz-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.landing-qr-block input:-ms-input-placeholder {
color: #aaabad;
font-family: Roboto,sans-serif;
font-weight: 400
}
.landing-qr-block input:focus::-webkit-input-placeholder {
color: transparent
}
.landing-qr-block input:focus:-moz-placeholder,.landing-qr-block input:focus::-moz-placeholder {
color: transparent
}
.landing-qr-block input:focus:-ms-input-placeholder {
color: transparent
}
.landing-qr-block input::-webkit-calendar-picker-indicator {
display: none
}
.landing-qr-block .row:after {
clear: both;
content: "";
display: block
}
.landing-qr-block ul li {
list-style: none
}
.landing-qr-block article,.landing-qr-block aside,.landing-qr-block figcaption,.landing-qr-block figure,.landing-qr-block footer,.landing-qr-block header,.landing-qr-block main,.landing-qr-block nav,.landing-qr-block section {
display: block
}
.landing-qr-block figure {
margin: 1em 40px
}
.landing-qr-block hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
.landing-qr-block th {
font-weight: 400
}
.landing-qr-block a {
-webkit-text-decoration-skip: objects;
background-color: transparent;
cursor: pointer;
text-decoration: none
}
.landing-qr-block b,.landing-qr-block strong {
font-weight: 600
}
.landing-qr-block audio,.landing-qr-block video {
display: inline-block
}
.landing-qr-block audio:not([controls]) {
display: none;
height: 0
}
.landing-qr-block img {
border-style: none
}
.landing-qr-block svg:not(:root) {
overflow: hidden
}
.landing-qr-block button:focus,.landing-qr-block div:focus,.landing-qr-block img:focus,.landing-qr-block input:focus,.landing-qr-block select:focus,.landing-qr-block textarea:focus {
outline: none
}
.landing-qr-block button,.landing-qr-block input,.landing-qr-block optgroup,.landing-qr-block select,.landing-qr-block textarea {
margin: 0
}
.landing-qr-block button,.landing-qr-block input {
overflow: visible
}
.landing-qr-block button,.landing-qr-block select {
text-transform: none
}
.landing-qr-block button {
background-color: transparent;
cursor: pointer;
outline: none
}
.landing-qr-block [type=reset],.landing-qr-block [type=submit],.landing-qr-block button,.landing-qr-block html [type=button] {
-webkit-appearance: button
}
.landing-qr-block [type=button]::-moz-focus-inner,.landing-qr-block [type=reset]::-moz-focus-inner,.landing-qr-block [type=submit]::-moz-focus-inner,.landing-qr-block button::-moz-focus-inner {
border-style: none;
padding: 0
}
.landing-qr-block textarea {
overflow: auto
}
.landing-qr-block [type=checkbox],.landing-qr-block [type=radio] {
box-sizing: border-box;
display: none;
padding: 0
}
.landing-qr-block [type=number]::-webkit-inner-spin-button,.landing-qr-block [type=number]::-webkit-outer-spin-button {
height: auto
}
.landing-qr-block [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
.landing-qr-block [type=search]::-webkit-search-cancel-button,.landing-qr-block [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.landing-qr-block ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
.landing-qr-block details,.landing-qr-block menu {
display: block
}
.landing-qr-block [hidden] {
display: none
}
.landing-qr-block .align-items-start {
align-items: flex-start!important
}
.landing-qr-block .align-items-center {
align-items: center!important
}
.landing-qr-block .justify-content-center {
justify-content: center!important
}
.landing-qr-block .justify-content-between {
justify-content: space-between!important
}
@media (min-width: 768px) {
.landing-qr-block .flex-sm-row {
flex-direction:row!important
}
}
.landing-qr-block .bg-blue {
background-color: #f0f8fc
}
.landing-qr-block .bg-gray {
background-color: #f8f8f8
}
.landing-qr-block .bg-white {
background-color: #fff
}
.landing-qr-block .white-gray {
background-color: #f8f8f8
}
.landing-qr-block .mt-10 {
margin-top: 10px
}
.landing-qr-block .mt-20 {
margin-top: 20px
}
.landing-qr-block .mt-40 {
margin-top: 40px
}
.landing-qr-block .mt-48 {
margin-top: 48px
}
.landing-qr-block .pr-10 {
padding-right: 10px
}
.landing-qr-block .pl-10 {
padding-left: 10px
}
.landing-qr-block .header-bold,.landing-qr-block .text-bold {
font-weight: 700
}
.landing-qr-block .header-regular,.landing-qr-block .text-regular {
font-weight: 400
}
.landing-qr-block .h1,.landing-qr-block .h2,.landing-qr-block .h3 {
font-weight: 700
}
.landing-qr-block .h1 {
font-size: 26px;
line-height: 30px
}
@media (min-width: 768px) {
.landing-qr-block .h1 {
font-size:42px;
line-height: 46px
}
}
@media (min-width: 1280px) {
.landing-qr-block .h1 {
font-size:50px;
line-height: 59px
}
}
.landing-qr-block .h2 {
font-size: 24px;
line-height: 28px
}
@media (min-width: 768px) {
.landing-qr-block .h2 {
font-size:36px;
line-height: 43px
}
}
@media (min-width: 1024px) {
.landing-qr-block .h2 {
font-size:42px;
line-height: 46px
}
}
.landing-qr-block .h3 {
font-size: 24px;
line-height: 28px
}
@media (min-width: 1024px) {
.landing-qr-block .h3 {
font-size:32px;
line-height: 36px
}
}
@media (min-width: 1280px) {
.landing-qr-block .h3 {
font-size:36px;
line-height: 42px
}
}
.landing-qr-block .sub-h {
font-size: 18px;
line-height: 22px
}
@media (min-width: 768px) {
.landing-qr-block .sub-h {
font-size:24px;
line-height: 28px
}
}
.landing-qr-block .t-lg {
font-size: 18px;
line-height: 22px
}
@media (min-width: 768px) {
.landing-qr-block .t-lg {
font-size:20px;
line-height: 28px
}
}
@media (min-width: 1280px) {
.landing-qr-block .t-lg {
font-size:24px;
line-height: 31px
}
}
.landing-qr-block .t-center {
text-align: center
}
.landing-qr-block .link {
color: #2b2d33;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 26px;
transition: color .3s
}
.landing-qr-block .link:hover {
color: #3772ff
}
.landing-qr-block .button {
align-items: center;
color: #fff;
cursor: pointer;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
font-weight: 500;
justify-content: center;
transition: .3s;
transition-property: background-color;
white-space: nowrap
}
.landing-qr-block .button--accent {
background-color: #3772ff
}
.landing-qr-block .button--accent:hover {
background-color: #2f62db
}
.landing-qr-block .button--primary {
background-color: #2b2d33
}
.landing-qr-block .button--primary:hover {
background-color: #000
}
.landing-qr-block .button--disabled {
background-color: #e9eaea;
border: 1px solid #aaabad;
cursor: not-allowed
}
.landing-qr-block .button--disabled:after {
animation-duration: .8s;
animation-iteration-count: infinite;
animation-name: spin;
-webkit-animation-name: spin!important;
animation-timing-function: linear;
background-image: url(img/landing/Spiner.svg);
content: "";
display: block;
height: 24px;
width: 24px
}
.landing-qr-block .button--xxl {
border-radius: 8px;
font-size: 16px;
line-height: 24px;
padding: 13px 24px
}
.landing-qr-block .button--md {
border-radius: 8px;
font-size: 14px;
line-height: 26px;
padding: 5px 20px
}
.landing-qr-block .form-container {
margin-left: auto;
margin-right: auto;
margin-top: 28px;
max-width: 346px
}
@media (min-width: 768px) {
.landing-qr-block .form-container {
margin-top:40px
}
}
.landing-qr-block .input {
border: 1px solid #d5d5d6;
border-radius: 8px;
font-size: 16px;
line-height: 24px;
position: relative;
transition: border-color .1s;
width: 100%
}
.landing-qr-block .input:focus,.landing-qr-block .input:hover {
border: 2px solid #2b2d33;
padding: 13px 11px
}
.landing-qr-block .input--danger {
border: 2px solid #e31e25
}
.landing-qr-block .input--xxl {
height: 52px;
padding: 13px 12px
}
.landing-qr-block .err {
color: #e31e25;
font-size: 14px;
line-height: 18px;
margin-top: 4px;
text-align: left
}
.landing-qr-block .w-100 {
width: 100%
}
.landing-qr-block .list {
font-size: 20px;
line-height: 28px;
padding-left: 12px;
position: relative
}
@media (min-width: 1280px) {
.landing-qr-block .list {
font-size:24px;
line-height: 31px
}
}
.landing-qr-block .list:before {
background-color: #000;
border-radius: 100%;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
top: 12px;
vertical-align: middle;
width: 4px
}
@media (min-width: 1280px) {
.landing-qr-block .list:before {
top:14px
}
}
.landing-qr-block .table-responsive {
overflow-x: auto;
width: 100%
}
.landing-qr-block .table {
border-collapse: collapse;
width: 100%
}
.landing-qr-block .table__label {
font-size: 13px;
font-weight: 500;
line-height: 15px;
padding-bottom: 28px;
text-align: center
}
@media (min-width: 768px) {
.landing-qr-block .table__label {
font-size:18px;
line-height: 23px
}
}
.landing-qr-block .table__text {
font-size: 18px;
line-height: 22px
}
@media (min-width: 768px) {
.landing-qr-block .table__text {
font-size:24px;
line-height: 28px
}
}
.landing-qr-block .table td {
padding: 14px 0
}
@media (min-width: 768px) {
.landing-qr-block .table td {
padding:20px 0
}
}
@media (min-width: 1024px) {
.landing-qr-block .table td {
padding:20px 0
}
}
.landing-qr-block .table td:first-child {
min-width: 150px;
width: 60%
}
.landing-qr-block .table td:nth-child(2),.landing-qr-block .table td:nth-child(4) {
min-width: 20px
}
.landing-qr-block .table td:nth-child(3),.landing-qr-block .table td:nth-child(5) {
max-width: 140px;
min-width: 90px;
width: 20%
}
@media (min-width: 768px) {
.landing-qr-block .table td:nth-child(3),.landing-qr-block .table td:nth-child(5) {
max-width:148px
}
}
@media (min-width: 1024px) {
.landing-qr-block .table td:nth-child(3),.landing-qr-block .table td:nth-child(5) {
max-width:210px
}
}
@media (min-width: 1280px) {
.landing-qr-block .table td:nth-child(3),.landing-qr-block .table td:nth-child(5) {
max-width:295px
}
}
.landing-qr-block .table td:nth-child(3) {
background-color: #f8f8f8
}
.landing-qr-block .table td:nth-child(5) {
background-color: #f0f8fd
}
.landing-qr-block .table td img {
height: 24px;
width: 24px
}
.landing-qr-block .table tr {
margin-right: 20px
}
.landing-qr-block .table tr:first-child td {
background-color: #fff
}
.landing-qr-block .table tr:nth-child(2) td {
padding-top: 36px
}
@media (min-width: 768px) {
.landing-qr-block .table tr:nth-child(2) td {
padding-top:44px
}
}
@media (min-width: 1024px) {
.landing-qr-block .table tr:nth-child(2) td {
padding-top:50px
}
}
.landing-qr-block .table tr:nth-child(2) td:nth-child(3),.landing-qr-block .table tr:nth-child(2) td:nth-child(5) {
border-top-left-radius: 30px;
border-top-right-radius: 30px
}
.landing-qr-block .table tr:last-child {
margin-right: 0
}
.landing-qr-block .table tr:last-child td {
padding-bottom: 28px
}
@media (min-width: 768px) {
.landing-qr-block .table tr:last-child td {
padding-bottom:48px
}
}
@media (min-width: 1024px) {
.landing-qr-block .table tr:last-child td {
padding-bottom:50px
}
}
.landing-qr-block .table tr:last-child td:nth-child(3),.landing-qr-block .table tr:last-child td:nth-child(5) {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px
}
.landing-qr-block .d-flex {
display: flex!important;
flex: 0 1 auto
}
.landing-qr-block .flex-column {
flex-direction: column!important
}
.landing-qr-block .flex-row {
flex-direction: row!important
}
@media (min-width: 768px) {
.landing-qr-block .flex-sm-column {
flex-direction:column!important
}
.landing-qr-block .flex-sm-row {
flex-direction: row!important
}
}
@media (min-width: 1024px) {
.landing-qr-block .flex-md-column {
flex-direction:column!important
}
.landing-qr-block .flex-md-row {
flex-direction: row!important
}
}
.landing-qr-block .w-100 {
width: 100%!important
}
.landing-qr-block .w-50 {
width: 50%!important
}
@media (min-width: 768px) {
.landing-qr-block .w-sm-100 {
width:100%!important
}
.landing-qr-block .w-sm-50 {
width: 50%!important
}
}
@media (min-width: 1024px) {
.landing-qr-block .w-md-100 {
width:100%!important
}
.landing-qr-block .w-md-50 {
width: 50%!important
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn)
}
}
@-moz-keyframes spin {
0% {
opacity: 0;
-moz-transform: rotate(0)
}
to {
opacity: 1;
-moz-transform: rotate(1turn)
}
}
.landing-qr-block .spin {
animation-duration: .8s;
animation-iteration-count: infinite;
animation-name: spin;
-webkit-animation-name: spin!important;
animation-timing-function: linear
}
.landing-qr-block .container-fixed {
margin: 0 auto;
max-width: 1280px;
padding: 0 16px;
width: 100%
}
@media (min-width: 768px) {
.landing-qr-block .container-fixed {
padding:0 60px
}
}
.landing-qr-block .header {
display: block;
width: 100%
}
.landing-qr-block .header__logo {
height: auto;
width: 64px
}
@media (min-width: 768px) {
.landing-qr-block .header__logo {
width:85px
}
}
.landing-qr-block .header-top {
background-color: #fff;
left: 0;
opacity: 0;
padding: 12px 0;
position: fixed;
top: 0;
transition: opacity .1s;
z-index: -10
}
.landing-qr-block .header-top .container-fixed {
display: flex;
justify-content: space-between
}
.landing-qr-block .header-top--fixed {
opacity: 1;
z-index: 10
}
.landing-qr-block .header-bottom {
background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.919) 25%,#fff 60%);
bottom: -100%;
display: flex;
left: 0;
padding: 25px 16px 16px;
position: fixed;
transition: .3s;
z-index: 10
}
@media (min-width: 768px) {
.landing-qr-block .header-bottom {
padding:25px 60px 16px
}
}
.landing-qr-block .header-bottom--fixed {
bottom: 0;
justify-content: center
}
.landing-qr-block .header__logo,.landing-qr-block .logo {
height: auto;
width: 64px
}
@media (min-width: 768px) {
.landing-qr-block .header__logo,.landing-qr-block .logo {
width:85px
}
}
.landing-qr-block .logo {
display: block;
margin-top: 30px
}
@media (min-width: 768px) {
.landing-qr-block .logo {
margin-top:56px
}
}
.landing-qr-block .main {
padding-bottom: 100px;
padding-top: 90px
}
@media (min-width: 768px) {
.landing-qr-block .main {
padding-bottom:100px;
padding-top: 106px
}
}
@media (min-width: 1024px) {
.landing-qr-block .main {
padding-bottom:132px;
padding-top: 106px
}
}
.landing-qr-block .main .h1 {
padding-right: 22px;
position: relative
}
@media (min-width: 768px) {
.landing-qr-block .main .h1 {
padding-right:35px
}
}
@media (min-width: 1280px) {
.landing-qr-block .main .h1 {
padding-right:40px
}
}
.landing-qr-block .main .h1:after {
background-image: url(img/landing/fire.svg);
background-size: cover;
content: "";
height: 28px;
margin-left: 4px;
position: absolute;
width: 22px
}
@media (min-width: 768px) {
.landing-qr-block .main .h1:after {
height:43px;
width: 35px
}
}
@media (min-width: 1280px) {
.landing-qr-block .main .h1:after {
height:50px;
width: 40px
}
}
.landing-qr-block .bnr {
border-radius: 20px;
overflow: hidden;
position: relative
}
.landing-qr-block .bnr-lg {
align-items: start;
background-color: #f0f8fc;
display: flex;
flex-wrap: wrap;
width: 100%
}
@media (min-width: 768px) {
.landing-qr-block .bnr-lg {
margin:0 10px 0 0;
width: 50%
}
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-lg {
margin-bottom:0;
width: 100%
}
}
.landing-qr-block .bnr-lg__content {
order: 2;
padding: 28px;
width: 100%
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-lg__content {
padding:60px 0 72px 60px;
padding: 100px 0 150px 100px;
width: 50%
}
}
.landing-qr-block .bnr-lg__content .button {
width: 100%
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-lg__content .button {
width:auto
}
}
.landing-qr-block .bnr-lg__header {
font-size: 24px;
line-height: 28px
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-lg__header {
font-size:42px;
line-height: 46px
}
}
.landing-qr-block .bnr-lg__img {
display: block;
height: auto;
order: 1;
padding-left: 28px;
width: 100%
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-lg__img {
order:2;
width: 50%
}
}
.landing-qr-block .bnr-md {
background-color: #f8f8f8;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 12px;
padding: 28px 0 0 28px;
width: 100%
}
@media (min-width: 768px) {
.landing-qr-block .bnr-md {
height:100%;
margin-left: 10px;
margin-top: 20px;
width: calc(100% - 10px)
}
.landing-qr-block .bnr-md:first-child {
margin-top: 0
}
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-md {
height:auto;
padding: 50px 0 0 50px;
width: 50%
}
.landing-qr-block .bnr-md:first-child {
margin: 20px 10px 0 0
}
.landing-qr-block .bnr-md:last-child {
margin-left: 10px
}
}
@media (min-width: 1280px) {
.landing-qr-block .bnr-md {
padding:60px 0 0 60px
}
}
.landing-qr-block .bnr-md__img {
display: flex;
justify-content: end;
margin-top: 40px;
width: 100%
}
.landing-qr-block .bnr-md__img img {
height: 151px
}
@media (min-width: 1024px) {
.landing-qr-block .bnr-md__img img {
height:227px
}
}
@media (min-width: 1280px) {
.landing-qr-block .bnr-md__img img {
height:267px
}
}
.landing-qr-block .cta {
padding: 120px 0 100px
}
@media (min-width: 1280px) {
.landing-qr-block .cta {
padding:160px 0 100px;
padding: 180px 0 86px
}
}
@media (min-width: 768px) {
.landing-qr-block .cta .form-container.button {
margin-top:48px
}
.landing-qr-block .cta .form-container.link {
margin-top: 32px
}
}
.landing-qr-block .feedback {
padding: 100px 0
}
@media (min-width: 768px) {
.landing-qr-block .feedback {
padding:180px 0
}
}
@media (min-width: 1280px) {
.landing-qr-block .feedback {
padding:200px 0
}
}
.landing-qr-block .footer {
border-top: 1px solid #f8f8f8;
padding-bottom: 88px
}
.landing-qr-block .footer__content {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 16px
}
@media (min-width: 580px) {
.landing-qr-block .footer__content {
flex-direction:row;
flex-wrap: wrap;
justify-content: space-evenly;
padding-bottom: 0
}
}
.landing-qr-block .footer-item {
padding-right: 24px;
padding-top: 44px
}
@media (min-width: 768px) {
.landing-qr-block .footer-item {
padding-top:60px
}
}
.landing-qr-block .footer-item:last-child {
padding-right: 0
}
.landing-qr-block .footer-item__content {
display: flex
}
.landing-qr-block .footer-item__header {
font-size: 18px;
font-weight: 700;
line-height: 23px;
margin-bottom: 28px
}
.landing-qr-block .footer-item__link,.landing-qr-block .footer-item__text {
color: #333;
margin-right: 100px;
transition: .3s
}
.landing-qr-block .footer-item__link:first-child,.landing-qr-block .footer-item__text:first-child {
margin-top: 0
}
.landing-qr-block .footer-item__link:visited {
color: #333
}
.landing-qr-block .footer-item__link:active,.landing-qr-block .footer-item__link:hover {
color: #3772ff;
text-decoration: underline
}
.fota_panel {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 40px
}
.fota_panel .input_block.size_sm {
padding: 0
}
.fota_panel .left_block {
align-items: center;
display: flex
}
.fota_panel .left_block .search_block {
margin-right: 8px;
width: 425px
}
.fota_panel .right_block {
align-items: center;
display: flex
}
.fota_panel .right_block .input_block {
margin-right: 8px
}
.fota_result_data_validation {
align-items: center;
display: flex;
margin-top: 15px
}
.fota_result_data_validation .result_item {
align-items: center;
display: flex;
margin-right: 25px
}
.fota_result_data_validation .result_item i {
margin-right: 8px
}
.fota_result_data_validation .result_item span {
font-weight: 700;
margin-right: 4px
}
.fota_result_data_validation button {
margin-left: auto
}
.message_container {
bottom: 80px;
position: fixed;
right: 24px
}
.message_container .message_item {
align-items: center;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
display: flex;
padding: 16px 46px 16px 16px;
width: 432px
}
.message_container .message_item .close_btn {
cursor: pointer;
position: absolute;
right: 14px;
top: 16px
}
.message_container .message_item .icon_block {
align-items: center;
border-radius: 50%;
display: inline-flex;
height: 56px;
justify-content: center;
margin-right: 19px;
min-width: 56px;
width: 56px
}
.message_container .message_item .icon_block.done_icon {
background-color: #ebf7e7
}
.message_container .message_item .text_block .caption {
font-size: 16px;
font-weight: 500;
line-height: 26px
}
.message_container .message_item .text_block .text {
color: #808185;
font-size: 14px;
line-height: 18px
}
.uikit .popup-wrapper {
cursor: pointer;
font-size: 14px;
line-height: 1.285;
position: relative;
transition: all .3s
}
.uikit .popup-wrapper .popup-caption {
align-items: center;
display: flex;
padding-right: 28px;
position: relative;
white-space: nowrap
}
.uikit .popup-wrapper .popup-caption .icon {
display: inline-block;
height: 5px;
position: absolute;
right: 0;
top: 6px;
width: 8px
}
.uikit .popup-wrapper .popup-caption.popup-caption-no-icon {
padding-right: 0
}
.uikit .popup-wrapper .tab_head-item {
background-color: #f8f8f8;
border-radius: 16px;
color: #2b2d33;
font-size: 14px!important;
font-weight: 500;
line-height: 1.285!important;
margin-right: 8px!important;
padding: 5px 16px!important;
white-space: nowrap
}
.uikit .popup-wrapper .tab_head-item.active {
background-color: #2b2d33;
color: #fff!important
}
.uikit .popup-wrapper .tab_head-item.active:before {
display: none
}
.uikit .popup-wrapper .tab_head-item:last-child {
margin-right: 0!important
}
.uikit .popup-wrapper .popup-content-wrapper {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 8px 32px rgba(0,0,0,.08);
display: none;
flex-direction: column;
left: 0;
min-width: 300px;
overflow: hidden;
padding: 24px;
position: absolute;
top: 41px;
z-index: 99999
}
.uikit .popup-wrapper .popup-header {
color: #2b2d33;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
padding-bottom: 16px
}
.uikit .popup-wrapper .popup-content {
flex-grow: 1;
padding-bottom: 90px
}
.uikit .popup-wrapper .popup-content .column>* {
margin-bottom: 12px
}
.uikit .popup-wrapper .popup-content .column>:last-child {
margin-bottom: 0
}
.uikit .popup-wrapper .popup-content .columns-2>* {
margin-bottom: 12px
}
.uikit .popup-wrapper .popup-content .columns-2>:last-child,.uikit .popup-wrapper .popup-content .columns-2>:nth-child(-1) {
margin-bottom: 0
}
.uikit .popup-wrapper .popup-footer {
background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 14.29%);
bottom: 0;
display: flex;
justify-content: flex-end;
left: 0;
padding: 24px;
position: absolute;
right: 0
}
.uikit .popup-wrapper .popup-footer>* {
margin-right: 12px
}
.uikit .popup-wrapper .popup-footer>:last-child {
margin-right: 0
}
.uikit .popup-wrapper.active {
background-color: #f8f8f8
}
.uikit .popup-wrapper.active .popup-content-wrapper {
display: flex
}
.uikit .popup-wrapper:hover {
background-color: #f8f8f8
}
.uikit .popup-scroll-wrapper {
flex-grow: 1;
overflow-x: hidden;
padding-right: 10px
}
.uikit .btn {
white-space: nowrap
}
.group_block {
display: flex;
width: 100%
}
.group_block.group_xs .group_item,.group_block.group_xs .more_btn {
height: 18px;
line-height: 18px;
padding: 0 4px
}
.group_block.group_sm .group_item,.group_block.group_sm .more_btn {
height: 24px;
line-height: 24px;
padding: 0 8px
}
.group_block .group_text {
margin-right: 3px;
max-width: calc(100% - 25px)
}
.group_block .group_item {
background-color: #e9eaea;
border-radius: 4px;
display: inline-block;
font-size: 12px;
margin: 4px 4px 0 0;
max-width: 100%;
overflow: hidden;
padding: 1px 2px;
text-overflow: ellipsis;
white-space: nowrap
}
.group_block .more_btn {
align-items: center;
background-color: #f4f4f4;
border-radius: 4px;
display: inline-flex;
font-size: 12px;
margin-top: 4px
}
.uikit .route {
display: flex
}
.uikit .route:before {
align-items: center;
background-color: #4b4b4b;
border-radius: 100%;
color: #fff;
display: flex;
font-size: 12px;
font-weight: 700;
height: 21px;
justify-content: center;
line-height: 1;
margin-right: 8px;
min-width: 21px
}
.uikit .route.route-from:before {
content: "А"
}
.uikit .route.route-to:before {
content: "Б"
}
.scroll_content {
height: calc(100vh - 62px);
overflow: auto
}
.scroll_content .scroll_page_head {
background: #fff;
padding: 50px 32px 0
}
.scroll_content .scroll_page_content {
margin-top: 14px;
padding: 0 32px 76px
}
.scroll_content .scroll_page_fixed {
background: #fff;
padding: 16px 32px;
position: sticky;
top: 0;
z-index: 100
}
.filter-block {
align-items: center;
display: flex;
gap: 12px
}
.filter-block .w144 {
min-width: 144px;
width: 144px
}
.filter-block .w240 {
min-width: 240px;
width: 240px
}
.refueling-info-block {
align-items: center;
display: flex;
gap: 12px;
margin-bottom: 16px
}
.refueling-info-block .refueling-info-item {
align-items: center;
border: 1px solid #e9eaea;
border-radius: 12px;
display: flex;
padding: 16px;
width: 100%
}
.refueling-info-block .refueling-info-item .icon-block {
margin-right: 20px
}
.refueling-info-block .refueling-info-item .text-block .text {
color: #aaabad;
font-size: 13px;
font-weight: 400;
line-height: 15px
}
.refueling-info-block .refueling-info-item .text-block .info {
color: #2b2d33;
font-size: 18px;
font-weight: 500;
line-height: 22px;
margin-top: 4px
}
.refueling-row {
border: 1px solid #e9eaea;
border-radius: 8px;
display: flex;
font-size: 13px;
gap: 32px;
line-height: 15px;
margin-top: 12px;
min-width: 1000px;
padding: 8px
}
.refueling-row .warning_ring_icon {
transition: all .3s
}
.refueling-row .warning_ring_icon.grey_icon:hover {
filter: invert(55%) sepia(9%) saturate(119%) hue-rotate(191deg) brightness(90%) contrast(95%)
}
.refueling-row .warning_ring_icon.yellow_icon {
filter: invert(77%) sepia(9%) saturate(2744%) hue-rotate(338deg) brightness(103%) contrast(98%)
}
.refueling-row .warning_ring_icon.yellow_icon:hover {
filter: invert(42%) sepia(98%) saturate(461%) hue-rotate(352deg) brightness(101%) contrast(87%)
}
.refueling-row .item-auto {
min-width: 260px;
padding: 12px;
width: 260px
}
.refueling-row .item-auto .info-top {
margin-top: 8px
}
.refueling-row .item-auto .info {
margin-top: 6px
}
.refueling-row .item-auto .odometer-block {
align-items: center;
display: flex;
margin-top: 12px
}
.refueling-row .item-auto .odometer-block .odometer {
color: #aaabad;
margin-right: 8px
}
.refueling-row .item-driver {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 350px;
min-width: 220px;
padding: 12px;
width: 100%
}
.refueling-row .item-driver .limit-block {
align-items: center;
display: flex;
line-height: 16px
}
.refueling-row .item-driver .limit-block .limit {
color: #aaabad;
margin-right: 8px
}
.refueling-row .item-driver .limit-block .tooltip_block {
margin-left: 5px
}
.refueling-row .item-refueling {
background: #f8f8f8;
border-radius: 8px;
display: flex;
justify-content: space-between;
min-width: 300px;
padding: 12px;
width: 300px
}
.refueling-row .item-refueling .icon-block .yandex-icon {
background-image: url(img/uikit/yandex.svg);
height: 20px;
min-width: 20px;
width: 20px
}
.refueling-row .item-refueling .text-block {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between
}
.refueling-row .item-refueling .text-block .price {
margin-top: 10px
}
.refueling-row .item-refueling .text-block .price-liter {
margin-top: 4px
}
.refueling-row .item-refueling .text-block .price-liter span {
color: #808185
}
.refueling-row .item-refueling .text-block .link {
color: #2b2d33;
font-size: 14px;
font-weight: 500;
line-height: 18px;
transition: all .3s
}
.refueling-row .item-refueling .text-block .link:hover {
color: #3772ff
}
.refueling-row .item-refueling .icon-block .fuel-img {
width: 55px
}
.refueling-row .item-sensor {
min-width: 200px;
padding: 12px;
width: 200px
}
.refueling-row .item-sensor .sensor-row {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-top: 8px
}
.refueling-row .item-sensor .sensor-row .left {
align-items: center;
color: #aaabad;
display: flex;
line-height: 20px
}
.refueling-row .item-sensor .sensor-row .left .tooltip {
line-height: 0;
margin-left: 5px
}
.refueling-row .item-sensor .sensor-row .left .tooltip .warning_ring_icon {
cursor: pointer
}
.refueling-row .item-sensor .sensor-row .right {
text-align: right
}
.refueling-row .item-sensor .sensor-row .right .sub-text {
align-items: center;
color: #aaabad;
display: flex;
font-size: 12px;
justify-content: flex-end;
line-height: 16px;
margin-top: 2px
}
.refueling-row .item-sensor .sensor-row .right .sub-text .arrow {
background-image: url(img/uikit/refueling-arrow.svg);
height: 16px;
margin: 0 4px;
width: 16px
}
.refueling-row .item-sensor .sensor-row .right .sub-text span {
white-space: nowrap
}
.refueling-row .item-address {
display: flex;
flex-direction: column;
padding: 12px;
width: 100%
}
.refueling-row .item-address .caption-block {
align-items: center;
display: flex;
line-height: 20px;
margin-bottom: 8px
}
.refueling-row .item-address .caption-block .warning_ring_icon {
margin-left: 5px
}
.refueling-row .item-address .text {
color: #aaabad;
font-size: 12px;
line-height: 14px
}
.refueling-row .item-address .date {
margin-top: auto
}
.org-table .icon-btn {
opacity: 0;
transition: all .15s
}
.org-table .table_row:hover .icon-btn {
opacity: 1
}
.uikit .users-table .dropdown_block {
opacity: 0;
transition: opacity .15s
}
.uikit .users-table .table_row:hover .dropdown_block {
opacity: 1
}
.uikit .roles-table .table_row button {
opacity: 0;
transition: opacity .15s
}
.uikit .roles-table .table_row:hover button {
opacity: 1
}
.requests-list-table td:first-child {
width: 160px
}
.requests-list-table td:nth-child(2),.requests-list-table td:nth-child(3) {
width: max(18vw,220px)
}
.requests-list-table td:nth-child(4) {
width: 150px
}
.requests-list-table td:nth-child(6) {
width: 136px
}
.requests-list-table .request-id-wrapper {
color: #2b2d33;
margin-top: 7px
}
.requests-list-table .request-id-wrapper .id {
color: #808185;
margin-right: 8px
}
.requests-list-table .date-time-wrapper {
color: #aaabad;
margin-top: 6px
}
.requests-list-table .date-time-wrapper .date {
margin-right: 3px
}
.requests-list-table .city {
font-size: 15px;
font-weight: 600;
line-height: 1.2
}
.requests-list-table .company-name {
margin-top: 11px
}
.requests-list-table .driver-name {
font-size: 14px;
font-weight: 600;
line-height: 1.285
}
.requests-list-table .vehicle-number {
border: 1px solid #55575c;
border-radius: 4px;
display: inline-block;
margin-top: 6px;
padding: 3px 8px
}
.requests-list-table .cargo {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.requests-list-table .price {
font-size: 15px;
font-weight: 600;
line-height: 1.285;
white-space: nowrap
}
.requests-list-table .taxes-info {
color: #aaabad;
margin-top: 6px
}
.uikit .popup-content-wrapper {
max-height: 486px
}
.uikit .popup-content-wrapper .input_block {
padding-top: 0
}
.uikit .popup-content-wrapper .datepicker_block:after {
top: 15px
}
.uikit .popup-content-wrapper.route-date {
width: 346px
}
.uikit .popup-content-wrapper.cargo {
width: 365px
}
.calc-form {
padding: 30px
}
.calc-form .label {
white-space: nowrap
}
.calc-form h3 {
margin-bottom: 25px
}
.uikit.add-task .modal {
padding-left: 0;
padding-right: 0;
text-align: center
}
.uikit.add-task h2 {
line-height: 1.1;
text-align: center
}
.uikit.add-task .text-block {
font-weight: 700;
position: absolute;
right: 50px;
text-align: left;
top: 0;
width: 250px
}
.uikit.add-task .text-block .header {
font-size: 17px;
line-height: 1.29
}
.uikit.add-task .text-block .text {
font-size: 15px;
line-height: 1.28
}
.uikit.add-task .modal-content {
width: 986px
}
.uikit.add-task .select-type {
width: 272px
}
.uikit.add-task .bg-warning-light {
padding: 12px
}
.uikit.add-task .bg-warning-light .input_block {
display: flex;
justify-content: center
}
.uikit.add-task .bg-warning-light .input_block input {
border-radius: 0
}
.uikit.add-task .form-row {
margin: 0 auto;
width: 497px
}
.uikit.add-task .input_block {
padding-top: 0
}
.uikit.add-task .economics {
padding: 0 100px
}
.uikit.add-task .economics .item {
text-align: left
}
.uikit.add-task .modal-footer {
padding: 19px 50px!important
}
.uikit.add-task .btn--success {
background-color: #34b012;
margin-left: 20px
}
.uikit.add-task .label {
color: #2b2d33;
font-size: 16px;
font-style: normal;
font-weight: 400;
opacity: 1;
position: relative
}
.uikit.add-task .icon-calendar {
bottom: 25%;
position: absolute;
right: 10px
}
.uikit.add-task .input_block.size_md {
max-width: 48%
}
.uikit.add-task .d-block.autocomplete,.uikit.add-task .input-container input,.uikit.add-task .select-autocomplete-container {
font-size: 16px;
height: 48px
}
.purpose-vehicle-modal .card {
margin-bottom: 8px
}
.purpose-vehicle-modal .modal-footer>button:not(:last-child) {
margin-right: 10px
}
.purpose-vehicle-modal .vehicle-list .badge {
font-size: 12px;
margin-top: 8px
}
.purpose-vehicle-modal .route .date {
margin-left: .4em
}
.purpose-vehicle-modal .economics {
border-bottom: 1px solid #e9eaea;
padding: 24px 2.35vw
}
.purpose-vehicle-modal .label {
font-size: 14px;
line-height: 1.28;
margin-bottom: 4px
}
.purpose-vehicle-modal .scroll-wrapper {
left: 0;
position: relative;
right: -17px;
width: auto
}
.uikit .tms-temp .chosen-single,.uikit.tms-temp .chosen-single {
border-radius: 8px;
padding: 18px 12px
}
.uikit .tms-temp .chosen-container-single .chosen-single div:before,.uikit.tms-temp .chosen-container-single .chosen-single div:before {
line-height: 54px
}
.uikit .tms-temp .input_block.focus input,.uikit.tms-temp .input_block.focus input {
border: 1px solid #d5d5d6
}
.uikit .tms-temp .chosen-container-multi .chosen-choices,.uikit.tms-temp .chosen-container-multi .chosen-choices {
border-radius: 8px;
line-height: 24px;
min-height: 54px;
padding: 9px 40px 9px 14px
}
.uikit .tms-temp .chosen-container-multi .chosen-choices:after,.uikit.tms-temp .chosen-container-multi .chosen-choices:after {
background-image: url(img/uikit/select-arrow.svg);
content: "";
display: inline-block;
height: 8px;
position: absolute;
right: 17px;
top: 25px;
transition: all .3s;
width: 13px
}
.uikit .tms-temp .chosen-container-multi .chosen-choices .search-choice,.uikit.tms-temp .chosen-container-multi .chosen-choices .search-choice {
background: none;
border: none;
color: #2b2d33;
font-size: 16px;
padding: 5px 0
}
.uikit .tms-temp .chosen-container-multi .chosen-choices .search-choice span:after,.uikit.tms-temp .chosen-container-multi .chosen-choices .search-choice span:after {
content: ",";
display: inline
}
.uikit .tms-temp .chosen-container-multi .chosen-choices .search-choice-close,.uikit.tms-temp .chosen-container-multi .chosen-choices .search-choice-close {
display: none
}
.uikit .tms-temp .autocomplete-block .autocomplete-head,.uikit.tms-temp .autocomplete-block .autocomplete-head {
height: 54px
}
.uikit .tms-temp .autocomplete-block .autocomplete-head input,.uikit .tms-temp .input-block.focus.autocomplete-block .autocomplete-head input,.uikit.tms-temp .autocomplete-block .autocomplete-head input,.uikit.tms-temp .input-block.focus.autocomplete-block .autocomplete-head input {
border: none;
height: 100%
}
.uikit .tms-temp .autocomplete-block .autocomplete-content,.uikit.tms-temp .autocomplete-block .autocomplete-content {
top: 54px
}
.uikit .tms-temp .input.autocomplete-block,.uikit.tms-temp .input.autocomplete-block {
border: none
}
.uikit .tms-temp .autocomplete-block .autocomplete-head,.uikit.tms-temp .autocomplete-block .autocomplete-head {
border: 1px solid #d5d5d6;
border-radius: 8px
}
.uikit .tms-temp .input_block.datepicker_block:after,.uikit.tms-temp .input_block.datepicker_block:after {
display: none
}
.uikit .tms-temp .autocomplete,.uikit .tms-temp input:not([type=radio]),.uikit.tms-temp .autocomplete,.uikit.tms-temp input:not([type=radio]) {
height: 48px!important
}
.uikit .tms-temp .input-icon-container span,.uikit.tms-temp .input-icon-container span {
padding: 0 11px;
position: absolute;
right: 0
}
.table_row .dropdown_block {
width: 100%
}
.fix_content_footer {
background-color: #fff;
bottom: 0;
left: 0;
padding: 10px 0 10px 248px;
position: fixed;
transition: padding-left .2s ease-out;
width: 100%;
z-index: 1
}
.fix_content_footer.sidebar-collapsed {
padding-left: 70px
}
.fix_content_footer.position-static {
position: static
}
.fix_content_footer .content_footer {
display: flex;
justify-content: flex-end;
margin: auto;
max-width: 762px
}
.toggle_block input:checked+.toggle {
background-color: #3772ff
}
.toggle_block input:checked+.toggle:before {
left: 21px
}
.toggle_block .toggle {
background: #e9eaea;
border-radius: 16px;
cursor: pointer;
display: inline-block;
height: 24px;
position: relative;
transition: all .3s;
width: 40px
}
.toggle_block .toggle:before {
background-color: #fff;
border-radius: 50%;
content: "";
height: 14px;
left: 5px;
position: absolute;
top: 5px;
transition: all .3s;
width: 14px
}
.sidebar-map {
background-color: #fff;
box-shadow: 0 8px 32px rgba(0,0,0,.08);
height: 100vh;
max-width: 390px;
padding: 24px 24px 40px;
position: relative;
width: 390px
}
.sidebar-map .header {
display: flex;
justify-content: space-between;
margin-bottom: 28px;
width: 100%
}
.sidebar-map h1 {
color: #2b2d33;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin: 0;
padding: 0
}
.sidebar-map .fade-gradient {
background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff 27.78%);
bottom: 0;
height: 78px;
left: 0;
padding: 20px 0 16px;
position: absolute;
right: 0
}
.autoservices-layout textarea {
border-width: 2px
}
.autoservices-layout .cell-create-time {
max-width: 135px;
min-width: 135px;
width: 135px
}
.autoservices-layout .cell-status {
max-width: 197px;
min-width: 197px;
width: 197px
}
.autoservices-layout .cell-vehicle {
max-width: 179px;
min-width: 179px;
width: 179px
}
.autoservices-layout .cell-driver,.autoservices-layout .cell-head,.autoservices-layout .cell-org {
max-width: 144px;
min-width: 144px;
width: 144px
}
.autoservices-layout .cell-issue-time {
max-width: 154px;
min-width: 154px;
width: 154px
}
.autoservices-layout .cell-service-name {
max-width: 144px;
min-width: 144px;
width: 144px
}
.autoservices-layout .input_block .label,.autoservices-layout .uikit-formgroup-text-label {
opacity: 1!important
}
.autoservices-layout .btn-add-autoservice {
height: 32px;
width: 32px
}
.autoservices-layout .filters-buttons-list {
margin-bottom: 20px;
margin-top: 9px
}
.autoservices-layout .scroll-wrapper {
margin-right: -15px;
max-height: calc(100vh - 200px);
padding-bottom: 60px;
padding-right: 10px;
width: auto
}
.autoservices-layout .card-column-wrapper {
margin-right: 0
}
.autoservices-layout .card-autoservice {
margin: 0 0 8px;
padding: 20px 75px 20px 20px;
position: relative;
width: 100%
}
.autoservices-layout .card-autoservice .card-header {
display: flex;
justify-content: space-between;
margin-bottom: 8px
}
.autoservices-layout .card-autoservice h3 {
color: #2b2d33;
font-size: 15px;
font-weight: 500;
line-height: 1.2
}
.autoservices-layout .card-autoservice .dropdown_block {
position: absolute;
right: 12px;
top: 12px
}
.autoservices-layout .address {
color: #808185;
font-size: 13px;
line-height: 1.1538;
margin-bottom: 8px
}
.autoservices-layout .time-info {
align-items: center;
color: #2b2d33;
display: flex;
font-size: 12px;
line-height: 1.5;
margin-bottom: 18px
}
.autoservices-layout .time-info:before {
border-radius: 100%;
content: "";
display: inline-block;
height: 6px;
margin-right: 4px;
width: 6px
}
.autoservices-layout .time-info.time-open:before {
background-color: #109878
}
.autoservices-layout .time-info.time-close:before {
background-color: #e34b4b
}
.autoservices-layout .time-info .badges-wrapper {
display: flex
}
.autoservices-layout .time-info .badges-wrapper>:not(:last-child) {
margin-right: 4px
}
.autoservices-layout .copy-wrapper {
align-items: flex-end;
display: flex;
justify-content: space-between
}
.autoservices-layout .copy-wrapper .copy-content>:last-child {
margin-bottom: 0
}
.autoservices-layout .map-top-panel {
display: flex;
left: 20px;
position: absolute;
top: 20px;
z-index: 999
}
.autoservices-layout .map-top-panel>:not(:last-child) {
margin-right: 12px
}
.autoservices-layout .map-top-panel .input-icon-container {
min-width: 328px
}
.autoservices-layout .map-top-panel .map-top-panel-search {
box-shadow: 0 4px 20px rgba(0,0,0,.08)
}
.autoservices-layout.autoservices-layout-inner .breadcrump {
color: #808185;
margin-bottom: 28px
}
.autoservices-layout.autoservices-layout-inner .header {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 28px
}
.autoservices-layout.autoservices-layout-inner .scroll-wrapper {
min-height: inherit;
padding-bottom: 111px
}
.autoservices-layout.autoservice-layout h1 {
font-size: 16px;
font-weight: 500;
line-height: 1.625;
margin-bottom: 8px
}
.autoservices-layout.autoservice-layout .info-wrapper {
align-items: flex-start;
display: flex;
justify-content: space-between;
margin-bottom: 18px
}
.autoservices-layout.autoservice-layout .address {
margin-right: 12px
}
.autoservices-layout.autoservice-layout .distance {
align-items: center;
display: flex;
white-space: nowrap
}
.autoservices-layout.autoservice-layout .distance:before {
background-image: url(img/uikit/terminal-on-map-icon.svg);
background-position: 50%;
background-size: contain;
content: "";
display: inline-block;
height: 18px;
margin-right: 6px;
min-width: 16px;
width: 16px
}
.autoservices-layout.autoservice-layout .info-full-wrapper {
margin-bottom: 40px;
width: 100%
}
.autoservices-layout.autoservice-layout .info-full-wrapper .info-header {
color: #aaabad;
font-size: 13px;
line-height: 1.1538;
margin-bottom: 10px;
padding-right: 38px
}
.autoservices-layout.autoservice-layout .info-full-wrapper .info {
color: #2b2d33;
font-size: 15px;
line-height: 1.2;
margin-bottom: 18px;
padding-right: 38px
}
.autoservices-layout .autoservice-add-layout h1 {
font-size: 20px;
line-height: 1.2
}
.autoservices-layout .autoservice-add-layout .sidebar-map .fade-gradient {
height: 57px;
padding-left: 20px;
padding-right: 20px
}
.autoservices-layout .sidebar-form {
width: 100%
}
.autoservices-layout .sidebar-form .form-section-header-wrapper {
margin-bottom: 16px;
width: 100%
}
.autoservices-layout .sidebar-form .form-section-header {
font-size: 18px;
font-weight: 700;
line-height: 1.28
}
.autoservices-layout .sidebar-form .form-section-subheader {
color: #808185;
font-size: 14px;
font-weight: 400;
line-height: 1.28;
margin-top: 8px
}
.autoservices-layout .sidebar-form fieldset>:not(:last-child) {
margin-bottom: 13px
}
.autoservices-layout .sidebar-form .form-section:not(:last-child) {
margin-bottom: 50px
}
.autoservices-layout.autoservices-layout-list .datepicker_block {
width: min(335px,15vw)
}
.autoservices-layout.autoservices-layout-list header {
align-items: flex-start;
display: flex;
justify-content: space-between
}
.autoservices-layout.autoservices-layout-list h1 {
font-size: 28px;
line-height: 1.07
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .table_item:first-child {
min-width: 126px
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .table_item:nth-child(2) {
min-width: 197px
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .table_item:nth-child(3) {
min-width: 179px
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .full-info>:first-child {
color: #2b2d33;
font-size: 14px;
line-height: 1.28
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .full-info>:nth-child(2) {
color: #aaabad;
font-size: 14px;
line-height: 1.28
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .org-name,.autoservices-layout.autoservices-layout-list .autoservice-requests-list .service-name {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .table_item .dropdown_block {
visibility: hidden;
width: auto
}
.autoservices-layout.autoservices-layout-list .autoservice-requests-list .table_item:hover .dropdown_block {
visibility: visible
}
.autoservices-layout.autoservices-layout-list .popup-content-wrapper {
height: 402px;
max-height: 402px;
width: 346px
}
.autoservices-layout.autoservices-layout-list .popup-content-wrapper .scroll-wrapper {
max-height: 260px
}
.autoservices-layout.autoservice-add-request-layout form {
padding-bottom: 93px
}
.autoservices-layout .service-center-info-tooltip {
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
padding: 16px
}
.monitoring_sidebar .monitoring_filter {
background: #fff;
border-radius: 20px;
box-shadow: 0 8px 32px rgba(0,0,0,.08);
display: none;
left: 19px;
padding: 24px 14px 0 24px;
position: absolute;
top: 25px;
width: 605px;
z-index: 10000
}
.monitoring_sidebar .monitoring_filter.active {
display: block
}
.monitoring_sidebar .monitoring_filter .filter_footer {
align-items: center;
display: flex;
justify-content: flex-end;
padding: 24px 0
}
.monitoring_sidebar .monitoring_filter .filter_footer .blue_btn {
margin-left: 30px
}
.monitoring_sidebar .monitoring_filter .monitoring_filter_wrapper {
max-height: 70vh;
overflow-x: hidden;
padding-bottom: 100px;
padding-right: 10px
}
.monitoring_sidebar .monitoring_filter .monitoring_filter_wrapper .filter_caption {
font-size: 14px;
font-weight: 700;
line-height: 18px
}
.monitoring_sidebar .monitoring_filter .monitoring_filter_wrapper .row_block {
display: flex;
justify-content: space-between
}
.monitoring_sidebar .monitoring_filter .monitoring_filter_wrapper .row_block.with_divider {
border-top: 1px solid #e9eaea;
margin-top: 24px;
padding-top: 12px
}
.monitoring_sidebar .monitoring_filter .monitoring_filter_wrapper .row_block .filter_item {
width: 50%
}
.monitoring_sidebar .monitoring_filter .monitoring_filter_wrapper .row_block .filter_item .checkbox_container {
display: block;
margin-top: 12px
}
.monitoring_sidebar .monitoring_filter .filter_btn_list {
align-items: center;
display: flex;
flex-wrap: wrap
}
.monitoring_sidebar .monitoring_filter .filter_btn_list .filter_btn_list_item {
align-items: center;
background: #f8f8f8;
border-radius: 16px;
cursor: pointer;
display: inline-flex;
font-size: 14px;
height: 28px;
margin: 12px 8px 0 0;
padding: 0 16px
}
.monitoring_sidebar .monitoring_filter .filter_btn_list .filter_btn_list_item.active {
background-color: #2b2d33;
color: #fff
}
.monitoring_sidebar .monitoring_filter .filter_btn_list .filter_btn_list_item.active .number {
background-color: #fff;
color: #2b2d33
}
.monitoring_sidebar .monitoring_filter .filter_btn_list .filter_btn_list_item .number {
background: #2b2d33;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height: 18px;
margin-left: 14px;
padding: 0 4px
}
.monitoring_sidebar .flex_input_filter {
align-items: center;
display: flex;
justify-content: space-between
}
.monitoring_sidebar .flex_input_filter .input_block {
flex-grow: 1
}
.monitoring_sidebar .flex_input_filter .filter-btn {
align-items: center;
border: 1px solid #d5d5d6;
border-radius: 8px;
cursor: pointer;
display: flex;
height: 40px;
margin-left: 8px;
padding: 0 9px;
transition: border-color .3s
}
.monitoring_sidebar .flex_input_filter .filter-btn:hover {
border: 2px solid #2b2d33;
padding: 0 8px
}
.monitoring_sidebar .flex_input_filter .filter-btn .number {
align-items: center;
background-color: #2b2d33;
border-radius: 4px;
color: #fff;
display: inline-flex;
font-size: 14px;
height: 18px;
margin-left: 4px;
padding: 0 4px
}
.monitoring_sidebar .monitoring_scroll_wrapper {
margin-top: 20px;
max-height: calc(100vh - 230px);
min-height: calc(100vh - 230px);
overflow-x: hidden;
padding-bottom: 100px
}
.monitoring_sidebar .monitoring_scroll_wrapper.hide-scroll {
-ms-overflow-style: none;
margin-right: 0;
padding-right: 0;
scrollbar-width: none
}
.monitoring_sidebar .monitoring_scroll_wrapper.hide-scroll::-webkit-scrollbar {
display: none
}
.monitoring_sidebar .input_block {
padding-top: 0
}
.monitoring_sidebar .autocomplete {
width: 100%!important
}
.monitoring_sidebar .flex_input .autocomplete-list .checkbox_container {
margin-top: 0
}
.monitoring_sidebar .flex_input {
gap: 8px;
margin-top: 24px
}
.monitoring_sidebar .flex_input .checkbox_container {
display: block;
margin-top: 12px
}
.monitoring_sidebar .link_btn {
font-size: 14px;
font-weight: 500;
line-height: 15px
}
.monitoring_sidebar .monitoring_accordion {
background: #fff;
border: 1px solid #e9eaea;
border-radius: 12px;
box-sizing: border-box;
margin-bottom: 8px
}
.monitoring_sidebar .monitoring_accordion.building-track {
border-color: var(--dpk-400)
}
.monitoring_sidebar .monitoring_accordion.item-disabled {
position: relative
}
.monitoring_sidebar .monitoring_accordion.item-disabled .disabled-tooltip-container {
display: block
}
.monitoring_sidebar .monitoring_accordion .disabled-tooltip-container {
display: none
}
.monitoring_sidebar .monitoring_accordion .disabled-tooltip {
background-color: #fff;
height: 100%;
left: 0;
opacity: .5;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.monitoring_sidebar .monitoring_accordion.active .accordion_head:after {
transform: rotate(180deg)
}
.monitoring_sidebar .monitoring_accordion.active .accordion_content {
display: block
}
.monitoring_sidebar .monitoring_accordion .accordion_head {
align-items: center;
background-color: #fff;
border-radius: 12px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 16px;
position: sticky;
top: 0;
transition: all .3s;
z-index: 1
}
.monitoring_sidebar .monitoring_accordion .accordion_head:after {
background-image: url(img/uikit/down-arrow-icon.svg);
background-position: 50%;
background-size: cover;
content: "";
display: inline-block;
height: 20px;
min-width: 20px;
position: absolute;
right: 16px;
top: 15px;
transition: all .3s;
width: 20px
}
.monitoring_sidebar .monitoring_accordion .accordion_head:hover {
background-color: #f8f8f8
}
.monitoring_sidebar .monitoring_accordion .accordion_head .left_block {
align-items: center;
display: flex;
width: calc(100% - 25px)
}
.monitoring_sidebar .monitoring_accordion .accordion_head .left_block .tooltip_block {
max-width: calc(100% - 80px)
}
.monitoring_sidebar .monitoring_accordion .accordion_head .left_block .tooltip_block .tooltip_content_wrapper {
left: 100px;
margin-bottom: 30px;
position: fixed;
transform: none;
transition: none;
z-index: 1000
}
.monitoring_sidebar .monitoring_accordion .accordion_head .left_block .text {
font-size: 15px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.monitoring_sidebar .monitoring_accordion .accordion_head .arrow_block {
align-items: center;
cursor: pointer;
display: flex;
margin-left: auto;
transition: all .3s
}
.monitoring_sidebar .monitoring_accordion .accordion_head .checkbox_container span {
font-weight: 700
}
.monitoring_sidebar .monitoring_accordion .accordion_head .number {
font-size: 15px;
font-weight: 700;
margin-left: 5px;
white-space: nowrap
}
.monitoring_sidebar .monitoring_accordion .accordion_content {
display: none
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block {
align-items: center;
border-radius: 5px;
display: inline-flex;
height: 32px;
justify-content: center;
transition: all .3s;
width: 32px
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .trailer_icon_2 {
background-image: url(img/uikit/trailer-icon-2-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .icon_on_the_way {
background-image: url(img/uikit/play-icon-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .icon_idle {
background-image: url(img/uikit/stop-icon-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .icon_stop {
background-image: url(img/uikit/parking-icon-2-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .icon_unknown {
background-image: url(img/uikit/no-signal-icon-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .no_data_2_icon {
background-image: url(img/uikit/no-data-icon-2-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block:hover .route_icon {
background-image: url(img/uikit/route-icon-active.svg)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block i {
transition: none
}
.monitoring_sidebar .monitoring_accordion .accordion_content .icon_block.route_hover:hover {
background-color: #e9eaea
}
.monitoring_sidebar .monitoring_accordion .accordion_content .number {
border: 2px solid #e31e25;
border-radius: 23px;
color: #e31e25;
font-size: 12px;
font-weight: 700;
line-height: 14px;
margin-right: 10px;
padding: 0 7px
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item {
align-items: center;
border-radius: 8px;
display: flex;
height: 42px;
padding: 0 16px;
transition: all .3s;
width: 100%
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item.selected,.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item:hover {
background-color: #f8f8f8
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item .left_block {
align-items: center;
display: flex;
width: calc(100% - 110px)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item .left_block .tooltip_block {
width: calc(100% - 29px)
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item .left_block .text {
font-size: 15px;
overflow: hidden;
white-space: nowrap;
width: 100%
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item .left_block .text.text_elipsis {
text-overflow: ellipsis
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item .right_block {
align-items: center;
display: flex;
margin-left: auto
}
.monitoring_sidebar .monitoring_accordion .accordion_content .accordion_item .right_block .tooltip_block {
margin-left: 4px
}
.monitoring_no_car {
padding: 60px 40px;
text-align: center
}
.monitoring_no_car svg {
margin-bottom: 16px
}
.monitoring_no_car .caption {
font-size: 20px;
font-weight: 500;
line-height: 24px
}
.monitoring_no_car .text {
color: #808185;
font-size: 14px;
line-height: 18px;
margin-top: 8px
}
.monitoring_no_car .blue_btn {
margin-top: 16px
}
.bottom-panel {
--indent: 20px;
bottom: 10px;
left: 20px;
position: absolute;
right: 20px;
transition: .3s;
z-index: 1201
}
.bottom-panel .timeline-block {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
display: flex;
flex-direction: column;
height: 48px;
padding: 0 var(--indent,20px);
position: relative
}
.bottom-panel .timeline-line {
--timeline-el-step-width: 0.001157%;
align-items: flex-end;
display: flex;
height: 100%;
position: relative;
z-index: 100
}
.bottom-panel .timeline-el {
--timeline-el-width: 0;
cursor: pointer;
height: 100%;
left: var(--timeline-left);
position: absolute;
width: var(--timeline-width)
}
.bottom-panel .timeline-el:before {
background-color: #55575c;
bottom: 27px;
content: "";
display: block;
height: 4px;
position: absolute;
transition: .3s;
width: 100%
}
.bottom-panel .timeline-el.timeline-el-connected:before {
background-color: #34b012
}
.bottom-panel .timeline-el.timeline-el-stop:before {
background-color: #ea9318
}
.bottom-panel .timeline-el.timeline-el-idle:before {
background-color: #3772ff
}
.bottom-panel .timeline-el.timeline-el-empty:before {
background-color: #e9eaea
}
.bottom-panel .timeline-el.timeline-el-conn_lost:before {
background-color: red
}
.bottom-panel .timeline-el.active:before {
height: 16px
}
.bottom-panel .timeline-el .tooltip_block {
width: 100%
}
.bottom-panel .timeline-el.active .tooltip_content_wrapper {
bottom: calc(100% + 8px);
opacity: 1;
visibility: visible
}
.bottom-panel .timeline-el:hover:before {
height: 16px!important
}
.bottom-panel .timeline-el:hover .tooltip_content_wrapper {
bottom: calc(100% + 8px);
opacity: 1;
visibility: visible
}
.bottom-panel .timeline-time {
bottom: 0;
display: flex;
flex-wrap: nowrap;
left: var(--indent,20px);
padding-bottom: 5px;
position: absolute;
right: var(--indent,20px);
z-index: 10
}
.bottom-panel .timeline-time-el {
color: #aaabad;
flex-basis: 4.166666%;
flex-grow: 1;
font-size: 12px;
line-height: 1.5;
margin-top: 5px;
width: var(--timeline-hour-step)
}
.vehicle-data .tabs {
height: 100%
}
.vehicle-data .settings-groups {
max-width: 185px;
text-align: right
}
.vehicle-data .vehicle-driver .vehicle-data--param--col {
padding-right: 0
}
.vehicle-data .vehicle-driver--empty {
height: 100%
}
.vehicle-data .vehicle-driver--empty p {
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-align: center
}
.vehicle-data-accordion.active .vehicle-data-accordion-arrow {
top: -1px;
transform: rotate(180deg)
}
.vehicle-data-accordion.active .vehicle-data-accordion-content {
display: block!important
}
.vehicle-data-accordion .vehicle-data-accordion-arrow {
position: relative;
right: -3px;
top: -2px;
transition: all .3s
}
.vehicle-data-accordion .vehicle-data-accordion-head {
cursor: pointer
}
.vehicle-data-accordion .vehicle-data-accordion-content {
display: none;
padding-left: 20px;
transition: all .3s
}
.settings-signal {
align-items: center;
display: flex
}
.settings-signal svg rect {
opacity: .2
}
.settings-signal .signal-level {
height: 24px
}
.settings-signal .signal-text {
line-height: 20px;
margin-right: 9px
}
.settings-signal.level-1 .signal-text,.settings-signal.level-2 .signal-text {
color: #e31e25
}
.settings-signal.level-1 svg rect,.settings-signal.level-2 svg rect {
fill: #e31e25
}
.settings-signal.level-3 .signal-text,.settings-signal.level-4 .signal-text {
color: #2b2d33
}
.settings-signal.level-3 svg rect,.settings-signal.level-4 svg rect {
fill: #2b2d33
}
.settings-signal.level-1 svg rect:first-child,.settings-signal.level-2 svg rect:first-child,.settings-signal.level-2 svg rect:nth-child(2),.settings-signal.level-3 svg rect:first-child,.settings-signal.level-3 svg rect:nth-child(2),.settings-signal.level-3 svg rect:nth-child(3),.settings-signal.level-4 svg rect {
opacity: 1
}
.map-marker-panel {
box-shadow: 0 4px 20px rgba(0,0,0,.08);
position: absolute;
transition: all .1s;
z-index: 1000
}
.map-marker-panel:hover {
box-shadow: 0 8px 32px rgba(0,0,0,.08)
}
.map-marker-panel:hover .wrapper {
opacity: 1;
visibility: visible
}
.map-marker-panel.tooltip-right .wrapper {
bottom: auto;
left: 100%;
padding: 0 0 0 8px;
top: 50%;
transform: translateY(-50%)
}
.map-marker-panel .wrapper {
bottom: 100%;
left: 0;
opacity: 0;
padding-bottom: 8px;
position: absolute;
transition: all .1s;
visibility: hidden
}
.map-marker-panel .map-marker-info {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
display: inline-block;
padding: 16px;
width: auto
}
.map-marker-panel .map-marker-info .caption {
font-size: 13px;
font-weight: 500;
line-height: 15px;
white-space: nowrap
}
.map-marker-panel .map-marker-info p {
font-size: 12px;
line-height: 16px;
margin-top: 4px;
white-space: nowrap
}
.map-marker-panel .map-marker-info .time {
font-size: 12px;
line-height: 18px;
margin-top: 4px;
padding-left: 10px;
position: relative
}
.map-marker-panel .map-marker-info .time:before {
border-radius: 50%;
content: "";
height: 6px;
left: 0;
position: absolute;
top: 6px;
width: 6px
}
.map-marker-panel .map-marker-info .time.green:before {
background: #109878
}
.map-marker-panel .map-marker-info .label {
align-items: center;
background: #f4f4f4;
border-radius: 4px;
color: #2b2d33;
display: flex;
font-size: 12px;
line-height: 18px;
margin-top: 12px;
padding: 0 4px;
white-space: nowrap
}
.map-marker-panel .map-marker-info .label i {
margin-left: 5px
}
.map-marker-panel .map-marker {
align-items: center;
background: #fff;
border-radius: 57px;
cursor: pointer;
display: flex;
padding: 4px;
position: relative
}
.map-marker-panel .map-marker .map-marker-icon {
align-items: center;
border-radius: 50%;
color: #fff;
display: inline-flex;
font-size: 16px;
font-weight: 500;
justify-content: center;
line-height: 16px
}
.map-marker-panel .map-marker .map-marker-icon.car-moving {
background: #34b012
}
.map-marker-panel .map-marker .map-marker-icon.car-stop {
background: #3872ff
}
.map-marker-panel .map-marker .map-marker-icon.car-parking {
background: #ea9318
}
.map-marker-panel .map-marker .map-marker-icon.car-error {
background: #e31e25
}
.map-marker-panel .map-marker .map-marker-icon.icon-size-l {
height: 56px;
min-width: 56px;
width: 56px
}
.map-marker-panel .map-marker .map-marker-icon.icon-size-m {
height: 48px;
min-width: 48px;
width: 48px
}
.map-marker-panel .map-marker .map-marker-icon.icon-size-s {
height: 32px;
min-width: 32px;
width: 32px
}
.map-marker-panel .map-marker .map-marker-icon.icon-size-xs {
height: 16px;
min-width: 16px;
width: 16px
}
.map-marker-panel .map-marker .text {
font-size: 13px;
line-height: 13px;
margin: 0 9px;
white-space: nowrap
}
.choose-map-block {
background: none;
height: 48px;
position: absolute;
right: 20px;
top: calc(50% - 111px);
transform: translateY(-50%);
z-index: 800
}
.choose-map-block:hover .choose-map {
opacity: 1;
visibility: visible
}
.choose-map-block .round-background {
cursor: pointer;
transition: all .1s
}
.choose-map-block .round-background:hover {
box-shadow: 0 8px 32px rgba(0,0,0,.08)
}
.choose-map-block .choose-map {
bottom: -83%;
opacity: 0;
padding-right: 8px;
position: absolute;
right: 48px;
transition: all .1s;
visibility: hidden
}
.choose-map-block .choose-map .choose-map-menu {
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 32px rgba(0,0,0,.08);
padding: 16px;
width: 195px
}
.choose-map-block .choose-map label {
margin-top: 13px
}
.choose-map-block .choose-map label:first-of-type {
margin-top: 0
}
.map-center {
align-items: center;
background-color: #fff;
border-radius: 24px!important;
display: flex!important;
height: 48px;
justify-content: center;
position: absolute;
right: 20px;
top: calc(50% - 226px);
transform: translateY(-50%);
transition: background-color .3s;
width: 48px;
z-index: 800
}
.map-center.active {
background-color: #000
}
.map-center.active svg path {
fill: #fff
}
.fullsize_content .hidden {
margin-bottom: 0!important
}
.fullsize_content .page-content {
flex-grow: 1;
height: 100%;
margin: 0;
overflow: hidden;
padding-bottom: 60px
}
.fullsize_content .main_caption {
padding-top: 50px
}
.fullsize_content .page-wrapper {
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-start;
margin-left: auto;
margin-right: auto;
max-width: 758px;
padding-left: 32px;
padding-right: 32px;
padding-top: 0!important;
position: relative;
transition: max-width .2s ease;
width: 100%
}
.fullsize_content .page-wrapper.wide {
max-width: 1756px
}
.uikit.fota-history h1 {
font-size: 28px;
font-weight: 700;
line-height: 30px
}
.uikit.fota-history .fota-history-list-search-row {
margin-bottom: 22px;
max-width: 25vw
}
.uikit.fota-history .fota-history-list .table_row .table_item {
width: 160px
}
.uikit.fota-history .fota-history-list .table_row .table_item.wide_cell {
width: clamp(302px,35%,542px)
}
.uikit.fota-history .fota-history-list .table_row .table_item.w-125 {
width: 125px
}
.uikit.fota-history .fota-history-list .table_row .table_item.info {
justify-content: center;
width: 48px
}
.uikit.fota-history .fota-history-list .table_row .datetime-info .date {
margin-bottom: 4px
}
.uikit.fota-history .fota-history-list .table_row .datetime-info .time {
color: #aaabad
}