.vodel {
    float: left;
}

.treners {
    width: 13%;
    padding-top: 40px;
    float: left;
}

.slim {
    width: 87%;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-top: 40px;
    position: relative;
    float: left;
}

.pder {
    height: 29px !important;
    padding: 4px 0px!important;
}

.pdec > tr > td {

    padding: 4px 0px!important;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    min-width: 0px!important;
}

.pdec > tr > td:hover {
    background:#E4E4E4;
}

.table_type {
    font-size: 13px;
    cursor: pointer;
}

.time > th {
    text-align: center;
    background: #59D3FC;
    width: 16px;
    font-size: 13px;
}

.ale {
    position:absolute;
    left:0px;
    top:0px;
}

.tabl {
    background: #d43f3a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
    padding:5px;
    margin-right:-20px;
    color: #fff;
}

.polosa {
    width:2px;
    height:300px;
    background:#F12424;
}

.active-header {
    background-color: #ddd !important;
}

.active-block {
    background-color: #ddd !important;
}

#trenersList .column-photo img {
    height: 35px;
}

#submitFilter, #lessonsFilter, #lessonsInfo {
    float: right;
}

#clearFilter {
    float: right;
    margin: 0 7px 0 7px;
}

#excelExport {
    float: right;
    margin: 0 7px 0 7px;
}

.table.select {
    margin: 0;
}

.table.select>thead:first-child>tr:first-child>th {
    padding: 6px;
}

.slimcat {
    width: 24px;
    height: 29px;
    padding: 4px 0px !important;
}

.greenblack {
    background: #666666;
    color: #ddd;
    cursor: auto;
}

#content {
    /* 	-webkit-transition: all 1s ease-in;
        -moz-transition: all 1s ease-in;
        -o-transition: all 1s ease-in;
        transition: all 1s ease-in;
     */
}

.pos-absl {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 999;
    opacity: 0.9;
    top: 0;
    left: 0;
}

.pos-rel {
    position: relative;
}

#cursor-times {
    position: fixed;
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
}

.contract-block {
    background: #32c8de !important;
    color: #ffffff;
}

.contract-block:hover {
    background: #2babbd !important;
    color: #ffffff;
}

.not_pay.contract-block {
    background: #51d466 !important;
    color: #ffffff;
}

.not_pay.contract-block:hover {
    background: #4bc55f !important;
    color: #ffffff;
}

.not_pay.contract-block_widget {
    background-image: repeating-linear-gradient(-45deg,
    #51d466,
    #51d466 10px,
    #2d9a41 10px,
    #2d9a41 20px) !important
}

.contract-block_widget {
    background-image: repeating-linear-gradient(-45deg,
    #3ea1c9,
    #3ea1c9 10px,
    #3081a0 10px,
    #3081a0 20px) !important
}


.not_pay.online-group {
    background-image: repeating-linear-gradient(-45deg,
    #ffe26d,
    #ffe26d 10px,
    #fcd419 10px,
    #fcd419 20px) !important
}

.online-group {
    background-image: repeating-linear-gradient(-45deg,
    #fb9d9d,
    #fb9d9d 10px,
    #f75353 10px,
    #f75353 20px) !important
}

.not_pay.contract-block.confirmed {
    background: hotpink !important;
    color: #ffffff;
}

/* .not_pay.contract-block { */
/* background: #9b58b5; */
/* color: #ffffff; */
/* } */

/* .not_pay.contract-block:hover { */
/* background: #8f44ad!important; */
/* color: #ffffff; */
/* } */

.vip-block {
    background: #4671D5;
    color: #ffffff;
}

.vip-block:hover {
    background: #2A4480!important;
    color: #ffffff;
}

.not_pay.vip-block {
    background: #6C8CD5;
    color: #ffffff;
}

.not_pay.vip-block:hover {
    background: #6C8CD5!important;
    color: #ffffff;
}

.contract-block a{
    color: #ffffff;
}

.tdclass-hooky {
    background: #222222;
}

.tdclass-hooky:hover {
    background: #111111 !important;
}

.tdclass-hooky a{
    color: #ffffff;
}

.tdclass-vacation {
    background: #444444;
}

.tdclass-vacation:hover {
    background: #333333 !important;
}

.tdclass-duty {
    background: #bfc7d7;
}

.tdclass-duty:hover {
    background: #333333 !important;
}

.tdclass-vacation a{
    color: #ffffff;
}

.tdclass-holiday {
		background: #d4d4d4 !important;
    border: 1px solid #b7b0b0;
}

.tdclass-holiday:hover {
    background: #555555 !important;
}

.tdclass-holiday a{
    color: #ffffff;
}

.tdclass-training {
    background: #888888;
}

.tdclass-training:hover {
    background: #777777 !important;
}

.tdclass-training a{
    color: #ffffff;
}

.tdclass-presentation {
    background: #999999;
}

.tdclass-presentation:hover {
    background: #999999 !important;
}

.tdclass-presentation a{
    color: #ffffff;
}
#content .group-block, #payBlock .group-block {
    background: #f75353;
}

#content .group-block:hover, #payBlock .group-block:hover {
    background: #da4949 !important;
}

#content .group-block a, #payBlock .group-block a{
    color: #ffffff;
}

#content .group-block.not_pay, #payBlock .group-block.not_pay {
    background: #fcd419;
}

#content .group-block.not_pay:hover, #payBlock .group-block.not_pay:hover {
    background: #e6c216 !important;
}

#content .group-block.not_pay a, #payBlock .group-block.not_pay a{
    color: #ffffff;
}

#payBlock p {
    margin: 0 0 5px 0;
}

.child-contract-action_buttons {
    position: absolute;
    top: -12px;
    right: 50px;
}

.child-contract {
    position: relative;
    margin: 5px 0;
    border-radius: 5px;
}

.remove-contract {
    position: absolute;
    top: -12px;
    right: -1px;
    font-size: 22px;
    padding: 1px 9px 0;
}

#addChildContract {
    margin: 10px 0 10px 10px;
}

.fixed-block {
    top: 120px;
    padding: 15px 50px 0 50px;
    border-bottom: 1px solid #999;
    background: #f5f5f5;
}

.create-line-wrap {
    margin: -30px 0 10px 0;
    padding: 10px 0;
}

.create-line {
    height: 15px;
    color: #ffffff;
    text-align: center;
    padding: 5px 15px;
    height: 37px;
    font-size: 17px;
    margin: 10px 15px 0 0;
}

.create-contract-line {
    background-color: #00b19d;
}

.create-group-line {
    background-color: #ef5350;
}

.create-holiday-line {
    background-color: #4c5667;
}

.block-block {
    background: #ddd;
}

./* hide {
	display: block !important;
} */

.tariff_not_found {
    color: #ff0000;
    font-size: 12px;
}

.head_select option {
    color: #000000;
}

.trener-card {

}

.trener-card img{
    width: 25px;
    height: 25px;
    border-radius: 15px;
}

.trener-block {
    text-align: left;
    color: #000000;
}

.trener-block a {
    color: #000000;
    padding: 0 0 0 5px;
}

.trener-card {
    position: absolute;
    width: 365px;
    background: #ffffff;
    height: 135px;
    top: 10px;
    z-index: 999;
    display: none;
    left: 170px;
    padding: 10px 5px;
    border-radius: 5px;
}

.trener-photo {
    height: 75px;
    width: 75px;
    border-radius: 40px;
    background-size: cover;
}

.trener_info_wrap .trener-card {
    position: absolute;
    width: 100%;
    background: #ffffff;
    height: 135px;
    top: 10px;
    z-index: 999;
    display: none;
    left: 170px;
    padding: 10px 5px;
    border-radius: 5px;
}

.trener_info_wrap .trener-photo {
    height: 105px;
    width: 105px;
    border-radius: 50px;
    margin: 10px 0;
    background-size: cover;
}

.trener_info_wrap select {
    margin: 15px 0;
    float: left;
    font-size: 17px;
}

.trener_info_wrap b {
    margin: 0;
    font-size: 17px;
}

.table.table-striped tr:hover {
    background: #eeeeee;
}

.table.table-striped thead tr:hover {
    background: #fff;
}

.table.table-striped tfoot tr:hover {
    background: none;
}

.timesWrap.time {
    position: absolute;
    padding: 0 0 0 0;
    overflow: hidden;
    left: -20px;
}

.timeBlock {
    float: left;
    height: 36px;
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 9px 0 0 0;
    box-sizing: border-box;
    background: #ffffff;

    -webkit-transform: rotate(-45deg); //Chrome, Safari
-moz-transform: rotate(-45deg); //Firefox
-o-transform: rotate(-45deg); //Opera
-ms-transform: rotate(-45deg); //IE
transform: rotate(-45deg); //браузеры без префексов
}

.trener-block {
    cursor: pointer;
}

.holidayRangerWrap {
    position: relative;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
}

.holidayRangerRemove {
    position: absolute;
    top: -3px;
    right: 100px;
}

.lm_contract {
    background: #5bc0de;
}

.lm_contract:hover {
    background: #31b0d5 !important;
}

.lm_contract.not_pay {
    background: #9b58b5;
}

.lm_contract.not_pay:hover {
    background: #8f44ad !important;
}

.abonement_info_block {

}

.tab-content, .nav.nav-tabs {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav.nav-tabs {
    margin: 0 -21px 0 -20px;
}

.nav.nav-tabs > li {
    text-align: center;
    border: 1px solid #eee;
    border-left: none;
}


#abonementForm>.nav.nav-tabs > li {
    width: 33.333%;
}

#clientForm .nav.nav-tabs > li {
    width: 20%;
}

#clientForm .nav.nav-tabs {
    margin-top: 0px;
}

.nav.nav-tabs li:last-child {
    border-right: none;
}

.nav.nav-tabs > li.active > a {
    background-color: #3bafda;
    color: #fff !important;
}

.tab-content {
    padding: 0;
    margin-top: 20px;
}

.nav.nav-tabs > li > a {
    margin-right: 0;
    line-height: 35px;
}

.trener_photo img {
    border-radius: 50px;
    height: 100px;
    width: 100px;
    margin: 8px 0 0 0;
    float: right;
}

.entity_select_block {
	position: fixed;
	z-index: 999;
    background: #ffffff;
    padding: 0 0 5px 0;
    width: 180px;
	height: 100px;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    box-sizing: border-box;
}

.entity_select_block a {
    float: left;
    width: 100%;
    margin: 0 0 3px 0 !important;
}

.entity_select_left {
    left: 0;
}

.entity_select_close {
    margin: 3px 0 0 0;
}

#full_screen_shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.5;
    z-index: 9999;
    top: 0;
    left: 0;
}

.rowstripe a {
    white-space: nowrap;
    text-overflow: ellipsis !important;
    font-size: 15px;
    text-overflow: clip;
    width: 100%;
    float: left;
    overflow: hidden;
    padding-left: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.rowstripe a span {
    font-size: 15px;
}

.entity_select_block {}

/*---*/




/* For appearance */
.sticky-wrap {overflow-x: auto; overflow-y: hidden; position: relative;	margin: 0;width: 100%;}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {opacity: 0;	position: absolute;	top: 0;	left: 0; z-index: 50; width: auto;}
.sticky-wrap .sticky-thead {box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125); z-index: 100; width: 100%;}
.sticky-wrap .sticky-intersect {opacity: 1; z-index: 150; margin: 1px;}
.sticky-wrap .sticky-col tbody{box-shadow: 0 0 10px rgba(0,0,0,.05)}

.sticky-wrap td,
.sticky-wrap th {width: 120px;}

.sticky-wrap .sticky-thead th,
.sticky-wrap .sticky-col th,
.sticky-wrap .sticky-intersect th {box-sizing: border-box; padding: 8px 8px; font-size: 13px;}
.sticky-wrap.overflow-y {overflow-y: auto;	max-height: 70vh;}

.holiday_table{table-layout: fixed;}
.holiday_table tr > th,
.holiday_table tr > td {font-size: 13px;}

.holiday_table thead > tr > th.thName{width: 300px; border: none !important;}
.sticky-wrap .sticky-col th,
.holiday_table tbody > tr > th.thName{width: 300px; background: #fff; vertical-align: top; font-weight: 400; font-size: 1.2rem;}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-intersect th,
.holiday_table thead > tr > th{background: #fff;}

 #activeTable .table > thead > tr > th, #activeTable .table-bordered>tbody>tr>td, #activeTable .table-bordered>tbody>tr>th, #activeTable .table-bordered>tfoot>tr>td, #activeTable .table-bordered>tfoot>tr>th, #activeTable .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #bbb;
    text-align: center;
    padding: 5px 0px;
}

#clone .table > thead > tr > th, #clone .table-bordered>tbody>tr>td, #clone .table-bordered>tbody>tr>th, #clone .table-bordered>tfoot>tr>td, #clone .table-bordered>tfoot>tr>th, #clone .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #bbb;
    text-align: center;
    padding: 0px;
}

.holiday_table td:hover,
.holiday_table td:focus{background-color: #ddd;}

.wrapper.timeline{margin-top: 149px;}
.padd000{padding-left: 0; padding-right: 0; padding-top: 0;}


.dayName,
.ch{font-size: 13px; color: #797979; line-height: 16px;}

a.select_level.selected {
    background: #3bafda;
    color: #ffffff;
}


.bs-trener-modal-lg .modal-lg{width: 1080px;}
.trener-box p strong{display: inline-block; width:115px; text-align: right;}
.bs-trener-modal-lg .form-group{display: block; float: left; width: 100%;}
.bs-trener-modal-lg .nav.nav-tabs + .tab-content{padding-left: 0; padding-right: 0;}
.bs-trener-modal-lg .panel-title{position: relative;}
.bs-trener-modal-lg .panel-title button{position: absolute; top: 0; right: 0;}
.bs-trener-modal-lg .panel-group .panel .panel-heading a[data-toggle=collapse]:before{display: none;}
.bs-trener-modal-lg .port-subtit{position: relative;}
.bs-trener-modal-lg .port-subtit button{position: absolute; top: 0; right: 0;}



/*#activeTable {
    overflow-x: scroll;
}*/

#activeTable {
    margin-left: -21px;
    margin-right: -21px;
    margin-top: 60px;
}

#activeTable .table-bordered {
    border: none;
}

#activeTable td.grey {
    background-color: #d4d4d4;
}

.lessons_table_wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 43px;
    /*height: 71vh;*/
}

.lessons_table_wrap th {
	white-space: nowrap;
}

#datatable_wrapper .dt-buttons, #datatable_wrapper #datatable_info {
    margin-left: 29px;
}

#datatable_wrapper #datatable_filter, #datatable_wrapper #datatable_paginate {
    margin-right: 15px;
}

.column-id {
    width: 50px;
}
.column-type {
    width: 100px;
}

.pay__count-title {
    margin-left: 19px;
}

#s2id_autogen1 {
    margin-left: 9px;
}

.prefs_block{
    padding: 8px 2px 0 0;
}

@media (max-width: 1679px) {
    .prefs_block {
        padding-right: 8px;
    }
}

@media (max-width: 1529px) {
    .prefs_block {
        padding-right: 16px;
    }
}

/*.picker-switch.accordion-toggle {
    display: none;
}*/

.username {
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
}

#clearFilter {
    float: right
}

.createAbonement, .createPay, .createOption, .createTariff, .createTrener, .createUser, .abonementTrash {
    float: right
}

.abonementTrash{
    margin-left:7px;
}

#pay_form {
    margin-bottom: 30px
}

.modal .modal-dialog .modal-content {
    padding: 0;
    border: none;
    border-radius: 5px;
}

.modal .modal-dialog .modal-content .modal-header {
    border: none;
    border-bottom-width: 2px;
    padding: 10px 15px;
    background-color: #ebf7fb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-title {
    color: #3baeda;
    font-family: 'Noto Sans', sans-serif;
}

.contract-form-heading {
    border-bottom: solid 1px #3baeda;
    padding: 0 5px;
    font-size: 18px;
    margin: 0 0 5px -7px;
    color: #7d7d7d;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 0 20px 10px 20px;
}

textarea.form-control {
    height: 75px;

}

.modal-body label {
    font-weight: normal;
    color: #7d7d7d;
}

.modal-body .form-control {
    font-size: 14px;
    color: #6f6f6f;
}

.modal-body .trener-phone {
    color: #6f6f6f;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.modal-body .trener-age {
    color: #6f6f6f;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.modal-body .btn-default {
    background-color: #3baeda;
    color: #fff;
    border-radius: 5px
}

.modal-body .trener-label {
    margin-bottom: -2px;
}

.modal-body .trener-photo {
    border-radius: 10px;
    margin: -8px 0 0 0;
}

.down-btn_hidden, .up-btn_hidden {
    display: none;
}

.trener_info_wrap select, .trener_info_wrap .select2 {
    margin: -8px 0 15px 0;
}

.phone-badge {
    background-color: #fff;
    color: #000;
    padding-left: 0;
    font-size: 14px;
}

.logs-panel {
    display: none;
}

.modal-body .form-control.group-form__created-id {
    width: 440px;
}

.login {
    height: 100%;
    overflow-x: hidden;
}

.login body {
    background: url("/images/login_bg.png") no-repeat center center fixed;
    min-height: 100%;
    background-size: cover;
}

.login .form-horizontal {
    padding: 40px 50px;
    background-color: rgba(255, 255, 255, 0.5);
}

.login .btn.btn-primary.btn-custom.w-md.waves-effect.waves-light {
    width: 100%;
    margin-bottom: -20px;
}

.login #email, .login #password {
    color: #000;
}

.login .wrapper-page .form-control-feedback {
    color: rgba(76, 86, 103, 0.92);
}

.login .logo span {
    color: #fff;
}

.trener-job.topbar-main div.logo {
    padding-bottom: 17px;
}

.schedule-container {
    position: fixed;
    background: #fff;
    top: 54px;
    width: 100%;
    min-height: 68px;
    padding: 21px 10px 2px;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

@media (min-width: 920px) {
    .schedule-container {
        top: 54px;
        position: relative;
        margin-top: 50px;
    }
    .trener_admin_container {
        margin-top: 50px;
    }
}

.schedule-heading {
    font-size: 20px;
    display: inline-block;
    margin-top: 3px;
}

.schedule-heading_stats {
    width: 60%;
}

.schedule-date {
    display: inline-block;
    float: right;
    text-align: right;
}

.schedule-date_stas {
    width: 40%;
    margin-top: 5px;
}

/*.schedule-date i {
    font-size: 16px;
    display: inline-block;
}*/

.schedule-date input.form-control {
    text-align: center;
    border-radius: 4px !important;
    font-weight: normal;
/*    border: 1px solid;
    margin-top: 2px;
    width: 100%;
    z-index: 999;*/
}

.schedule-date .btn-primary {
    margin-top: 2px;
}

.schedule-date .btn-primary:first-child {
    margin-right: -5px;
}

.schedule-date .btn-primary:last-child {
    margin-left: -5px;
}

.lesson__container {
    padding: 15px 10px;
    border-bottom: 1px solid #f3f3f3;
    box-shadow: inset 0 5px 5px #f3f3f3;
}

.trener_admin_container {
		margin-top: 121px;
}

.lesson__main-info {
    float: left;
    text-align: center;
}

.lesson__extra-info {
    float: right;
    text-align: center;
}

.lesson-details__container {
    padding: 15px 10px;
    display: none;
}

.lesson-details__phone, .lesson-details__quantity, .lesson-details__admin {
}

.lesson-details__phone-label, .lesson-details__quantity-label, .lesson-details__admin-label {
    display: inline-block;
    width: 50%;
    text-align: right;
}

.lesson-details__phone-text, .lesson-details__quantity-text, .lesson-details__admin-text {
    display: inline-block;
    text-align: left;
}

.inactive-sort {
    display: none;
}

/* .active-sort { */
/* display: none; */
/* } */

.timeline .card-box {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.card-box.trener_activity {
    padding-bottom: 0;
    margin-bottom: 0;
}

.card-box.trener_activity .table {
    margin-bottom: 0px;
}

.card-box {
    margin-bottom: 0px;
    padding-bottom: 0;
}

.lessons-info {
    position: fixed;
    margin: 31px 0 0 -21px;
    display: none;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    padding: 8px 8px 8px 20px;
}

.lessons-info-block {
    /*display: none;*/
}

.lessons-info-block div {
    margin-top: 5px;
}

.lessons-info-block span {
    font-weight: bold;
}

/* table-sorting */
body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.7;
    z-index: 2000;
}

ol.example li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.example li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

tr.placeholder {
    display: block;
    background: #3bafda;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
}
/* line 103, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
tr.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none; }

table>tbody>tr>th:first-child, table>tbody>tr>td:first-child, table>thead>tr>th:first-child , table>thead>tr>td:first-child, .pagination {
    padding-left: 16px;
}

.lessons_table_wrap .table > thead > tr > th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: none;
}

.lessons_table_wrap .table .cell_comment {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 300px;
}

.lessons_table_wrap .table > thead > tr:nth-child(3) > td {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 37px;
    background: #fff;
    border-top: none;
}

.lessons_table_wrap .table > thead > tr:nth-child(3) > td:before{
    content:'';
    position:absolute;
    left: 0;
    top: 0;
    width:100%;
    border-top: 2px solid #f3f3f3;
}

.lessons_table_wrap .table > thead > tr:nth-child(3) > td:after{
    content:'';
    position:absolute;
    left: 0;
    bottom: 0;
    width:100%;
    border-bottom: 1px solid #ddd;
}

.lessons_table_wrap .table > tbody > tr:nth-child(1) > td {
    border-top: none;
}


.dataTables_info {
    padding-left: 14px;
}

.dashboard {
    padding: 20px;
}

.dashboard .btn.waves-effect.waves-light.btn-primary.dropdown-toggle {
    float: right;
    padding: 0 5px;
}

.dashboard .dropdown-menu.dropdown-menu-right {
    top: 58px;
    right: 11px;
}

.dashboard .period-text {
    float: right;
    margin: 0 10px;
}

.dashboard .dropdown-menu > li > span {
    padding: 6px 20px;
    cursor: pointer;
}

.dashboard .dropdown-menu>li>span {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dashboard .dropdown-menu>li>span:focus, .dropdown-menu>li>span:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dashboard .placeholder-circle {
    padding: 130px;
    max-width: 25%;
    border: 1px solid #c6ced2;
    border-radius: 130px;
}

.dashboard .filter-text {
    margin: 20px 50px 0 10px;
    display: inline-block;
}

.dashboard .box-heading {
    border-bottom: solid 1px #3baeda;
    padding: 10px 5px;
    font-size: 18px;
    color: #7d7d7d;
    margin-bottom: 10px;
    font-weight: bold;
}

.dashboard .staff-box {
    padding: 5px 10px;
}

.dashboard .staff-box img {
    border: 2px solid #edf0f0;
    height: 36px;
    width: 36px;
    float: right;
}

.dashboard .staff-item {
    color: #7d7d7d;
    line-height: 33px;
    margin-bottom: 10px;
}

.dashboard .table tr:first-child td:first-child {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.dashboard .table td {
    width: calc(100% / 16);
    padding: 5px;
    text-align: center;
}

.dashboard .input-daterange-label {
    float: right;
    margin-bottom: 20px;
}

.settings-box {
    border: 1px solid #c6ced2;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 16px;
}

.settings-box__heading {
    display: inline-block;
    padding: 7px;
}

.settings-box__btn {
    display: inline-block;
    float: right;
    padding: 7px;
    border: 1px solid #c6ced2;
    border-radius: 10px;
}

.settings-box__btn {
    cursor: pointer;
}

.settings-box ul, ol {
    list-style:  none;
    padding-left: 7px;
    margin-top: 10px;
}

.settings-box i {
    float: right;
    cursor: pointer;
    padding-right: 10px;
    font-size: 20px;
}

.settings-box__item {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 30px;
}

.settings-box__item .switchery {
    float: right;
}

.no-pading {
    padding: 0;
}

.settings-box_timeline .settings-box__heading {
    display: block;
    padding-left: 30px;
}

.settings-box_timeline {
    padding-bottom: 30px;
}

.bootstrap-datetimepicker-widget td.day {
    border: none;
}

.modal-header .close {
    font-size: 27px;
}

#optionsList thead tr:last-child, #paysList thead tr:last-child, #abonementsList thead tr:last-child {
    display: none;
}

.table-wrapper {
    height: calc(100vh - 209px);
}

#abonementsList thead th {
    background-color: #fff;
}

#abonementsList thead {
    position: sticky;
    top: 0;
}

#abonementsList thead tr:first-child{
    position: sticky;
    top: 2px;
}

#abonementsList thead tr:nth-child(even){
    position: sticky;
    background-color: #ffffff;
}

#abonementsList .column-comment {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 300px;
}

#abonementsList th.column-id {
    min-width: 80px;
}

#reportLessonList td, #abonementsList td {
    white-space: nowrap;
}

#abonementsList th.column-less_num, #abonementsList th.column-duration {
    min-width: 265px;
}

@media (max-width: 506px) {
    #abonementsList {
        margin-top: 40px;
    }
}

.modal-header-btn {
    float: right;
    margin-right: 10px;
}

.modal-header-btn:active, .modal-header-btn:focus {
    background-color: #1e7594  !important;
    border: 1px solid #2796be !important;
}

.modal-body .form-control.abonement-total[readonly] {
    padding: 6px 12px;
    background-color: #eee;
    font-weight: normal;
}
.modal-body .form-control[readonly]:focus {
    background-color: #eee;
}

@media (max-width: 767px) {
    .dropdown-toggle.waves-effect.waves-light.profile {
        display: none;
    }
}

@media (max-width: 991px) {
    .wrapper.timeline {
        margin-top: 60px;
    }
    .time {
        top: 100px !important;
    }
}

.lessons-info-block div {
    display: inline-block;
    margin-right: 20px;
}

#clientForm {
    padding-top: 0px;
}

.client-photo {
    background-size: cover;
    height: 132px;
    width: 132px;
    border-radius: 10px;
}

.modal-start {
    font-size: 16px;
}

.modal-start__greeting {
    text-align: center;
    margin-top: 20px;
}

.modal-start__form {
    margin-top: 20px;
}

.modal-start__form-heading {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.modal-start__events, .modal-start__important {
    margin-top: 20px;
}

.modal-start__events-heading {
    text-align: center;
    font-weight: bold;
}

.modal-start__important-heading {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.modal-start__events-date {
    text-align: center;
    font-size: 13px;
}

.modal-start__event-name, .modal-start__info-name {
    font-weight: bold;
}

.modal-start__event, .modal-start__info {
    margin-top: 20px;
}

.modal-start__buttons {
    text-align: right;
    margin-top: 20px;
}

.trenerActivityBlock {
	padding: 0!important;
}

.outputBlock {
    background-color: #f75353;
    color: #ffffff;
    float: left;
    width: 100%;
	padding: 4px;
	height: 100%;
}

.outputTime {
    background-color: #f78153;
    color: #ffffff;
    float: left;
    width: 100%;
    padding: 4px;
    height: 100%;
}

.outputJob {
    background-color: #51d466;
    color: #ffffff;
    float: left;
    width: 100%;
	padding: 4px;
	height: 100%;
}

.trenerActivityBlock {
    height: 21px;
}

.under-development {
    position: absolute;
    top: -5px;
    right: -25px;
    z-index: 10;
}

.table__tabs td {
    border: 0;
}

#topnav .navigation-menu > li > a i {
    color: #2a3142;
    -webkit-transition: all .3s ease;
    transition: all 0.3s ease;
}

@media (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome,.outputJob {
        height: 150%;
    }
}

.current-tool {
    bottom: -15px;
}

.current-tool.is-active {
    width: 220px;
    text-align: center;
}

.tool-type-picker {
    display: none;
    position: fixed;
    list-style: none;
    padding: 0;
    background-color: #fff;
    border: 1px solid #000;
    top: 205px;
    left: 33px;
    width: 220px;
    border-radius: 0 0 5px 5px;
}

.tool-type-picker2 {
    display: none;
    font-size: 13px !important;
    position: fixed;
    list-style: none;
    padding: 0;
    background-color: #fff;
    border: 1px solid #000;
    top: 204px;
    left: 300px;
    border-radius: 0;
}

.tool-type-picker2 li {
    font-size: 13px;
    padding: 4px 15px;
}

.tool-type-picker2 span {
    display: block;
    padding: 5px 14px 1px;
}

.tool-type-picker2 li:hover {
    background-color: #000;
}

.tool-type-picker2 li:hover {
    background-color: #000;
}

.tool-type-picker2 li:hover a {
    color: #fff;
}

@media (max-width: 1165px) {
    .tool-type-picker {
        top: 205px;
        left: 23px;
        width: 170px;
    }

    .tool-type-picker2 {
        left: 239px
    }

    .current-tool.is-active {
        width: 170px;
    }
}

@media (max-width: 1000px) {
    .tool-type-picker {
        top: 156px;
        left: 28px;
        width: 130px;
    }
    .current-tool.is-active {
        width: 130px;
    }
}

.tool-type-picker li:hover {
    background-color: #000;
}

.tool-type-picker li:hover a {
    color: #fff;
}

.tool-type-picker-switch {
    position: relative;
    top: 1px;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1020px;
    }
}

.entity_select_block a.create-contract-entity, .entity_select_block a.create-group-entity, .entity_select_block a.create-holiday-entity {
    text-align: center;
    padding: 5px;
}

.entity_select_block a.create-contract-entity:hover, .entity_select_block a.create-group-entity:hover, .entity_select_block a.create-holiday-entity:hover {
    background: rgba(59, 175, 218, .7);
}

.holiday_table tr th {
}

.select2-dropdown.select2-dropdown--below.select-box-top {
    top: -31px;
}

.select2-container--bootstrap .select2-results>.select2-results__options {
    max-height: 300px;
}

.fixed-row {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    margin: -21px 0 0 -21px;
    padding: 14px 0 0 0;
}

.lessons_table_wrap {
    -webkit-transition: margin-top 0.33s;
    -moz-transition:    margin-top 0.33s;
    -ms-transition:     margin-top 0.33s;
    -o-transition:      margin-top 0.33s;
    transition:         margin-top 0.33s;
}

.abonementsWrap {
    overflow-x: scroll;
    margin-top: 23px;
    //height: 570px;
}

.select2-search--dropdown {
    display: block;
    padding: 0;
    margin-top: -3px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    padding-bottom: 9px;
}

.bootstrap-touchspin-up, .bootstrap-touchspin-down {
    border: 1px solid #ccc;
}

.input-group .form-control:not(:first-child):not(:last-child)[name='discount'] {
    border-radius: 4px 0 0 4px;
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    margin-right: -2px;
}

.print-check-group-child {
    margin-bottom: 0;
}

.lessons_table_wrap {
    margin-top: 30px;
}

#implementsList td[colspan="4"] {
    display: none;
}

#implementsList td[colspan="4"] {
    display: none;
}

.implement-table {
    margin-right: -20px;
    margin-left: -20px;
}

.implement-table tbody tr {
    background-color: #f3f3f3;
}
.implement-table tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
}

.implement-table .table>tbody>tr.active>td {
    background-color: #00b19d;
    color: #fff;
}

.dn {
	display: none;
}

/* .table-wrap { */
	/* overflow: hidden; */
	/* max-width: 100%; */
/* } */

#payBlock {
	overflow-x: scroll;
}

.dtp-new {
    text-transform: capitalize;
    height: 34px;
    font-size: 14px;
    padding-top: 5px;
    text-align: center;
    max-width: 175px !important;
    border-radius: 2px !important;
}

.badges {
    display: inline-table;
    vertical-align: middle;
    color: #fff;
    height: 34px;
    margin-right: 5px;
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 2px;
}

.bg-green {
    background: #51d466;
}

.bg-red {
    background: #f75353;
}

.bg-orange {
    background: #f78153;
}

.visible {
    display: block;
}

.tooltip_my {
    position: relative;
}

/* Gap filler */
.tooltip_my::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip_my:hover::after {
    pointer-events: auto;
}

/* Tooltip */

.tooltip_my-content {
    position: absolute;
    z-index: 9999;
    width: 200px;
    left: 50%;
    bottom: 100%;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
    background: transparent;
    opacity: 0;
    margin: 0 0 20px -100px;
    cursor: default;
    border: 1px solid #d4d4d4;
    pointer-events: none;
/*    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;*/
}

.tooltip_my:hover .tooltip_my-content {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.tooltip_my-content span {
    display: block;
}

.tooltip_my-text {
    border-bottom: 10px solid #d4d4d4;
    overflow: hidden;
/*    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;*/
}

.tooltip_my:hover .tooltip_my-text {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.tooltip_my-inner {
    background: #fff;
    padding: 10px;
/*    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;*/
}

.tooltip_my:hover .tooltip_my-inner {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Arrow */

.tooltip_my-content::after {
    content: '';
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #d4d4d4;
    border-width: 10px;
    margin-left: -10px;
}


.fht-table td[data-num="1"],
.fht-table td[data-num="2"],
.fht-table td[data-num="23"],
.fht-table td[data-num="24"],
.fht-table td[data-num="25"],
.fht-table td[data-num="26"],
.fht-table td[data-num="27"],
.fht-table td[data-num="28"] {
    background: #e9fcff;
}

#calendarTable {
    margin-left: -21px;
    margin-right: -21px;
    margin-top: 50px;
}
table.calendar-t {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
table.calendar-t th, table.calendar-t tr {
    border-bottom: 1px solid #bbb;
    text-align: center;
    padding: 10px 0;
}
table.calendar-t th {
    font-weight: normal;
}
table.calendar-t tr {
    font-weight: bold;
}

.card-box {
    border: 1px solid transparent;
}

.header_phone {
    width: 50px;
    height: 50px;
    float: right;
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.header_phone span {
    padding: 14px 15px 16px;
}

.header_phone-list {
		position: absolute;
    background: #fff;
    color: #444;
    text-align: left;
    font-size: 14px;
    z-index: 9;
    width: 350px;
    top: 51px;
    right: 0px;
    border: 1px solid #bbbbbb;
    display: none;
}

.header_phone-list div {
    padding: 14px 22px;
}

.header_phone-list div:not(:last-child) {
  	border-bottom: 1px solid #bbb;
}

.client-table {
    margin-right: -30px;
    margin-left: -30px;
}

.client-table .gridWrap {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .form-inline .form-control {
        width: 100%;
    }
}

.footer .kek {
    width: 100%;
    float: left;
}

.footer .pagination {
	margin: 0;
}

.footer .fcopy {
    float: right;
    padding-top: 9px;
}

.lessons_table_wrap th {
	cursor: pointer;
}

.lessons_table_wrap th small {
	display: none;
}

.lessons_table_wrap th.active_filter {
	color: #00a2de;
}

.sticky-table-header {
	display: none;
}

.fht-table .rowstripe {
    position: relative;
}

.fht-table .rowstripe a {
    padding-left: 30px;
}

.fht-table .rowstripe.hide_snaryad a, .fht-table .rowstripe.holiday-block a {
    padding-left: 5px;
}

.fht-table .rowstripe.hide_snaryad:before {
    display: none;
}

.lyzhy.rowstripe:before {
    content: '';
    position: absolute;
    background: url(../images/man-skiing.png) no-repeat center;
    background-size: contain;
    width: 22px;
    height: 22px;
    left: 4px;
}

.lm.rowstripe:before {
    content: '';
    position: absolute;
    background: url(../images/man-dream-skiing.png) no-repeat center;
    background-size: contain;
    width: 22px;
    height: 22px;
    left: 4px;
}

.snowboard.rowstripe:before {
    content: '';
    position: absolute;
    background: url(../images/snowboard-silhouette.png) no-repeat center;
    background-size: contain;
    width: 22px;
    height: 22px;
    left: 4px;
}

.entity_select_block_pos {
    position: fixed;
}

#topnav .navigation-menu > li.has-submenu > ul {
    padding: 5px 28px;
    list-style: none;
}

#topnav .navigation-menu > li.has-submenu > ul a {
    color: #4c5667;
    border-bottom: none;
}

#topnav .navigation-menu > li.has-submenu > ul a:hover, #topnav .navigation-menu > li.has-submenu > ul li.active a {
    color: #3bafda;
}

#topnav .navigation-menu > li.has-submenu > ul a i {
    color: #4c5667;
    font-size: 18px;
    vertical-align: middle;
}

#topnav .navigation-menu > li.has-submenu > ul a:hover i, #topnav .navigation-menu > li.has-submenu > ul li.active a i {
    color: #3bafda;
}

.tl-search {
    width: 158px;
    float: right;
    margin-right: 30px;
}

.fht-table td.pervstolb {
    position: relative;
}

.fht-table.search-active .rowstripe:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  top: 0;
  left: 0;
}

.fht-table.search-active .rowstripe {
    border: 1px solid #747d7f;
}

.fht-table.search-active .rowstripe.td_highlight:after {
    content: none;
}

.fht-table.search-active .pervstolb:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  top: 0;
  left: 0;
}

.fht-table.search-active .pervstolb {
    border: 1px solid #747d7f;
}

.fht-table.search-active .pervstolb.td_highlight:after {
    content: none;
}

.trener-admin-table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.trener-admin-table.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff;
}


.trener-admin-table-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 13px 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #3bafda;
}

.trener-admin-date input.form-control {
    padding: 0;
    background-color: #fff;
}

.trener-admin-profile {
    border-bottom: 1px solid #ddd;
}

.trener-admin-profile > div {
    padding: 15px 15px;
    border-top: 1px solid #ddd;
}

.trener-admin-profile > div:nth-child(2n) {
    background-color: #f9f9f9;
}

.tap-head {
    font-weight: bold;
    overflow: hidden;
}

.tap-head div {
    float: right;
    text-align: right;
}

.trener-admin-table-contacts {
    font-size: 14px;
}

.trener-admin-table-contacts tr {
    padding: 0 15px;
}

.trener-admin-table-contacts tr td:nth-child(2) {
    min-width: 150px;
}

/*.schedule-container.trener-admin-faq-cont {
    border-bottom: none;
}
*/
.trener-admin-faq .nav.nav-tabs {
    margin: 0;
}

.trener-admin-faq .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
}

.trener-admin-faq .nav-tabs.nav-justified>li>a {
    margin-bottom: 0;
}

.trener-admin-faq .nav.nav-tabs + .tab-content {
    margin: 0;
    padding: 0;
}

#topnav .navbar-toggle {
    margin-right: -15px;
}

 .trener-admin-faq-cont .schedule-heading {
    width: 60%;
}

.trener-admin-faq-cont .trener-admin-date {
    width: 40%;
}

.trener-admin-faq-cont select {
    max-width: 150px;
    float: right;
}

.form-order-box {
    font-size: 16px;
    padding: 10px 30px 30px;
    border: 1px solid rgba(54, 64, 74, 0.08);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    max-width: 960px;
    margin: 30px auto 20px;
    background-color: #fff;
}

.instructor-thumb {
    height: 427px !important;
    position: relative;
    transition: all 300ms ease;
    margin-bottom: 20px;
    cursor: pointer;
}

.slick-center .instructor-thumb {
    transform: scale(1.08);
    opacity: 1;
}

.form-order-box .slick-next {
    right: 0;
}

.form-order-box .slick-prev {
    left: 0;
}

.form-order-box .slick-prev, .form-order-box .slick-next {
    z-index: 1;
    width: auto;
    height: auto;
}

.form-order-box .slick-prev:before, .form-order-box .slick-next:before {
    opacity: 0.9;
    color: #3bafda;
    font-size: 50px;
}

.instructor-thumb img {
    margin-top: 15px;
    width: 100%;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 109, 154, 0.32);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 109, 154, 0.32);
    box-shadow: 0px 0px 8px 0px rgba(0, 109, 154, 0.32);
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    transition: all 0.3s ease;
}

.instructor-thumb.current img {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 109, 154, 0.32);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 109, 154, 0.32);
    box-shadow: 0px 0px 16px 0px rgba(0, 143, 226, 0.9);
}

.instructor-thumb h4 {
    display: block;
    position: absolute;
    bottom: 20px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.9);
    margin: 0;
    color: #000;
    padding: 10px 0;
    left: 10px;
    right: 10px;
}

.form-order-box .pull-in {
    margin-left: -30px;
    margin-right: -30px;
}

.form-order-box .nav.nav-tabs {
    box-shadow: none;
    margin-top: -10px;
    border-radius: 5px;
    margin: -10px 0 0;
}

.form-order-box .nav.nav-tabs + .tab-content {
    padding: 20px 30px;
}

.form-order-box .nav.nav-tabs > li {
    border: none;
}

.form-order-box .nav.nav-tabs > li.active > a {
    background-color: #ffffff;
    color: #3bafda !important;
}

.form-order-box .nav.nav-tabs > li > a {
    line-height: 50px;
}

.order-info .instructor-thumb {
    margin: 0;
    opacity: 1;
    padding-left: 10px;
    padding-right: 10px;
}

.form-order-box .finish button {
    float: right;
}

.wrapper.order-wrapper {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.form-order-box .form-control {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 16px;
}

.form-order-box .header-title {
    font-size: 17px;
}

.form-order-box .checkbox.checkbox-inline label {
    padding-bottom: 10px;
}

body {
    padding-bottom: 45px;
}

/*............*/

.form-order-box {
    width: 100%;
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    margin: 0;
    height: 90vh;
}

.wrapper.order-wrapper {
    position: relative;
    top: 0;
    transform: none;
}

.order-wrapper > .container {
    width: auto;
}

.form-order-box ul.pager {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}


/*............*/

.form-order-box  ul.order-header {
    position: absolute;
    top: -999px;
}

/*............*/

.form-order-box .input-group-addon {
    display: none;
}

.form-order-box .input-group {
    width: 100%;
}

.form-order-box .input-group .form-control {
    border-radius: 4px;
}

.form-order-box label {
    text-align: center;
    width: 100%;
    font-size: 22px;
}

.form-order-box .input-group .form-control {
    border-radius: 30px;
    border: none;
    background: #00b0ff;
    color: #fff;
    font-size: 23px;
    text-align: center;
    height: 60px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4);
}

.form-order-box .input-group input.form-control::-webkit-input-placeholder {
    color: #fff;
}

.form-order-box .input-group input.form-control::-moz-placeholder {
    color: #fff;
}

#commentForm .checkbox input[type="checkbox"]:checked + label::after {
    content: none;
}

/* Стилизация select */

#commentForm .chosen-container {
    width: 100% !important;
}

#commentForm .chosen-container-single .chosen-search {
    display: none;
}

#commentForm .chosen-container-single .chosen-single {
    border-radius: 30px;
    border: none;
    background: #00b0ff;
    color: #fff;
    font-size: 23px;
    text-align: center;
    height: 60px;
    box-shadow: none;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4);
}

#commentForm .chosen-container .chosen-results {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

#commentForm .chosen-container .chosen-results li {
    min-height: 18px;
    font-size: 18px;
    padding: 12px 18px 12px;
    color: #231F20;
}

#commentForm .chosen-container .chosen-results li.result-selected {
    background-color: #4f9bb7;
    color: #FFF;
}

#commentForm .chosen-container .chosen-results li.highlighted {
    background: #5bbfe4;
    color: #FFF;
}

#commentForm .chosen-container.chosen-with-drop .chosen-drop {
    border: none;
    border-radius: 4px;
}

#commentForm .chosen-container-single .chosen-single span {
    padding: 18px 0;
}


.form-order-box .checkbox label::before {
    display: none;
}

.form-order-box .checkbox label {
    border-radius: 30px;
    border: 9px #00b0ff solid;
    background: #ffffff;
    color: #000;
    font-size: 23px;
    text-align: center;
    height: 60px;
    padding: 3px 0;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4);
}

.form-order-box .checkbox-primary input[type="checkbox"]:checked + label {
    border-radius: 30px;
    border: none;
    background: #00b0ff;
    color: #fff;
    font-size: 22px;
    text-align: center;
    height: 60px;
    padding: 13px 0;
/*    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4);*/
}

.form-order-box .header-title {
    font-size: 36px;
    margin-bottom: 50px;
    text-transform: inherit;
}

.form-order-box .checkbox.checkbox-inline {
    margin: 0;
    padding: 0 0 25px;
    width: 100%;
}

.form-order-box  .pager li > a {
    height: 55px;
    font-size: 22px;
    width: 200px;
}

.form-order-box  .pager li.next > a {
    border-radius: 45px 0 0 45px;
    margin-right: -5px;
}

.form-order-box  .pager li.previous > a {
    border-radius: 0 45px 45px 0;
    margin-left: -5px;
}

.form-order-box span.header-title {
    float: left;
}

.form-order-box h4 {
    text-align: center;
}

.form-order-box h3.header-title {
    text-align: right;
}

.instructor-slider {
    margin-top: 70px;
    height: 60vh;
    overflow-y: scroll;
}

.instructor-slider .instructor-thumb {
    height: auto;
}

.form-order-box p {
    font-size: 23px;
    padding-left: 20px;
}

.form-order-box .slick-prev:before, .form-order-box .slick-next:before {
    font-size: 75px;
}

.instructor-thumb h4 {
    font-size: 29px;
    line-height: 1.2;
}

.form-order-box .finish button {
    height: 55px;
    font-size: 22px;
    width: 276px;
    border-radius: 45px 0 0 45px;
}

.wrapper.order-wrapper {
    top: 5px;
}

/*............*/

.form-order-box {
    background-color: transparent;
    border: none;
}

.nav.nav-tabs + .tab-content {
    background-color: transparent;
}

h3.text-dark, h4.text-dark, .form-order-box label, .form-order-box span.header-title, .form-order-box p {
    color: #000 !important;
}

h3.text-dark:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 10px;
    height: 80px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0px 0px 7px 3px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0px 0px 7px 3px rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 7px 3px rgba(255, 255, 255, 0.6);
    z-index: -1;
}

.order-info:before {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    left: -30%;
    /* top: 10px; */
    height: 400px;
    background: rgba(255, 255, 255, 0.6);
    z-index: -1;
}

.order-info > .order-info-img {
    width: 25%;
    float: left;
}

.btn-primary {
    background-color: #00bff6 !important;
    border: 1px solid #00bff6 !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0, 191, 246);
    -moz-box-shadow: 0px 0px 10px 0px rgb(0, 191, 246);
    box-shadow: 0px 0px 10px 0px rgb(0, 191, 246);
}

.btn-primary:hover {
    background-color: #00b0e2 !important;
    border: 1px solid #00b0e2 !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0, 176, 226);
    -moz-box-shadow: 0px 0px 10px 0px rgb(0, 176, 226);
    box-shadow: 0px 0px 10px 0px rgb(0, 176, 226);
}

@media (min-width: 1366px) {
    #topnav .navigation-menu.col-lg-12.col-my-8 {
        width: 66.66666667%;
    }

    #topnav .navigation-menu.col-lg-12.col-my-8 > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }

    .prefs_block {
        display: block;
        padding-right: 0px;
    }

    .small-screen-timeline-navbar {
        display: none;
    }

    .wrapper.timeline {
        margin-top: 99px;
    }

    .w_t .fht-thead {
        top: 99px;
    }

    .w_t .time {
        top: 139px;
    }

    .prefs_block #datetimepicker3{
        width: 222px;
        float: right;
        /*margin-right: 30px;*/
    }

    .prefs_block #view-box {
        float: right;
        margin-right: 20px;
    }

    .prefs_block #view-box .dropdown-menu {
        min-width: 270px;
        padding-left: 10px;
    }

    .tool-type-picker {
        top: 155px
    }

    .tool-type-picker2 {
        top: 155px;
    }
}


@media (max-width: 403px) {
	.long-header .schedule-heading {
	    margin-top: -13px;
	}
}

.instructor-info-header {
    color: #fff;
    background-color: #3bafda;
    margin-top: -15px;
}

.instructor-info-header h1 {
    color: #fff;
    font-size: 60px;
    padding: 11px 13px;
}

.instructor-info-header span {
    font-size: 30px;
    display: block;
    text-transform: uppercase;
    padding: 31px 15px 0;
    text-align: right;
}

.instructor-info-table.table-striped>tbody>tr {
    height: 47px;
}

.instructor-info-table.table-striped>tbody>tr:hover {
    background: inherit;
}

.instructor-info-table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.instructor-info-table.table-striped>tbody>tr>td {
    font-size: 21px;
    color: #000;
}

.instructor-info-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: bold;
    padding: 0 13px;
    color: #fff;
    background-color: #3bafda;
}

.instructor-info-footer span {
    display: block;
    text-align: right;
    font-size: 100px;
    padding: 25px 0;
}

.bootstrap-datetimepicker-widget.picker-open {
    display: block;
}

.bootstrap-datetimepicker-widget .btn.today,
.bootstrap-datetimepicker-widget .btn.tomorrow {
    display: none;
}

.white-text {
    color: #ffffff;
}

#abonementForm .payButtonHider,
#contractForm .payButtonHider {
    width: 100%;
    height: 100%;
    float: left;
    background: #7c7c7c;
    z-index: 999;
    position: absolute;
    top: 0;
    text-align: center;
    padding: 6px 0 0 0;
    color: #ffffff;
}

#groupForm .payButtonHider {
    width: 95%;
    height: 100%;
    float: left;
    background: #7c7c7c;
    z-index: 999;
    position: absolute;
    text-align: center;
    padding: 15px 0 0 0;
    color: #ffffff;
    top: 10px;
}

#shiftWrap .btn {
    font-weight: bold;
}

#shiftStatus {
    float: left;
    margin: 0 10px 0 0;
}

#shiftBtns {
    float: left;
    margin: 0 10px 0 0;
}

.single_day_modal {
    width: 95%;
}

.single_day_modal .modal-header {
    width: 100%;
}

.single_day_modal .tab-content{
    overflow: auto;
}

.from-widget-label {
    background-color: #5cb85c;
    border-radius: 4px;
    display: inline-block;
    padding: 0px 12px;
    font-size: 12px;
    color: #ffff;
    line-height: 20px;
}

.form-select_width__400 {
    min-width: 400px;
}

.shift-report_modal .modal-lg {
    /*width: 230mm;*/
}

.shift-report_modal .shifts-report_body {
    margin: 0 auto;
}

.shifts-report_body {
    width: 100%;
}

.shifts-report_pdf_container {
    padding: 20px;
}

.shift-report_buttons {

    margin-top: 20px;
}

.mr-5 {
    margin-right: 5px;
}

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

.btn-cover {
    background-color: #7c7c7c;
    color: white;
}

.form-group .btn-cover {
    position: relative;
    top: 25px;
}

.timesheet-button-wrapper {
    display: flex;
    column-gap: 10px;
    justify-content: end;
}