/* Webfont: Lato-Regular */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lato-regular.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/lato-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lato-regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lato-bold.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/lato-bold.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lato-bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

/* End of Eric Meyer's CSS Reset */

html {
    height: 100%;
}

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

.wrapper {
    width: 100%;
    min-width: 1000px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

h1 {
    font-size: 38px;
    font-weight: normal;
    color: #233539;
}

table th {
    font-weight: normal;
    font-size: 11px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 150px;
    background: #FFE680;
}


/* Middle
-----------------------------------------------------------------------------*/
.middle {
    width: 100%;
    padding: 0;
    position: relative;
    background: #F5F5F5;
}

.middle:after {
    display: table;
    clear: both;
    content: '';
}

.container {
    width: 100%;
    float: left;
    overflow: hidden;
    min-height: 100vh;
}

.content {
    padding: 0 0 0 90px;
}

/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
    float: left;
    width: 90px;
    position: absolute;
    border-right: 1px solid #E7E9EA;
    min-height: 100vh;
    background: #fff;
    bottom: 0;
    left: 0;
    top: 0;
}

.nav img {
    alignment: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left-sidebar-image {
    display: block; /* Рисунок как блочный элемент */
    width: 24px; /* Ширина рисунка в пикселах */
    height: 24px; /* Высота рисунка */
}

.nav li {
    background-repeat: no-repeat;
    background-position: center 10px;
    padding-top: 10px;
}

.nav li.user {
    background-image: url(/images/menu_user.svg);
}

.nav li.user.active {
    background-image: url(/images/menu_user_active.svg);
}

.nav li.place {
    background-image: url(/images/menu_place.svg);
}

.nav li.place.active {
    background-image: url(/images/menu_place_active.svg);
}

.nav li.visit {
    background-image: url(/images/menu_visits.svg);
}

.nav li.visit.active {
    background-image: url(/images/menu_visits_active.svg);
}

.nav li.reports {
    background-image: url(/images/menu_reports.svg);
}

.nav li.reports.active {
    background-image: url(/images/menu_reports_active.svg);
}

.nav li.analytics {
    background-image: url(/images/menu_analytics.svg);
}

.nav li.analytics.active {
    background-image: url(/images/menu_analytics_active.svg);
}

.nav li.template {
    background-image: url(/images/menu_template.svg);
}

.nav li.template.active {
    background-image: url(/images/menu_template_active.svg);
}

.nav li.tracking {
    background-image: url(/images/menu_tracking_beta.svg);
}

.nav li.tracking.active {
    background-image: url(/images/menu_tracking_beta_active.svg);
}

.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown-menu > li > span:hover {
    background: #eee;
}

.yandex-map-hint {
    display: inline-block;
    padding: 5px;
    /*height: 35px;*/
    position: relative;
    left: -15px;
    /*width: 195px;*/
    font-size: 11px;
    /*line-height: 17px;*/
    /*color: #333333;*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid silver;
    border-radius: 2px;
    white-space: nowrap;
}

.route-username {
    padding-bottom: 10px;
}

.route-username span {
    display: inline-block;
    background: #E4E8EA;
    border-radius: 5px;
    padding: 6px 15px;
    font-size: 1.1em;
    cursor: pointer;
}

.route-distance {
    line-height: 24px;
}

.route-distance span {
    display: inline-block;
    border: 1px solid #FF6D4A;
    border-radius: 5px;
    padding: 2px 10px;
    margin-right: 10px;
}

table.route-table {
    margin-top: 15px;
    border: 0;
    width: 100%;
}

table.route-table td {
    text-align: left;
    vertical-align: top;
}

td.route-point-index {
    width: 35px;
}

td.route-point-index span, td.route-user-index span {
    display: inline-block;
    background: #FFB74D;
    color: white;
    font-size: 10px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    border-radius: 300px;
    cursor: pointer;
}

td.route-user-index {
    width: 70px;
    padding-bottom: 15px;
}

td.route-user-index span {
    width: 50px;
    font-size: 12px;
}

td.route-point-index span.done {
    background-color: #66BB6A;
}

td.route-point-index span.todo {
    background-color: #EF5350;
}

td.route-point-time {
    width: 90px;
    background: url(/images/route_start_time.svg) no-repeat;
    padding-left: 22px;
    height: 16px;
    vertical-align: middle;
}

td.route-point-length {
    padding-left: 5px;
    font-size: .9em;
    line-height: 1.3em;
    color: gray;
}

td.route-point-name, td.route-user-name {
    font-weight: bold;
}

td.route-user-name {
    padding: 3px 0;
}

td.route-point-address {
    color: gray;
    padding-bottom: 10px;
    font-size: .9em;
    line-height: 1.3em;
}

li.active a {
    text-decoration: none;
    color: #FF6D4A;
}

li.active a > div.indicator {
    position: absolute;
    width: 9px;
    height: 44px;
    top: -10px;
    left: 1px;
    background: #FF6D4A;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.nav a {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: flex-end;
    color: #261C75;
    opacity: 0.8;
    text-align: center;
    padding-top: 26px !important;
}

.nav > li > a:hover {
    text-decoration: none;
    color: #FF6D4A;
    background-color: transparent;
}

.nav a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

.top-bar {
    height: 80px;
    text-align: right;
    padding-top: 24px;
    padding-right: 56px;
    border-bottom: 1px solid #E7E9EA;
    margin-left: 90px;
    background: #fff;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
    margin: -100px auto 0;
    min-width: 1000px;
    height: 82px;
    background: #F5F5F5;
    display: block;
    z-index: 90;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 90px;
}

/*.plashka {
    display: block;
    z-index: 100;
    position: fixed;
    bottom: 10px;
    right: 40px;
}

.plashka-left {
    display: block;
    z-index: 100;
    position: fixed;
    bottom: 10px;
    left: 100px;
}*/

.btn-sel-filter {
    color: #ffffff !important;
    background: #5E5C71 !important;
    border-radius: 4px 0px 0px 4px;
    border-color: #5E5C71 !important;
}

.btn-sel-filter .icon {
    background-color: #49475A !important;
}


/*
-----------------------------------------------------------------------------*/

.admin-page {
    border: #F5F5F5 solid 30px;
}

.admin-title-page {
    background: #F5F5F5;
    height: 110px;
    padding: 0 26px 41px 26px;
}

.admin-title-page .breadcrumb {
    padding: 0;
    margin: 0;
}

.admin-title-page h1 {
    line-height: 46px;
    margin-top: 0;
    padding-top: 14px;
}

.admin-title-page h1 .h-status-button {
    cursor: default;
    margin-left: 24px;
    font-size: 38px;
    padding: 2px 17px 4px 14px;
}

.admin-title-page h1 .h-status-button img {
    margin-left: 14px;
    vertical-align: unset;
}

.admin-title-page .breadcrumb + h1 {
    padding-top: 0;
}

.admin-content {
    padding: 25px 25px 25px 25px;
    background: #fff;
    position: relative;
}

.row-silver {
    margin-bottom: 20px;
}

.form-content {
    padding: 25px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th, .report-view th {
    white-space: nowrap;
    font-size: 11px;
    font-weight: normal;
}

.grid-view td, .report-view td {
    font-size: 12px;
}

.report-view td {
    text-align: center;
}

.report-blocks .panel {
    margin-left: 45px;
    margin-right: 25px;
}

.report-blocks .panel-heading {
    font-size: 22px;
    color: #323C47;
    background-color: #F5F8FA;
}

.report-blocks .panel-body {
    font-size: 14px;
    color: #323C47;
    background-color: #F5F8FA;
}

.report-blocks .panel-body .fa {
    color: #FF6D4A;
}

.report-blocks .panel-body pre {
    padding: 0;
    margin: 0;
    color: #323C47;
    background-color: #F5F8FA;
    font-size: 14px;
    border: none;
}


/*
.grid-view table {
    margin-left: 5px;
}
.grid-view tbody tr td:first-child {
    position: relative;
}
.grid-view tbody tr td:first-child::before {
    position: relative;
    display: inline-block;
    content: '';
    width: 4px;
    height: 43px;
    left: -15px;
    background: transparent;
 }
.grid-view tbody tr:hover td:first-child::before {
    background: #FF6D4A;
}*/

.grid-view thead tr th:first-child, .grid-view tbody tr td:first-child {
    border-left: rgb(255, 255, 255) solid 4px;
}

.grid-view tbody tr:hover td:first-child {
    border-left: #FF6D4A solid 4px;
}


.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.input-group .help-block {
    display: hidden !important;
    margin: 0;
}

.sizes {
    margin-bottom: 4px;
}

span.color-block {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: sub;
    border: 1px #ccc solid;
}

.bg-success {
    background-color: #dff0d8 !important;
}

.btn {
    padding: 6px 26px;
}

.text-info,
.text-warning,
.text-danger,
.text-default,
.text-primary {
    padding: 0;
    margin: 0;
}

.bg-grey,
.bg-red,
.bg-info,
.bg-warning,
.bg-danger,
.bg-default,
.bg-success,
.bg-primary {
    padding: 10px;
}

.bg-grey {
    background-color: #efefef;
}

.author-comment {
    font-size: 12px;
    font-style: italic;
    color: #777;
}

.radiobox label > * {
    display: inline-block;
}

.radiobox label > input {
    margin-right: 10px;
}

table.table-bordered thead > tr > th {
    color: #337ab7;
}

.top-msg {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    left: 25%;
    position: absolute;
    z-index: 10;
    top: 8%;
}

.claim-form .panel {
    min-height: 450px;
}

.modal-content, .btn, .form-control {
    border-radius: 0;
}

label[for="btn"] {
    color: transparent;
}

.row-claim {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bbb;
}

.row-claim span {
    float: right;
}

.scan-passport {
    width: 100%;
    padding-top: 80%;
    background-size: cover;
}

.comment-attach {
    width: 100%;
    padding-top: 77%;
    background-size: cover;
}

.comment-attach-link {
    width: 32%;
    display: inline-block;
}

.doc-passport {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
}

.btn-del {
    position: absolute;
    top: 0;
    right: 15px;
    padding: 5px;
}

.tabel-cleaners {
    font-size: 11px;
}

.tabel-cleaners > thead > tr > th, .tabel-cleaners > tbody > tr > th, .tabel-cleaners > tfoot > tr > th,
.tabel-cleaners > thead > tr > td, .tabel-cleaners > tbody > tr > td, .tabel-cleaners > tfoot > tr > td {
    margin: 0;
    padding: 6px 2px;
    text-align: center;
}

.tabel-cleaners > thead > tr > th {
    background-color: #734002;
    color: white;
}

.tabel-cleaners > thead > tr > th.pm1400 {
    background-color: #502c00;
}

td.pm1400 {
    background-color: #e8e8e8;
}

td.pm1400.bg-primary {
    background-color: #2d6a9e;
}

.bg-red {
    background-color: #d40000;
    color: white;
}

td.pm1400.bg-red {
    background-color: #b10000;
}

.text-left-imp {
    text-align: left !important;
    border-right: 1px solid #e8e8e8;
}

.cell-td {
    width: 10px;
    height: 10px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.upd-file {
    padding-top: 100%;
    width: 100%;
    background-size: cover;
}

.btn-remove {
    position: absolute;
    top: 0;
    right: 15px;
    padding: 1px 5px;
    background-color: white;
    border: 1px solid #cecece;
}

.count-pics {
    padding: 5px 60px;
    border: 1px solid #ccc;
    font-size: 16px;
    display: inline-block;
}

.del-link {
    position: relative;
    float: right;
    top: 25px;
    right: 0;
}

.edit-link {
    position: relative;
    float: right;
    top: 25px;
    right: 30px;
}

.del-item {
    position: absolute;
    top: 10px;
    right: -17px;
}

.no-img {
    width: 10%;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.item-place:not(:last-child) {
    margin-bottom: 10px;
}

.item-place p {
    margin: 0;
}

.item-place .item-counter {
    background: #FF6D4A;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-weight: bold;
    font-size: 9px;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 15px;
}

.item-place b {
    line-height: 19px;
    display: inline-block;
    padding: 0 6px 0 2px;
}

.item-place .remove-item {
    cursor: pointer;
    color: #A2A2A2;
    font-size: 10px;
}

.item-place .remove-item i {
    cursor: pointer;
    color: #A2A2A2;
}

.item-place .address {
    margin-bottom: 6px;
}

.item-place-order {
    display: inline-block;
    color: white;
    background-color: #FF6D4A;
    font-size: 9px;
    font-weight: bold;
    border-radius: 10px;
    width: 16px;
    height: 16px;
    line-height: 18px;
    text-align: center;
}

#sortable .ui-sortable-placeholder.panel.panel-info.block-item.ui-sortable-handle, #sortable .block-item-highlight {
	height: 120px;
	background-color: lightyellow;
	border: 2px dashed khaki;
}

#sortable .panel-info.block-item {
    cursor: move;
    background-color: #F8F8F9;
    border-color: #C9CACA;
}

.ui.form {
    font-size: 1em;
}

.checkbox {
    margin: 0;
}

.ui.table td {
    padding: 8px;
}

.action-button {
    display: none;
}

#per-page {
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    /*height: 19px;*/
}

.content-plashka {
    z-index: 100;
    position: absolute;
    bottom: -52px;
    left: 0;
    right: 0;
    height: 36px;
    /*margin: 0 20px 0 20px;*/
    margin: 0;
}

.content-plashka .pagination {
    margin: 0;
}

.content-plashka .pagination li {

}

.content-plashka .pagination li a,
.content-plashka .pagination li span {
    line-height: 19px;
    height: 19px;
    padding: 0 12px;
    text-align: center;
}

.content-plashka select.ui.dropdown {
    height: 19px;
    padding: 0 0.3rem;
}

.content-plashka .plashka .item-per-page {
    margin-right: 15px;
}

.content-plashka .ui.labeled.icon.button {
    padding-left: 40px !important;
}

.content-plashka .plashka {
    float: right;
}

.content-plashka .plashka-left + .plashka {
    margin-top: 10px;
}

.item-per-page {
    /*margin: 18px;*/
}

.item-per-page select {
    border-radius: 4px 4px 4px 4px;
}

.add-element, .drop-element {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 28px;
    border-radius: 36px;
    cursor: pointer;
}

.add-element {
    padding-top: 8px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 4px;
}

.drop-element {
    padding-top: 6px;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 6px;
    line-height: 32px;
}

.required-block {
    padding-top: 20px;
    display: block;
}

.dropdown-menu.scrollable {
    min-height: 30px;
    max-height: 30em;
    overflow-x: hidden;
    z-index: 2000;
}

.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
}

.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}

.blue-button {
    background: #261C75 !important;
    border: 2px solid #261C75 !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.blue-button-basic {
    background: #FFFFFF !important;
    border: 2px solid #261C75 !important;
    border-radius: 4px !important;
    color: #261C75 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.red-button {
    background: #FF6D4A !important;
    border: 2px solid #FF6D4A !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.red-button-basic {
    background: #FFFFFF !important;
    border: 2px solid #FF6D4A !important;
    border-radius: 4px !important;
    color: #FF6D4A !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.button-basic {
    border: 2px solid #E0E1E2 !important;
    border-radius: 4px !important;
    color: #000000;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

th a {
    /*
    display: flex;
    align-items: flex-end;
    */
    text-align: center;
    text-transform: uppercase;
    color: #979CA1;
}

table.table-bordered thead > tr > th, table.table thead > tr > th {
    text-transform: uppercase;
    color: #979CA1;
    text-align: center;
}

#template-grid table.table thead > tr > th {
    text-align: left;
}

input[name="search"] {
    width: 292px;
    padding-top: 8.5px !important;
    padding-bottom: 8.5px !important;
}


.ui.form .field > label {
    position: relative;
}

.ui.form .required.fields:not(.grouped) > .field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.field > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after {
    position: absolute;
    top: 33px;
    right: -15px;
    font-weight: 600;
    font-size: 24px;
}

#template-form .ui.form .required.field > label:after {
    position: absolute;
    top: 35px;
    right: 5px;
    font-weight: 600;
    font-size: 24px;
}

#template-name {
    height: 39px;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    border-radius: 4px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: orange;
}

.pagination {
    font-size: 9px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #FF6D4A;
    border-color: #FF6D4A;
}

.breadcrumb a {
    color: #A3A3A3;
    font-size: 14px;
    font-weight: bold;
}

.breadcrumb::before {
    content: '< ';
    color: #A3A3A3;
    font-size: 14px;
    font-weight: bold;
}

.wrapper-grid {
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper-grid.users {
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
}

.wrapper-grid.places {
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
}

.wrapper-grid.visits {
    height: calc(100vh - 454px);
    max-height: calc(100vh - 454px);
}

.wrapper-grid.visit-create-grid {
    height: calc(100vh - 454px);
    max-height: calc(100vh - 454px);
}

.wrapper-grid.reports {
    height: calc(100vh - 454px);
    max-height: calc(100vh - 454px);
}

.wrapper-grid.analytics {
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
}

.wrapper-grid.templates {
    height: calc(100vh - 410px);
    max-height: calc(100vh - 410px);
}

/*
.wrapper-grid.view-report {
    height: calc(100vh - 442px);
    max-height: calc(100vh - 442px);
}
*/

/*
#items-place-selected {
    max-height: calc(100vh - 700px);
    overflow-x: hidden;
    overflow-y: auto;
}
*/
#items-place-selected:empty {
    margin: 0 0 22px;
}

#items-place-selected:not(:empty) {
    border: 1px solid #E9EFF4;
    border-radius: 4px;
    padding: 12px;
    margin: 6px 0 22px;
}

.filter-form {
    /*margin: 0 0 0 7px;*/
}

.filter-form .filter-row {
    margin-bottom: 21px;
}

.filter-reset-link {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 34px;
    text-decoration: underline;
    color: #FF6D4A !important;
    margin: 0 8px 0 25px;
}

.visit-create-index > div {
    background: #fff;
    background-clip: content-box;
}

.visit-create-index > div:first-child {
    padding-right: 0;
}

.panel-default.white {
    background-color: #fff;
    border: none;
    margin: 0;
}

.panel-default.white > .panel-heading {
    color: #333333;
    background-color: #fff;
    border: none;
    padding: 25px 31px 5px 29px;
}

.panel-title {
    font-size: 14px;
    font-weight: normal;
}

.panel-default.white .panel-body {
    padding: 0 31px 70px 29px;
}

.panel-default.white .panel-body .form-group select {
    border-radius: 4px;
}

.panel-default.white .panel-body .form-group input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.visit-create-index .panel {
    height: calc(100vh - 290px);
    overflow-y: auto;
}

.tracking-index .panel {
    /*height: calc(100vh - 190px);*/
    overflow-y: auto;
}

#make-visit {
    position: relative;
}

.visit-create-index .panel [type="submit"] {
    width: 100%;
}

.visit-create-index .panel .pnl-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 20px;
    background: #fff;
    padding: 3px 10px 30px 30px;
}

.button-group > .form-group {
    margin-bottom: 0;
}

.button-group > .form-group .help-block:empty {
    margin: 0;
}

.template-form .content-plashka {
    position: fixed;
    background: #fff;
    padding: 1rem;
    height: auto;
    left: 90px;
    bottom: 0;
}

.template-form > .template-form {
    margin-bottom: 70px;
    background: #fff;
}

#preview_table_body td {
    overflow: auto;
}

.block-question {
    position: absolute;
    right: 15px;
    bottom: 30px;
}

/*
.wrapper-grid.templates table td {
    height: 30px;
}
*/

.action-button .glyphicon {
    font-size: 16px;
    color: grey;
    padding-top: 5px;
    /*margin-right: 5px;*/
    text-align: left;
}

.action-button .glyphicon:hover {
    color: #FF6D4A;
}


.hovered-edit {
    display: inline-block;
    /*width: 22px;
    height: 22px;*/
    width: 0;
    height: 0;
    padding: 11px;
    background-repeat: no-repeat;
    background-image: url("/images/edit.svg") !important;
}

.hovered-edit:hover {
    width: 0;
    height: 0;
    padding-left: 11px;
    padding-top: 9px;
    background-image: url("/images/edit-hover.svg") !important;
}

.hovered-delete {
    display: inline-block;
    /*
    width: 22px;
    height: 22px;*/
    width: 0;
    height: 0;
    padding: 10px;
    background-repeat: no-repeat;
    background-image: url("/images/delete.svg") !important;
}

.hovered-delete:hover {
    width: 0;
    height: 0;
    padding-left: 10px;
    padding-top: 10px;
    background-image: url("/images/delete-hover.svg") !important;
}


.grid-view td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.grid-view tr.expand td {
    text-overflow: unset;
    white-space: pre-wrap;
    overflow: visible;
    word-wrap: break-word;
}

/*
.template-form .header-blocks button:hover {
    background-color: #FF6D4A;
}
 */

.grid-view tbody tr:hover td .action-button {
    display: inline-block;
}

.grid-view tbody tr {
    min-height: 48px;
    height: 48px;
}

.grid-view tbody tr td {
    vertical-align: middle;
}

body ::-webkit-scrollbar-track {
    border-radius: 5px;
}

.ui.button.labeled .icon img {
    padding-top: 8px;
}

.user-form input, .place-form input {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    /*padding-top:  2px !important;
    padding-bottom:  14px !important;*/
}

/*
.user-form label, .place-form label {
    font-weight: normal !important;
} */

input[type=checkbox] {
    display: none;
}

#filterForm input[type=checkbox] {
    display: inline-block;
}

.checkbox.icheck input[type=checkbox] {
    display: inline-block;
}

input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    border: 1px solid #979797;
    margin: 0 5px 0 0;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    /*font-size: 20px;*/
    /*line-height: 22px;*/
    /*height: 20px;*/
    /*width: 20px;*/
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    height: 15px;
}

input[type=checkbox] + label {
    margin-bottom: 0;
    font-weight: normal;
}

input[type=checkbox]:checked + label:before {
    background-image: url("/images/checkbox-check.svg");
    background-position-x: -1px;
    background-position-y: 15px;
}

#template-form textarea {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#template-form input, #template-form textarea {
    margin-bottom: 8px;
}

#template-form input.item_title, #template-form textarea.item_title {
    font-size: 12px;
}

#template-form .header-center img {
    margin-right: 9px;
}

#template-form .header-center .ui.icon.button {
    padding-top: 7px;
    padding-bottom: 8px;
    background-color: #F5F8FA;
    color: #5B5C5C;
}

#template-form .header-center .ui.icon.button .icon.plus {
    color: #261C75;
    background-color: #E0E6EB;
}


#template-form .header-center .ui.button:active, #template-form .header-center .ui.button:focus  {
    background-color: #FF6D4A;
}

#template-form .template-photo-item {
    /*width: 10%;
    border: 1px solid #ccc;*/
    margin-bottom: 5px;
    margin-left: 9px;

    display: inline-block;
    width: 64px;
    height: 64px;
    background-color: #261C75;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 25px 0;
    border: 1px solid #261C75;
    border-radius: 4px;
}

#template-form .block-action .copy-block {
    font-size: 12px;
    color: #FF6D4A;
    line-height: 24px;
    text-decoration: underline;
}

#template-form .add-element .glyphicon-plus {
    color: #261C75;
}

#template-form .drop-element .glyphicon-minus {
    color: #261C75;
}

#template-form .header-blocks .header-name {
    width: 246px;
    float: left;
    padding-left: 15px;
}

#template-form .header-blocks .header-center {
    float: left;
    padding-left: 37px;
}

#template-form .header-blocks .header-count-photo {
    float: right;
    padding-top: 25px;
}

#template-form .header-blocks .header-count-photo div.ui.button {
    width: 120px;
    cursor: default;
    white-space: nowrap;
    font-size: 24px;
    margin-right: 15px;
    padding: 6px 6px 4px;
    background: #FF6D4A !important;
    color: #FFFFFF !important;
}

@media screen and (max-width: 1280px) {
    #template-form .header-blocks .header-center {
        padding-left: 15px;
    }
}

#template-form .block-item .block-name .block-name-edit {
    /*margin-left: 8px;*/
    display: inline-block;
    /*width: 100%;*/
}

#template-form .block-item .block-title {
	display: inline-block;
	margin-left: 1rem;
	cursor: pointer;
	text-decoration: underline;
}

#template-form .block-item .block-name .block-name-edit img {
}

#template-form .block-item .block-name .block-name-edit input {
    width: calc(100% - 30px);
    display: inline-block;
}

#template-form .block-item .block-name .block-name-edit textarea {
    width: calc(100% - 30px);
    padding: 5px;
    height: 60px;
    display: inline-block;
}


@media screen and (max-width: 1280px) {
    #template-form .block-item .block-name .block-name-edit {
        margin-left: 0;
    }
}

#template-form .panel-body {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
}

#template-form .block-action .block-delete {
    margin-left: 4px;
}

.datepicker table tr td.disabled {
    text-decoration: line-through;
}

.input-group-addon__button {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

/*block-dropdown********************************/
.block-dropdown .block-dropdown__title-container {
    display: none;
}

.is-tablet {
    display: none;
}

/***************************************************MOBILE MEDIA*******************************************************/
@media (max-width: 767px) {

    .grid-view tbody tr:hover td:first-child {
        border-left: #FF6D4A solid 8px;
    }

    .middle {
        overflow: hidden;
    }

    /*top bar**********************************************************************************************************/
    .top-bar {
        background-color: #261C75;
        height: 50px;
        width: 100%;
        padding: 13px 15px 0 15px;
        margin: inherit;
        border: none;
        font-size: 0;
        position: relative;
    }

    .top-bar__menu-btn-toggle {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMS41IDguMTczMUgyMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xLjUgMS4yNUgyMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xLjUgMTUuMDk2MUgyMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+");
        background-repeat: no-repeat;
        background-position: center;
        float: left;
    }

    .top-bar__logotype {
        font-size: 16px;
        text-decoration: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 600;
        margin-top: -13px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjU0OTggMTEuMTk4MkMyMy41NDk4IDEyLjE2MTcgMjQuMjI2NSAxMi4zNzkyIDI0LjY1NzMgMTIuMjM2QzI0Ljk2NjcgMTIuMTMzIDI1LjU0NiAxMS41MTQ3IDI1LjkyNzcgMTEuMjkxOUMyNi4yNjQ5IDExLjg0NzEgMjYuNzAzMiAxMi42OTY2IDI3LjM3MTQgMTIuNjk2NkMyNy43MDQ4IDEyLjY5NjYgMjguNzM3NCAxMi4xNDMyIDI3Ljg4MjQgMTAuOTE1N0MyNy43MDgzIDEwLjY2NTYgMjcuNTQxOSAxMC40MTk0IDI3LjM3MTQgMTAuMTY4MkMyNi4yNzA5IDguNTQ2NDMgMjYuMjIwNyA4LjU0NzA0IDI0LjU4MDYgOS45MDAxNUMyNC4xMSAxMC4yODg0IDIzLjU0OTggMTAuNjUxMSAyMy41NDk4IDExLjE5ODJaTTI0LjIyOTIgMTUuNDEyMkMyNC4yMjkyIDE2LjA2MDkgMjUuMTQxMSAxNi42OTUyIDI1LjczNTcgMTYuMDQzOEMyNS45NzUyIDE1Ljc4MTYgMjYuMzUyMiAxNC4zNjQ4IDI2LjM1MjIgMTMuODIwM0MyNi4zNTIyIDEzLjEyMTcgMjUuMDM0IDExLjk3NDYgMjQuNDgzNSAxNC4xOTQ2QzI0LjM5NTMgMTQuNTUwMyAyNC4yMjkyIDE0Ljk5MzMgMjQuMjI5MiAxNS40MTIyWk0xLjA0NDMyIDIwLjM3NTdDMS45OTIzOSAyMC4zNzU3IDEuOTY4NzggMTkuNzQxNiAyLjE5Nzk0IDE4LjY1MDNDMi4zNTc2NSAxNy44ODk4IDIuMzM0NDUgMTcuMDA0MyAxLjM4NDAxIDE3LjAwNDNDMC4zNDUyNTQgMTcuMDA0MyAwLjE3NTc2MiAxOS40MzkyIDAuMzA0ODcyIDE5Ljc3ODZDMC40Mjc4MzUgMjAuMTAyOCAwLjY2NDY3NyAyMC4zNzU3IDEuMDQ0MzIgMjAuMzc1N1pNMjEuMDg2OSAxOS4zNDU0QzIxLjA4NjkgMjEuMTAyMyAyMy4xOTY3IDIwLjI0MSAyMy45MTU5IDE5LjY1NTVMMjQuODA1MSAxOC42Njk0QzI1LjIzNTYgMTguMDExNSAyNC45Mzg0IDE3LjA4OTEgMjQuMTMxNCAxNy4wNTcyQzIzLjIzMTYgMTcuMDIxNiAyMy40NjkyIDE4LjE1MjUgMjIuMDIwMyAxOC40MDgxQzIxLjUxOSAxOC40OTY2IDIxLjA4NjkgMTguNzI2IDIxLjA4NjkgMTkuMzQ1NFpNNC4xODY1NyA0LjY0MzA1QzQuMTg2NTcgNS4wNjYzIDQuNTczMzUgNS41MjAwNSA0LjkyNzcgNS42MTA5NkM1LjQ5MDk1IDUuNzU1NjQgNS4yNzQzNyA1LjI5ODY0IDYuNjQ5NDYgNS4yOTg2NEM3LjEzMzIgNS4yOTg2NCA2LjkzNTA2IDUuNTc5NTMgNy42Njg1MSA1LjU3OTUzQzguMjgyMiA1LjU3OTUzIDguNzAxOTUgNC43MjQ4NiA4LjM2NTM0IDQuMTYwMzJDNy41NDM1OSAyLjc4MjI2IDQuMTg2NTcgMy4yMDM4MiA0LjE4NjU3IDQuNjQzMDVaTTEzLjQ0MzUgMTMuOTE0QzEyLjk5NjEgMTMuOTE0IDEyLjY3MjQgMTQuMzY4NCAxMi41NjAzIDE0LjgxM0MxMi40MzA4IDE1LjMyNzIgMTIuMzc5NiAxNS45MTI1IDEyLjI3NSAxNi4zNzEyQzEyLjE2MjQgMTYuODY0NCAxMS44MTg4IDE3LjI4MTcgMTEuODU5NiAxNy43MjI5QzExLjkzMjkgMTguNTE0IDEzLjM5MjEgMTkuODk3NyAxNC4wODc0IDE2LjQwMzNDMTQuMTQ5NyAxNi4wOTAyIDE0LjM3MDggMTUuMDQ3MiAxNC4zNTc1IDE0Ljg2NzRDMTQuMzE1IDE0LjI5MzUgMTMuODU3MyAxMy45MTQgMTMuNDQzNSAxMy45MTRaTTIuMTQ4MzMgOS43QzIuMTQ4MzMgMTAuNDIxNCAzLjA5NDE2IDExLjEyMjMgMy43NDE1MyAxMC4xNDU2QzMuODk4NTkgOS45MDg2MiA0LjQ0MTMgNy4xNzA2OCA0LjQ0MTMgNi43OTY4OUM0LjQ0MTMgNi4zMjA5NCA0LjA1MjQzIDUuODYwNTYgMy41MDcwNyA1Ljg2MDU2QzIuNzU1ODggNS44NjA1NiAyLjY3MTM0IDYuNjY2ODUgMi41MjEyNyA3LjM5NTMyQzIuMzg1MTcgOC4wNTUyMyAyLjE0ODMzIDguOTk3NTcgMi4xNDgzMyA5LjdaTTEuMDQ0MzIgMTUuMjI1QzEuMDQ0MzIgMTUuNzAxIDEuNDMzMzMgMTYuMTYxNSAxLjk3ODQyIDE2LjE2MTVDMi43MzY3MyAxNi4xNjE1IDIuODMwNjMgMTUuMzYyMyAyLjk2MjQgMTQuNjI0M0MzLjA5MjIxIDEzLjg5NjcgMy4zMzcyOSAxMy4wNTcyIDMuMzM3MjkgMTIuMzIxOUMzLjMzNzI5IDExLjMxNDkgMS45Mjg1NCAxMC45OTM4IDEuNjA0NzggMTIuMTkxQzEuNDg1NDUgMTIuNjMyOSAxLjM5MTgzIDEzLjI1ODEgMS4zMjAyOSAxMy42NTY0QzEuMjQxNjIgMTQuMDk0MSAxLjA0NDMyIDE0Ljg0ODIgMS4wNDQzMiAxNS4yMjVaTTcuNTgzNjkgMTguNDA5QzcuNTgzNjkgMTkuMzU0MyA4Ljg5ODU1IDIwLjM3NTcgOS43OTE3IDIwLjM3NTdDMTAuNzEzNCAyMC4zNzU3IDExLjY2MDIgMjAuNTM2OCAxMS42NjAyIDE5LjI1MThDMTEuNjYwMiAxOC44ODY0IDExLjQzNzYgMTguNTc3NCAxMS4xODEzIDE4LjQ2ODhDMTAuNDA4MSAxOC4xNDA4IDkuOTM0MjMgMTguODQ0NSA5LjI1NTcgMTcuOTY5OUM4LjM1NTU2IDE2LjgxMDIgNy41ODM2OSAxNy45ODkyIDcuNTgzNjkgMTguNDA5Wk0xOS40NzMzIDYuODkwNTdDMTkuNDczMyA3Ljc0MDYxIDIwLjg3MyA4LjEyOTk2IDIxLjIwMjggNy4wMTgzTDIxLjQxMjYgMy43MjY0NEMyMS4yNzc4IDIuODIyOTQgMjAuMjM3MSAyLjU4MDg4IDE5Ljc5NTggMy4zMTMwNkMxOS42NzU2IDMuNTEyNTkgMTkuNTkzOSA0LjExMDI1IDE5LjU2OTUgNC4zNzQ0OUMxOS40OTQxIDUuMTkwMDIgMTkuNDczMyA2LjA1NTAxIDE5LjQ3MzMgNi44OTA1N1pNMTcuMDEwNCAyLjQ4OTIxQzE3Ljg2MSAyLjQ4OTIxIDE3LjI4ODYgMi4xMTQ2NSAxOC43MDkgMi4xMTQ2NUMxOS4wNDY2IDIuMTE0NjUgMTkuNjM5NiAyLjcyODE4IDIwLjIxNjggMi4wOTE2OUMyMC44OTc5IDEuMzQwNzIgMjAuMjIyNCAwLjE0ODAxIDE4Ljc5NCAwLjE0ODAxSDE4Ljc1NzFDMTcuOTc3NSAwLjE0OTg1OSAxNi44MjMzIDAuMjExNDkgMTYuMzc0IDAuOTQ3MDUyQzE1Ljg4MjcgMS43NTExOCAxNi41NTYyIDIuNDg5MjEgMTcuMDEwNCAyLjQ4OTIxWk0xOS4xMzM1IDEyLjYwM0MxOS4xMzM1IDEzLjI2MzIgMjAuMjggMTMuODczOCAyMC43OTUgMTIuODQzQzIwLjkxNDIgMTIuNjA0NyAyMS4wNjI5IDEwLjIxNDIgMjEuMDg3NSA5Ljc4MzJDMjEuMTYxOCA4LjQ3Njk0IDE5LjM3NzIgNy43MjEwNCAxOS4yMjI1IDEwLjA3ODlDMTkuMTY0NCAxMC45NjQ1IDE5LjEzMzUgMTEuNjkxOSAxOS4xMzM1IDEyLjYwM1pNMTMuMTAzOSAxMi4xMzQ3QzEzLjEwMzkgMTMuMjU5OSAxNC41MDM4IDEzLjQ5MDMgMTQuODI5NyAxMi40NDU4QzE0Ljk3NTQgMTEuOTc5IDE1LjM5NjggOS43Mzc3NSAxNS4zOTY4IDkuMjMxNzZDMTUuMzk2OCA4LjYzMjU2IDE0Ljk4MiA4LjM4ODk2IDE0LjQ2MjcgOC4zODg5NkMxMy43MTQ5IDguMzg4OTYgMTMuNjIzNyA5LjIwMTg3IDEzLjQ5MjkgOS45NDE2QzEzLjM4NTggMTAuNTQ3NiAxMy4xMDM5IDExLjU4MjQgMTMuMTAzOSAxMi4xMzQ3Wk0xOS44OTc4IDE5LjA2NDVDMjEuMTg2IDE5LjA2NDUgMjAuNjEyIDE3LjI2NTMgMjAuNTk3MiAxNy4wNzUyQzIwLjUzMzIgMTYuMjUxNSAyMS4yMzkyIDE0LjI4ODYgMTkuODEzIDE0LjI4ODZDMTkuMzA4MiAxNC4yODg2IDE5LjA0NjQgMTQuNjM4MyAxOC45NTgxIDE1LjEyNTJDMTguODg2NiAxNS41MTk2IDE4LjgyOTMgMTYuMzEzIDE4Ljc5NjMgMTYuNzMwNUMxOC43NTkyIDE3LjIwMjIgMTguODg2NyAxNy45MTAzIDE4Ljk5ODkgMTguMjc2NUMxOS4xMzk5IDE4LjczNjYgMTkuMzgyMiAxOS4wNjQ1IDE5Ljg5NzggMTkuMDY0NVpNMTUuMDU3MiA3LjU0NjE2QzE2LjAyMzggNy41NDYxNiAxNi4wMzk2IDYuMTI2ODEgMTYuMjY2NyA0Ljk0NjczQzE2LjMxMzYgNC43MDI1MiAxNi41MDA4IDQuMDU4MTcgMTYuNTAwOCAzLjgwMDI1QzE2LjUwMDggMy4yNjM5MSAxNi4xMDc4IDIuNzcwMjQgMTUuNjUxNiAyLjc3MDI0QzE0LjYzNjEgMi43NzAyNCAxNC41OTQ2IDQuMTQwNDUgMTQuNDEzNCA1LjE1MDczQzE0LjMyMzYgNS42NTEzMyAxMy42NzQ1IDcuNTQ2MTYgMTUuMDU3MiA3LjU0NjE2Wk04LjI2MzA2IDE2LjcyMzRDOC44NzUzNSAxNi43MjM0IDkuMTczNTQgMTYuMDA3MSA5LjE5ODU1IDE1LjMyMDNDOS4yMzI3OCAxNC4zODU5IDkuNDY4OTMgMTIuNjgxOSA5LjA1MzIzIDEyLjE5OTdDOC41MDU5MSAxMS41NjQ4IDcuNjcwODggMTEuOTEzNiA3LjUyNzk0IDEyLjYzNTJMNy40MTMzNiAxNC4yODgzQzcuMzcyOTggMTUuMTMyOCA3LjA4OTYgMTYuNzIzNCA4LjI2MzA2IDE2LjcyMzRaTTcuNDk4NzMgNy44MjcwNEM3LjQ5ODczIDguNTkxNTcgNy4zODcwOSAxMC4xMDg5IDcuNjk4NjkgMTAuNjAzMkM4LjExMzEzIDExLjI2MDMgOS4zNjcwNiAxMS4yMzI5IDkuMzY3MDYgOS42MDYzMkw5LjMxNjkgNy43MjE4MUM5LjMxNjkgNy43MTgyNyA5LjU5MzU3IDYuMTQxNDQgOC40MzI4MyA2LjE0MTQ0QzcuNjk2ODcgNi4xNDE0NCA3LjQ5ODczIDcuMDk1MDMgNy40OTg3MyA3LjgyNzA0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-size: 27px 20px;
        background-position: left;
        padding-left: 35px;
        height: 50px;
        line-height: 50px;
    }

    .top-bar__logotype:hover {
        color: #fff;
    }

    .top-bar__help-link {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj4NCiAgICAgICAgPHBhdGggZD0iTTE5LjgyNjMgMC4yOTczMDJIMy44MjYyN0MyLjU2OTEzIDAuMjk3MzAyIDEuNTQwNTYgMS4zMjU4NyAxLjU0MDU2IDIuNTgzMDJWMTguNTgzQzEuNTQwNTYgMTkuODQwMiAyLjU2OTEzIDIwLjg2ODcgMy44MjYyNyAyMC44Njg3SDguMzk3N0wxMS44MjYzIDI0LjI5NzNMMTUuMjU0OCAyMC44Njg3SDE5LjgyNjNDMjEuMDgzNCAyMC44Njg3IDIyLjExMiAxOS44NDAyIDIyLjExMiAxOC41ODNWMi41ODMwMkMyMi4xMTIgMS4zMjU4NyAyMS4wODM0IDAuMjk3MzAyIDE5LjgyNjMgMC4yOTczMDJaTTEyLjk2OTEgMTguNTgzSDEwLjY4MzRWMTYuMjk3M0gxMi45NjkxVjE4LjU4M1pNMTUuMzY5MSA5Ljc4MzAyTDE0LjM0MDYgMTAuODExNkMxMy40MjYzIDExLjYxMTYgMTIuOTY5MSAxMi4yOTczIDEyLjk2OTEgMTQuMDExNkgxMC42ODM0VjEzLjQ0MDJDMTAuNjgzNCAxMi4xODMgMTEuMTQwNiAxMS4wNDAyIDEyLjA1NDggMTAuMjQwMkwxMy40MjYzIDguNzU0NDVDMTMuODgzNSA4LjQxMTU5IDE0LjExMiA3Ljg0MDE2IDE0LjExMiA3LjE1NDQ1QzE0LjExMiA1Ljg5NzMgMTMuMDgzNSA0Ljg2ODczIDExLjgyNjMgNC44Njg3M0MxMC41NjkyIDQuODY4NzMgOS41NDA2IDUuODk3MyA5LjU0MDYgNy4xNTQ0NUg3LjI1NDg5QzcuMjU0ODkgNC42NDAxNiA5LjMxMjAzIDIuNTgzMDIgMTEuODI2MyAyLjU4MzAyQzE0LjM0MDYgMi41ODMwMiAxNi4zOTc3IDQuNjQwMTYgMTYuMzk3NyA3LjE1NDQ1QzE2LjM5NzcgOC4xODMwMiAxNS45NDA2IDkuMDk3MyAxNS4zNjkxIDkuNzgzMDJaIiBmaWxsPSIjZmZmIi8+DQogICAgPC9nPg0KICAgIDxkZWZzPg0KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwIj4NCiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICA8L2RlZnM+DQo8L3N2Zz4=");
        float: right;
        margin-right: 12px;
    }

    .top-bar__logout-link {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUuMTg3NSAxMi44MzMzQzE0LjczODIgMTIuODMzMyAxNC4zNzUxIDEzLjIwNjcgMTQuMzc1MSAxMy42NjY2VjE3QzE0LjM3NTEgMTcuNDU5MSAxNC4wMTEgMTcuODMzMyAxMy41NjI1IDE3LjgzMzNIMTEuMTI1VjUuMzMzMjhDMTEuMTI1IDQuNjIxNjEgMTAuNjgzIDMuOTg1NzggMTAuMDE4NCAzLjc0OTExTDkuNzc3ODMgMy42NjY1NkgxMy41NjI1QzE0LjAxMSAzLjY2NjU2IDE0LjM3NTEgNC4wNDA3MSAxNC4zNzUxIDQuNVY3QzE0LjM3NTEgNy40NTk5IDE0LjczODIgNy44MzMyOCAxNS4xODc1IDcuODMzMjhDMTUuNjM2OCA3LjgzMzI4IDE2IDcuNDU5OSAxNiA3VjQuNUMxNiAzLjEyMTY3IDE0LjkwNjQgMiAxMy41NjI1IDJINC44MjgxM0M0Ljc5NzE5IDIgNC43NzEzIDIuMDE0MTkgNC43NDEyNSAyLjAxODMxQzQuNzAyMTIgMi4wMTQ5NSA0LjY2NDc4IDIgNC42MjUwNiAyQzMuNzI4ODQgMiAzIDIuNzQ3MzggMyAzLjY2NjU2VjE4LjY2NjZDMyAxOS4zNzgyIDMuNDQyMDEgMjAuMDE0MSA0LjEwNjU4IDIwLjI1MDdMOC45OTYzMyAyMS45MjI1QzkuMTYyMDYgMjEuOTc1IDkuMzI2OSAyMiA5LjUwMDA3IDIyQzEwLjM5NjMgMjIgMTEuMTI1IDIxLjI1MjUgMTEuMTI1IDIwLjMzMzNWMTkuNUgxMy41NjI1QzE0LjkwNjQgMTkuNSAxNiAxOC4zNzgzIDE2IDE3VjEzLjY2NjZDMTYgMTMuMjA2NyAxNS42MzY4IDEyLjgzMzMgMTUuMTg3NSAxMi44MzMzWiIgZmlsbD0id2hpdGUiLz4NCiAgICA8cGF0aCBkPSJNMjIuNzMzNSA5LjQzNDQ0TDE5LjA5NzEgNi4yMzQ2MUMxOC44MzcyIDYuMDA1ODEgMTguNDQ2MiA1LjkzNjk2IDE4LjEwNjMgNi4wNjA4OEMxNy43NjczIDYuMTg0OTUgMTcuNTQ1NCA2LjQ3Njg4IDE3LjU0NTQgNi44MDAxNlY5LjIwMDA4SDEzLjkwOTJDMTMuNDA3MyA5LjIwMDA4IDEzIDkuNTU4MzYgMTMgMTBDMTMgMTAuNDQxNiAxMy40MDczIDEwLjc5OTkgMTMuOTA5MiAxMC43OTk5SDE3LjU0NTRWMTMuMTk5OEMxNy41NDU0IDEzLjUyMzEgMTcuNzY3MyAxMy44MTUgMTguMTA2MyAxMy45MzkxQzE4LjQ0NjIgMTQuMDYzIDE4LjgzNzIgMTMuOTk0MiAxOS4wOTcxIDEzLjc2NTVMMjIuNzMzNSAxMC41NjU2QzIzLjA4ODggMTAuMjUyOCAyMy4wODg4IDkuNzQ3MTcgMjIuNzMzNSA5LjQzNDQ0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
        display: inline-block;
        float: right;
    }

    .top-bar__logout-link button {
        display: none !important;
    }
    /******************************************************************************************************************/

    /*left side bar****************************************************************************************************/
    .left-sidebar {
        background-color: #fff;
        width: 196px;
        border: none;
        z-index: 1003;
        left: -196px;
        transition: all .3s;
        position: fixed;
    }

    .left-sidebar.open {
        left: 0;
        transition: all .3s;
    }

    .left-sidebar.open::before {
        content: '';
        position: absolute;
        left: 196px;
        top: 0;
        width: 1000%;
        height: 100%;
        background-color: rgba(15, 15, 15, 0.48);
        z-index: 1002;
    }

    .left-sidebar__help-link {
        display: none;
    }

    .left-sidebar__logotype-img {
        display: none;
    }

    .left-sidebar__header {
        background-color: #FF6D4A;
        width: 100%;
        height: 88px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .left-sidebar__logotype {
        display: inline-block;
        width: 100px;
        height: 52px;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        color: #fff;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 600;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA0OSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwLjA4NzQgMTguODIyMkM0MC4wODc0IDIwLjQ1OTEgNDEuMjM3MiAyMC44Mjg4IDQxLjk2OTEgMjAuNTg1M0M0Mi40OTQ3IDIwLjQxMDQgNDMuNDc5IDE5LjM1OTkgNDQuMTI3NiAxOC45ODE0QzQ0LjcwMDUgMTkuOTI0NiA0NS40NDUyIDIxLjM2OCA0Ni41ODA1IDIxLjM2OEM0Ny4xNDY5IDIxLjM2OCA0OC45MDEzIDIwLjQyNzcgNDcuNDQ4NyAxOC4zNDIxQzQ3LjE1MjkgMTcuOTE3MiA0Ni44NzAxIDE3LjQ5ODkgNDYuNTgwNSAxNy4wNzIyQzQ0LjcxMDcgMTQuMzE2NyA0NC42MjU0IDE0LjMxNzggNDEuODM4OCAxNi42MTY3QzQxLjAzOTIgMTcuMjc2NCA0MC4wODc0IDE3Ljg5MjYgNDAuMDg3NCAxOC44MjIyWk00MS4yNDE3IDI1Ljk4MTlDNDEuMjQxNyAyNy4wODQgNDIuNzkxIDI4LjE2MTggNDMuODAxNCAyNy4wNTVDNDQuMjA4MyAyNi42MDk0IDQ0Ljg0ODggMjQuMjAyMyA0NC44NDg4IDIzLjI3NzJDNDQuODQ4OCAyMi4wOTAzIDQyLjYwOTIgMjAuMTQxMyA0MS42NzM4IDIzLjkxMzFDNDEuNTI0IDI0LjUxNzUgNDEuMjQxNyAyNS4yNzAxIDQxLjI0MTcgMjUuOTgxOVpNMS44NTAwOCAzNC40MTQ5QzMuNDYwODcgMzQuNDE0OSAzLjQyMDc1IDMzLjMzNzcgMy44MTAwOSAzMS40ODM1QzQuMDgxNDUgMzAuMTkxMyA0LjA0MjA0IDI4LjY4NjkgMi40MjcyMSAyOC42ODY5QzAuNjYyMzQyIDI4LjY4NjkgMC4zNzQzNjkgMzIuODIzOCAwLjU5MzczMSAzMy40MDA1QzAuODAyNjQ4IDMzLjk1MTMgMS4yMDUwNSAzNC40MTQ5IDEuODUwMDggMzQuNDE0OVpNMzUuOTAyOSAzMi42NjQ0QzM1LjkwMjkgMzUuNjQ5NSAzOS40ODc1IDM0LjE4NjEgNDAuNzA5NCAzMy4xOTEzTDQyLjIyMDMgMzEuNTE1OUM0Mi45NTE3IDMwLjM5ODEgNDIuNDQ2OCAyOC44MzA5IDQxLjA3NTUgMjguNzc2N0MzOS41NDY5IDI4LjcxNjIgMzkuOTUwNSAzMC42Mzc3IDM3LjQ4ODggMzEuMDcyQzM2LjYzNyAzMS4yMjIyIDM1LjkwMjkgMzEuNjEyIDM1LjkwMjkgMzIuNjY0NFpNNy4xODg4NCA3LjY4NDc4QzcuMTg4ODQgOC40MDM5IDcuODQ1OTcgOS4xNzQ4NCA4LjQ0ODAzIDkuMzI5MjlDOS40MDUwMSA5LjU3NTEgOS4wMzcwMyA4Ljc5ODY2IDExLjM3MzMgOC43OTg2NkMxMi4xOTUyIDguNzk4NjYgMTEuODU4NiA5LjI3NTg4IDEzLjEwNDcgOS4yNzU4OEMxNC4xNDc0IDkuMjc1ODggMTQuODYwNiA3LjgyMzc5IDE0LjI4ODcgNi44NjQ2M0MxMi44OTI1IDQuNTIzMjYgNy4xODg4NCA1LjIzOTUgNy4xODg4NCA3LjY4NDc4Wk0yMi45MTY3IDIzLjQzNjRDMjIuMTU2NSAyMy40MzY0IDIxLjYwNjQgMjQuMjA4NCAyMS40MTYgMjQuOTYzOUMyMS4xOTYgMjUuODM3NCAyMS4xMDkxIDI2LjgzMTkgMjAuOTMxMyAyNy42MTEyQzIwLjczOTkgMjguNDQ5MiAyMC4xNTYxIDI5LjE1ODEgMjAuMjI1NCAyOS45MDc4QzIwLjM1MDEgMzEuMjUxOCAyMi44MjkzIDMzLjYwMjkgMjQuMDEwNiAyNy42NjU3QzI0LjExNjUgMjcuMTMzNyAyNC40OTIxIDI1LjM2MTggMjQuNDY5NSAyNS4wNTYzQzI0LjM5NzQgMjQuMDgxMSAyMy42MTk2IDIzLjQzNjQgMjIuOTE2NyAyMy40MzY0Wk0zLjcyNTgxIDE2LjI3NjdDMy43MjU4MSAxNy41MDIzIDUuMzMyODEgMTguNjkzMiA2LjQzMjcgMTcuMDMzN0M2LjY5OTU1IDE2LjYzMTEgNy42MjE2MiAxMS45NzkzIDcuNjIxNjIgMTEuMzQ0MkM3LjYyMTYyIDEwLjUzNTYgNi45NjA5MyA5Ljc1MzM3IDYuMDM0MzQgOS43NTMzN0M0Ljc1ODA1IDkuNzUzMzcgNC42MTQ0MiAxMS4xMjMzIDQuMzU5NDUgMTIuMzYxQzQuMTI4MjEgMTMuNDgyMiAzLjcyNTgxIDE1LjA4MzIgMy43MjU4MSAxNi4yNzY3Wk0xLjg1MDA4IDI1LjY2MzlDMS44NTAwOCAyNi40NzI1IDIuNTExMDEgMjcuMjU1IDMuNDM3MTMgMjcuMjU1QzQuNzI1NTIgMjcuMjU1IDQuODg1MDYgMjUuODk3MSA1LjEwODkzIDI0LjY0MzJDNS4zMjk0OCAyMy40MDcgNS43NDU4OSAyMS45ODA2IDUuNzQ1ODkgMjAuNzMxNEM1Ljc0NTg5IDE5LjAyMDQgMy4zNTIzOCAxOC40NzQ4IDIuODAyMzEgMjAuNTA4OUMyLjU5OTU2IDIxLjI1OTcgMi40NDA1IDIyLjMyMiAyLjMxODk1IDIyLjk5ODdDMi4xODUyOSAyMy43NDI0IDEuODUwMDggMjUuMDIzNSAxLjg1MDA4IDI1LjY2MzlaTTEyLjk2MDYgMzEuMDczNUMxMi45NjA2IDMyLjY3OTYgMTUuMTk0NiAzNC40MTQ5IDE2LjcxMjEgMzQuNDE0OUMxOC4yNzggMzQuNDE0OSAxOS44ODY3IDM0LjY4ODcgMTkuODg2NyAzMi41MDU1QzE5Ljg4NjcgMzEuODg0NSAxOS41MDg1IDMxLjM1OTcgMTkuMDczMSAzMS4xNzUxQzE3Ljc1OTMgMzAuNjE3OCAxNi45NTQyIDMxLjgxMzMgMTUuODAxNCAzMC4zMjc1QzE0LjI3MiAyOC4zNTcgMTIuOTYwNiAzMC4zNjAyIDEyLjk2MDYgMzEuMDczNVpNMzMuMTYxNCAxMS41MDM0QzMzLjE2MTQgMTIuOTQ3NiAzNS41Mzk1IDEzLjYwOTEgMzYuMDk5OCAxMS43MjA0TDM2LjQ1NjMgNi4xMjc0NUMzNi4yMjcyIDQuNTkyMzcgMzQuNDU5IDQuMTgxMTIgMzMuNzA5MyA1LjQyNTFDMzMuNTA1MiA1Ljc2NDEgMzMuMzY2MyA2Ljc3OTU1IDMzLjMyNDcgNy4yMjg1QzMzLjE5NjggOC42MTQxIDMzLjE2MTQgMTAuMDgzNyAzMy4xNjE0IDExLjUwMzRaTTI4Ljk3NjkgNC4wMjUzNkMzMC40MjIgNC4wMjUzNiAyOS40NDk2IDMuMzg4OTcgMzEuODYyOCAzLjM4ODk3QzMyLjQzNjQgMy4zODg5NyAzMy40NDM5IDQuNDMxMzggMzQuNDI0NiAzLjM0OTk3QzM1LjU4MTcgMi4wNzQwNSAzNC40MzQxIDAuMDQ3NjA3NCAzMi4wMDcxIDAuMDQ3NjA3NEgzMS45NDQ1QzMwLjYyIDAuMDUwNzQ4OCAyOC42NTkgMC4xNTU0NiAyNy44OTU1IDEuNDA1MkMyNy4wNjA4IDIuNzcxNDMgMjguMjA1MSA0LjAyNTM2IDI4Ljk3NjkgNC4wMjUzNlpNMzIuNTg0IDIxLjIwODlDMzIuNTg0IDIyLjMzMDYgMzQuNTMxOSAyMy4zNjggMzUuNDA3IDIxLjYxNjdDMzUuNjA5NSAyMS4yMTE4IDM1Ljg2MjEgMTcuMTUwMiAzNS45MDM5IDE2LjQxOEMzNi4wMzAyIDE0LjE5ODcgMzIuOTk4MSAxMi45MTQ0IDMyLjczNTMgMTYuOTIwNEMzMi42MzY1IDE4LjQyNTEgMzIuNTg0IDE5LjY2MSAzMi41ODQgMjEuMjA4OVpNMjIuMzM5NSAyMC40MTMzQzIyLjMzOTUgMjIuMzI1MSAyNC43MTgxIDIyLjcxNjUgMjUuMjcxNyAyMC45NDE5QzI1LjUxOTMgMjAuMTQ4NyAyNi4yMzUzIDE2LjM0MDggMjYuMjM1MyAxNS40ODExQzI2LjIzNTMgMTQuNDYzMSAyNS41MzA1IDE0LjA0OTIgMjQuNjQ4MyAxNC4wNDkyQzIzLjM3NzcgMTQuMDQ5MiAyMy4yMjI3IDE1LjQzMDMgMjMuMDAwNSAxNi42ODcxQzIyLjgxODYgMTcuNzE2NyAyMi4zMzk1IDE5LjQ3NDggMjIuMzM5NSAyMC40MTMzWk0zMy44ODI2IDMyLjE4NzJDMzYuMDcxMyAzMi4xODcyIDM1LjA5NiAyOS4xMzAzIDM1LjA3MDggMjguODA3M0MzNC45NjIxIDI3LjQwNzggMzYuMTYxNyAyNC4wNzI4IDMzLjczODUgMjQuMDcyOEMzMi44ODA4IDI0LjA3MjggMzIuNDM2MSAyNC42NjcgMzIuMjg2MSAyNS40OTQyQzMyLjE2NDUgMjYuMTY0NCAzMi4wNjcyIDI3LjUxMjMgMzIuMDExMiAyOC4yMjE3QzMxLjk0OCAyOS4wMjMgMzIuMTY0OCAzMC4yMjYyIDMyLjM1NTQgMzAuODQ4NEMzMi41OTUgMzEuNjMwMSAzMy4wMDY2IDMyLjE4NzIgMzMuODgyNiAzMi4xODcyWk0yNS42NTgyIDEyLjYxNzJDMjcuMzAwNiAxMi42MTcyIDI3LjMyNzQgMTAuMjA1NyAyNy43MTMyIDguMjAwNzVDMjcuNzkzIDcuNzg1ODMgMjguMTExMSA2LjY5MTA3IDI4LjExMTEgNi4yNTI4NUMyOC4xMTExIDUuMzQxNTkgMjcuNDQzMyA0LjUwMjg0IDI2LjY2ODEgNC41MDI4NEMyNC45NDI5IDQuNTAyODQgMjQuODcyNCA2LjgzMDg2IDI0LjU2NDUgOC41NDczNUMyNC40MTE4IDkuMzk3ODcgMjMuMzA5MSAxMi42MTcyIDI1LjY1ODIgMTIuNjE3MlpNMTQuMTE0OSAyOC4yMDk3QzE1LjE1NTIgMjguMjA5NyAxNS42NjE4IDI2Ljk5MjYgMTUuNzA0MyAyNS44MjU2QzE1Ljc2MjUgMjQuMjM4MiAxNi4xNjM3IDIxLjM0MjkgMTUuNDU3NCAyMC41MjM4QzE0LjUyNzUgMTkuNDQ1IDEzLjEwODggMjAuMDM3NyAxMi44NjU5IDIxLjI2MzZMMTIuNjcxMiAyNC4wNzIyQzEyLjYwMjYgMjUuNTA3IDEyLjEyMTIgMjguMjA5NyAxNC4xMTQ5IDI4LjIwOTdaTTEyLjgxNjMgMTMuMDk0NUMxMi44MTYzIDE0LjM5MzQgMTIuNjI2NiAxNi45NzE0IDEzLjE1NiAxNy44MTEyQzEzLjg2MDEgMTguOTI3NyAxNS45OTA2IDE4Ljg4MTEgMTUuOTkwNiAxNi4xMTc1TDE1LjkwNTQgMTIuOTE1N0MxNS45MDU0IDEyLjkwOTcgMTYuMzc1NSAxMC4yMzA2IDE0LjQwMzMgMTAuMjMwNkMxMy4xNTI5IDEwLjIzMDYgMTIuODE2MyAxMS44NTA4IDEyLjgxNjMgMTMuMDk0NVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4=");
        background-repeat: no-repeat;
        padding-top: 45px;
        background-position: top;
        text-align: center;
    }

    .left-sidebar__menu-btn_close {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTYgMS42MTE0M0wxNC4zODg2IDBMOCA2LjM4ODU3TDEuNjExNDMgMEwwIDEuNjExNDNMNi4zODg1NyA4TDAgMTQuMzg4NkwxLjYxMTQzIDE2TDggOS42MTE0M0wxNC4zODg2IDE2TDE2IDE0LjM4ODZMOS42MTE0MyA4TDE2IDEuNjExNDNaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+");
        background-repeat: no-repeat;
        background-position: center;
    }

    .left-sidebar ul.nav li {
        background-position: 33px center;
        border-bottom: 1px solid rgba(116, 116, 116, 0.4);
        height: 40px;
        line-height: 40px;
    }

    .left-sidebar ul.nav li.active a > div.indicator {
        display: none;
    }

    .left-sidebar ul.nav li a {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 14px;
        opacity: 1;
        padding: 2px 0 0 68px !important;
        text-align: left;
        line-height: initial;
    }

    .left-sidebar__footer {
        display: block !important;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 15px;
    }

    .left-sidebar__footer a button {
        font-size: 12px !important;
    }

    .left-sidebar__footer a {
        margin-bottom: 10px;
        display: block;
    }

    .ui.button.button-setting {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .ui.button.button-setting .cog-icon {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: sub;
        margin-right: 8px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC45OTk5NCA1LjA2MjUxQzYuODI1MTcgNS4wNjI1MSA1LjA2MjQ0IDYuODI1MjQgNS4wNjI0NCA5QzUuMDYyNDQgMTEuMTc0OCA2LjgyNTE3IDEyLjkzNzUgOC45OTk5NCAxMi45Mzc1QzExLjE3NDcgMTIuOTM3NSAxMi45Mzc0IDExLjE3NDggMTIuOTM3NCA5QzEyLjkzNDkgNi44MjY1MSAxMS4xNzM0IDUuMDY1MDQgOC45OTk5NCA1LjA2MjUxWk04Ljk5OTk0IDExLjgxMjVDNy40NDY3NCAxMS44MTI1IDYuMTg3NDQgMTAuNTUzMiA2LjE4NzQ0IDlDNi4xODc0NCA3LjQ0NjggNy40NDY3NCA2LjE4NzUxIDguOTk5OTQgNi4xODc1MUMxMC41NTMxIDYuMTg3NTEgMTEuODEyNCA3LjQ0NjggMTEuODEyNCA5QzExLjgxMDUgMTAuNTUyNSAxMC41NTI0IDExLjgxMDUgOC45OTk5NCAxMS44MTI1WiIgZmlsbD0id2hpdGUiLz4NCiAgICA8cGF0aCBkPSJNMTggNy4zMTI1QzE4IDcuMDAxNzIgMTcuNzQ4MyA2Ljc1IDE3LjQzNzUgNi43NUgxNS45NTA4QzE1LjgzMTcgNi4zODA0NCAxNS42ODMyIDYuMDIwODYgMTUuNTA1OSA1LjY3NTYzTDE2LjU1NzIgNC42MjUwMkMxNi43NzY2IDQuNDA1MjIgMTYuNzc2NiA0LjA0OTMgMTYuNTU3MiAzLjgyOTVMMTQuMTcwNSAxLjQ0MjgxQzEzLjk1MDcgMS4yMjM0NCAxMy41OTQ4IDEuMjIzNDQgMTMuMzc1IDEuNDQyODFMMTIuMzI0NCAyLjQ5MzU2QzExLjk3ODYgMi4zMTY5NCAxMS42MTkzIDIuMTY4NDQgMTEuMjUgMi4wNDkxOVYwLjU2MjVDMTEuMjUgMC4yNTE3MTkgMTAuOTk4MyAwIDEwLjY4NzUgMEg3LjMxMjVDNy4wMDE3MiAwIDYuNzUgMC4yNTE3MTkgNi43NSAwLjU2MjVWMi4wNDkxOUM2LjM4MDcyIDIuMTY4NDQgNi4wMjE0MiAyLjMxNjk0IDUuNjc1NjIgMi40OTM1Nkw0LjYyNTAyIDEuNDQyODFDNC40MDUyMiAxLjIyMzQ0IDQuMDQ5MyAxLjIyMzQ0IDMuODI5NSAxLjQ0MjgxTDEuNDQyODEgMy44Mjk1QzEuMjIzNDQgNC4wNDkzIDEuMjIzNDQgNC40MDUyMiAxLjQ0MjgxIDQuNjI1MDJMMi40OTM1NiA1LjY3NTYzQzIuNDQ2NTkgNS43Njc3NCAyLjQwMTMxIDUuODYwMTMgMi4zNTg1NiA1Ljk1MzVDMi4yMzk4NyA2LjIxMjgxIDIuMTM2NjYgNi40Nzg2IDIuMDQ5MTkgNi43NUgwLjU2MjVDMC4yNTE3MTkgNi43NSAwIDcuMDAxNzIgMCA3LjMxMjVWMTAuNjg3NUMwIDEwLjk5ODMgMC4yNTE3MTkgMTEuMjUgMC41NjI1IDExLjI1SDIuMDQ5MTlDMi4xNjgzIDExLjYxOTYgMi4zMTY4IDExLjk3OTEgMi40OTQxMiAxMi4zMjQ0TDEuNDQyODEgMTMuMzc1QzEuMjIzNDQgMTMuNTk0OCAxLjIyMzQ0IDEzLjk1MDcgMS40NDI4MSAxNC4xNzA1TDMuODI5NSAxNi41NTcyQzQuMDQ5MyAxNi43NzY2IDQuNDA1MjIgMTYuNzc2NiA0LjYyNTAyIDE2LjU1NzJMNS42NzU2MiAxNS41MDY0QzYuMDIxNDIgMTUuNjgzMSA2LjM4MDcyIDE1LjgzMTYgNi43NSAxNS45NTA4VjE3LjQzNzVDNi43NSAxNy43NDgzIDcuMDAxNzIgMTggNy4zMTI1IDE4SDEwLjY4NzVDMTAuOTk4MyAxOCAxMS4yNSAxNy43NDgzIDExLjI1IDE3LjQzNzVWMTUuOTUwOEMxMS42MTkzIDE1LjgzMTYgMTEuOTc4NiAxNS42ODMxIDEyLjMyNDQgMTUuNTA2NEwxMy4zNzUgMTYuNTU3MkMxMy41OTQ4IDE2Ljc3NjYgMTMuOTUwNyAxNi43NzY2IDE0LjE3MDUgMTYuNTU3MkwxNi41NTcyIDE0LjE3MDVDMTYuNzc2NiAxMy45NTA3IDE2Ljc3NjYgMTMuNTk0OCAxNi41NTcyIDEzLjM3NUwxNS41MDU5IDEyLjMyNDRDMTUuNjgzMiAxMS45NzkxIDE1LjgzMTcgMTEuNjE5NiAxNS45NTA4IDExLjI1SDE3LjQzNzVDMTcuNzQ4MyAxMS4yNSAxOCAxMC45OTgzIDE4IDEwLjY4NzVWNy4zMTI1Wk0xNi44NzUgMTAuMTI1SDE1LjUyODRDMTUuMjcxOSAxMC4xMjUgMTUuMDQ4IDEwLjI5ODcgMTQuOTgzOSAxMC41NDY5QzE0Ljg0MDIgMTEuMTA1MiAxNC42MTg3IDExLjY0MDkgMTQuMzI1NyAxMi4xMzc2QzE0LjE5NTQgMTIuMzU4NCAxNC4yMzEyIDEyLjYzOTcgMTQuNDEyNCAxMi44MjExTDE1LjM2MzQgMTMuNzcyN0wxMy43NzI3IDE1LjM2NDFMMTIuODIxMSAxNC40MTI0QzEyLjYzOTUgMTQuMjMxIDEyLjM1ODMgMTQuMTk1MyAxMi4xMzczIDE0LjMyNThDMTEuNjQwNyAxNC42MTg3IDExLjEwNTIgMTQuODQwMyAxMC41NDY5IDE0Ljk4MzlDMTAuMjk4NyAxNS4wNDggMTAuMTI1IDE1LjI3MTkgMTAuMTI1IDE1LjUyODRWMTYuODc1SDcuODc1VjE1LjUyODRDNy44NzUgMTUuMjcxOSA3LjcwMTMzIDE1LjA0OCA3LjQ1MzEyIDE0Ljk4MzlDNi44OTQ4NCAxNC44NDAzIDYuMzU5MzQgMTQuNjE4NyA1Ljg2MjY2IDE0LjMyNThDNS42NDE3MyAxNC4xOTUzIDUuMzYwNDggMTQuMjMxIDUuMTc4OTQgMTQuNDEyNEw0LjIyNzMzIDE1LjM2NDFMMi42MzY1OCAxMy43NzI3TDMuNTg3NjIgMTIuODIxMUMzLjc2ODc1IDEyLjYzOTcgMy44MDQ2MSAxMi4zNTg0IDMuNjc0MjUgMTIuMTM3NkMzLjM4MTMzIDExLjY0MDkgMy4xNTk4NCAxMS4xMDUyIDMuMDE2MTIgMTAuNTQ2OUMyLjk1MiAxMC4yOTg3IDIuNzI4MTIgMTAuMTI1IDIuNDcxNjIgMTAuMTI1SDEuMTI1VjcuODc1SDIuNDcxNjJDMi43MjgxMiA3Ljg3NSAyLjk1MiA3LjcwMTMzIDMuMDE2MTIgNy40NTMxM0MzLjEwNjk3IDcuMDk5MDMgMy4yMjk0NSA2Ljc1NDIyIDMuMzgxODkgNi40MjIyQzMuNDY5NzggNi4yMjk2OSAzLjU2NzM3IDYuMDQxOTUgMy42NzQyNSA1Ljg1OTdDMy44MDQxOSA1LjYzODc4IDMuNzY4NjEgNS4zNTc5NSAzLjU4NzYyIDUuMTc2NjlMMi42MzY1OCA0LjIyNTA4TDQuMjI3MzMgMi42MzM2M0w1LjE3ODk0IDMuNTg1NjZDNS4zNjA0OCAzLjc2NzA2IDUuNjQxNzMgMy44MDI1IDUuODYyNjYgMy42NzE4NkM2LjM1OTM0IDMuMzc5MjIgNi44OTQ4NCAzLjE1NzMxIDcuNDUzMTIgMy4wMTM3NEM3LjcwMTMzIDIuOTQ5NzUgNy44NzUgMi43MjU1OSA3Ljg3NSAyLjQ2OTUyVjEuMTI1SDEwLjEyNVYyLjQ3MTYzQzEwLjEyNSAyLjcyODEzIDEwLjI5ODcgMi45NTIgMTAuNTQ2OSAzLjAxNjEzQzExLjEwNTIgMy4xNTk3IDExLjY0MDcgMy4zODEzMyAxMi4xMzczIDMuNjc0MjVDMTIuMzU4MyAzLjgwNDc1IDEyLjYzOTUgMy43NjkwMyAxMi44MjExIDMuNTg3NjNMMTMuNzcyNyAyLjYzNTg4TDE1LjM2MzQgNC4yMjczM0wxNC40MTI0IDUuMTc4OTRDMTQuMjMxMiA1LjM2MDM1IDE0LjE5NTQgNS42NDE2IDE0LjMyNTcgNS44NjIzOEMxNC42MTg3IDYuMzU5MDYgMTQuODQwMiA2Ljg5NDg1IDE0Ljk4MzkgNy40NTMxM0MxNS4wNDggNy43MDEzMyAxNS4yNzE5IDcuODc1IDE1LjUyODQgNy44NzVIMTYuODc1VjEwLjEyNVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==");
    }

    /*CONTENT**********************************************************************************************************/
    .content {
        padding: 0;
    }

    .content .admin-page {
        border: 0;
    }

    .admin-title-page {
        height: initial;
        padding: 0 15px;
    }

    .admin-title-page h1 {
        font-size: 22px;
        line-height: 26px;
        font-weight: 600px;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }

    .admin-title-page h1 .h-status-button {
        margin-left: 10px;
        height: 20px;
        line-height: 16px;
        font-size: 13px;
        border-radius: 4px !important;
        padding: 1px 3px !important;
    }

    .admin-title-page h1 .h-status-button img {
        width: 12px;
        height: 12px;
        margin-left: 5px;
    }

    .admin-content {
        padding: 0;
    }

    .edit-licenses-btn {
        display: none;
    }

    .row-silver {
        background-color: whitesmoke;
        padding: 18px 15px;
        margin-bottom: 0;
    }

    .red-button {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
    }

    .row-silver .red-button {
        width: 100%;
        min-width: 140px;
    }

    .search-user-input {
        height: 32px;
        border: none;
        width: 100%;
    }

    .search-user-input input[type="text"] {
        border: none;
    }

    .search-user-input i.search {
        box-shadow: none;
        -webkit-box-shadow: none;
        top: 0.2em !important;
    }

    .action-button {
        display: block;
    }

    .content-plashka {
        background-color: #FAFBFC;
        box-shadow: 0 0 10px #00000057;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
    }

    .content-plashka .plashka {
        float: none !important;
    }

    /*paginator*/
    .content-plashka .pagination li a,
    .content-plashka .pagination li span {
        line-height: 16px;
        height: 16px;
        padding: 0 13px;
    }

    .content-plashka .pagination li.prev span,
    .content-plashka .pagination li.prev a {
        font-size: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxyZWN0IHdpZHRoPSIwLjk0NzI4IiBoZWlnaHQ9IjQuNzM2NCIgcng9IjAuNDczNjQiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzQ2NDYgMC42NjU0MyAtMC43NDY0NiAwLjY2NTQzIDMuNTM1NTQgMCkiIGZpbGw9IiNBOEFBQjciLz4NCiAgICA8cmVjdCB3aWR0aD0iMC45NDcyOCIgaGVpZ2h0PSI0LjczNjQiIHJ4PSIwLjQ3MzY0IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43NDY0NiAwLjY2NTQzIC0wLjc0NjQ2IC0wLjY2NTQzIDQuMjQyNjUgNS42NzMxNCkiIGZpbGw9IiNBOEFBQjciLz4NCjwvc3ZnPg0K");
        background-repeat: no-repeat;
        background-position: center;
    }

    .content-plashka .pagination li.next span,
    .content-plashka .pagination li.next a {
        font-size: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxyZWN0IHdpZHRoPSIwLjk0NzI4IiBoZWlnaHQ9IjQuNzM2NCIgcng9IjAuNDczNjQiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0NjQ2IC0wLjY2NTQzIDAuNzQ2NDYgLTAuNjY1NDMgMC43MDcxMDggNi4zMDM0OSkiIGZpbGw9IiNBOEFBQjciLz4NCiAgICA8cmVjdCB3aWR0aD0iMC45NDcyOCIgaGVpZ2h0PSI0LjczNjQiIHJ4PSIwLjQ3MzY0IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0NjQ2IC0wLjY2NTQzIDAuNzQ2NDYgMC42NjU0MyAwIDAuNjMwMzQ4KSIgZmlsbD0iI0E4QUFCNyIvPg0KPC9zdmc+DQo=");
        background-repeat: no-repeat;
        background-position: center;
    }

    .content-plashka select.ui.dropdown {
        height: 16px;
    }

    .table-responsive {
        margin-bottom: 0 !important;
    }

    .wrapper-grid {
        height: initial !important;
        max-height: initial !important;
        margin-bottom: 36px !important;
    }

    /*breadcrumb***************************************************/
    .breadcrumb {
        margin: 10px 0 5px 0 !important;
    }
    .breadcrumb li a {
        font-size: 10px;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
    }

    .admin-title-page h1 {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
    }

    /*add user page************************************************************************************/
    .user-form.form-content.admin-content {
        margin: 15px;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 2px;
    }

    .user-form .field {
        width: calc(100% - 40px);
    }

    .user-form .form-control {
        height: 22px;
    }

    .user-form .input-group-addon__button {
        padding: 2px 10px !important;
    }

    .user-form .field.required label::after {
        top: 0 !important;
    }

    .user-form .input-group .location-inp-mobile {
        height: 30px !important;
    }


    /*place index*******************************************************************************************/
    .add-place-btn {
        width: 140px !important;
        display: inline-block !important;
    }

    #delSelect {
        display: inline-block !important;
        width: 182px !important;
    }

    #delSelect button {
        padding: 10px 0 !important;
        font-size: 12px;
        text-align: center;
        width: 100%;
        border-width: 1px!important;
    }

    #delSelect button i {
        display: none !important;
    }

    .search-place-input {
        height: 32px;
        border: none;
        width: 100%;
        margin-top: 10px;
    }

    .search-place-input input[type="text"] {
        border: none;
    }

    .search-place-input i.search {
        box-shadow: none;
        -webkit-box-shadow: none;
        top: 0.2em !important;
    }

    /*add place page************************************************************************************/
    .place-form.form-content.admin-content {
        margin: 15px;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 2px;
    }

    .place-form .field {
        width: calc(100% - 40px);
    }

    .place-form .form-control {
        height: 22px;
    }

    .place-form .input-group-addon__button {
        padding: 2px 10px !important;
    }

    .place-form .field.required label::after {
        top: 0 !important;
    }

    .button-basic {
        padding-bottom: 7px !important;
        padding-top: 7px !important;
    }

    .location-inp-mobile {
        height: 30px !important;
    }

    /*visit page*****************************************************************************************************/
    #delSelect.del-select-visit {
        display: none !important;
    }

    .visit-filter-hidden {
        display: none;
    }

    .ui.labeled.icon.button.add-new-visit-btn {
        width: 174px !important;
        display: inline-block !important;
        padding: 8px 0 !important;
        font-size: 12px;
        vertical-align: top;
    }

    .filter-date-input-mobile {
        display: inline-block !important;
        width: calc(100% - 181px);
    }
    .filter-date-input-mobile #date_range_mobile {
        height: 32px;
    }

    .dialog-filters-btn {
        display: inline-block!important;
        width: 130px;
        vertical-align: top;
    }

    .dialog-filters-btn.blue-button {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .dialog-filters-btn i {
        font-style: normal;
    }

    .search-visit-container {
        display: inline-block !important;
        width: calc(100% - 140px);
        vertical-align: top;
    }

    .search-visit-container input[type='text'] {
        width: 100%;
        border: none;
    }

    .search-visit-container i.search {
        box-shadow: none;
        -webkit-box-shadow: none;
        top: 0.2em !important;
    }

    /*mobile-filters-modal*********************************************************************************************/
    .mobile-filters-modal {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #F4F4F4;
    }

    .modal-filter__header {
        background-color: #261C75;
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
    }

    .mobile-filters-modal.open {
        display: block !important;
    }

    .modal-filter__logotype {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjU0OTggMTEuMTk4MkMyMy41NDk4IDEyLjE2MTcgMjQuMjI2NSAxMi4zNzkyIDI0LjY1NzMgMTIuMjM2QzI0Ljk2NjcgMTIuMTMzIDI1LjU0NiAxMS41MTQ3IDI1LjkyNzcgMTEuMjkxOUMyNi4yNjQ5IDExLjg0NzEgMjYuNzAzMiAxMi42OTY2IDI3LjM3MTQgMTIuNjk2NkMyNy43MDQ4IDEyLjY5NjYgMjguNzM3NCAxMi4xNDMyIDI3Ljg4MjQgMTAuOTE1N0MyNy43MDgzIDEwLjY2NTYgMjcuNTQxOSAxMC40MTk0IDI3LjM3MTQgMTAuMTY4MkMyNi4yNzA5IDguNTQ2NDMgMjYuMjIwNyA4LjU0NzA0IDI0LjU4MDYgOS45MDAxNUMyNC4xMSAxMC4yODg0IDIzLjU0OTggMTAuNjUxMSAyMy41NDk4IDExLjE5ODJaTTI0LjIyOTIgMTUuNDEyMkMyNC4yMjkyIDE2LjA2MDkgMjUuMTQxMSAxNi42OTUyIDI1LjczNTcgMTYuMDQzOEMyNS45NzUyIDE1Ljc4MTYgMjYuMzUyMiAxNC4zNjQ4IDI2LjM1MjIgMTMuODIwM0MyNi4zNTIyIDEzLjEyMTcgMjUuMDM0IDExLjk3NDYgMjQuNDgzNSAxNC4xOTQ2QzI0LjM5NTMgMTQuNTUwMyAyNC4yMjkyIDE0Ljk5MzMgMjQuMjI5MiAxNS40MTIyWk0xLjA0NDMyIDIwLjM3NTdDMS45OTIzOSAyMC4zNzU3IDEuOTY4NzggMTkuNzQxNiAyLjE5Nzk0IDE4LjY1MDNDMi4zNTc2NSAxNy44ODk4IDIuMzM0NDUgMTcuMDA0MyAxLjM4NDAxIDE3LjAwNDNDMC4zNDUyNTQgMTcuMDA0MyAwLjE3NTc2MiAxOS40MzkyIDAuMzA0ODcyIDE5Ljc3ODZDMC40Mjc4MzUgMjAuMTAyOCAwLjY2NDY3NyAyMC4zNzU3IDEuMDQ0MzIgMjAuMzc1N1pNMjEuMDg2OSAxOS4zNDU0QzIxLjA4NjkgMjEuMTAyMyAyMy4xOTY3IDIwLjI0MSAyMy45MTU5IDE5LjY1NTVMMjQuODA1MSAxOC42Njk0QzI1LjIzNTYgMTguMDExNSAyNC45Mzg0IDE3LjA4OTEgMjQuMTMxNCAxNy4wNTcyQzIzLjIzMTYgMTcuMDIxNiAyMy40NjkyIDE4LjE1MjUgMjIuMDIwMyAxOC40MDgxQzIxLjUxOSAxOC40OTY2IDIxLjA4NjkgMTguNzI2IDIxLjA4NjkgMTkuMzQ1NFpNNC4xODY1NyA0LjY0MzA1QzQuMTg2NTcgNS4wNjYzIDQuNTczMzUgNS41MjAwNSA0LjkyNzcgNS42MTA5NkM1LjQ5MDk1IDUuNzU1NjQgNS4yNzQzNyA1LjI5ODY0IDYuNjQ5NDYgNS4yOTg2NEM3LjEzMzIgNS4yOTg2NCA2LjkzNTA2IDUuNTc5NTMgNy42Njg1MSA1LjU3OTUzQzguMjgyMiA1LjU3OTUzIDguNzAxOTUgNC43MjQ4NiA4LjM2NTM0IDQuMTYwMzJDNy41NDM1OSAyLjc4MjI2IDQuMTg2NTcgMy4yMDM4MiA0LjE4NjU3IDQuNjQzMDVaTTEzLjQ0MzUgMTMuOTE0QzEyLjk5NjEgMTMuOTE0IDEyLjY3MjQgMTQuMzY4NCAxMi41NjAzIDE0LjgxM0MxMi40MzA4IDE1LjMyNzIgMTIuMzc5NiAxNS45MTI1IDEyLjI3NSAxNi4zNzEyQzEyLjE2MjQgMTYuODY0NCAxMS44MTg4IDE3LjI4MTcgMTEuODU5NiAxNy43MjI5QzExLjkzMjkgMTguNTE0IDEzLjM5MjEgMTkuODk3NyAxNC4wODc0IDE2LjQwMzNDMTQuMTQ5NyAxNi4wOTAyIDE0LjM3MDggMTUuMDQ3MiAxNC4zNTc1IDE0Ljg2NzRDMTQuMzE1IDE0LjI5MzUgMTMuODU3MyAxMy45MTQgMTMuNDQzNSAxMy45MTRaTTIuMTQ4MzMgOS43QzIuMTQ4MzMgMTAuNDIxNCAzLjA5NDE2IDExLjEyMjMgMy43NDE1MyAxMC4xNDU2QzMuODk4NTkgOS45MDg2MiA0LjQ0MTMgNy4xNzA2OCA0LjQ0MTMgNi43OTY4OUM0LjQ0MTMgNi4zMjA5NCA0LjA1MjQzIDUuODYwNTYgMy41MDcwNyA1Ljg2MDU2QzIuNzU1ODggNS44NjA1NiAyLjY3MTM0IDYuNjY2ODUgMi41MjEyNyA3LjM5NTMyQzIuMzg1MTcgOC4wNTUyMyAyLjE0ODMzIDguOTk3NTcgMi4xNDgzMyA5LjdaTTEuMDQ0MzIgMTUuMjI1QzEuMDQ0MzIgMTUuNzAxIDEuNDMzMzMgMTYuMTYxNSAxLjk3ODQyIDE2LjE2MTVDMi43MzY3MyAxNi4xNjE1IDIuODMwNjMgMTUuMzYyMyAyLjk2MjQgMTQuNjI0M0MzLjA5MjIxIDEzLjg5NjcgMy4zMzcyOSAxMy4wNTcyIDMuMzM3MjkgMTIuMzIxOUMzLjMzNzI5IDExLjMxNDkgMS45Mjg1NCAxMC45OTM4IDEuNjA0NzggMTIuMTkxQzEuNDg1NDUgMTIuNjMyOSAxLjM5MTgzIDEzLjI1ODEgMS4zMjAyOSAxMy42NTY0QzEuMjQxNjIgMTQuMDk0MSAxLjA0NDMyIDE0Ljg0ODIgMS4wNDQzMiAxNS4yMjVaTTcuNTgzNjkgMTguNDA5QzcuNTgzNjkgMTkuMzU0MyA4Ljg5ODU1IDIwLjM3NTcgOS43OTE3IDIwLjM3NTdDMTAuNzEzNCAyMC4zNzU3IDExLjY2MDIgMjAuNTM2OCAxMS42NjAyIDE5LjI1MThDMTEuNjYwMiAxOC44ODY0IDExLjQzNzYgMTguNTc3NCAxMS4xODEzIDE4LjQ2ODhDMTAuNDA4MSAxOC4xNDA4IDkuOTM0MjMgMTguODQ0NSA5LjI1NTcgMTcuOTY5OUM4LjM1NTU2IDE2LjgxMDIgNy41ODM2OSAxNy45ODkyIDcuNTgzNjkgMTguNDA5Wk0xOS40NzMzIDYuODkwNTdDMTkuNDczMyA3Ljc0MDYxIDIwLjg3MyA4LjEyOTk2IDIxLjIwMjggNy4wMTgzTDIxLjQxMjYgMy43MjY0NEMyMS4yNzc4IDIuODIyOTQgMjAuMjM3MSAyLjU4MDg4IDE5Ljc5NTggMy4zMTMwNkMxOS42NzU2IDMuNTEyNTkgMTkuNTkzOSA0LjExMDI1IDE5LjU2OTUgNC4zNzQ0OUMxOS40OTQxIDUuMTkwMDIgMTkuNDczMyA2LjA1NTAxIDE5LjQ3MzMgNi44OTA1N1pNMTcuMDEwNCAyLjQ4OTIxQzE3Ljg2MSAyLjQ4OTIxIDE3LjI4ODYgMi4xMTQ2NSAxOC43MDkgMi4xMTQ2NUMxOS4wNDY2IDIuMTE0NjUgMTkuNjM5NiAyLjcyODE4IDIwLjIxNjggMi4wOTE2OUMyMC44OTc5IDEuMzQwNzIgMjAuMjIyNCAwLjE0ODAxIDE4Ljc5NCAwLjE0ODAxSDE4Ljc1NzFDMTcuOTc3NSAwLjE0OTg1OSAxNi44MjMzIDAuMjExNDkgMTYuMzc0IDAuOTQ3MDUyQzE1Ljg4MjcgMS43NTExOCAxNi41NTYyIDIuNDg5MjEgMTcuMDEwNCAyLjQ4OTIxWk0xOS4xMzM1IDEyLjYwM0MxOS4xMzM1IDEzLjI2MzIgMjAuMjggMTMuODczOCAyMC43OTUgMTIuODQzQzIwLjkxNDIgMTIuNjA0NyAyMS4wNjI5IDEwLjIxNDIgMjEuMDg3NSA5Ljc4MzJDMjEuMTYxOCA4LjQ3Njk0IDE5LjM3NzIgNy43MjEwNCAxOS4yMjI1IDEwLjA3ODlDMTkuMTY0NCAxMC45NjQ1IDE5LjEzMzUgMTEuNjkxOSAxOS4xMzM1IDEyLjYwM1pNMTMuMTAzOSAxMi4xMzQ3QzEzLjEwMzkgMTMuMjU5OSAxNC41MDM4IDEzLjQ5MDMgMTQuODI5NyAxMi40NDU4QzE0Ljk3NTQgMTEuOTc5IDE1LjM5NjggOS43Mzc3NSAxNS4zOTY4IDkuMjMxNzZDMTUuMzk2OCA4LjYzMjU2IDE0Ljk4MiA4LjM4ODk2IDE0LjQ2MjcgOC4zODg5NkMxMy43MTQ5IDguMzg4OTYgMTMuNjIzNyA5LjIwMTg3IDEzLjQ5MjkgOS45NDE2QzEzLjM4NTggMTAuNTQ3NiAxMy4xMDM5IDExLjU4MjQgMTMuMTAzOSAxMi4xMzQ3Wk0xOS44OTc4IDE5LjA2NDVDMjEuMTg2IDE5LjA2NDUgMjAuNjEyIDE3LjI2NTMgMjAuNTk3MiAxNy4wNzUyQzIwLjUzMzIgMTYuMjUxNSAyMS4yMzkyIDE0LjI4ODYgMTkuODEzIDE0LjI4ODZDMTkuMzA4MiAxNC4yODg2IDE5LjA0NjQgMTQuNjM4MyAxOC45NTgxIDE1LjEyNTJDMTguODg2NiAxNS41MTk2IDE4LjgyOTMgMTYuMzEzIDE4Ljc5NjMgMTYuNzMwNUMxOC43NTkyIDE3LjIwMjIgMTguODg2NyAxNy45MTAzIDE4Ljk5ODkgMTguMjc2NUMxOS4xMzk5IDE4LjczNjYgMTkuMzgyMiAxOS4wNjQ1IDE5Ljg5NzggMTkuMDY0NVpNMTUuMDU3MiA3LjU0NjE2QzE2LjAyMzggNy41NDYxNiAxNi4wMzk2IDYuMTI2ODEgMTYuMjY2NyA0Ljk0NjczQzE2LjMxMzYgNC43MDI1MiAxNi41MDA4IDQuMDU4MTcgMTYuNTAwOCAzLjgwMDI1QzE2LjUwMDggMy4yNjM5MSAxNi4xMDc4IDIuNzcwMjQgMTUuNjUxNiAyLjc3MDI0QzE0LjYzNjEgMi43NzAyNCAxNC41OTQ2IDQuMTQwNDUgMTQuNDEzNCA1LjE1MDczQzE0LjMyMzYgNS42NTEzMyAxMy42NzQ1IDcuNTQ2MTYgMTUuMDU3MiA3LjU0NjE2Wk04LjI2MzA2IDE2LjcyMzRDOC44NzUzNSAxNi43MjM0IDkuMTczNTQgMTYuMDA3MSA5LjE5ODU1IDE1LjMyMDNDOS4yMzI3OCAxNC4zODU5IDkuNDY4OTMgMTIuNjgxOSA5LjA1MzIzIDEyLjE5OTdDOC41MDU5MSAxMS41NjQ4IDcuNjcwODggMTEuOTEzNiA3LjUyNzk0IDEyLjYzNTJMNy40MTMzNiAxNC4yODgzQzcuMzcyOTggMTUuMTMyOCA3LjA4OTYgMTYuNzIzNCA4LjI2MzA2IDE2LjcyMzRaTTcuNDk4NzMgNy44MjcwNEM3LjQ5ODczIDguNTkxNTcgNy4zODcwOSAxMC4xMDg5IDcuNjk4NjkgMTAuNjAzMkM4LjExMzEzIDExLjI2MDMgOS4zNjcwNiAxMS4yMzI5IDkuMzY3MDYgOS42MDYzMkw5LjMxNjkgNy43MjE4MUM5LjMxNjkgNy43MTgyNyA5LjU5MzU3IDYuMTQxNDQgOC40MzI4MyA2LjE0MTQ0QzcuNjk2ODcgNi4xNDE0NCA3LjQ5ODczIDcuMDk1MDMgNy40OTg3MyA3LjgyNzA0WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==");
        background-position: center;
        background-repeat: no-repeat;
    }

    .modal-filter__title {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
    }

    .modal-filter__close-btn {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTYgMS42MTE0M0wxNC4zODg2IDBMOCA2LjM4ODU3TDEuNjExNDMgMEwwIDEuNjExNDNMNi4zODg1NyA4TDAgMTQuMzg4NkwxLjYxMTQzIDE2TDggOS42MTE0M0wxNC4zODg2IDE2TDE2IDE0LjM4ODZMOS42MTE0MyA4TDE2IDEuNjExNDNaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+");
        background-position: center;
        background-repeat: no-repeat;
    }

    .modal-filter__type-title {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: rgba(50, 60, 71, 0.6);
        text-transform: uppercase;
        display: block;
    }

    .modal-filter__reset-container {
        height: 40px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-bottom: 1px solid #EAEAEA;
    }

    .modal-filter__reset-filters {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: rgba(50, 60, 71, 0.6);
        text-transform: uppercase;
        color: #FF6D4A;
        opacity: 0.8;
    }

    /*LIST*/
    .modal-filter__list {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    }

    .modal-filter__list_item {
        background-color: #fff;
        border-bottom: 1px solid #EAEAEA;
        height: 40px;
        line-height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .modal-filter__item-name {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        color: #323C47;
        opacity: 0.8;
        text-transform: uppercase;
        margin-left: 15px;
    }

    .modal-filter__item-right {

    }

    .modal-filter__item-filter-btn {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cmVjdCB3aWR0aD0iMi40NTYwNCIgaGVpZ2h0PSIxMi4yODAyIiByeD0iMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43NDY0NiAtMC42NjU0MyAwLjc0NjQ2IC0wLjY2NTQzIDEuODMzMzEgMTYuMzQzMSkiIGZpbGw9IiM1QjYzNkMiLz4NCiAgICA8cmVjdCB3aWR0aD0iMi40NTYwNCIgaGVpZ2h0PSIxMi4yODAyIiByeD0iMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0NjQ2IC0wLjY2NTQzIDAuNzQ2NDYgMC42NjU0MyA2LjEwMzUyZS0wNSAxLjYzNDI4KSIgZmlsbD0iIzVCNjM2QyIvPg0KPC9zdmc+DQo=");
        background-position: center;
        background-repeat: no-repeat;
    }

    .modal-filter__item-selected {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #999999;
        opacity: 0.8;
        text-transform: uppercase;
    }

    .modal-filter__item-selected i {
        font-style: normal;
    }

    .modal-filter__confirm-btn {
        width: 160px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 14px;
        background-color: #FF6D4A;
        border-radius: 2px;
        display: table;
        position: absolute;
        left: calc(50% - 80px);
        bottom: 40px;
    }

    /*mobile-filter-items-modal****************************************************************************************/
    .mobile-filter-items-modal {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1001;
        background-color: #F4F4F4;
    }

    .mobile-filter-items-modal.open {
        display: block !important;
    }

    .modal-filter-item__header {
        background-color: #261C75;
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
    }

    .modal-filter-item__body {
        height: calc(100vh - 100px);
        overflow-y: auto;
    }

    .modal-filter-item__close-btn {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cmVjdCB3aWR0aD0iMi40NTYwNCIgaGVpZ2h0PSIxMi4yODAyIiByeD0iMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc0NjQ2IDAuNjY1NDMgLTAuNzQ2NDYgMC42NjU0MyA5LjE2Njc1IDApIiBmaWxsPSJ3aGl0ZSIvPg0KICAgIDxyZWN0IHdpZHRoPSIyLjQ1NjA0IiBoZWlnaHQ9IjEyLjI4MDIiIHJ4PSIwLjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc0NjQ2IDAuNjY1NDMgLTAuNzQ2NDYgLTAuNjY1NDMgMTEuMDAwMSAxNC43MDg4KSIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K");
        background-position: center;
        background-repeat: no-repeat;
    }

    .modal-filter-item__reset-container {
        height: 40px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-bottom: 2px solid #EAEAEA;
        border-top: 2px solid #EAEAEA;
        margin-top: 10px;
    }

    .modal-filter-item__reset-filters {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: rgba(50, 60, 71, 0.6);
        text-transform: uppercase;
        color: #FF6D4A;
        opacity: 0.8;
    }

    .modal-filter-item__plashka {
        position: fixed;
        width: 100%;
        height: 50px;
        left: 0;
        bottom: 0;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-filter-item__confirm-btn {
        width: 160px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 14px;
        background-color: #FF6D4A;
        border-radius: 2px;
        display: table;
    }

    .modal-filter-item__list {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    }

    .modal-filter-item__list_item {
        background-color: #fff;
        border-bottom: 1px solid #EAEAEA;
        height: 40px;
        line-height: 40px;
    }

    .modal-filter-item__list_item label {
        margin-left: 15px;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #323C47;
        opacity: 0.8;
    }

    .modal-filter-item__list_item label::before {
        margin: 0 15px 0 0 !important;
    }


    /*visit create*****************************************************************************************************/
    .filter-wrapper-desctop {
        display: none;
    }

    .visit-create-wrapper-mobile {
        display: inline-block !important;
        vertical-align: top;
        width: calc(100% - 140px) !important;
    }

    .visit-create-wrapper-mobile input {
        width: 100%;
        height: 32px;
        border: none!important;
    }

    .visit-search-wrapper-mobile {
        margin-bottom: 0 !important;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
        background-color: #f5f5f5;
        display: none;
    }

    .visit-search-wrapper-mobile.active {
        display: block;
    }

    .visit-search-wrapper-mobile i.search {
        box-shadow: none;
        -webkit-box-shadow: none;
        top: 0.2em !important;
    }

    .admin-content.margin-left-0 {
        margin-left: -15px;
    }

    .visit-tab-wrapper {
        display: block!important;
        width: 100%;
        height: 40px;
        background-color: #fff;
        border-top: 1px solid #EAEAEA;
        font-size: 0;
        margin-top: 15px;
    }

    .visit-tab-wrapper span {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: rgba(50, 60, 71, 0.4);
        border-bottom: 2px transparent solid;
    }

    .visit-tab-wrapper span.active {
        color: #323C47;
        border-color: #261C75;
    }

    .visit-tab-route-container {
        display: none !important;
    }

    .visit-tab-route-container.active {
        display: block !important;
    }

    .route-wrapper {
        display: none;
    }

    .dots-grid {
        background-color: transparent !important;
    }

    .visit-create-grid .content-plashka {
        height: 92px;
    }

    .visit-create-grid.margin-74 {
        margin-bottom: 74px!important;
    }

    .visit-create-grid .content-plashka .plashka-left {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .visit-create-grid .content-plashka .plashka-left .item-per-page {
        width: 100%;
        padding-right: 15px;
        padding-top: 14px;
        display: flex;
        padding-left: 10px;
    }

    .visit-create-grid .content-plashka .plashka {
        border-top: 1px #EAEAEA solid;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 54px;
        height: 37px;
    }

    .visit-create-grid .content-plashka .plashka-left #apply-selected {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 119px);
        padding: 5px !important;
        background-color: #FF6D4A!important;
        border-color: #FF6D4A !important;
    }

    .visit-create-grid .content-plashka .plashka-left #apply-selected .icon {
        display: none;
    }

    .visit-create-grid .content-plashka .plashka-left .geo-check {
        display: inline-block;
        vertical-align: middle;
        font-size: 9px;
        width: 100px;
        float: left;
        margin-top: 5px;
    }

    .route-wrapper .panel {
        background-color: whitesmoke !important;
        box-shadow: none;
        margin: 0 -15px;
        padding: 0 15px;
        overflow: initial;
    }

    .route-wrapper .panel .panel-heading {
        background-color: whitesmoke !important;
        padding-top: 0 !important;
        margin-top: -5px;
    }

    .route-wrapper .panel .panel-heading .panel-title {
        display: none;
    }

    .route-wrapper .panel .panel-body {
        padding: 0;
    }

    .hidden-mobile {
        display: none;
    }

    .route-wrapper .panel .panel-body .form-group {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 6px);
        margin-left: 8px;
    }

    .route-wrapper .panel .panel-body .form-group select,
    .route-wrapper .panel .panel-body .form-group input
    {
        box-shadow: none;
    }

    .route-wrapper .panel .panel-body .form-group:nth-child(odd) {
        margin-left: 0;
    }

    .route-wrapper .panel .panel-body .pnl-footer {
        position: fixed;
        background-color: #FAFBFC;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 47px;
        font-size: 0;
        box-shadow: 0 0 10px #00000057;
    }

    .create-route-btn-submit {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 12px;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }

    .remove-all-places-mobile {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        color:#FF6D4A;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding-left: 9px;
    }

    .remove-all-places-mobile:active,
    .remove-all-places-mobile:hover {
        color:#FF6D4A;
    }

    .dots-list-wrapper {
        background-color: #fff;
        margin: -15px -15px;
    }

    .dots-list-wrapper #items-place-selected {
        border: none;
        border-radius: 0;
        height: calc(100vh - 350px);
        overflow-y: auto;
    }

    /*report page******************************************************************************************************/
    .filter-date-input-mobile.report-page {
        vertical-align: top;
        width: calc(100% - 152px) !important;
    }

    .filter-date-input-mobile.report-page input {
        box-shadow: none;
    }

    .export_report_xls.report-page {
        margin-left: 10px;
    }

    .export_report_xls.report-page button {
        background-color: #f5f5f5 !important;
        height: 32px;
        border: 1px #261c75 solid !important;
    }

    .export_report_xls.report-page .icon {
        background-color: #f5f5f5 !important;
    }

    .export_report_xls.report-page .icon img {
        padding-top: 5px !important;
    }

    /*report-view-mobile***********************************************************************************************/
    .report-view-mobile {
        margin-top: 15px;
        border-top: 1px solid #EAEAEA;
        width: 100%;
        overflow: auto;
    }

    .report-view-mobile table {
        margin-bottom: 0;
    }

    .report-view-mobile table td {
        white-space: nowrap;
    }

    /*block-dropdown********************************/
    .block-dropdown {
        margin: 25px 0 0 0;
        background-color: #F5F8FA;
        border: 1px solid #EEF2F6;
        padding: 10px;
        position: relative;
    }

    .block-dropdown::before {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 25px;
        left: 0;
        top: -25px;
    }

    .block-dropdown__title-container {
        display: block !important;
        height: 30px;
        line-height: 30px;
        padding: 0;
    }

    .block-dropdown__title {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #323C47;
        vertical-align: middle;
        max-width: calc(100% - 35px);
        overflow: hidden;
        line-height: 30px;
        height: 30px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .block-dropdown__toggle-btn {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        vertical-align: sub;
    }

    .block-dropdown__toggle-btn i {
        transform: rotate(180deg);
        transition: all .3s;
        font-size: 22px;
        color: #5B636C;
        line-height: 30px;
    }

    .block-dropdown.open .block-dropdown__toggle-btn i{
        transform: rotate(0deg);
        transition: all .3s;
    }

    .block-dropdown__wrapper {
        display: none;
    }

    .block-dropdown.open .block-dropdown__wrapper {
        display: block;
    }

    .block-dropdown__wrapper {
        padding: 10px 0 0 0;
    }

    .block-dropdown__wrapper .panel-heading {
        display: none;
    }

    .block-dropdown__wrapper .panel {
        border: none;
        margin: 0;
        padding: 0 !important;
    }

    .block-dropdown__wrapper .panel .panel-body {
        padding: 0 !important;
    }
    .report-blocks {
        padding-top: 0 !important;
    }

    .block-dropdown__wrapper.photos-type a {
        display: inline-block;
        width: 104px;
        margin: 4px;
    }

    .block-dropdown__wrapper.photos-type a img {
        width: 100%;
        height: 100%;
    }
    .block-dropdown__wrapper.photos-type .panel {
        margin-left: -3px;
        margin-right: -3px;
    }

    /*analytics page*/
    .analytics-search-wrapper {
        margin-top: -51px;
        width: calc(100% - 170px);
        margin-right: 15px;
        border: none;
    }

    .analytics-search-wrapper input {
        border: none !important;
    }

    .analytics-search-wrapper i.search {
        box-shadow: none;
        -webkit-box-shadow: none;
        top: 0.2em !important;
    }

    /*template construct*/
    .template-form-mobile {
        background-color: #F5F5F5 !important;
    }

    .template-name-label {
        font-size: 0 !important;
    }

    .template-name-label::after {
        top: -10px !important;
        right: 13px !important;
        color: #5D5D5D !important;
    }

    .template-name-label::before {
        content: '';
        position: absolute;
        width: 36px;
        height: 23px;
        right: 11px;
        top: -18px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAzNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMEgzMkMzNC4yMDkxIDAgMzYgMS43OTA4NiAzNiA0VjIxLjU3ODhDMzYgMjIuNTg5MyAzNS4wMTY2IDIzLjMwNzUgMzQuMDU0MSAyM0wwIDBaIiBmaWxsPSIjREVERURGIi8+DQo8L3N2Zz4NCg==");
        background-repeat: no-repeat;
    }

    .template-name-input {
        height: 32px !important;
        margin-top: -30px !important;
        margin-left: -10px !important;
    }

    .content-plashka-constructor-mobile {
        left: 0 !important;
        width: 100%;
    }

    .constructor-mobile-save-btn {
        float: left;
    }

    .constructor-mobile-cancel-btn {
        margin-left: 20px !important;
        background-color: transparent !important;
        border: none !important;
        color: #FF6D4A !important;
        text-decoration: underline !important;
    }

    .type-btn-wrapper {
        margin-left: -10px;
    }

    .type-btn-wrapper button.button.ui.labeled.icon {
        background-color: #FF6D4A!important;
        color: #fff!important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 10px;
        height: 32px;
    }

    .type-btn-wrapper button i,
    .type-btn-wrapper button img {
        display: none !important;
    }

    .panel.block-item {
        margin-left: -10px;
        margin-right: -10px;
    }

    .panel.block-item .block-name-edit img {
        width: 14px;
        height: 12px;
    }

    .panel.block-item .block-title {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 12px;
        margin-left: 5px !important;
        color: #A6A6A6;
    }

    .block-check-required-field {
        margin-top: 10px !important;
    }

    .block-check-required-field label {
        font-size: 10px;
    }

    .panel.block-item .block-action {
        position: absolute;
        right: -11px;
        top: -50px;
    }

    .panel.block-item .block-action.checkbox-none {
        top: -25px;
    }

    .panel.block-item .copy-block {
        font-size: 0 !important;
    }

    .panel.block-item .copy-block img {
        margin-left: initial !important;
    }

    .block-item-mobile {
        margin: 10px 15px;
    }

    .block-item-mobile__title {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 500;
        color: #323C47;
        display: inline-block;
        vertical-align: middle;
    }

    .block-item-mobile__btn {
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50%;
        background-color: #261C75;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        margin: 0 5px;
        vertical-align: middle;
    }

    .block-item-mobile__btn.size-18 {
        width: 18px;
        height: 18px;
    }

    .block-item-mobile__indicator {
        color: #323C47;
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
    }

    .item_title-mobile {
        height: 20px!important;
        font-size: 12px;
        width: 200px!important;
    }

    .item_title-mobile.item_title-mobile-addon {
        padding-left: 30px !important;
        position: relative;
    }

    .item_title-mobile-addon-label::before {
        content: '';
        position: absolute;
        left: 1px;
        top: 1px;
        width: 24px;
        height: 18px;
        background-color: #DEDEDF;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .item_title-mobile-addon-label::after {
        content: '';
        position: absolute;
        left: 3px;
        top: 1px;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8bWFzayBpZD0ibWFzazAiIG1hc2stdHlwZT0iYWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjMiIHk9IjQiIHdpZHRoPSIxMSIgaGVpZ2h0PSI4Ij4NCiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY4ODkzIDExLjYxMzZDNy4xMjM1MSAxMi4xMjg4IDYuMjA4MTQgMTIuMTI4OCA1LjY0NDE2IDExLjYxMzZMMy40MjI5OCA5LjU5MTA0QzIuODU5MDEgOS4wNzU4NSAyLjg1OTAxIDguMjQxNzkgMy40MjI5OCA3LjcyNjU5QzMuOTg4NCA3LjIxMjcyIDQuOTAzNzcgNy4yMTI3MiA1LjQ2Nzc0IDcuNzI2NTlMNi42NjY1NSA4LjgxODkxTDExLjUzMTIgNC4zODY0QzEyLjA5NTEgMy44NzEyIDEzLjAxMDUgMy44NzEyIDEzLjU3NTkgNC4zODY0QzE0LjE0MTQgNC45MDAyNyAxNC4xNDE0IDUuNzM0MzMgMTMuNTc1OSA2LjI0OTUzTDcuNjg4OTMgMTEuNjEzNloiIGZpbGw9IndoaXRlIi8+DQogICAgPC9tYXNrPg0KICAgIDxnIG1hc2s9InVybCgjbWFzazApIj4NCiAgICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjN0Q3RDdEIi8+DQogICAgPC9nPg0KPC9zdmc+");
        background-repeat: no-repeat;
        background-position: center;
    }

    .inp-mobile-group {
        display: inline-block;
        margin-left: -8px;
    }

    .inp-mobile-row {
        padding-top: 15px;
    }

    .del-item-mobile {
        top: 2px;
    }

    .item_title_group-mobile {
        height: 20px!important;
        font-size: 12px;
        width: 200px!important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .item_text_group-mobile {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        margin-top: -3px !important;
    }

    .info-block {
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-left: 5px;
        margin-top: 3px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC40OTQ5IDExLjU5MTFDOC4wNzA2OSAxMS41OTExIDcuNzI3MjMgMTEuOTQyMyA3LjcyNzIzIDEyLjM2MzhDNy43MjcyMyAxMi43NzUyIDguMDYwNTcgMTMuMTM2NSA4LjQ5NDkgMTMuMTM2NUM4LjkyOTI0IDEzLjEzNjUgOS4yNzI2OSAxMi43NzUzIDkuMjcyNjkgMTIuMzYzOEM5LjI3MjY5IDExLjk0MjMgOC45MTkxOCAxMS41OTExIDguNDk0OSAxMS41OTExWiIgZmlsbD0iIzk3OTc5NyIvPg0KICAgIDxwYXRoIGQ9Ik04LjQwOTUzIDQuNjM2NDdDNi44ODI5MiA0LjYzNjQ3IDYuMTgxODIgNS41OTg2IDYuMTgxODIgNi4yNDgwNUM2LjE4MTgyIDYuNzE3MTMgNi41NTQ5NyA2LjkzMzYgNi44NjAzMSA2LjkzMzZDNy40NzA5MiA2LjkzMzYgNy4yMjIxNiA2LjAwNzUzIDguMzc1NTkgNi4wMDc1M0M4Ljk0MTAyIDYuMDA3NTMgOS4zOTMzNSA2LjI3MjE0IDkuMzkzMzUgNi44MjUzNkM5LjM5MzM1IDcuNDc0ODUgOC43NjAwOSA3Ljg0NzY2IDguMzg2OTEgOC4xODQ0MUM4LjA1ODk5IDguNDg1MDggNy42MjkyNyA4Ljk3ODIgNy42MjkyNyAxMC4wMTI1QzcuNjI5MjcgMTAuNjM3OSA3Ljc4NzU1IDEwLjgxODMgOC4yNTEyMSAxMC44MTgzQzguODA1MzEgMTAuODE4MyA4LjkxODM3IDEwLjU1MzcgOC45MTgzNyAxMC4zMjUyQzguOTE4MzcgOS42OTk4IDguOTI5NzMgOS4zMzkgOS41NTE2NyA4LjgyMTg2QzkuODU2OTcgOC41NjkzIDEwLjgxODIgNy43NTE0NyAxMC44MTgyIDYuNjIwOTNDMTAuODE4MiA1LjQ5MDQgOS44NTY5NyA0LjYzNjQ3IDguNDA5NTMgNC42MzY0N1oiIGZpbGw9IiM5Nzk3OTciLz4NCiAgICA8cGF0aCBkPSJNOC41IDBDMy44MDIyOSAwIDAgMy44MDE2NiAwIDguNVYxNi4zMzU5QzAgMTYuNzAyNyAwLjI5NzMwMSAxNyAwLjY2NDA2MiAxN0g4LjVDMTMuMTk3NyAxNyAxNyAxMy4xOTgzIDE3IDguNUMxNyAzLjgwMjI5IDEzLjE5ODMgMCA4LjUgMFpNOC41IDE1LjY3MTlIMS4zMjgxMlY4LjVDMS4zMjgxMiA0LjUzNjMxIDQuNTM1NzggMS4zMjgxMiA4LjUgMS4zMjgxMkMxMi40NjM3IDEuMzI4MTIgMTUuNjcxOSA0LjUzNTc4IDE1LjY3MTkgOC41QzE1LjY3MTkgMTIuNDYzNyAxMi40NjQyIDE1LjY3MTkgOC41IDE1LjY3MTlaIiBmaWxsPSIjOTc5Nzk3Ii8+DQo8L3N2Zz4NCg==");
    }

    .content-plashka.long-paginate {
        height: 50px;
    }

    .content-plashka.long-paginate .plashka {
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .content-plashka.long-paginate .plashka .pagination {
        margin-top: 6px;
    }

    .wrapper-grid.long-paginate {
        margin-bottom: 50px !important;
    }


    .content-plashka.long-paginate-addon {
        height: 105px;
    }

    .content-plashka.long-paginate-addon .plashka {
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .content-plashka.long-paginate-addon .plashka .pagination {
        margin-top: 6px;
    }

    .wrapper-grid.long-paginate-addon {
        margin-bottom: 87px !important;
    }

    .ui.button.flex-btn-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .input-label-desk-label,
    .input-label-desk-area-label {
        display: none;
    }
}

@media (min-width: 1100px) and (max-width: 1366px){
    .wrapper-grid.visit-create-grid {
        height: calc(100vh - 319px) !important;
        max-height: calc(100vh - 319px) !important;
    }

    .visit-create-index .panel {
        height: calc(100vh - 150px) !important;
    }

    .kv-thead-float {
        z-index: 998 !important;
    }

    .input-group .form-control {
        height: 28px !important;
    }
}
@media (min-width: 950px) and (max-width: 1099px){
    .wrapper-grid.visit-create-grid {
        height: calc(100vh - 350px) !important;
        max-height: calc(100vh - 350px) !important;
    }

    .visit-create-index .panel {
        height: calc(100vh - 180px) !important;
    }

    .kv-thead-float {
        z-index: 998 !important;
    }
}
@media (min-width: 768px) and (max-width: 949px){
    .wrapper-grid.visit-create-grid {
        height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
    }

    .visit-create-index .panel {
        height: calc(100vh - 180px) !important;
    }

    .kv-thead-float {
        z-index: 998 !important;
    }
}
.is-tablet-inline {
    display: none;
}
/***************************************************TABLET MEDIA*******************************************************/
@media (min-width: 768px) and (max-width: 1366px){
    .is-tablet {
        display: block !important;
    }

    .kv-thead-float {
        z-index: 998 !important;
    }

    .visit-create-index .panel {
        border-radius: 6px;
    }

    .form-submit-btns__tablet button,
    .form-submit-btns__tablet a {
       font-weight: normal !important;
    }

    .panel.block-item .block-name-edit  {
        display: flex !important;
        align-items: center;
    }

    .panel.block-item .block-name-edit span {
        padding-right: 40px;
        word-break: break-all;
    }

    .tablet__filter-btn-dropdown {
        height: 28px !important;
    }

    .grid-view tbody tr {
        min-height: 40px;
        height: 40px;
    }

    .is-tablet-inline {
        display: inline-block !important;
    }

    .hidden-tablet {
        display: none;
    }

    .left-sidebar__tablet {
        background-color: whitesmoke;
    }

    .left-sidebar__tablet li.active .indicator {
        width: 5px;
        top: -6px;
        left: 0;
    }

    .top-bar.top-bar__tablet {
        background-color: whitesmoke;
        border: none;
        padding-right: 20px;
    }

    .top-bar a.top-bar__logout-link .ui.blue.basic.button.logout-btn__tablet {
        border: 2px #261C75 solid !important;
        color: #261C75 !important;
        padding: 5px 20px;
        box-shadow: none !important;
        margin-right: 0 !important;
    }

    .admin-page.admin-page__tablet {
        border: #F5F5F5 solid 20px;
        margin-top: -100px;
    }

    /********************************************users index page******************************************************/
    .admin-title-page__tablet {
        padding: 0;
        height: 75px;
    }

    .admin-title-page__tablet h1 {
        font-size: 30px;
    }

    .admin-title-page__tablet .h-status-button {
        margin-left: 15px !important;
        font-size: 18px !important;
        padding: 1px 5px 0 5px !important;
        height: 24px;
        vertical-align: middle;
    }

    .admin-title-page__tablet .h-status-button img {
        margin-left: 5px !important;
        width: 15px;
        vertical-align: middle;
    }

    .user-index.admin-content {
        border-radius: 6px;
        padding: 15px 20px;
        height: calc(100vh - 125px);
    }

    .user-index.admin-content .red-button.add-user-btn__tablet {
        height: 28px !important;
        padding: 3px 16px 3px 52px !important;
    }

    .user-index.admin-content .red-button.add-user-btn__tablet i {
        width: 36px !important;
        background-color: #FF9277 !important;
        left: -2px !important;
        height: 28px !important;
        top: -2px !important;
        font-size: 16px;
    }

    .row-320__tablet {
        width: 380px;
    }

    .row-100__tablet {
        width: calc(100% - 380px);
    }

    .user-index.admin-content .blue-button.license-user-btn__tablet {
        height: 28px !important;
        padding: 5px 10px !important;
        margin-left: 8px;
        background-color: #ff8e73 !important;
        border-color: #ff8e73 !important;
    }

    .search-user-input.search-user-input__tablet {
        height: 28px;
        width: 280px;
    }

    .search-user-input.search-user-input__tablet i {
        box-shadow: none;
        margin: -5px !important;
    }

    .floatThead-container {
        background-color: #fff;
    }

    .action-button {
        display: initial !important;
    }

    .wrapper-grid.users {
        height: calc(100vh - 200px);
        max-height: calc(100vh - 200px);
    }

    /********************************************users add page********************************************************/
    .breadcrumb {
        padding-top: 5px !important;
    }

    .breadcrumb a {
        font-size: 10px;
    }

    .admin-content.user-form__tablet {
        background-color: transparent;
        padding: 0 25px 25px 0;
    }

    .user-form_container__tablet {
        background-color: #fff;
        max-width: 500px;
        padding: 30px 34px 30px 24px;
        border-radius: 6px;
        height: 480px;
    }

    .user-form_container__tablet.user-form_container__tablet__place {
        height: 510px;
    }

    .user-form_container__tablet .row .col-md-6 {
        width: 100%;
    }

    .user-form_container__tablet input[type="text"] {
        height: 24px;
    }

    .user-form_container__tablet .input-group-addon {
        padding: 0 10px!important;
    }

    .form-submit-btns__tablet button {
        padding: 3px 10px!important;
    }

    .form-submit-btns__tablet a.button-basic {
        padding: 3px 10px!important;
    }

    /********************************************places index page*****************************************************/
    .place-index.admin-content {
        border-radius: 6px;
        padding: 15px 20px;
        height: calc(100vh - 125px);
    }

    .place-index.admin-content .red-button.add-place-btn {
        padding: 3px 16px 3px 52px !important;
        height: 28px;
    }

    .place-index.admin-content .red-button.add-place-btn i {
        width: 36px !important;
        background-color: #FF9277 !important;
        left: -2px !important;
        height: 28px !important;
        top: -2px !important;
        font-size: 16px;
    }

    .place-index.admin-content .blue-button-basic.blue-button-basic_tablet {
        padding: 4px 20px 4px 50px !important;
        height: 28px;
        border-width: 1px !important;
    }

    .place-index.admin-content .blue-button-basic.blue-button-basic_tablet i {
        background-color: #fff !important;
    }

    .place-index.admin-content .blue-button-basic i {
        width: 25px !important;
    }

    .place-index.admin-content .blue-button-basic i img {
        padding-top: 4px !important;
        width: 16px;
        margin-left: 15px;
    }

    .place-index.admin-content #delSelect button {
        padding: 4px 20px 4px 48px !important;
        height: 28px;
        border-width: 1px !important;
    }

    .place-index.admin-content #delSelect button i {
        width: 25px !important;
        padding-top: 2px !important;
        background-color: #fff !important;
    }

    .place-index.admin-content #delSelect button i img {
        width: 18px;
        padding-top: 2px !important;
        margin-left: 15px;
    }

    .place-index.admin-content .search-place-input.search-place-input__tablet input {
        padding: 4px 10px !important;
        height: 28px;
    }

    .place-index.admin-content .search-place-input i {
        box-shadow: none !important;
        margin-top: -5px !important;
    }

    .place-index.admin-content .col-places-margin__tablet {
        margin-bottom: 10px;
    }

    .place-index.admin-content .col-places-margin__tablet > a,
    .place-index.admin-content .col-places-margin__tablet #delSelect {
        margin-left: 15px;
    }

    .place-index.admin-content .col-places-margin__tablet > a:first-child {
        margin-left: 0;
    }

    .place-index.admin-content #place-grid.wrapper-grid.places {
        height: calc(100vh - 210px) !important;
        max-height: calc(100vh - 210px) !important;
    }

    /******************************************* visit index page******************************************************/
    .filter-date-input-mobile {
        display: inline-block !important;
        width: 192px;
        vertical-align: top;
        margin-left: 8px;
    }

    .field-date_range_mobile .input-group-addon {
        padding: 3px 8px 3px 16px !important;
        background-color: #fff;
        font-size: 18px;
    }

    .field-filteranalytics-date_range .input-group-addon {
        padding: 3px 8px 3px 16px !important;
        background-color: #fff;
        font-size: 18px
    }

    .field-filteranalytics-date_range .form-control {
        height: 28px !important;
        border-left: 0;
        box-shadow: none !important;
    }

    .filter-date-input-mobile .form-control {
        height: 28px !important;
        border-left: 0;
        box-shadow: none !important;
    }

    .visit-index.admin-content .ui.labeled.icon.button.red-button.add-new-visit-btn {
        padding: 3px 16px 3px 52px !important;
        vertical-align: top;
        height: 28px;
    }

    .visit-index.admin-content .add-new-visit-btn i {
        width: 36px !important;
        background-color: #FF9277 !important;
        left: -2px !important;
        height: 28px !important;
        top: -2px !important;
        font-size: 16px;
    }

    .visit-index.admin-content #delSelect button {
        padding: 4px 20px 4px 48px !important;
        height: 28px;
        border-width: 1px !important;
    }

    .visit-index.admin-content #delSelect button i {
        width: 25px !important;
        background-color: #fff;
        line-height: 17px;
    }

    .visit-index.admin-content #delSelect button i img {
        width: 18px;
        padding-top: 2px !important;
        margin-left: 15px;
    }

    .visit-index.admin-content .search-visit-container.search-visit-container__tablet input {
        padding: 4px 10px !important;
        height: 28px;
    }

    .visit-index.admin-content .search-visit-container i {
        box-shadow: none !important;
        margin-top: -5px !important;
    }

    .tablet-hidden {
        display: none;
    }

    .filter-first-element {
        margin-left: -17px;
    }
    #filterForm .button-group.dropdown {
        margin-bottom: 7px;
    }

    .visit-index.admin-content .wrapper-grid.visits {
        height: calc(100vh - 333px) !important;
        max-height: calc(100vh - 333px) !important;
    }

    /******************************************* visit create page*****************************************************/
    .visit-create.admin-content {
        margin: 0;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 6px;
    }

    .visit-create-index > div {
        background-color: transparent;
    }

    .visit-index.admin-content {
        margin: 0;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 6px;
        height: calc(100vh - 125px);
    }

    #filterFormDate .input-group-addon i {
        padding-top: 1px;
        width: 10px;
    }

    .visit-create.admin-content .visit-create-wrapper-mobile input {
        padding: 4px 10px !important;
    }

    .visit-create.admin-content .visit-create-wrapper-mobile i {
        box-shadow: none;
        margin: -5px !important;
    }

    .route-wrapper .panel-heading {
        padding: 24px 15px 5px 15px !important;
    }

    .route-wrapper .panel-body {
        padding: 0 15px 70px 15px !important;
    }

    .route-wrapper .remove-all-places {
        word-wrap: break-word;
        width: 50px;
        text-align: right
    }

    .route-wrapper #items-place-selected {
        margin-top: 15px;
    }

    .visit-create-index .panel .pnl-footer {
        padding: 3px 1px 30px 16px;
    }

    .visit-create-grid .content-plashka .plashka-left #apply-selected {
        display: inline-block;
        padding: 5px 8px 5px 32px !important;
        background-color: #FF6D4A!important;
        border-color: #FF6D4A !important;
    }
    .visit-create-grid .content-plashka .plashka-left #apply-selected i {
        width: 27px !important;
        background-color: #FF6D4A !important;
        left: -2px !important;
        height: 28px !important;
        top: -2px !important;
    }


    /************************************************** report index***************************************************/

    .report-index.admin-content {
        margin: 0;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 6px;
        height: calc(100vh - 125px);
    }

    .report-index.admin-content .export_report_xls.report-page {
        margin-left: 11px;
    }

    .report-index.admin-content .blue-button-basic.blue-button-basic_tablet {
        padding: 4px 20px 4px 50px !important;
        height: 28px;
        border-width: 1px !important;
    }

    .report-index.admin-content .blue-button-basic.blue-button-basic_tablet i {
        background-color: #fff !important;
    }

    .report-index.admin-content .blue-button-basic i {
        width: 25px !important;
    }

    .report-index.admin-content .blue-button-basic i img {
        padding-top: 4px !important;
        width: 16px;
        margin-left: 15px;
    }

    .report-index.admin-content .filter-date-input-mobile {
        margin-left: 0;
    }

    .report-index.admin-content .filter-first-element {
        margin-left: -8px;
    }

    .report-index.admin-content .search-visit-container__tablet input {
        padding: 4px 10px !important;
        height: 28px;
    }

    .report-index.admin-content .search-visit-container__tablet i {
        box-shadow: none !important;
        margin-top: -5px !important;
    }

    .row-335__tablet {
        width: 370px;
    }

    .row-100_335__tablet {
        width: calc(100% - 370px);
    }

    .report-index.admin-content .wrapper-grid.reports {
        height: calc(100vh - 305px) !important;
        max-height: calc(100vh - 305px) !important;
    }

    /***************************************************** report view page********************************************/
    .report-view.admin-content {
        margin: 0;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 2px;
        overflow: auto;
    }

    .report-view-mobile {
        margin-top: 15px;
        border-top: 1px solid #EAEAEA;
        width: 100%;
        overflow: auto;
    }

    .report-view-mobile table {
        margin-bottom: 0;
    }

    .report-view-mobile table td {
        white-space: nowrap;
    }

    /*block-dropdown********************************/
    .block-dropdown {
        margin: 25px 20px 0 20px;
        background-color: #F5F8FA;
        border: 1px solid #EEF2F6;
        padding: 10px;
        position: relative;
        border-radius: 5px;
    }

    .block-dropdown::before {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 25px;
        left: 0;
        top: -25px;
    }

    .block-dropdown__title-container {
        display: block !important;
        height: 30px;
        line-height: 30px;
        padding: 0;
    }

    .block-dropdown__title {
        font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #323C47;
        vertical-align: middle;
        max-width: calc(100% - 35px);
        overflow: hidden;
        line-height: 30px;
        height: 30px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .block-dropdown__toggle-btn {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        vertical-align: sub;
    }

    .block-dropdown__toggle-btn i {
        transform: rotate(180deg);
        transition: all .3s;
        font-size: 22px;
        color: #5B636C;
        line-height: 30px;
    }

    .block-dropdown.open .block-dropdown__toggle-btn i{
        transform: rotate(0deg);
        transition: all .3s;
    }

    .block-dropdown__wrapper {
        display: none;
    }

    .block-dropdown.open .block-dropdown__wrapper {
        display: block;
    }

    .block-dropdown__wrapper {
        padding: 10px 0 0 0;
    }

    .block-dropdown__wrapper .panel-heading {
        display: none;
    }

    .block-dropdown__wrapper .panel {
        border: none;
        margin: 0;
        padding: 0 !important;
        box-shadow: none!important;
    }

    .block-dropdown__wrapper .panel .panel-body {
        padding: 0 !important;
    }
    .report-blocks {
        padding-top: 1px !important;
    }

    .block-dropdown__wrapper.photos-type a {
        display: inline-block;
        width: 104px;
        height: auto;
        margin: 4px;
    }

    .block-dropdown__wrapper.photos-type a img {
        width: 100%;
        height: 100%;
    }
    .block-dropdown__wrapper.photos-type .panel {
        margin-left: -3px;
        margin-right: -3px;
        box-shadow: none!important;
    }

    .report-blocks__tablet {
        padding-bottom: 20px;
    }

    /************************************************** analytic page**************************************************/
    .analytic-index.admin-content {
        margin: 0;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 6px;
        height: calc(100vh - 125px);
    }

    .analytic-index.admin-content .field-filteranalytics-date_range .input-group-addon i {
        padding-top: 1px;
        width: 10px;
    }

    .reset-filter-link-box__tablet {
        width: 200px;
        height: initial;
        margin-top: 31px;
        position: relative;
    }

    .reset-filter-link__tablet {
        position: absolute;
        left: -8px;
        bottom: 0;
    }

    .analytic-index.admin-content .analytics-search-wrapper__tablet {
        padding: 6px 10px !important;
        width: calc(100% - 365px);
        max-width: calc(300px);
        margin-top: -7px;
    }

    .analytic-index.admin-content .analytics-search-wrapper__tablet input {
        padding: 5px 10px !important;
        height: 28px;
    }

    .analytic-index.admin-content .analytics-search-wrapper__tablet i {
        box-shadow: none !important;
        margin-top: 2px !important;
        margin-right: 8px !important;
    }

    /***************************************************** templates **************************************************/
    .template-index.admin-content {
        margin: 0;
        padding: 15px 20px;
        box-shadow: 0 2px 9px rgba(0, 0, 0, 0.03);
        border-radius: 6px;
        height: calc(100vh - 125px);
    }

    .template-index.admin-content .ui.button.red-button {
        height: 28px !important;
        padding: 3px 16px 3px 52px !important;
    }

    .template-index.admin-content .ui.button.red-button i {
        width: 36px !important;
        background-color: #FF9277 !important;
        left: -2px !important;
        height: 28px !important;
        top: -2px !important;
        font-size: 16px;
    }

    .template-index.admin-content .search-user-input input {
        padding: 6px 10px !important;
        height: 28px;
    }

    .template-index.admin-content .search-user-input i {
        box-shadow: none !important;
        margin-top: -4px !important;
    }

    .template-index.admin-content .wrapper-grid.templates {
        height: calc(100vh - 200px);
        max-height: calc(100vh - 200px);
    }

    .admin-title-page_2lines h1 {
        width: 370px;
        font-size: 22px;
        word-wrap: break-word;
        line-height: 22px;
    }

    /************************* form ***************************/
    .template-form #template-name.template-name-input {
        line-height: 26px;
        height: 26px;
    }

    #template-form .header-center .ui.icon.button {
        margin-bottom: 8px !important;
        padding: 5px 10px 5px 35px !important;
        font-weight: normal;
    }

    #template-form .header-center .ui.icon.button:active i,
    #template-form .header-center .ui.icon.button:focus i {
        background-color: #ef9580 !important;
        color: #fff !important;
    }

    #template-form .header-center .ui.icon.button i {
        width: 25px;
    }

    #template-form .header-center .ui.icon.button img {
        display: none;
    }

    #template-form .header-blocks .header-count-photo div.ui.button {
        font-size: 18px !important;
        padding: 2px 2px;
        width: 100px;
    }

    #template-form .header-blocks .header-count-photo div.ui.button img {
        vertical-align: bottom !important;
        width: 30px !important;
    }

    #template-form .block-action {
        position: absolute;
        top: 0px;
        right: -10px;
    }

    #template-form .block-action.checkbox-none {
        top: 0;
    }

    #template-form .block-action .copy-block {
        font-size: 0!important;
    }

    .inp-mobile-row {
        margin-top: 15px;
    }

    .add-element {
        font-size: 22px !important;
        display: inline-block;
        padding-top: 3px !important;
        padding-bottom: 0 !important;
    }

    #template-form .template-photo-item {
        margin-top: 8px;
    }

    .place-index.admin-content .head-btns a {
        margin-left: 8px !important;
    }

    .place-index.admin-content .head-btns a:first-child {
        margin-left: 0 !important;
    }

    .place-index.admin-content .head-btns #delSelect {
        margin-left: 8px !important;
    }

    .content-plashka-constructor-mobile {
        right: 0 !important;
        padding: 25px 15px !important;
    }

    .content-plashka-constructor-mobile button {
        padding: 0 45px !important;
        height: 28px !important;
        line-height: 8px !important;
        margin-left: 9px !important;
    }

    .content-plashka-constructor-mobile a {
        padding: 8px 45px !important;
        height: 28px !important;
        line-height: 8px !important;
    }

    .template-form-mobile {
        height: calc(100vh - 155px) !important;
        max-height: calc(100vh - 155px) !important;
        overflow: auto;
    }

    .template-form-mobile.template-form {
        margin-bottom: 60px !important;
        border-radius: 6px;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    #template-form .block-action:not(.checkbox-none) {
        position: absolute;
        top: -60px;
    }

    #template-form .block-action.checkbox-none {
        top: -40px;
    }
}

@media (min-width: 1300px) and (max-width: 1366px){
    .wrapper-grid.visit-create-grid {
        height: calc(100vh - 285px) !important;
        max-height: calc(100vh - 285px) !important;
    }
}

@media (min-width: 1178px) and (max-width: 1366px){
    .report-index.admin-content .wrapper-grid.reports {
        height: calc(100vh - 270px) !important;
        max-height: calc(100vh - 270px) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1366px){
    .visit-index.admin-content .wrapper-grid.visits {
        height: calc(100vh - 270px) !important;
        max-height: calc(100vh - 270px) !important;
    }
}

@media (min-width: 1175px) and (max-width: 1199px){
    .visit-index.admin-content .wrapper-grid.visits {
        height: calc(100vh - 300px) !important;
        max-height: calc(100vh - 300px) !important;
    }
}

@media (min-width: 831px) and (max-width: 1199px){
    .place-index.admin-content #place-grid.wrapper-grid.places {
        height: calc(100vh - 238px) !important;
        max-height: calc(100vh - 238px) !important;
    }
}

@media (min-width: 768px) and (max-width: 830px){
    .place-index.admin-content .head-btns #delSelect {
        margin-top: 15px;
        margin-left: 0 !important;
        display: block;
    }

    .place-index.admin-content #place-grid.wrapper-grid.places {
        height: calc(100vh - 280px) !important;
        max-height: calc(100vh - 280px) !important;
    }
}

@media (min-width: 1034px) and (max-width: 1366px) {
    .wrapper-grid.analytics {
        height: calc(100vh - 207px) !important;
        max-height: calc(100vh - 207px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1033px) {
    .wrapper-grid.analytics {
        height: calc(100vh - 239px) !important;
        max-height: calc(100vh - 239px) !important;
    }
}