body {
    overflow-x: hidden;
}

.input-with-btn{
    position: relative;
}

.inner-input-btn{
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 2;
}

.registration_status_btn{
    background-color: transparent;
    border: 1px solid #4EB410;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    background-image: url("../../css/images/icons/green-checkmark.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 4px;
    flex: 36px 36px;
}

.registration_status_btn.registration_status_btn-red{
    border-color: #F05F5F;
    background-image: url("../../css/images/icons/red-closed.svg");
}

.registration_status_btn-green.active, .registration_status_btn-green:hover{
    background-image: url("../../css/images/icons/green-checkmark-active.svg");
    background-size: cover;
}

.registration_status_btn.registration_status_btn-red.active, .registration_status_btn.registration_status_btn-red:hover{
    background-image: url("../../css/images/icons/red-closed-active.svg");
    background-size: cover;
}

.registration_status_btn.active{
    cursor: not-allowed;
}

#registration .registration_buttons-wrap{
    display: flex;
    align-items: center;
}

#registration .registration_buttons-wrap .select2{
    display: inline-block;
    width: 180px !important;
    margin-right: 5px;
}

.row-stats-report .tile_stats_count{
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    line-height: 1;
}
.row-stats-report .tile_stats_count:before {
    content: none;
}

.row-stats-report .tile_stats_count div {
    text-align: center;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
}

.row-stats-report .tile_stats_count .count_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    margin-bottom: 0;
}

.row-stats-report .tile_stats_count .count{
    line-height: 1.8;
}

.default-dynagrid > .grid-view {
    overflow: hidden !important;
}

.default-dynagrid .kv-panel-before {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.default-dynagrid .kv-panel-after {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.default-dynagrid .panel {
    border: none !important;
}

.default-dynagrid .panel th:first-child,
.default-dynagrid .panel td:first-child {
    border-left: 1px solid #ececec !important;
}

.dashboard-widget-league .progress-bar{
    transition: .3s ease-out;
}

.dashboard-widget-league .progress-bar:hover{
    filter: brightness(1.1);
}

.default-dynagrid .panel {

}

.default-dynagrid + .modal .modal-title {
    font-size: 14px;
}

.dynagrid-config-form:before {
    display: block;
    margin-bottom: 15px;
}

.dynagrid-column-label {
    display: none;
}

.default-dynagrid .dropdown-header {
    display: none;
}

.default-dynagrid .kv-grid-toolbar .dropdown-menu {
    left: unset;
    float: unset;
    right: 0;
}

.page-container {
    background-color: #fff;
    padding: 15px;
}

.page-header {
    margin-top: 5px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 0;
}

.page-header h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
}

.page-header .actions > div,
.page-header .actions > a {
    margin-right: 10px;
    margin-bottom: 0;
}

.page-filter {
    margin-bottom: 20px;
}

.filters-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.filters-row > .filter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
}

.filters-row > .filter {
    /*width: 245px;*/
}

.filters-row > .filter input:not(.select2-search__field),
.filters-row > .filter .select2-container,
.filters-row > .filter .kv-drp-container {
    width: 300px !important;
}

.filters-row > .filter .select2-search__field {
    min-width: 0.1em !important;
}

.filters-row > .filter .control-label,
.filters-row > .filter label {
    display: block;
}

.filters-row > .filter .select2-container--bootstrap .select2-selection--multiple {
    height: 34px;
    overflow: hidden;
    overflow-y: auto;
}

.iti {
    display: block !important;
}

.iti input {
    min-width: 140px;
}

.sp-preview {
    width: 24px !important;
}

.sp-container.sp-hidden {
    display: none;
}

span.phoneNumber > a {
    white-space: nowrap;
}

body #carrotquest-messenger-collapsed-container {
    z-index: 1049 !important;
}

@media only screen and (min-width: 900px) {
    .modal-wazzup-chat.modal-lg,
    .modal-eaychat.modal-lg{
        max-width: 1400px;
        width: 80vw;
    }
}

@media only screen and (max-width: 768px) {
    .modal-wazzup-chat.modal-dialog,
    .modal-intellect-dialog.modal-dialog,
    .modal-eaychat.modal-dialog{
        float: unset;
    }
}

.modal-wazzup-chat .modal-content,
.modal-intellect-dialog .modal-content,
.modal-easychat .modal-content {
    position: relative;
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.modal-wazzup-chat .modal-body,
.modal-intellect-dialog .modal-body,
.modal-easychat .modal-body{
    height: 100%;
    position: relative;
}

.modal-wazzup-chat .modal-body > iframe,
.modal-intellect-dialog .modal-body > iframe,
.modal-easychat .modal-body > iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.intellect-dialog-icon {
    cursor: pointer;
    position: relative;
    top: 2px;
}

#new-client-form .field-can_sms,
#new-client-form .field-can_email,
#new-client-form_grown .field-can_sms_grown,
#new-client-form_grown .field-can_email_grown {
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
    #new-client-form .field-can_sms,
    #new-client-form .field-can_email,
    #new-client-form_grown .field-can_sms_grown,
    #new-client-form_grown .field-can_email_grown {
        margin-top: 0;
    }
}

#cat {
    opacity: 0;
    bottom: -9999px;
    right: 0;
    transition: 1s ease-in;
    position: fixed;
    height: 300px;
    width: 300px;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 123123123;
    cursor: grab;
}

#cat.active {
    opacity: 1;
    bottom: 110px;
    transition: 1s ease-out;
}

.daterangepicker {
    display: none;
}

.modal-header {
    padding: 10px 15px;
    font-weight: bold;
    font-size: 18px;
}

.btn {
    position: relative;
}

.roles:has(.has-error) .jstree, .sellables:has(.has-error) .jstree{
    border: 1px #a94442 solid;
}

.btn.loading:after, .disabled_for_reason:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url("../css/images/ajax-loader.gif");
    height: 16px;
    width: 16px;
    transform: translateX(-50%) translateY(-50%);
}

.clients-index .task_create_btn {
    text-align: left;
}

.nav > .header_idea .btn {
    line-height: 1.42857143;
    padding: 6px 12px;
    background-color: #74B566;
    color: white !important;
    margin-bottom: 0;
    margin-right: 0;
    border-color: #74B566;
    -webkit-box-shadow: 0 10px 34px 0 rgba(116, 181, 102, 0.3);
    -moz-box-shadow: 0 10px 34px 0 rgba(116, 181, 102, 0.3);
    box-shadow: 0 10px 34px 0 rgba(116, 181, 102, 0.3);
    display: flex;
    align-items: center;
    gap: 4px;
}

.nav > .header_idea .btn.btn-primary:hover,
.nav > .header_idea .btn.btn-primary:focus {
    background-color: #74B566;
}

.nav > .header_knowleage_base .label {
    border-radius: 50%;
}

.nav > .header_knowleage_base .btn {
    line-height: 1.42857143;
    padding: 6px 12px;
    color: #fff !important;
    margin-bottom: 0;
    margin-right: 0;
}

.nav > .header_knowleage_base .btn.btn-primary:hover,
.nav > .header_knowleage_base .btn.btn-primary:focus {
    background-color: #286090;
}

#edit-client-form .x_title h2{
    width: 100%;
}

.w-300{
    min-width: 300px;
}

@media only screen and (max-width: 991px) {
    .field-clubitemsform-imagefiles .input-group-btn {
        white-space: normal;
    }

    .field-clubitemsform-imagefiles .input-group-btn .hidden-xs {
        display: block !important;
    }

    .text-xs-left {
        text-align: left !important;
    }
}

.file-input img {
    max-width: 100%;
}

.preloader_bg {
    position: fixed;
    background: rgba(236, 240, 245, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

.preloader_content {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10001;
    font-size: 14px;
}

.preloader_content span {
    display: block;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    color: rgba(30, 30, 30, 1);
}

.color-success {
    color: #26B99A;
}

.color-warning {
    color: #ec971f;
}

.color-danger {
    color: #c9302c;
}

.color-default {
    color: #e6e6e6;
}

.color-primary {
    color: #286090;
}

table.dataTable tbody tr.bg-danger {
    background-color: #f2dede;
}

table.dataTable tbody tr.bg-warning {

}

table.dataTable.no-footer {
    border-bottom: 0;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ececec;
}

table.table-striped tr.bg-danger {
    background-color: #f2dede;
}

table.table-striped tr.bg-danger:hover {
    background-color: #f9f0f0;
}

html, body {
    opacity: 1 !important;
}

.ms-container {
    width: 100% !important;
}

.bg-gray {
    background: #eee !important;
}

.vcenter {
    vertical-align: middle;
}

.block-danger {
    border-left: 3px solid rgba(231, 76, 60, .88) !important;
}

.block-success {
    border-left: 3px solid #169F85 !important;
}

.ticket .block {
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
    margin: 0 0 0 105px;
}

.calendar.left {
    z-index: 9999 !important;
    position: relative;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.field-userform-imagefile .file-drop-zone {
    min-height: auto;
}

.field-userform-imagefile .krajee-default.file-preview-frame .kv-file-content {
    width: 100%;
    height: auto;
}

#pjax-grid-users-block .img-circle {
    object-fit: cover;
}

.client_contacts-table input, .client_contacts-table select {
    width: 100%
}

#form-daterange .field-categorytree-period,
#form-daterange .field-categorytreeplan-period {
    display: block;
    width: 100%;
    max-width: 300px;
}

.kv-drp-dropdown .range-value {
    background-color: #fff;
    cursor: pointer;
    opacity: unset;
}

#stat-treetable .kv-drp-dropdown .left-ind {
    top: 3px;
    left: -5px;
}

#stat-treetable .kv-drp-dropdown .right-ind {
    top: 5px;
    right: 12px;
}

table.treetable tbody tr td {
    vertical-align: middle;
}

table.treetable thead {
    background: #8b8b8b !important;
    font-size: 16px;
    font-weight: bolder !important;
    color: #ffffff !important;
}

table.treetable thead tr th {
    border: 1px solid #000000;
}

table.treetable span.folder {
    background: url("images/folder.png") no-repeat;
    padding-left: 20px;
}

table.treetable span.file {
    background: url("images/item.png") no-repeat;
    padding-left: 20px;
}

.promocode-proverka {
    width: 395px;
    float: left;
    padding-right: 25px;
}

.nav-sm .side-menu li span > span {
    display: block;
}

#clients_table .mute {
    opacity: 0.6;
    display: inline;
}

.ticket.widget {
    min-width: 0;
    max-width: inherit
}

.ticket.widget .block {
    margin-left: 5px
}

.contract-items-index ul {
    padding-left: 0;
    list-style: none;
}

.contract-items-index ul li {
    color: #73879C;
}

.contract-items-index ul .archive {
/ / text-decoration: line-through;
    opacity: 0.4;
}

.contract-items-index ul:hover .archive {
    opacity: 0.9;
}

.ticket li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both
}

.ticket h2.title {
    position: relative;
    font-size: 16px;
    margin: 0
}

.ticket .byline {
    padding: .25em 0
}

.ticket a {
    text-decoration: none;
}

.alert a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb {
    background-color: #eeeeee;
}

#edit-client-form .x_panel {
    border: none !important;
}

#edit-client-form .x_panel input, #edit-client-form .x_panel select, #edit-client-form .x_panel .select2, #edit-client-form .x_panel .select2 span {
    border-radius: 0 !important;
}

#pfile .col-md-5, #pfile .col-sm-5 {
    width: 100% !important;
}

.form-horizontal .control-label > .control-label {
    padding-top: 0;
    padding-right: 0;
}

.table-head {
    height: 30px;
}

.paymaster-tb-cell {
    height: auto !important;
}

.menu {
    list-style-type: none;
    margin: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
    line-height: 1;
    background: #F5F7FA;
    padding: 0 0 0 14px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#menuTab {
    height: 35px;
    background: #fff;
}

#menuTab .flexMenu-viewMore > a {
    height: 34px;
    width: 34px;
    display: block;
    font-size: 18px;
    color: #fff;
    background: #337ab7;
    border-radius: 3px;
    text-align: center;
    padding-top: 15px;
}

#menuTab > .flexMenu-viewMore > .flexMenu-popup {
    background: #fff;
    border: 1px solid #D9DEE4;
}

#menuTab > .flexMenu-viewMore > .flexMenu-popup > li {
    height: auto;
    width: 100%;
    background: transparent;
}

#menuTab > .flexMenu-viewMore > .flexMenu-popup > li > div {
    width: 100%;
}

#menuTab > .flexMenu-viewMore > .flexMenu-popup > li > div > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #5A738E !important;
    white-space: nowrap;
    border: none;
    background: #fff;

}

.main_menu_side .label-danger.task_num {
    margin-left: 5px;
}

.nav-sm .task_num {
    width: 40%;
    text-align: center;
}

.table-stat th {
    width: auto;
}

.panel_toolbox .btn-success {
    background: #26B99A;
    border: 1px solid #169F85;
    color: #fff;
    padding: 6px 12px;
}

.js .menu {
    /* If we have JavaScript enabled and we're just waiting for flexMenu to load and run, hide list items that don't fit on one line. If JavaScript is not enabled, just show 'em all. */
/ / overflow: visible;
}

.menu > li {
    height: 50px;
    background: #F5F7FA;
    color: #333 !important;
    border-radius: 4px 4px 0 0;
    margin-left: 7px;
    margin-top: 0;
    float: initial;
    overflow: hidden;
    margin-bottom: 0;
    min-width: 140px;
}

.menu > li > a {
    border: 1px solid #ddd !important;
    border-bottom: none !important;
}

#menuTab li {
    float: left;
    background: #fff;
    color: #333 !important;
    border: none;
    border-radius: unset;
    margin-left: 7px;
    margin-bottom: 2px;
}

.menu > li.active {
    margin-top: 0;
}

.menu > li:first-child {
    margin-left: 0;
}

#myTab a, #historyTab a {
    display: block;
    text-decoration: none;
    padding: 10px;
    height: 43px;
    background: #F5F7FA;
    margin-right: 0 !important;
    white-space: nowrap;
}

#myTab a:hover {
    background-color: #fff;
    color: #000;
    border-bottom: 0;
}

#historyTab a:hover {
    background-color: #fff;
    color: #000;
    border-bottom: 0;
}

.flex-multi {
    float: left;
    width: 45%;
    margin-bottom: 100px;
}

.flex-multi + .flex-multi {
    float: right;
}

.clear {
    clear: both;
}

/* flexMenu styles */

.flexMenu-viewMore > a {

}

.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover {
    background-color: #fff;
    cursor: pointer;
}

.flexMenu-popup {
    list-style-type: none;
    padding: 0;
    background-color: #F5F7FA;
    margin: 0;
    z-index: 10;
    text-align: center;
}

#ClientFilterTabsContent .select2-container .select2-selection--single, #ClientFilterTabsContent .select2-container .select2-selection--multiple {
    height: 34px !important;
    overflow: hidden;
}

#ClientFilterTabsContent .filter_field, #task_filter_form .filter_field {
    height: 70px;
}

.filter_field .select2-container .select2-selection--multiple {
    height: 34px;
    overflow: auto;
}

#ClientFilterTabsContent label, .tasks-filter-panel label {
    display: block;
}

#ClientFilterTabsContent .input-group {
    margin-bottom: 0;
}

#ClientFilterTabsContent, #clients_filter_form .client-submit-buttons {
    padding: 1rem;
    background: #f9f9f9;
}

#ClientFilterTabsContent, .client-submit-buttons {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.client-submit-buttons {
    border-bottom: 1px solid #ddd;

}

#clients_filter_form {
    margin-bottom: 1.5rem;
}

.page-title {
    height: auto;
    min-height: 38px;
}

.form-group .btn {
    margin-bottom: 0;
}

.field-client-sex label {
    display: block;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--bootstrap .select2-selection--multiple {
    min-height: 34px !important;
}

.form-control {
    border-radius: 4px;
}

.select2-search__field {
    width: 100%;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
}

#modal-client-content .field-clientsform-b_day label {
    display: block;
}

#ClientFilterTabsContent select {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 100% !important;
}

#ClientFilterTabsContent .select2-selection__rendered,
.nav-sm .nav.side-menu li a {
    position: relative;
}

.nav-sm .task_num {
    width: 22px;
    height: 22px;
    text-align: center;
    position: absolute;
    right: 7px;
    top: 0;
    z-index: 2;
    font-size: 1rem;
    border-radius: 10px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ClientFilterTabsContent .daterange_difff {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#clients_filter_form .client-submit-buttons {
    width: 100%;
    text-align: right;
}

#ClientFilterTabs .nav-item.active > .nav-link {
    background: #f9f9f9 !important;
}

.clients-index {
    margin-bottom: 5px;
}

#system_msg {
    display: none;
}

#system_msg.visible {
    display: flex;
}

#schedule_report .filter_field {
    min-height: 68px;
}

#schedule_report .js_schedule_row[data-canceled="1"] {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.select2-selection--multiple {
    overflow-y: scroll !important;
}

.field-select-ticket .select2-selection__choice {
    max-width: 89% !important;
    overflow: hidden !important;
}

#myTab.nav-tabs > li.active > a, #myTab.nav-tabs > li.active > a:hover, #myTab.nav-tabs > li.active > a:focus, #historyTab.nav-tabs > li.active > a, #historyTab.nav-tabs > li.active > a:hover, #historyTab.nav-tabs > li.active > a:focus {
    background: #fff !important;
    border: 0;
}

.lt-ie8 .flexMenu-popup {
}

.flexMenu-popup a {
    padding-top: 15px !important;
    display: block;
    border: 1px solid #ddd;
    border-top: 0;
}

.flexMenu-popup a:hover {
    background-color: #fff;
    color: #000;
    display: block;
}

table {
    width: 100% !important;
}

table th {
    width: auto;
    height: auto;
}

.filter-panel {
    z-index: 100;
}

#modal-client.schedule {
    background-color: rgba(0, 0, 0, 0.3);
}

#modal-client-content {
    float: none;
}

.modal-backdrop + .modal-backdrop {
    opacity: 0;
}

.paymaster-bage {
    display: block;
    float: unset !important;
    margin: 0 auto !important;
}

#client_services_table th {
    vertical-align: middle;
    text-align: center;
}

#client_services_table table td {
    padding: 8px;
    text-align: center;
}

#client_services_table .in_middle {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#modal-client-card-content .client_person_info .menu li {
    clear: none;
}

.tb-date {
    line-height: 13px;
    text-align: center;
}

.table-pay td {
    border-top: 0 !important;
    border-bottom: 1px solid #ddd;
}

.paymaster-tb-cell {
    padding: 10px;
}

.paymaster-tb-cell-2 {
    height: 50px;
    padding: 15px;
}

.user_data li {
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.set_time > .form-group > label {
    display: none;
}

#create_tickets .control-label, #create_service_block .control-label, #modal-client-freeze .control-label, #kupon-form .control-label {
    text-align: right;
    padding: 8px;
}

#clients_table_grid_wrapper {
    overflow: auto;
}

.instrunct .form-group {
    float: left;
}

#create_tickets, .available-services-create {
    background: #fff;
}

.btn-toggle {
    top: 50%;
    transform: translateY(-50%);
}

.field-task_call .cbx-container {
    margin-left: 3px;
}

input[name="daterange"], input[name="daterange-time"] {
    height: 33px;
    padding-left: 5px;
    border: 1px solid #ddd;
    width: 100%;
}

.login_content h1:before {
    left: -30px;
    top: 45px;
}

.login_content h1:after {
    right: -30px;
    top: 45px;
}

.kassa > tbody > tr > td {
    vertical-align: middle;
}

#modal-client-card-content #history-tab_content2 .btn-group, #modal-client-card-content #history-tab_content2 #period_money_form {
    width: 100% !important;
}

#modal-client-card-content .page-title {
    display: none;
}

#modal-client-card-content .x_panel {
    border: 0;
}

.radio-sm-btn {
    width: 100%;
}

.radio-sm-btn > label {
    float: unset !important;
    display: block;
    width: 100%;
    margin: 0 auto !important;
    margin-bottom: 5px !important;
}

.select2-container--open {
    z-index: 1061;
}

.name-wrap {
    display: inline;
}

.dataTables_wrapper {
    padding: 0 !important;
}

.nav.toggle {
    display: none;
}

@media only screen and (max-width: 992px) {
    .table-head {
        height: 45px;
    }

    .paymaster-tb-cell {
        height: auto !important;
        font-size: 12px;
    }

    #clients_table {
        overflow-x: scroll;
    }

    #modal-client-card-content .profile_left {
        width: 100%;
        text-align: center;
    }

    #modal-client-card-content .client_person_info {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #modal-client-card-content .profile_left img {
        margin: 0 auto;
    }

    #modal-client-card-content .profile_left ul {
        max-width: 300px;
        margin: 0 auto;
        text-align: left;
    }

    #modal-client-card-content .profile_left .panel {
        text-align: left;
    }

    .tb-date {
        width: 90px;
        line-height: 13px;
        text-align: center;
    }

    .tb-type {
        width: 60px;
    }

    .tb-count {
        width: 50px;
    }
}

.in_basket_counter {
    width: 25px;
    color: #000000;
}

.treeview .list-group-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.list-group-item > .badge {
    background-color: #169F85 !important;
}

.service-plus-btn {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: transparent;
}

#testmodal .tree-header {
    display: none;
}

#testmodal .tree-view-wrapper {
    margin-top: -5px;
}

.service-plus-btn:before {
    content: ".";
    display: block;
    height: 10px;
    width: 10px;
    color: green;
}

.node-w0.node-selected, .node-w0.node-selected:hover {
    background-color: #F5F5F5;
    color: #000;
}

.control-service {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
}

#added-services-pjax td {
    vertical-align: middle;
}

#client_services-pjax {
    overflow: auto;
}

.profile_left {
    overflow: hidden;
}

.show {
    display: block !important;
}

.monthForPeriod {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.monthForPeriod li {
    display: inline-block;
    margin-left: 5px;
}

.btn.disabled,
a.disabled, .disabled_for_reason {
    position: relative;
    cursor: not-allowed;
    z-index: 1;
    pointer-events: none;
    opacity: 0.65;
}

.btn.disabled:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
/ / background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    cursor: not-allowed;
    z-index: 99;
}

.logo_img {
    width: 100%;
    text-align: center;
    margin-top: 1em;
}

.logo_img.mob {
    margin-top: 1em;
    display: none;
}

.nav-sm .container.body .col-md-3.left_col .logo_img.mob {
    display: block;
}

.nav-sm .container.body .col-md-3.left_col .logo_img {
    display: none;
}

.nav-sm .container.body .col-md-3.left_col .logo_img img {
    max-width: 100%;
}

.nav-sm .container.body .col-md-3.left_col .logo_img {
    padding: 3px;
}

.login_content img {
    max-width: 200px;
}

.nav_title {
    height: auto;
}

.x_panel.is_kids .tt-menu {
    width: auto;
    height: auto;
    overflow: auto;
}

.field-filterclients-tags, .field-filterclients-city, .select2-results__options {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child{
    border-right: 1px solid #ececec;
}

#in-club-clients-table td {
    position: relative;
}

.select2-results__option > .select2-results__options {
    max-height: 100%;
}

.range_inputs .btn.disabled {
    pointer-events: initial !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

.range_inputs .btn.disabled:before {
    display: none;
}

#filter-form .form-group, #filter-form .form-group > div {
    margin-bottom: 0;
    margin-top: 0;
}

#clients_filter_form .well {
    margin-top: 20px !important;
}

.header-club_selector {
    max-width: 135px !important;
    overflow: hidden;
}

.in_club_wrapper button {
    padding: 6px 24px 6px 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555555;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0 !important;
    white-space: nowrap;
    margin-right: 0 !important;
}

.dropdown_clients {
    display: none;
    position: absolute;
    width: 668px;
    top: 100%;
    left: 0;
    z-index: 100;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1em;
    max-height: 600px;
    overflow-y: scroll;
}

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

.dropdown_clients ul li {
    margin-top: 0.5em;
}

#clients_reception_search {
    width: 250px;
    height: 35px;
    border-radius: 3px;
    margin-left: 10px;
}

#clients_reception_search .input-group .form-control {
    padding: 0 0 0 1em;
    height: 35px;
    font-size: 1.2em;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#clients_reception_search .input-group-lg > .input-group-btn > .btn {
    padding: 5px;
    height: 35px;
    width: 35px;
}

#clients_reception_search .tt-menu {
    width: auto
}

.nav-sm .main_container .top_nav {
    display: flex;
    align-items: center;
    padding: 5px 3px;
}

.nav_menu {
    display: flex;
    align-items: center;
    border-bottom: 0 !important;
}

.nav_menu > div {
    margin-right: 15px;
}

.top_nav {
    background: #EDEDED;
}

.field-paymasterdevices-auto_withdrawal .cbx-label,
.field-paymasterdevices-print_check .cbx-label {
    margin-top: -5px;
    margin-bottom: 5px;
    display: block;
}

.tt-menu {
    width: auto
}

.pocketkey_sync {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
}

.pocketkey_sync a {
    display: inline-block;
    margin-top: 5px;
}

.user_data i {
    width: 17px;
    margin-right: 3px;
    text-align: center;
}

.list-cell__priceVariant input {
    min-width: 100px;
}

.grid-view {
    min-height: 0.01%;
    overflow-x: auto;
}

.grid-view table {
    max-width: 100%;
}

.open > .dropdown-menu.kv-tree-dropdown {
    min-width: 300px;
}

.nav_menu {
    margin-bottom: 0;
}

.page-title {
    margin-top: 15px !important;
}

.main_menu_side .label-danger.task_num {
    overflow: hidden;
}

#select_all_btn {
    margin-left: 0.5em;
    visibility: hidden;
}

.x_content .pagination {
    margin: 5px auto;
}

.contract_end_info {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 60px;
    top: 0;
    padding: 2px;
}

.page-title h3 {
    font-size: 20px;
}

.page-title {
    padding-top: 3px;
    padding-bottom: 3px;
}

.page-title .title_left h3 {
    margin: 3px 0;
}

#header_timer {
    color: #000;
    white-space: nowrap;
}

.nav.navbar-flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top_nav .navbar-right li {
    margin-left: 25px;
}

.nav.navbar-nav > li.header-profile {
    margin-left: 10px;
}

.header-profile a {
    white-space: nowrap;
}

.header-profile.open .dropdown-menu {
    z-index: 1100 !important;
}

#client-min-contracts {
    display: none;
}

.stat-btn-tasks {
    display: block;
}

.page-title {
    margin-bottom: 5px !important;
}

.page-title .title_left {
    float: initial;
}
.head-for-tips .page-title .title_left {
    float: left;
}

#menuTab > li:first-child {
    margin-left: 0 !important;
}

.x_panel {
    padding: 10px;
    width: 100%;
}

#typehead_schedule_clients_search .tt-menu {
    min-width: 350px;
    overflow: hidden;
}

.sp-preview {
    margin-right: 4px;
}

#staff-grid-pjax {
    background: #fff;
    margin-top: 15px;
    padding: 15px 5px 5px;
}

#shift-open .panel {
    max-width: 1000px;
}

.table.kassa tr > td:first-child {
    white-space: nowrap;
}

.reception-container {
    margin-top: 15px;
}

#one-contract-edit-form .field-select-ticket .select2-container--bootstrap .select2-selection--single {
    height: 51px !important;
}

#in-club-clients-table_wrapper {
    overflow-x: auto;
}

#in-club-clients-table_filter {
    width: 100%;
    text-align: left;
}

.child_menu i {
    display: none !important;
}

.column_menu {
    margin-top: 15px;
}

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

a[data-target] {
    cursor: pointer;
}

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 {
    white-space: nowrap;
}

.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;
}

.daterangepicker.ltr {
    z-index: 999999;
}

table.tile_info td:first-child {
    width: 50%;
}

.preloader_content span {
    text-transform: none !important;
}

.preloader_content i {
    font-size: 4rem;
    margin-bottom: 1rem !important;
}

.top_nav .dropdown-menu li form a {
    display: block;
}

.top_nav .dropdown-menu.dropdown-usermenu li a {
    padding: 12px 20px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 14px;
}

.cbx-label {
    font-weight: bold;
}

.device_item {
    display: flex;
    align-items: flex-end;
    margin-right: 1rem;
}

.device_status {
    display: flex;
    width: 41px;
    height: 22px;
    background: #818A91;
    border-radius: 4px;
    margin-left: 6px;
    color: white;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    align-content: center;
    justify-content: center;
    align-items: center;
    line-height: 12px;
}

.device_cloud_status {
    display: flex;
    width: 41px;
    height: 22px;
    background: #337ab7;
    border-radius: 4px;
    margin-left: 6px;
    color: white;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    align-content: center;
    justify-content: center;
    align-items: center;
    line-height: 12px;
}

.flex a.device_item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.device_item.connectionSuccess .device_status, .device_radio_item.connectionSuccess .device_status {
    background-color: #26B99A;
}

.device_item.connectionFailed .device_status, .device_radio_item.connectionFailed .device_status {
    background-color: #ff0000;
}

.device_item.connectionWrongStatus .device_status, .device_radio_item.connectionWrongStatus .device_status {
    background-color: #f0ad4e;
}

.device_radio_item {
    min-width: 160px;
    margin-left: 0 !important;
}

.device_radio_item.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.device_radio_item .btn {
    display: none;
}

.device_radio_item.disabled .btn {
    display: inline-block;
}

.device_radio_item-error {
    display: none;
    margin-left: 15px;
}

.device_radio_item.disabled .device_radio_item-error {
    display: block;
}

.device-view .tab-pane {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 4px;
}

.device-balance {
    margin: 15px 5px;
}

.device-view .balance-item {
    height: 90px;
    font-weight: normal;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    display: flex;
    align-items: center;
    text-align: center;
    color: #73879C;
    flex-direction: column;
    justify-content: center;
}

.device-view .balance-item span {
    font-weight: bold;
}

.balance-item .balance-value {
    font-size: 24px;
    line-height: 24px;
}

.balance-item .balance-title {
    font-size: 14px;
    line-height: 14px;
}

.panel-body p:last-child {
    margin-bottom: 0;
}

.device-command {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.device-command .device-command-status .btn {
    margin-right: 0;
    margin-left: 5px;
}

#cost-modal .modal-dialog, #deposit-modal .modal-dialog, #moves-modal .modal-dialog, #pay-modal .modal-dialog, #paymaster-device-modal .modal-dialog, #withdraw-modal .modal-dialog, #modal-payment .modal-dialog, #slot-modal .modal-dialog {
    float: right;
    margin: 0;
    height: 100%;
}

#cost-modal .modal-dialog .modal-content, #deposit-modal .modal-dialog .modal-content, #moves-modal .modal-dialog .modal-content, #pay-modal .modal-dialog .modal-content, #paymaster-device-modal .modal-dialog .modal-content, #withdraw-modal .modal-content, #modal-payment .modal-content, #slot-modal .modal-content {
    min-height: 100%;
    height: auto;
    border-radius: 0;
}

#cost-modal .modal-body, #deposit-modal .modal-body, #cost-modal .modal-body, #moves-modal .modal-body, #pay-modal .modal-body, #paymaster-device-modal .modal-body, #withdraw-modal .modal-body, #modal-payment .modal-body, #slot-modal .modal-body {
    position: initial;
}

#slot-modal .modal-header .close {
    background-color: white;
    float: left;
    margin-top: 4px;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    margin-left: -53px;
    width: 36px;
    border: 1px solid #e5e5e5;
    opacity: 1;
}

#slot-modal .modal-header {
    padding: 15px;
    border-bottom: none;
    float: left;
    width: 1px;
}

#slot-modal .modal-footer {
    padding: 15px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    bottom: 0;
    position: absolute;
    margin-left: -15px;
    width: 100%;
}

.js_select_schedules_union {
    font-size: 36px;
    cursor: pointer;
}

.integration_item-list {
    display: flex;
    max-width: 1400px;
    flex-wrap: wrap;
    margin-left: -15px;
}

@media only screen and (max-width: 768px) {
    .integration_item-list {
        justify-content: space-evenly;
    }
}

.integration_item-list .card {
    margin: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: 300px;
    position: relative;
    transition: .3s ease-out;
    cursor: pointer;
}

.integration_item-list .card:hover {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}

.integration_item-list .card > a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.integration_item-list .card-header {
    padding: 30px;
    position: relative;
}

.integration_item-list .card-header .title {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}

.integration_item-list .card-header img {
    width: 100%;
    height: 140px;
    object-fit: contain;
}

.integration_item-list .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    min-height: 250px;
}

.integration_item-list .tag {
    background: #cccccc;
    border-radius: 50px;
    font-size: 12px;
    margin: 0;
    color: #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    float: none;
    display: inline-block;
}

.integration_item-list .tag.tag-red {
    background-color: red;
}

.integration_item-list .tag.tag-success {
    background-color: #26B99A;
}

.integration_item-list .card-body h4 {
    display: block;
}

.integration_item-list .card-body p {
    font-size: 13px;
    margin: 0 0 40px;
}

.integration_item-list .link {
    text-align: right;
    width: 100%;
}

.integration_item-list .card .link i {
    transition: .3s ease-out;
}

.integration_item-list .card:hover .link i {
    display: inline-block;
    margin-right: -5px;
}

.banner_header {
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    background: linear-gradient(90deg, #0672ac 0%, #3c3f41 100%);
    box-shadow: 0 10px 34px 0 rgb(184 190 206);
}

.banner_header-limit{
    background: #ED3D3D;
    color: #fff;
}

.banner_header-limit a{
    color: #fff;
}

.banner_header-easychat{
    background: linear-gradient(90deg, #25D366 0%, #075E54 100%);
    position: relative;
    margin-left: 10px;
}

.banner_header-easychat-mob{
    display: none;
}

.banner_header-easychat .banner_header-logo{
    font-size: 20px;
    margin-left: -4px;
}

.banner_header-fitmost {
    background: linear-gradient(93.08deg, #7748EA 19.45%, #9368FC 81.73%);
    box-shadow: 0px 4px 20px 0px rgba(132, 87, 242, 0.25);
}

.banner_header-fitmost .banner_header-text,
.banner_header-partnership .banner_header-text{
    margin-left: 4px;
}

.banner_header-partnership {
    transition: .3s ease-out;
    background: linear-gradient(90deg, #3C79D6 0%, #4A58D7 100%);
    background-size: 100%;
}

.banner_header-partnership:hover {
    background-size: 300%;
}

/*
.banner_header-easychat .banner_header-logo{
    height: 60px;
    width: 60px;
    position: absolute;
    left: -27px;
    top: 50%;
    margin-top: -35px;
    background-image: url("../css/images/christmas-tree.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/

/*.banner_header-easychat .banner_header-text{
    //padding-left: 15px;
}*/

@media only screen and (max-width: 968px) {
    .banner_header {
        display: none;
    }
    .banner_header-easychat-mob{
        display: block;
        margin-bottom: 10px;
    }
}

.banner_header > a {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 11px 12px;
}

.banner_header-logo {
    line-height: 0;
    margin-right: 6px;
}

.banner_header-text {
    line-height: 1;
    color: #fff;
    font-weight: 600;
}

.banner_header-yabusiness {
    background: linear-gradient(90deg, #3C67D6 0%, #904AD6 100%);
}

.icon-20 {
    margin: auto;
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    font-size: 20px;
    cursor: pointer;
}

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

.block_content .unconfirmed {
    color: #6c757d;
}

.block_content .confirmed {
    color: #17a2b8;
}

.block_content .closed {
    color: #26B99A;
}

.block_content .skipped {
    color: #dc3545;
}

.block_content .refused {
    color: #ffc107;
}

.block_content .late_cancel {
    color: #dc354594;
}

.block_content .waiting {
    color: #a5a5a5;
}

.status_info.unconfirmed {
    background-color: #6c757d;
    color: #fff;
}

.status_info.confirmed {
    background-color: #17a2b8;
    color: #fff;
}

.status_info.closed {
    background-color: #26B99A;
    color: #fff;
}

.status_info.skipped {
    background-color: #dc3545;
    color: #fff;
}

.status_info.refused {
    background-color: #ffc107;
    color: #333;
}

.status_info.late_cancel {
    background-color: #dc354594;
    color: #fff
}

.status_info.waiting {
    background-color: #a5a5a5;
    color: black;
}

.reasons_wrapper {
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 61px;
}

.templates_list_wrapper {
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    height: auto;
    max-height: 340px;
    overflow: auto;
}

.paymaster-modals .modal.fade .modal-dialog {
    -webkit-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    transform: translate(25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}


.paymaster-modals .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.paymaster-devices-form .cbx-container {
    text-align: left;
    display: block;
    margin-left: 0 !important;
}

#pay-form .modal-footer {
    padding-left: 0;
}

#payment_type label {
    width: 50%;
}

#pay-form #payment_type label {
    width: 33.33%;
}

#paymaster_device_id label, #paymaster_device_target_id label, #payform-device label {
    display: flex;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    align-items: center;
}

#paymaster_device_id .device_items {
    float: left;
    overflow: hidden;
}

.deviceStateClosed #shift-open,
.deviceStateExpired #shift-open {
    display: none !important;
}

.deviceStateClosed #shift-closed {
    display: block !important;
}

.deviceStateClosed #shift-over24 {
    display: none !important;
}

.deviceStateExpired #shift-over24 {
    display: block !important;
}

.deviceStateExpired #shift-closed {
    display: none !important;
}

.nav_menu {
    position: relative;
}

#modal-client-card .modal-lg {
    max-width: 990px;
    width: 990px;
}

#client-id-input {
    padding: 0 0 0 1em;
    height: 35px;
    font-size: 1.2em;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dropdown-menu > li > button {
    padding: 3px 20px;
    display: block;
    line-height: 1.3;
    margin: 0;
    height: 26px;
}

.btn-50pr {
    width: 100%;
}

.btn-50pr label {
    width: 50%;
}

.kv-drp-dropdown .range-value {
    padding-left: 3rem !important;
}

.kv-drp-dropdown .left-ind {
    left: 10px !important;
}

.kv-drp-dropdown .left-ind, .kv-drp-dropdown .right-ind {
    top: 8px !important;
}

.kv-drp-dropdown .kv-clear {
    display: none;
}

#leads_index_data .table td:nth-child(6) {
    max-width: 300px;
    overflow: hidden;
}

#leads_index_data .table td:nth-child(7) {
    min-width: 200px;
}

#pcamera button {
    width: 100%;
}

.funnels_step_select-wrap .select2-container--krajee .select2-selection--single,
.funnels_step_select-wrap .select2-container .select2-selection--single,
.funnels_step_select-wrap .select2-results__option,
.client_leads_widget-client_modal .select2-container--krajee li.select2-results__option {
    padding: 0 !important;
    height: auto !important;
    border: 0 !important;
}

.funnel_option {
    font-size: 16px;
    line-height: 21px;
    padding: 6px 30px 6px 12px;
    max-width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: .3s ease-out;
    cursor: pointer;
}

.funnel_option:hover {
    filter: brightness(0.8);
}

.robot_wrap {
    text-align: center;
    margin-top: 30px;
}

.robot_wrap img {
    max-width: 180px;
}

.robot_wrap h1 {
    margin-bottom: 25px;
}

.robot_wrap h1 > small {
    display: block;
    max-width: 400px;
    margin: 5px auto 0;
    color: inherit;
    font-size: 40%;
    opacity: 0.9;
}

.robot_wrap .text {
    max-width: 500px;
    font-size: 15px;
    margin: 0 auto 25px;
    line-height: 1.5;
}

.support_form {
    margin-bottom: 15px;
}

.support_form iframe {
    width: 100%;
}

.tile-stats .count {
    color: #73879C;
}

.modal.modal-right {
    padding-right: 0 !important;
}

.modal.modal-right .modal-dialog {
    float: right;
    margin: 0;
    height: 100%;
}

.modal.modal-right .modal-dialog .modal-content {
    min-height: 100%;
    height: auto;
    border-radius: 0;
}

.modal.modal-right.fade .modal-dialog {
    -webkit-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    transform: translate(25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s;
}

.modal.modal-right.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog.modal-fullscreen {
    width: calc(100% - 150px);
}

.modal-dialog.modal-xl {
    width: 1080px;
    max-width: calc(100% - 150px);
}

.modal-js {
    max-width: 100vw;
}

.modal-js .modal-content > button.close {
    position: absolute;
    left: -30px;
    height: 30px;
    width: 30px;
    top: 5px;
    background-color: #fff;
    opacity: 0.9;
    transition: .3s ease-out;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    float: none;
}

.modal-js .modal-content > button.close:hover {
    opacity: 1;
}

.modal-content {
    border: 0 !important;
}

.modal-background {
    background-color: rgba(0, 0, 0, 0.5);
}


@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.modal.modal-right {
    animation-name: fadeOutRight;
}

.modal-sticky-block {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 15px 0;
    z-index: 3;
}

.modal-footer {
    margin-top: 30px;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: 400;
    padding-left: 0;
}

#schedule-training-edit-form {
    padding-top: 20px;
}

.list-group-item.disabled_mini,
.statistics_menu .disabled_mini {
    opacity: 0.3;
    cursor: not-allowed;
}

.list-group-item.disabled_mini:hover,
.statistics_menu .disabled_mini:hover {
    opacity: 0.9;
}

.list-group-item.disabled_mini > a,
.statistics_menu .disabled_mini > a {
    cursor: not-allowed;
}

.products_panel table td > a {
    display: inline-block;
    margin-right: 5px;
}

.club_time_wrapper .input-group, .club_time_wrapper .form-group, .club_time_wrapper .help-block {
    margin-bottom: 0;
}

.club_time_wrapper .col-form-label {
    display: none;
}

.club_time_wrapper .input-group .form-control {
    z-index: unset;
}

.club_time_wrapper {
    margin-bottom: 15px;
}

.client_segment {
    max-width: 244px;
    border-radius: 8px;
    color: #373A3C;
    padding: 8px 15px;
    margin-bottom: 30px;
}

.client_segment .row {
    display: flex;
}

.client_segment .col-xs-3 {
    display: flex;
    align-self: center;
}

.client_segment .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.client_segment .desc {
    line-height: 16px;
}

.client_segment-status-1 {
    background: linear-gradient(128.41deg, #FAFBFF -2.51%, #1EBA2E 138.39%);
    box-shadow: 0 5px 6px rgba(30, 186, 46, 0.1);
}

.client_segment-status-2 {
    background: linear-gradient(128.41deg, #FAFBFF -2.51%, #3C67D6 138.39%);
    box-shadow: 0 5px 6px rgba(60, 103, 214, 0.1);
}

.client_segment-status-3 {
    background: linear-gradient(121.26deg, #FAFBFF 6.34%, #D63C58 119.98%);
    box-shadow: 0 5px 6px rgba(214, 60, 88, 0.1);
}

.schedule-training-btn-mobile {
    margin-top: 0;
    display: none
}

.tox-tinymce {
    height: 400px;
}

.jstree-default .jstree-themeicon-custom {
    display: none !important;
}

.jstree-default .jstree-anchor > .jstree-undetermined,
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
    background-image: url("../css/images/checkbox-minus.png") !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.jstree-default .jstree-anchor{
    height: auto;
    white-space: normal;
}

.jstree-default .jstree-node{
    position: relative;
}

.jstree-default .jstree-wholerow{
    height: 100%;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
    background-image: url("../css/images/checkbox-checked.png") !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.jstree-default .jstree-checkbox,
.jstree-default .jstree-checkbox:hover {
    background-image: url("../css/images/checkbox-empty.png") !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.jstree-default .jstree-themeicon {
    display: none;
}

.jstree-wholerow-ul {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jstree.readonly {
    opacity: 0.8;
}

.jstree.readonly * {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.readonly {
    cursor: not-allowed;
    pointer-events: none;
	opacity: 0.8;
}

.client_pinned_note-icon {
    margin-left: 5px;
    display: inline-block;
    transform: rotate(45deg);
}

.client_gift-icon{
    margin-left: 5px;
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../css/images/icons/gift.svg");
}

/* Switchery переключатель криво отрисовывается внутри модалок и табов, фикс */
input[data-switchery]:checked + .switchery > small {
    left: 20px !important;
}

.filters-toggle {
    display: none;
}

#widgetTab {
    overflow: auto;
}

#widgetTab li {
    height: auto;
}

#widgetTab li > a {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo_zoom img{
    cursor: zoom-in;
    object-fit: cover;
}

.photo_zoom{
    position: relative;
}

.photo_zoom-window{
    position: fixed;
    width: 128px;
    height: 128px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 999999;
    margin-left: 44px;
    object-fit: cover;
}

.photo_zoom-window img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-primary-transparent{
    background-color: transparent !important;
    color: #4BA0B5;
    border-color: #4BA0B5;
}

.btn-danger-transparent{
    background-color: transparent !important;
    color: #F05F5F;
    border-color: #F05F5F;
}

.registration_buttons-wrap .btn{
    font-size: 15px;
}

.modal-support-help{
    max-width: 350px;
}

.modal-support-help .support-help-item{
    display: block;
    position: relative;
    color: #377bb5;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 7px;
    border-radius: 5px;
    transition: .3s ease-out;
    margin-left: -5px;
}

.modal-support-help .support-help-item:hover{
    background-color: #ebf2f8;
}

.modal-support-help .support-help-item .title{
    display: flex;
    align-items: center;
}

.modal-support-help .support-help-item .icon{
    width: 25px;
    text-align: center;
    margin-right: 10px;
    font-size: 20px;
}

.modal-support-help .support-help-item .description{
    margin-left: 35px;
    color: #73879C;
    font-size: 14px;
    opacity: 0;
    transition: .3s ease-out;
}

.modal-support-help .support-help-item:hover .description{
    opacity: 1;
}

.modal-support-help .support-help-item .label{
    border-radius: 30px;
    margin-left: 5px;
}

.modal-support-help .support-help-footer{
    font-size: 16px;
}

.modal-support-help .support-help-footer img{
    max-width: 150px;
    margin-left: -8px;
    margin-bottom: 5px;
}

.modal-support-help .support-help-footer b{
    display: block;
}

.modal-support-help .support-help-footer span{
    display: block;
}

.modal-support-help .support-help-footer a{
    color: #377bb5;
}

.modal-support-help .support-help-footer a:hover{
    text-decoration: underline;
}

.modal-support-help .modal-body{
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hints_menu {
    min-width: 190px;
}

.hints_menu button {
    width: 100%;
}

.menu_nav_mobile{
    display: none;
}

@media only screen and (min-width: 1200px) {
    #modal-client-card .modal-lg {
        max-width: 1150px;
        width: 1150px;
    }
}

@media only screen and (max-width: 1200px) {
    .modal-dialog.modal-fullscreen {
        width: calc(100% - 115px);
    }

    .in_club_wrapper {
        display: none;
    }

    #clients_reception_search {
        width: 200px;
    }

    .daterangepicker.ltr .ranges {
        width: 100%;
    }

    .tile-stats .count, .tile-stats h3, .tile-stats p {
        font-size: 20px;
    }

    .fixed_height_320 {
        height: auto;
    }

    .nav-sm .container.body .col-md-3.left_col {
        z-index: 1049;
    }

    .column_menu .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    .column_menu .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .client_card h3 {
        font-size: 16px;
    }

    .dd-list .dd-list {
        padding-left: 15px !important;
    }

    .resep #edit-service, .resep #edit-product, .resep #inout-btn {
        font-size: 14px !important;
    }

    .contract-items-index .glyphicon-eye-open, .available-services-index .glyphicon-eye-open, .kypon-index .glyphicon-trash {
        display: none;
    }

    #calendar_training .fc-month-button {
        display: none;
    }

}

@media only screen and (max-width: 380px) {
    .calendar_container .fc .fc-toolbar h2{
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .nav.toggle {
        display: block;
    }

    #clients_in, #clients_reception_search {
        display: none;
    }

    #historyTabContent .panel-body {
        padding: 15px 0 !important;
    }

    .nav-sm .container.body .col-md-3.left_col {
        height: 100%;
        overflow-y: auto;
    }

    .nav-sm ul.nav.child_menu {
        position: relative;
    }

    /* .ui-pnotify {
      left: 50%;
      right: initial !important;
      margin-left: -150px;
     }*/
    .nav.toggle {
        position: relative;
        z-index: 10;
        background-color: #ededed;
    }

    .flexMenu-popup {
        left: initial !important;
        right: 0 !important;
    }

    #select_all_btn {
        margin-left: 0;
        white-space: normal;
    }

    #clients_table td {
        white-space: nowrap;
    }

    .profile_img img {
        width: 100% !important;
        margin-left: 0 !important;
        max-width: 200px !important;
    }

    .header-profile img {
        display: none;
    }

    #menuTab > .flexMenu-viewMore > .flexMenu-popup > li > div > a {
        width: 100%;
        text-align: left;
    }

    #tab_content2 table td, #tab_content6 table td {
        white-space: nowrap;
    }

    #clients-history strong {
        display: block;
    }

    #clients-history .byline a {
        display: block;
    }

    #client-min-contracts {
        display: none;
    }

    #tab_content3 td {
        white-space: nowrap;
    }

    .contract_end_info {
        position: relative;
        width: 100%;
        margin-top: 10px;
        right: 0;
        left: 0;
    }

    .contract_end_info h5 {
        float: none !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .top_nav .navbar-right li {
        position: relative;
    }

    .nav-sm .container.body .right_col, .nav-sm footer {
        margin-left: 0 !important;
    }

    .stat-btn-tasks {
        margin-left: 0 !important;
        float: left !important;
    }

    .task-manager-info {
        margin-top: 15px;
    }

    #tasks_list_pjax .summary {
        margin-top: 10px;
    }

    #task_filter_form {
        float: left;
    }

    .fc-list-table td {
        position: relative;
    }

    .staff_btn_wrap {
        margin-bottom: 10px;
    }

    .statistics_menu .btn-group {
        margin-bottom: 10px;
    }

    #reception-main-form .tt-menu {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    #reception-main-form .tt-menu .tt-suggestion {
        white-space: normal;
    }

    .client_card .panel-body {
        padding: 0;
    }

    .client-buttons a {
        margin-bottom: 5px !important;
        font-size: 14px !important;
        width: 100%;
    }

    .page-title {
        height: auto;
    }

    #create_tickets .control-label, #create_service_block .control-label {
        text-align: left;
    }

    .dataTables_length {
        width: 100%;
        float: left;
    }

    .dataTables_info {
        width: 100%;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 10px;
    }

    .page-title .title_left {
        /* width: 100%; */
        width: auto;
    }

    .page-title .hints_menu .dropdown .btn-info .hints-botton-text {
        /* width: 100%; */
        display: none;
    }

    #menuTab {
        padding-left: 0;
    }

    .x_panel {
        padding: 4px;
    }

    #menuTab li {
        margin-left: 5px;
    }

    #menuTab > .flexMenu-viewMore > .flexMenu-popup > li:last-child > div > a {
        padding-bottom: 15px;
    }

    .menu {
        padding-left: 8px;
    }

    #myTab a, #historyTab a {
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 5px;
    }

    .x_content {
        padding: 0;
    }

    #myTab a {
        padding-bottom: 12px;
        height: auto;
    }

    #testmodal {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #testmodal .col-sm-12 {
        width: 100%;
    }

    #added-services-pjax .service-name .fa.fa-circle {
        display: none;
    }

    #check_promocode {
        margin-top: 10px;
    }

    #one-contract-edit-form .client-end-date-icon {
        display: none;
    }

    .quick-ans {
        margin-top: 10px;
        margin-left: 0;
    }

    .quick-ans:first-child {
        margin-top: 0;
    }

    .profile_left {
        margin-bottom: 15px;
    }

    .field-clientscontacts-clist, .field-clients-kids_list, #print-form, #defer-graph-pjax {
        overflow: auto;
    }

    .list-cell__fio input {
        width: 200px;
    }

    #edit-client-submit-button {
        margin-bottom: 5px;
    }

    #tab_content2 {
        overflow: auto;
    }

    #defer-graph-pjax td {
        white-space: nowrap;
    }

    #create-subdiv {
        float: left;
    }

    #calendar_training .fc-right {
        display: none;
    }

    .fc-scroller {
        overflow: hidden !important;
        height: auto !important;
    }

    /*#create-event, #copy-week{
        padding-left: 3px;
        padding-right: 3px;
        font-size: 0.9em;
    }*/
    .fc-today-button {
        margin-bottom: 10px !important;
    }

    #copy-submit {
        margin-top: 10px;
    }

    .stat-btn-tasks {
        margin-left: 0;
        margin-top: 10px;
    }

    .stat-btn-tasks .btn {
        font-size: 0.8em;
        padding-left: 5px;
        padding-right: 5px;
    }

    .dragscroll {
        overflow: auto !important;
        width: 100%;
    }

    .select2-selection__rendered {
        max-width: 280px;
    }

    .sort_wrap {
        width: 100%;
    }

    .sort_wrap .col-xs-12 {
        overflow: auto;
    }

    #modal-recselltrainersrv-content .col-md-12 {
        overflow: auto;
        width: 100%;
    }

    .earn_widget {
        display: none;
    }

    .modal.modal-right .modal-dialog {
        float: unset;
    }

    #modal-client-card .modal-lg {
        max-width: 990px;
        width: auto;
    }

    .fc-list-item-title span {
        line-height: 1.3 !important;
    }

    .automatic-action-form input, .automatic-action-form textarea, .automatic-action-form select, .automatic-action-form .select2-container {
        min-width: 250px;
    }

    .navbar-brand, .navbar-nav > li > a {
        line-height: 1;
    }

}

@media only screen and (min-width: 768px) {
    .nav_menu .logo_img.mob {
        display: none !important;
    }
}

.nav_menu .logo_img.mob {
    display: block;
}

@media only screen and (max-width: 768px) {
    .page-header {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        margin-bottom: 15px;
    }

    .page-header .title {
        margin-bottom: 15px;
    }

    .leads-index .actions {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .leads-index .actions > * {
        order: 1;
    }

    .leads-index .actions .btn-group {
        order: 12;
        width: 100%;
        flex-shrink: 0;
        margin-top: 15px;
        margin-right: 0;
    }

    .leads-index .actions .btn-group > a {
        width: 50%;
    }

    .leads-index .actions > a {
        width: calc(50% - 6px);
    }

    .leads-index .actions > a:last-child {
        margin-right: 0;
    }

    .leads-index .page-header {
        margin-bottom: 5px;
    }

    .filters-toggle {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .filters-row > .filter input,
    .filters-row > .filter .select2-container,
    .filters-row > .filter .kv-drp-container {
        width: 100% !important;
        max-width: 100%;
    }

    .filters-row > .filter {
        width: 100%;
    }

    .leads-index .filters-row {
        max-height: 0;
        overflow: hidden;
    }

    .leads-index .filters-row.active {
        max-height: 100%;
    }

    .leads-index .filter:last-child {
        text-align: right;
    }

    .modal-js .modal-dialog .modal-content {
        position: relative;
    }

    .modal-js .modal-content {
        padding-top: 20px;
    }

    .modal-js .modal-content > button.close {
        display: block;
        position: absolute;
        right: 7px;
        top: 2px;
        left: initial;
        height: 30px;
        width: 30px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-right: 0;
        z-index: 1;
    }

    .modal-dialog.modal-fullscreen {
        width: 100%;
    }

    .modal-dialog.modal-xl {
        max-width: 100%;
    }

    .form-horizontal .form-group > .control-label {
        padding-left: 10px;
        font-weight: bold;
        padding-top: 0;
    }

    .form-horizontal .help-block {
        margin-bottom: 0;
    }

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

    #menu_toggle {
        padding-right: 0;
    }

    .reasons_column {
        margin-top: 40px;
    }

    .reasons_wrapper {
        margin-bottom: 30px;
    }

    .schedule-training-btn-desktop {
        display: none;
    }

    .schedule-training-btn-mobile {
        display: inline-block;
    }

    .reasons_wrapper {
        margin-bottom: 0;
    }

    .schedule-group-form .online_link_row .copy_link_btn {
        top: 23px;
    }

    /*    .form-group .btn, .modal-footer .btn + .btn {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 5px;
        }*/
    .nav-sm .container.body .col-md-3.left_col {
        width: 100%;
        display: none;
    }

    .nav-sm .main_container .top_nav {
        margin-left: 0;
    }

    .clients_panel, .tasks_panel {
        padding: 0;
        border: 0;
    }

    body .container.body .right_col {
        background-color: #fff;
    }

    #header_timer {
        display: none;
    }

    .archive_btns #example_search {
        width: 100% !important;
    }

    .field-client-sex .btn, #clients-sex .btn, #filterclients-pay .btn, #taskssearch-type .btn, .field-pay-event .btn, .field-type-event .btn {
        width: 50%;
        float: left;
    }

    #taskssearch-type, #pay-event, #type-event {
        width: 100%;
    }

    .field-schedule-place .btn-success {
        float: right;
    }

    .nav.toggle {
        float: right;
        width: 47px;
        padding-top: 0;
    }

    .nav.toggle.opened {
        background-color: transparent;
        z-index: 1049;
    }

    .toggle.opened a i {
        color: #fff;
    }

    .nav_menu {
        /*background-image: url("/css/images/logo_site-.png");*/
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 30px;
    }

    .nav-sm .nav.side-menu li a i {
        width: 50px !important;
        float: left;
    }

    .nav-sm .nav.side-menu li.intellect_dialog_open a i {
        font-size: initial;
        margin-bottom: 0;
    }

    .side-menu .intellect_dialog_open a > span {
        display: flex;
        align-items: center;
    }

    .nav-sm .nav.side-menu li.intellect_dialog_open a svg {
        width: 30px;
        height: 25px;
    }

    .side-menu .easychatOpen a > span {
        display: flex;
        align-items: center;
    }

    .nav-sm .nav.side-menu li.easychatOpen a svg {
        top: 3px;
        position: relative;
    }

    .nav-sm .nav.side-menu li.easychatOpen a i{
        margin-bottom: 0;
    }

    .nav-sm .nav.side-menu li a {
        font-size: 1em;
        display: flex;
        text-align: left;
        align-items: center;
    }

    .nav-sm .task_num {
        top: 12px;
    }

    .breadcrumb {
        display: none;
    }

    #menuTab {
        display: block;
        height: auto;
        margin-top: 5px;
    }

    #menuTab li {
        float: initial;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        position: relative;
    }

    #myTab, #historyTab {
        overflow: auto;
        white-space: nowrap;
        height: auto;
    }

    #myTab li, #historyTab li {
        float: initial;
        display: inline-block;
        margin-top: 0;
    }

    #new-comment-btn {
        margin-right: 0;
    }

    #comment_archive_btn {
        text-align: right;
    }

    #menuTab .btn-group, #menuTab .btn-group .btn {
        display: block;
        width: 100%;
    }

    #menuTab .dropdown-menu {
        width: 100%;
        margin-top: 35px;
    }

    .x_panel.client_wrapper, .schedule_wrap {
        border: 0
    }

    .client_wrapper .profile_left, .client_wrapper .client_person_info, #edit-client-form .profile_left, #edit-client-form .client_person_info, .schedule_wrap {
        padding: 0;
    }

    .client_wrapper .profile_left {
        margin-bottom: 0;
    }

    .contract-panel .btn-group a {
        width: 100%;
    }

    .profile_left.edit_client .btn {
        width: 100%;
        display: block;
    }

    .field-clients-photofile {
        margin-bottom: 0;
    }

    #modal-client-freeze .modal-body, #modal-client .modal-body, #modal-client-task-result .modal-body, #modal-create-event .modal-body, #modal-edit-event .modal-body, #modal-copy-events .modal-body {
        padding: 15px;
    }

    .modal #services, .modal #products {
        padding: 0 !important;
        margin-bottom: 5rem;
        min-height: 200px;
    }

    .mob_hidden {
        display: none;
    }

    #modal-task .modal-body {
        padding: 5px;
    }

    #check_promocode {
        margin-top: 0;
    }

    .tasks-create .select2-container--bootstrap {
        display: inline-block;
    }

    .notes-form {
        padding: 10px;
    }

    .client-submit-buttons .btn-default {
        margin-top: 5px;
    }

    #tasks-filter-panel .filter_field {
        margin-bottom: 15px;
    }

    #submit-tasks-filter {
        margin-bottom: 5px;
    }

    .tasks_list_pjax .pagination {
        margin-top: 0;
    }

    #filterclients-pay {
        width: 100%;
    }

    .schedule_wrap .nav {
        display: none;
    }

    .filter_wrap .select2-container {
        width: 100% !important;
    }

    .client_card.resep .btn {
        width: 100%;
        display: block;
    }

    #history-tab_content3 .btn {
        width: auto;
        display: inline-block;
    }

    .client_card.resep .btn-group {
        width: 100%;
    }

    .client_card.resep .profile_img {
        margin-top: 15px;
    }

    .client_card.resep .panel-body .list-unstyled {
        display: none;
    }

    #client_services_table th {
        font-size: 13px;
    }

    .nav.child_menu {
        left: 0 !important;
        width: 100% !important;
        top: 100% !important;
    }

    .nav-sm ul.nav.child_menu li {
        padding-left: 50px;
    }

    .logo_img.mob img {
        width: 30px;
        position: relative;
        left: 5px;
        top: -5px;
    }

    .col-lg-3.col-md-6.filter_field, .col-lg-4.col-md-6.filter_field {
        width: 100%;
    }

    .nav .user-profile {
        opacity: 0;
        visibility: hidden;
    }

    .menu_opened .nav .user-profile {
        opacity: 1;
        visibility: visible;
        color: #fff !important;
        z-index: 1049;
        padding: 8px 0;
        background-color: transparent !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: right;
    }

    .dropdown-usermenu, .dropdown-usermenu li a {
        border: 0;
        background-color: #2A3F54 !important;
        color: #fff !important;
    }

    .header-club_selector {
        opacity: 0;
        visibility: hidden;
    }

    .menu_opened .header-club_selector {
        opacity: 1;
        visibility: visible;
        z-index: 1049;
    }

    #ClientFilterTabsContent .filter_field, #task_filter_form .filter_field {
        min-height: 70px;
    }

    .row-stats .tile_stats_count .count {
        font-size: 21px;
    }

    .row-stats .tile_stats_count:before {
        display: none;
    }

    .nav.navbar-nav {
        display: none !important;
    }
    .hints_menu button{
        width: 55px;
    }
    .hints_menu .add_button{
        text-align: right;
    }
    .menu_nav_mobile{
        display: block;
    }
    .menu_nav_mobile .nav.navbar-nav{
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 15px 15px;
        margin: 0;
        position: relative;
    }
    .menu_nav_mobile .nav.navbar-nav > *{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    .menu_nav_mobile .nav.navbar-nav > *:last-child{
        justify-content: end;
    }
    .menu_nav_mobile .nav.navbar-nav .header_knowleage_base .btn{
        margin-bottom: 0;
    }
    .menu_nav_mobile .navbar-nav .dropdown-menu > li > a{
        padding: 0 !important;
    }
    .menu_nav_mobile .navbar-nav .dropdown-menu > li{
        padding: 5px 15px;
    }
    .menu_nav_mobile .user-profile span.fa{
        margin-left: 0px !important;
        margin-right: -5px !important;
        text-align: center !important;
        float: initial !important;
    }
    .modal-support-help{
        max-width: 100%;
    }
    .create-support-ticket-background{
        height: 400px;
    }
    .menu_opened .nav_title .logo_img.mob img{
        left: -5px;
    }
}


#mob-portrait-fader {
    display: none;
}

@media all and (max-width: 567px) {
    #mob-portrait-fader {
        position: fixed;
        z-index: 9999;
        background: rgba(52, 73, 94, .7);
        width: 100vw;
        height: 100vh;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 22px;
    }

    .mob.portrait #mob-portrait-fader {
        display: flex;
        flex-direction: column;
    }

    .mob.portrait #mob-portrait-fader .text {
        margin-bottom: 27px;
    }

    .mob.portrait #mob-portrait-fader .rotate-phone-icon {
        width: 60px;
        height: 60px;
        background-image: url(/css/images/rotating-phone-from-vertical-to-horizontal-position.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    ul.nav.child_menu {
        position: relative;
        margin-top: -6px;
    }
}

.power-off-icon {
    background-image: url(/css/images/icons/power-off.svg);
}

.power-on-icon {
    background-image: url(/css/images/icons/power-on.svg);
}

.icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.control-label-search {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.padding-bottom-160 {
    padding-bottom: 160px;
}

form.red-asterisk-on-required div.required label.control-label:after {
    content:" * ";
    color: red;
}

@media only screen and (max-width: 584px) {
    .products_tabs ul.bar_tabs > li ,.products_tabs ul.bar_tabs > li.active{
        margin-top: 0;
    }
    .products_tabs ul.bar_tabs{
        height: 83px;
    }
}
@media only screen and (max-width: 332px) {
    .products_tabs ul.bar_tabs > li ,.products_tabs ul.bar_tabs > li.active{
        margin-top: 0;
    }
    .products_tabs ul.bar_tabs{
        height: 124px;
    }
}