/*
=========================================
GLOBAL STYLES
=========================================
*/

html {
    font-size: 100%;
}
body {
    background: #ffffff;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
    color: #23201e;
    overflow-x: hidden !important;
    margin: auto !important;
    padding-top: 100px;
    /*background-image: url('../img/bg.jpg');*/
}

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}

a {
    outline: 0;
    text-decoration: none;

    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}
a:hover {
    outline: 0;
    text-decoration: none;
}
a:focus {
    outline: 0;
    text-decoration: none;
}
a img  {
    border: none;
    outline : none;
}
img {
    border : 0;
}
.btn:focus,
.btn:active {
    outline: inherit;
}
input:focus, textarea:focus {
    outline: none;
}

.btn {
    text-transform: uppercase;
    white-space: normal;
}
.btn.btn-primary {
    background-color: #8e0000;
    border-color: #8e0000;
}

button {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.modal-ssm {
    /* width: 600px; */
}
.img-center {
    display: block;
    margin:0 auto;
}

/* Other fixes*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,
ol {
    padding-left: 0px;
}

li {
    list-style: none;
}
.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/*
=========================================
CUSTOM STYLES
=========================================
*/

/* BOOTSTRAP */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #ffffff;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #ffffff;
}

.bootstrap-datetimepicker-widget td.today:before {
    border-bottom: 7px solid #ffffff;
}

/* HREF */
a {
    color: #23201e;
}
a:hover {
    color: #23201e;
}
a:focus {
    color: #23201e;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-text-stroke: 0.1px;
}
h1 {
    font-size: 43px;
    line-height: 42px;
}
h2 {
    font-size: 30px;
}

/* NAVIGATION */
header {
    color: #FFF;
}
header a,
header a:hover,
header a:focus {
    color: #ffffff;
}
header .contacts {
    margin-top: 3px;
    font-size: 18px;
}
header .contacts p {
    margin-top: 3px;
    margin-bottom: 3px;
}

header .menu {
    padding-top: 17px;
}
header .menu ul {
    margin-left: 20px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover{
    background-color: transparent;
    background-image: none;

    border-radius: 20px;
    border: 2px solid #ffffff;

    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:hover{
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
}

header .navbar-inverse .navbar-nav > li {
    margin-right: 20px;
}
header .navbar-inverse .navbar-nav > li > a,
header .navbar-inverse .navbar-nav > li > a:focus{
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    border: 2px solid transparent;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.navbar {
    background-image: none;
    background-color: #0da5bc !important;
    height: 100px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 0px;
}
.navbar-inverse {
    border-bottom: 0px;
}

/* LOADER */
.loader {
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
}
.loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

/* LOGIN BLOCK*/
#cloudLeft {
    position: absolute;
    margin-left: -300px;
    margin-top: -35px;
}
#cloudRight {
    position: absolute;
    margin-left: 1178px;
    margin-top: -35px;
}
.login {
    background-color: #0da5bc;
    padding-top: 50px;
    padding-bottom: 50px;
}
.baloon {
    position: absolute;
    top: -108px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.login-container {
    position: relative;
}
.forgot-link {
    position: absolute;
    right: 110px;
    bottom: -35px;
}

/* MODULES */
.module-desc {
    display: none;
}
.modules {
    padding-bottom: 100px;
    padding-top: 100px;
}
#modules {
    /* background-image: url('../img/bgModules.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.modules .modules-container {
    background-color: #ffffff;
    border: 2px solid #0da5bc;
    border-radius: 20px;
    padding: 10px;
}
.modules .modules-container .modules-container-inner {
    background-color: #ffffff;
    border: 2px dashed #0da5bc;
    border-radius: 20px;
    padding: 10px;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.module-item {
    padding: 20px;
}
.module-item h4,
.module-item h3 {
    margin: 0px;
    text-align: center;
}
.module-item h3 {
    font-weight: bold;
}
.module-item .content {
    margin-top: 40px;
    border-radius: 20px;
    padding: 20px;
    cursor: pointer;
    height: 215px;
    width: 238px;
}
.module-item .content.yellow {
    background-color: #ffd000;
}
.module-item .content.green {
    background-color: #76d21b;
}
.module-item .content.red {
    background-color: #e50037;
}
.module-item .content.blue {
    background-color: #0da5bc;
}

.module-item .content-hover.yellow {
    border: 2px solid #ffd000;
}
.module-item .content-hover.green {
    border: 2px solid #76d21b;
}
.module-item .content-hover.red {
    border: 2px solid #e50037;
}
.module-item .content-hover.blue {
    border: 2px solid #0da5bc;
}
.module-item .content-hover {
    cursor: pointer;
    border-radius: 20px;
    padding: 20px;
    border: 2px solid #0da5bc;
    opacity: 0;
    height: 215px;
    width: 238px;
    text-align: center;
    position: absolute;
    top: 131px;
    background-color: #ffffff;


    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.module-item:hover .content-hover {
    opacity: 1;
}

/* MODAL */
.modal.custom .modal-dialog {
    width: 493px;
    box-shadow: 5px 6px 22px rgba(0, 0, 0, 0.13);
}
.modal.big .modal-dialog {
    width: 780px;
}
.modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
}
.modal-body {
    padding-top: 0px;
    padding-bottom: 0px;
}
.modal-backdrop {
    background-color: #23201e;
    opacity: 0.7 !important;
}
.modal-content {
    /*background-color: #fbfbfb !important;*/
    /*border: 2px solid #0da5bc;*/
    padding: 26px 40px 58px 40px;
    border-radius: 10px;
}
.modal-content-inner {
    /*background-color: #fbfbfb !important;*/
    /*border: 2px dashed #0da5bc;*/
    padding: 10px;
    border-radius: 10px;
}
#login-form .modal-footer.modal-button{
    padding: 0 15px;
    text-align: center;
}
#login-form .modal-footer.modal-forgot{
    text-align: center;
}
#login-form .modal-footer.modal-forgot #switch-to-forgot{
    color: #4e5054;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #ececec;
}
.modal-header {
    border-bottom: 0px;
}
.modal-header .close {
    font-size: 29px;
}
.modal-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #9e604b;
    text-transform: uppercase;
}

div.form-group input.form-control.modal-input-login{
    border-radius: 23px;
    background-color: #f2f2f2!important;
    font-size: 18px;
    color: #808286;
    font-weight: 300;
    border: none;
    box-shadow: none;
}
.modal-footer {
    border-top: 0px;
    padding-top: 0px;
}
.modal-footer button.btn {
    width: 236px;
}
.modal-footer-links {
    display: flex;
    justify-content: space-between;
}
.modal-errors {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    color: #e50037;
}
.modal [data-user-msg] {
    margin-top: -17px;
}
.modal .dropzone-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fbfbfb;
    border: 2px dashed #9e604b;
    border-radius: 10px;
    cursor: pointer;
    width: 150px;
    height: 150px;
    margin: auto;
}
.modal#modalEditUser .form-horizontal .control-label{
    text-align: left;
}
.modal#modalEditUser label.control-label{
    width: 40%;
}
.modal .dropzone .dz-remove {
    position: absolute;
    top: 115%;
    left: 50%;
    margin-left: -22px;
}
.modal .change-avatar:hover {
    text-decoration: underline;
}
.modal .dropzone-avatar.dropzone-avatar-modal {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 15px;
    padding: 16px;
}
.modal .dropzone-avatar.dropzone-avatar-modal>img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.modal.select-date {
    z-index: 1049;
}
.dropzone-avatar .dz-image>img {
    border-radius: 10px;
    width: 100%;
}
.dropzone .dz-message {
    font-size: 14px;
}
.dropzone .dz-filename, .dropzone .dz-size {
    display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background: linear-gradient(to bottom, #0da5bc, #0da5bc) !important;
}
.dropzone .dz-preview .dz-error-message {
    top: 165px !important;
}
.dropzone .dz-preview .dz-error-message:after {
    display: none;
}
/* TARIFFS */
.tariffs {
    padding-bottom: 100px;
    padding-top: 100px;
}
#tariffs {
    /* background-image: url('../img/bgTariffs.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.table-container {
    border: none;/*2px solid #9e604b;*/
    border-radius: 15px;
    background-color: #FFF;
}
.table-container .price {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.table-container .marker {
    width: 27px;
    height: 27px;
    border-radius: 27px;
    background-color: #9e604b;
    margin: auto;
}
.table-container .marker.active {
    width: 33px;
    height: 33px;
    border-radius: 33px;
    background-color: #d99565;
    margin: auto;
}

.table-markered tr td.markered {
    cursor: pointer;
}
.marker-small {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background-color: #d99565;
    margin: auto;
}

.marker-small-inactive {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background-color: #ccc;
    margin: auto;
}

.table-title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.table-subtitle {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.report-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 40px;
}
.report-subtitle {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}
.tabel.table.table-simple>tbody>tr>td,
.tabel.table.table-simple>tbody>tr>th,
.tabel.table.table-simple>tfoot>tr>td,
.tabel.table.table-simple>tfoot>tr>th,
.tabel.table.table-simple>thead>tr>td,
.tabel.table.table-simple>thead>tr>th {
    padding: 4px;
}
.table-simple thead th {
    font-size: 16px;
    vertical-align: middle !important;
}
.table-small thead th {
    font-size: 12px;
    vertical-align: middle !important;
}
.table-cabinet thead th {
    text-align: center;
}
.table.table-simple > thead > tr > th {
    border: none;
}
.table.table-simple>tbody>tr>td,
.table.table-simple>tbody>tr>th,
.table.table-simple>tfoot>tr>td,
.table.table-simple>tfoot>tr>th,
.table.table-simple>thead>tr>td,
.table.table-simple>thead>tr>th {
    border-top: none;
}
.table.table-bordered>tbody>tr>td,
.table.table-bordered>tbody>tr>th,
.table.table-bordered>tfoot>tr>td,
.table.table-bordered>tfoot>tr>th,
.table.table-bordered>thead>tr>td,
.table.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.table.table-simple>tbody>tr>td {
    vertical-align: middle;
}
.table-striped.table-simple>tbody>tr:nth-of-type(odd) {
    background-color: #fbf7f7;
}

.table-tariffs-left thead th {
    font-size: 20px;
}
.table.table-tariffs-left > thead > tr > th {
    border: none;
}
.table.table-tariffs-left>tbody>tr>td,
.table.table-tariffs-left>tbody>tr>th,
.table.table-tariffs-left>tfoot>tr>td,
.table.table-tariffs-left>tfoot>tr>th,
.table.table-tariffs-left>thead>tr>td,
.table.table-tariffs-left>thead>tr>th {
    border-top: none;
}
.table-striped.table-tariffs-left>tbody>tr:nth-of-type(odd) {
    background-color: #fbf7f7;
}

.table-tariffs-right thead th {
    font-size: 11px;
    text-align: center;
}
.table.table-tariffs-right > thead > tr > th {
    border: none;
}
.table.table-tariffs-right>tbody>tr>td,
.table.table-tariffs-right>tbody>tr>th,
.table.table-tariffs-right>tfoot>tr>td,
.table.table-tariffs-right>tfoot>tr>th,
.table.table-tariffs-right>thead>tr>td,
.table.table-tariffs-right>thead>tr>th {
    border-top: none;
}
.table-striped.table-tariffs-right>tbody>tr:nth-of-type(odd) {
    background-color: #fbf7f7;
}
.table-tariffs-right > tbody > tr > td {
    vertical-align: middle;
    cursor: pointer;
}
.table-tariffs-right > tbody > tr > td,
.table-tariffs-right > thead > tr > th {
    border-right: 1px solid #dea491 !important;
}
#tariffsInfo {
    min-height: 200px;
}
#tariffsInfo h4 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0px;
}
.table-striped tbody tr td a {
    background-color: #0da5bc;
    border-radius: 3px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
}
.table .class-count-cell {
    cursor: pointer;
}
.table.table-food {
    font-size: 12px;
}

/* SPECIAL TARIFFS */
.specialtariffs {
    padding-bottom: 100px;
    padding-top: 100px;
}
#specialtariffs {
    /* background-image: url('../img/bgSpecTariffs.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.specialtariffs .specialtariffs-container {
    background-color: #ffffff;
    border: 2px solid #0da5bc;
    border-radius: 20px;
    padding: 10px;
}
.specialtariffs .specialtariffs-container .specialtariffs-container-inner {
    background-color: #ffffff;
    border: 2px dashed #0da5bc;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.specialtariffs .specialtariffs-container h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
ul.simple {
    margin-bottom: 0px;
}
ul.simple li {
    background-image: url('../img/iconList.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0px 7px;
    margin-bottom: 10px;
}

/* EDIT FORM */
.user-form input {
    width: 415px;
    height: 40px;
    border-radius: 23px;
    background-color: #f2f2f2;
    border-color: transparent;
    box-shadow: none;
    color: #808286;
}
.date.datepicker input.form-control:focus{
    box-shadow: none;
    border-color: #9e604b;
}
input.form-control:focus{
    box-shadow: none;
    border-color: transparent;
}
.user-form .dropdown.combobox .btn {
    background-image: none;
    height: 40px;
    border-top-left-radius: 0;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 0;
    background-color: #f2f2f2;
    border-left: none;
    box-shadow: none;
    border-color: transparent;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #9e604b;
}
.tooltip-inner {
    font-size: 12px;
    color: #ffffff;
    background-color: #9e604b;;
}
#boss-date-start-week, #boss-compare-date-start-week, #teacher-compare-choose-month{
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
}
.input-group.date.month-only img{
    position: absolute;
    left: 138px;
    top: 10px;
    z-index: 500;
    border: none;
    width: auto;
    padding: 0;
}
.user-form input.search-input{
    border-radius: 23px 0 0 23px;
}
button.btn.dialog.search-btn{
    border-radius: 0 23px 23px 0;
    height: 40px;
}
/* CABINET */
.cabinet {
    padding-bottom: 50px;
    padding-top: 50px;
}
#cabinet {
    /* background-image: url('../img/bg.jpg'); */
    background-repeat: repeat;
    margin-top: 50px;
}
/*#cabinet:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}*/


.table-data{
    overflow-x: scroll;
}
#boss-food-list-wrapper{
    padding: 0;
}
.date-first, .total-first{
    font-weight: bold;
}


.pupil-food-list .wrapper-pupil-food-list .table-head-tr1 td,
.pupil-food-list .wrapper-pupil-food-list .table-head-tr2 td,
.pupil-food-list .wrapper-pupil-food-list .table-head-tr3 td,
.pupil-food-list tr td
{
    font-size: 10px;
}
.pupil-food-list .wrapper-pupil-food-list .table-head-tr1 td,
.pupil-food-list .wrapper-pupil-food-list .table-head-tr2 td,
.pupil-food-list .wrapper-pupil-food-list .table-head-tr3 td,
.header-td
{
    font-weight: bold;
}
.table-head-tr1 td{
    border: 1px solid #ccc;
}

.user {
}
.photo {
    border-radius: 50%;
    overflow: hidden;
    width: 140px;
    height: 140px;
    display: inline-block;
    background-color: #ebebeb;
    background-image: url('../img/photoEmpty.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-bottom: 20px;
}
.user .info {
    display: inline-block;
    margin-left: 20px;
    max-width: 560px;
}
.user .info .name {
    color: #9e604b;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.user .info .item strong{
    color: #4e5054;
}
.user .info .item {
    color: #8a8d92;
    font-size: 16px;
    margin-bottom: 5px;
}
#editProfile {
    position: absolute;
    border: none;
    /*margin-left: 35px;*/
    /*top: 15px;*/
    top: 0;
    right: 0;
    font-size: 13px;
}

.user .tariff-info {
    /*background-color: #ffd000;*/
    border-radius: 10px;
    padding: 15px;
    min-height: 150px;
}
.user .tariff-info .item {
    font-size: 18px;
    margin-bottom: 5px;
}
#editTariff {
    position: absolute;
    border: none;
    right: 28px;
    top: 10px;
}

/* TABS */
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    border-color: #0da5bc;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    border-top-width: 3px !important;
    border-radius: 10px;
}
.bootstrap-datetimepicker-widget.bottom:after,
.bootstrap-datetimepicker-widget.bottom:before{
    display: none;
}
.combobox .dropdown-menu {
    border-top-width: 3px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.boss-category-report {
    width: 390px !important;
}
.dropdown-menu {
    border-top-width: 0px;
    margin-top: -2px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 5px;
    padding-top: 5px;

}
.cabinet .dropdown-menu {
    /*right: auto;
    transform: translateX(-90%);*/
    max-height: 300px;
    overflow-y: auto;
}
.dropdown-menu > li > a {
    font-size: 16px;
    color: #23201e;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
}
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:hover {
    background: none;
    background-color: #9e604b;
    color: #ffffff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
    background-color: #9e604b;
    color: #ffffff;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    margin-top: -6px;
    margin-left: -1px;
    border-top-width: 3px !important;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
span.caret{
    display: inline-block;
    width: 14px;
    height: 14px;
    color: #9e604b;
    border: none;
    vertical-align: auto;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
span.caret::before {
    content: "\f078";
}
label.control-label{
    width: 35.5%;
    color: #4e5054;
    font-size: 16px;
}
.form-horizontal.filters div.form-group div.col-xs-5{
    width: 20%;
}
div#select_cat_tabel_no_filter.input-group.input-append,
div#select_cat_ved.input-group.input-append,
div#select_cat_tabel.input-group.input-append,
div#select_cat_tabel_full.input-group.input-append,
div#select_cat_tabel_free.input-group.input-append{
    width: 374px;
}
div#select_cat_tabel_no_filter ul.dropdown-menu.dropdown-menu-right li a,
div#select_cat_tabel ul.dropdown-menu.dropdown-menu-right li a,
div#select_cat_tabel_full ul.dropdown-menu.dropdown-menu-right li a,
div#select_cat_ved ul.dropdown-menu.dropdown-menu-right li a,
div#select_cat_tabel_free ul.dropdown-menu.dropdown-menu-right li a{
    font-size: 14px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 8px;
    margin-right: -10px;
}

td.center {
    text-align: center;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.nav {
    margin-bottom: -2px;
}
.nav-tabs {
    border-bottom: none;
    overflow: hidden !important;
}
.horizontal-tabs {
    overflow: hidden !important;
}
.tab-content {
    margin-top: 20px;
    border-radius: 14px;
    border: 1px solid #9e604b;
    background-color: #ffffff;
}
.tab-pane {
    padding: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*overflow-x: auto;*/
}
.nav-tabs > li > a {
    background-color: #d7d7d7;
    border: 3px solid #b8b8b8;
    border-bottom: none;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #898989;
    margin-right: 0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #ffffff;
    border: 3px solid #9e604b;
    border-bottom: none;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.datepicker .input-group-addon {
    background-color: #ffffff;
    border: 1px solid #9e604b;
    border-left: none;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.input-group[class*=col-] {
    width: 374px;
}

.cabinet .datepicker{
    margin-right: 30px;
}
.datepicker input {
    background-color: #ffffff;
    border: 1px solid #9e604b;
    border-right: none;
}
.filters {
    background-color: #ffffff;
    padding: 15px;
    padding: 0;
    padding-bottom: 0;
    border-radius: 10px;
}
.filters .form-group:nth-child(5) {
    margin-bottom: 0;
}
.filters .form-group.inline{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 0;
}
.filters .form-group.inline label{
    display: block;
    font-size: 0.9rem;
    margin-left: 12px;
}
.filters .form-group.inline .input-group{
    width: 250px;
}
.filters .form-group.inline .input-group[class*=col-]{
    width: max-content;
}


/* TABS */
.cabinet-breadcrumbs {
    border-radius: 14px;
    border: 1px solid #9e604b;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 16px 38px;
    margin-top: 20px;
    color: #4e5054;
    font-size: 16px;
    font-weight: normal;
}
.tab-container {
    border-radius: 14px;
    border: 1px solid #9e604b;
    padding: 15px 35px;
    width: 100%;
}
.tab-container:nth-child(2) {
    padding-right: 0;
    padding-bottom: 0;
}

.cabinet-tabs ul.level-one {
    display: flex;
    /* justify-content: space-between; */
    flex-flow: wrap;
}
.cabinet-tabs ul.level-one > li {
    display: flex;
    margin: 12px 9px 0 0;
}
.cabinet-tabs ul.level-one > li > a {
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #4e5054;
    font-size: 16px;
    border-radius: 25px;
    border: 1px solid #9e604b;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.cabinet-tabs ul.level-one > li > a:focus,
.cabinet-tabs ul.level-one > li > a:hover {
    background-image: none;

    border-radius: 25px;
    background-color: #9e604b;
    color: #ffffff;

    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}
.cabinet-tabs ul.level-one > .active > a,
.cabinet-tabs ul.level-one > .active > a:focus,
.cabinet-tabs ul.level-one > .active > a:hover {
    background-image: none;

    border-radius: 25px;
    background-color: #9e604b;
    color: #ffffff;

    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}

.cabinet-tabs ul.level-one > .main > a {
    
    background-color: #415667;
    color: #ffffff;
    border: none;

    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}
a.newfood {
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #4e5054;
    font-size: 1.3rem;
    border-radius: 25px;
    border: 2px #9e604b solid ;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: inline-block;
}
a.newfood:hover, a.newfood.active {
    background-color: #9e604b;
    color: #ffffff;
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}

.cabinet-tabs ul.level-two {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
.cabinet-tabs ul.level-two li {
    display: none;
}
.cabinet-tabs .scroll-element {
    display: none;
    /*color: #ffffff;*/
    /*cursor: pointer;*/
    /*font-size: 36px !important;*/
    /*position: absolute;*/
    /*top: 118px;*/
}
.cabinet-tabs .scroll-counter {
    display: none;
    /*color: #ffffff;*/
    /*cursor: pointer;*/
    /*font-size: 11px !important;*/
    /*position: absolute;*/
    /*top: 150px;*/
}
/*.cabinet-tabs .scroll-counter.scroll-counter-left {*/
    /*left: 33px;*/
/*}*/
/*.cabinet-tabs .scroll-counter.scroll-counter-right {*/
    /*right: 33px;*/
/*}*/
/*.cabinet-tabs .scroll-element.scroll-left {*/
/*}*/
/*.cabinet-tabs .scroll-element.scroll-right {*/
    /*right: 37px;*/
/*}*/
.cabinet-tabs ul.level-two li.active {
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: start;
}

.cabinet-tabs ul.level-two li .level-two-item {
    cursor: pointer;
    color: #4e5054;
    font-size: 13px;
    text-align: left;
    padding-bottom: 17px;
    width: 33.33%;
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.cabinet-tabs ul.level-two li .level-two-item:nth-child(3n-1) {
    width: 32%;
    padding-left: 20px;
}
.cabinet-tabs ul.level-two li .level-two-item:nth-child(3n) {
    width: 31%;
}
.cabinet-tabs ul.level-two li .level-two-item.active,
.cabinet-tabs ul.level-two li .level-two-item.active:hover,
.cabinet-tabs ul.level-two li .level-two-item.active:focus {
    background-color: transparent;
    background-image: none;

    color: #9e604b;

    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}
.cabinet-tabs ul.level-two li .level-two-item:focus,
.cabinet-tabs ul.level-two li .level-two-item:hover {
    background-color: transparent;
    background-image: none;



    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
}

.cabinet-tabs ul.level-two.flex li.active .column{
    display: flex;
    flex-flow: column;
    -webkit-flex-flow: column;
    justify-content: start;
    width: 33%;
}
.cabinet-tabs ul.level-two.flex li .column .level-two-item {
    width: 99%;
    padding-left: 0;
}

.cabinet-tabs ul.level-two li.docs.active{
    margin-top: -16px;
    padding: 8px 0;
}
.cabinet-tabs ul.level-two li.docs.active .level-two-item{
    padding: 9px 0;
}
.cabinet-tabs ul.level-two li.docs .column.cloud{
    background-color: #f5f5f5;
    border-radius: 12px;
    overflow: hidden;
}
.cabinet-tabs ul.level-two li.docs .column.cloud .level-two-item{
    padding: 9px 10px;
    width: auto;
}
.cabinet-tabs ul.level-two li.docs .column.cloud .level-two-item:hover{
    background-color: #ddd;
}
.cabinet-tabs ul.level-two li.docs .column.cloud .cloud-header
{
    padding: 10px 0 10px 10px;
    font-weight: 400;
    background-color: antiquewhite;
}


#tcModal, #tcFirstStepDate, #tcFirstStepNoDate, #tcFirstStepSuccess, #tcFirstStepError, #tcSecondStepNoDate, #tcSecondStepDate, #tcSecondStepSuccess, 
#tcSecondStepError, #tcNoFlag, #tcErrorPopup
{
    width: 1000px; 
    margin: auto;
}
#tcModal .modal-content, #tcFirstStepDate .modal-content, #tcFirstStepNoDate .modal-content, #tcFirstStepSuccess .modal-content, #tcFirstStepError .modal-content,
#tcSecondStepNoDate .modal-content, #tcSecondStepDate .modal-content, #tcSecondStepSuccess .modal-content, #tcSecondStepError .modal-content, #tcNoFlag .modal-content,
#tcErrorPopup .modal-content
{
    width: 750px
}

#tcModal .modal-content .modal-body img {
    width: 100%;
}
.button-composite-primary
{
    color: #fff;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #d99565;
    background-color: #d99565;
    font-size: 1.2rem;
    margin-top: 29px;
    flex-wrap: wrap;
    text-align:center;
}
.button-sber
{
    color: #fff;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    padding: 10px;
    border-radius: 30px;
    border: 1px solid #38c749;
    background-color: #38c749;
    font-size: 1.1rem;
    margin-top: 29px;
    flex-wrap: wrap;
    text-align:center;
}

@media (max-width: 600px) {
    .cabinet-tabs ul.level-two li .level-two-item {
        width: 45%;
        margin: 2px;
        line-height: 1rem;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 5px !important;
        font-size: 0.7rem;
    }
    .cabinet-tabs ul.level-two li .level-two-item:nth-child(3n) {
        width: 45%;
    }
    .cabinet-tabs ul.level-two li .level-two-item:nth-child(3n-1) {
        width: 45%;
        padding-left: 5px;
    }
    .input-group[class*=col-] {
        width: 100%;
    }
    .tab-container {
        padding: 5px !important;
    }
    #tcModal, #tcFirstStepDate, #tcFirstStepNoDate, #tcFirstStepSuccess, #tcFirstStepError, #tcSecondStepNoDate, #tcSecondStepDate, #tcSecondStepSuccess, 
    #tcSecondStepError, #tcNoFlag, #tcErrorPopup
    {
        width: auto; 
        margin: auto;
    }
    #tcModal .modal-content, #tcFirstStepDate .modal-content, #tcFirstStepNoDate .modal-content, #tcFirstStepSuccess .modal-content, #tcFirstStepError .modal-content,
    #tcSecondStepNoDate .modal-content, #tcSecondStepDate .modal-content, #tcSecondStepSuccess .modal-content, #tcSecondStepError .modal-content, #tcNoFlag .modal-content,
    #tcErrorPopup .modal-content
    {
        width: auto
    }
    .tc-buttom-wrapper {
        text-align: center;
    }
    .table-tariffs-left thead th {
        font-size: 0.7rem;
    }
    .table-tariffs-left tbody td {
        font-size: 0.7rem;
    }
    .col-xs-3{
        padding-right: 3px;
        padding-left: 3px;
    }

    .button-composite-primary
    {
        
        width: 95%;
        padding: 5px;
        border-radius: 30px;
        font-size: 1rem;
        margin-top: 20px;
    }
    .button-sber
    {
        width: 95%;
        padding: 5px;
        border-radius: 30px;
        font-size: 1rem;
        margin-top: 20px;
    }

    
}

/* ABOUT */
.about {
    padding-bottom: 100px;
    padding-top: 100px;
}
#about {
    /* background-image: url('../img/bgAbout.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* SLIDER */
.slider {
}
#slider {
    background-image: url('../img/bgSlider.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.slider-container {
    overflow: visible !important;
}
.bjqs {
    overflow: visible !important;
}
.bjqs-slide img {
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.bjqs-markers {
    position: absolute;
    bottom: 20px;
    z-index: 1000;
    color: #ffffff;
}
.bjqs-markers li {
    overflow: visible !important;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: inline-block !important;
    margin-right: 10px;
    border-radius: 20px;
    cursor: pointer;
}
.bjqs-markers li.active-marker div {
    background-color: #f17a25;
}
.bjqs-markers li div {
    width: 16px;
    height: 16px;
    background-color: #0da5bc;
    display: inline-block !important;
    margin-right: 10px;
    border-radius: 16px;
    margin-left: 2px;
    margin-top: 2px;
}

/* DOCUMENTS */
.documents {
    padding-bottom: 100px;
    padding-top: 100px;
}
#documents {
    /* background-image: url('../img/bgDocuments.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.document {
    position: relative;
    overflow: hidden;
}
.document-inner {
    height: 150px;
    border-radius: 10px;
    border: 3px solid #909090;
    background-color: #ebebeb;
    text-align: center;
    overflow: hidden;
    position: relative;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.document-inner img.hover {
    opacity: 0;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.document-inner img {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.document:hover .document-inner {
    border: 3px solid #0da5bc;
    background-color: #0da5bc;
}
.document:hover .document-inner img {
    opacity: 0;
}
.document:hover .document-inner img.hover {
    opacity: 1;
}

.question {
    font-weight: bold;
    color: #0da5bc;
}
.answer {
}

h4.special {
    text-align: left !important;
    font-size: 14px !important;
    color: #0da5bc;
}
h3.special {
    text-align: left !important;
    font-size: 18px !important;
    color: #0da5bc;
}
.nice-container {
    border-radius: 14px;
    background-color: #f2f2f2;
    padding: 10px;
}
.nice-container .nice-container-inner {
    background-color: #ffffff;
    border: 2px dashed #0da5bc;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
    margin: 0px;
}
.nice-container h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.nice-container h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
}
.nice-container a {
    border-bottom: 1px dashed #0da5bc;
}
.nice-container-inner .time {
    text-align: center;
    font-size: 12px;
    margin-bottom: 0px;
}

/* SPECIAL TARIFFS */
.payment {
    padding-bottom: 100px;
    padding-top: 100px;
}
#payment {
    /* background-image: url('../img/bgPayment.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.payment .payment-container {
    background-color: #ffffff;
    border: 2px solid #0da5bc;
    border-radius: 20px;
    padding: 10px;
}
.payment .payment-container .payment-container-inner {
    background-color: #ffffff;
    border: 2px dashed #0da5bc;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
    margin: 0px;
}
.payment .payment-container h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.payment .payment-container h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
}
.payment .payment-container a {
    border-bottom: 1px dashed #0da5bc;
}

#linkLimit {
    border-bottom: 1px dashed #23201e !important;
}

.underline {
    border-bottom: 1px dashed #0da5bc;
}
.demo-item {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;

    text-align: center;
}
.demo-item:hover,
.demo-item:focus {
    color: #0da5bc;
}
.demo-item .photo {
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid #0da5bc;
    width: 215px;
    height: 215px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

/* NEWS */
.news-item h4 {
    font-weight: bold;
    margin-bottom: 0px;
}
.news-item time {
    font-size: 12px;
    text-decoration: none;
}
.news-item p {
    margin-top: 10px;
}

/* MAP */
.map {
    width: 100%;
    height: 500px;
}
.map-overlay {
    width: 100%;
    height: 735px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 1000;
}

/* FOOTER */
footer {
    height: 225px;
    background-color: #0da5bc;
    color: #ffffff !important;
    width: 100%;
    padding-top: 40px;
}
footer .menu {
    font-size: 10px;
    line-height: 17px;
}
footer .menu li {
    margin-bottom: 3px;
}
footer .menu li a,
a.forgot-link {
    color: #ffffff;
    font-size: 18px;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
footer .menu li a:hover,
footer .menu li a:focus,
a.forgot-link:hover,
a.forgot-link:focus {
    color: #ffd000;
}
footer .menu li.active a{
    color: #ffd000;
}

footer .contacts {
    text-align: right;
}
footer .contacts p {
    margin-bottom: 0;
}
footer .contacts a,
footer .contacts a:hover,
footer .contacts a:focus {
    color: #ffffff;
}

footer .now {
    line-height: 24px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
footer .now .yellow {
    color: #ffd000;
}
footer .now .yellow a {
    color: #ffd000 !important;
}

footer .btn {
    border-radius: 20px;
    color: #23201e;
    padding: 10px;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 43px;
    width: 210px;
    font-weight: bold;
}
footer .personal-data {
    display: block;
    width: 120%;
    margin-top: 15px;
    margin-left: -20%;
    text-decoration: underline;
    color: #918e9d;
    font-size: 11px;
    font-weight: 300;
    line-height: 14px;
}

.btn.btn-special {
    border-radius: 20px;
    color: #23201e;
    padding: 10px;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 43px;
    width: 210px;
    font-weight: bold;
}
.btn.btn-white {
    background-color: #ffffff;
}
.btn.btn-yellow {
    background-color: #ffd000;
}
button.btn.dialog.btn_login.btn_login_modal{
    height: 45px;
    border-radius: 23px;
    width:  auto;
    min-width: 236px;
    max-width: 100%;
}

.custom-login-wrapper {
    height: 60vh;
    display: flex;
}
.custom-login-container {
    width: 493px;
    height: 420px;
    margin: auto;
    padding: 25px 40px 40px;
    box-shadow: 5px 6px 22px rgba(0, 0, 0, 0.13);
    border-radius: 14px;
    background-color: #fff;
}
@media (max-width: 480px) {
    .custom-login-container {
        width: 95%;
        padding: 20px 20px;
    }
    button.btn.dialog.btn_login.btn_login_modal {
        height: auto;
        border-radius: 2rem;
        width: auto;
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    .nice-container {
        padding:3px;
    }
}
#btn_show_payment {
    width: 255px;
}

/* BUTTONS */
.btn.dialog {
    height: 42px;
    border-radius: 25px;
    background-color: #9e604b;
    /*background-color: #0da5bc;*/
    /*border-radius: 50px;*/
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
}
.btn.dialog:hover{
    background-color: #7c4b3b;
    box-shadow: 1px 1px 20px 4px rgb(97 65 44 / 47%);
}
.btn.big {
    background-color: #ffffff;
    border-radius: 20px;
    color: #0da5bc;
    font-size: 24px;
    font-weight: bold;
    height: 100px;
    width: 440px;
    padding-left: 50px;
    padding-right: 50px;
}

.printStyle {
    float: right;
    color: transparent;
}

.printStyle:hover {
    color: transparent;
}
.link-dotted {
    cursor: pointer;
    border-bottom: 1px dotted;
}
.table-cabinet .ibtn {
    cursor: pointer;
}
.table-cabinet .meal-empty, .table-cabinet .meal-copy {
    margin-left: 5px;
}
.table-cabinet .no-horiz-padding {
    padding-left: 0;
    padding-right: 0;
}

/* RADIO-BUTTONS */
.weekend-container {
    height: 35px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 10px;
}
.radio-container {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.radio-item ~ .radio-item {
    margin-left: 20px;
}
.radio-item {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
}
.radio-item label {
    cursor: pointer;
}
.radio-item input {
    position: absolute;
    opacity: 0;
}
.radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #000;
    cursor: pointer;
}
.radio-item ~ .radio-item .radio-checkmark {
    border: none;
}
.radio-checkmark:after {
    display: none;
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 18px;
    color: #76D21B;
}
.radio-item input:checked ~ .radio-checkmark:after, .radio-item:hover .radio-checkmark:after {
    display: block;
}
.radio-item .radio-checkmark:after, .radio-item:hover .radio-checkmark:after {
    top: 2px;
    left: 3px;
}
.radio-item ~ .radio-item .radio-checkmark:after, .radio-item ~ .radio-item:hover .radio-checkmark:after {
    left: 4px;
}
.report-circle{
    display: inline-block;
    margin: auto 0;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.report-line{
    background-color: #fbf7f7;
}
.report-circle-red{
    background: red;
}
.report-circle-green{
    background: green;
}
.report-circle-yellow{
    background: #ff8900;
    margin-top: 12px!important;
}
.report-title-visual{
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 100px 30px ;
    color: #4e5054;
}
.report-circle.big-report-circle{
    width: 10px;
    height: 10px;
    display: block;
    margin: 7px 0 0 0;
}
.report-line-red{
    background-color: rgba(255, 12, 0, 0.08);
}

/*another style for new header, footer, modal in cabinet*/
/*utilities*/
.hidden-block {
    display: none !important;
}

.margin-null {
    margin: 0 !important;
}

.visible-xs {
    display: none;
}

.hidden-xs {
    display: block;
}

.pos-rel {
    position: relative;
}

.height100 {
    height: 100%;
}

@media (max-width: 768px) {
    .visible-xs {
        display: block !important;
    }

    .hidden-xs {
        display: none !important;
    }
    .report-title-visual{
        margin: 0 10px;
    }
    #tcModal, #tcFirstStepDate, #tcFirstStepNoDate, #tcFirstStepSuccess, #tcFirstStepError, #tcSecondStepNoDate, #tcSecondStepDate, #tcSecondStepSuccess, 
    #tcSecondStepError, #tcNoFlag, #tcErrorPopup
    {
        width: auto; 
        margin: auto;
    }
    #tcModal .modal-content, #tcFirstStepDate .modal-content, #tcFirstStepNoDate .modal-content, #tcFirstStepSuccess .modal-content, #tcFirstStepError .modal-content,
    #tcSecondStepNoDate .modal-content, #tcSecondStepDate .modal-content, #tcSecondStepSuccess .modal-content, #tcSecondStepError .modal-content, #tcNoFlag .modal-content,
    #tcErrorPopup .modal-content
    {
        width: auto
    }
    .tc-buttom-wrapper {
        text-align: center;
    }
    .user .info {
        margin-left:0px;
    }
}
/* Buttons */
.main-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 214px;
    height: 48px;
    box-shadow: 0 12px 22px rgba(204, 137, 90, 0.3);
    border-radius: 27px;
    background-color: #d99565;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s;
}

.main-btn:hover {
    background-color: #ffb291;
}

.main-btn.cancel {
    margin-right: 15px;
    background-color: #fff;
    border: 1px solid #d99565;
    color: #d99565;
}

@media (max-width: 768px) {
    .main-btn {
        width: 100%;
        height: 48px;
    }
}
/* modal */
#modalEditContacts .modal-header h4.modal-title.text-center{
    line-height: 32px;
}
#modalEditContacts label.control-label{
    width: 100%;
    text-align: center;
}
#modalEditContacts .modal-header .close{
    margin-right: -35px;
    margin-top: -25px;
}
/* end modal */
.modal-content {
    width: 493px;
    /*height: 365px;*/
    margin: auto;
    padding: 25px 40px 40px;
    box-shadow: 5px 6px 22px rgba(0, 0, 0, 0.13);
    border-radius: 14px;
    background-color: #fff;
}

.modal-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    padding-left: 45px;
    border-radius: 23px;
    background-color: #f2f2f2;
    color: #4e5054;
    font-size: 16px;
    font-weight: 300;
}

.modal-input:not(:last-child) {
    margin-bottom: 10px;
}

.modal-wrap-input {
    position: relative;
    margin: 0 0 25px;
    padding: 0;
}

.modal-wrap-input label {
    content: "";
    display: flex;
    position: absolute;
    top: 14px;
    left: 20px;
    width: 15px;
    height: 16px;
    /*background: url(./../img/modal-login.png) no-repeat; */
    z-index: 1;
}

.modal-wrap-input label.label-pass {
    /*background: url(./../img/modal-pass.png) no-repeat;*/
}

.base-modal .main-btn {
    box-shadow: none;
    height: 40px;
}

.modal-footer {
    display: flex;
    justify-content: center;
    border-top: none;
    padding: 10px 0 15px;
    width: 100%;
}

.modal-header {
    justify-content: center;
    border-bottom: none;
    padding: 0 0 20px;
}

.modal-dialog {
    margin-top: 5%;
}

.modal-body {
    padding: 0;
}

.modal-header h4 {
    color: #d99565;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
}

a.forget-pass {
    color: #4e5054;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    border-bottom: 1px solid #ececec;
}

.forget-pass-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

input::placeholder,
textarea::placeholder {
    color: #c3c3c3;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

textarea {
    border: none;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c3c3c3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c3c3c3;
}

.modal-textarea {
    height: 101px;
    padding: 8px 0 5px 25px;
    line-height: 27px;
    resize: none;
}

#send-mess label {
    display: none;
}
#send-mess .modal-input {
    padding-left: 25px;
}
#send-mess .modal-content {
    height: auto;
}

#food-modal .modal-content,
#entry-modal .modal-content,
#education-modal .modal-content,
#library-modal .modal-content {
    width: 880px;
    height: 470px;
    padding: 30px 30px 40px 35px;
    overflow-y: hidden;
}
#food-modal .modal-dialog,
#entry-modal .modal-dialog,
#education-modal .modal-dialog,
#library-modal .modal-dialog {
    display: flex;
    max-width: 880px;
    height: 465px;
}
#food-modal .description,
#entry-modal .description,
#education-modal .description,
#library-modal .description {
    height: 400px;
    overflow-y: auto;
}
#food-modal .description-img,
#entry-modal .description-img,
#education-modal .description-img,
#library-modal .description-img {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 130px;
    height: 130px;
    margin: 0 25px 15px 0;
    background-color: #4e5054;
    border-radius: 50%;
}
#food-modal .description-img img,
#entry-modal .description-img img,
#education-modal .description-img img,
#library-modal .description-img img {
    width: 80%;
}
#food-modal .description-title,
#entry-modal .description-title,
#education-modal .description-title,
#library-modal .description-title {
    padding-bottom: 10px;
    line-height: 29px;
    color: #d99565;
    font-size: 22px;
}
#food-modal .description-title:not(:first-child),
#entry-modal .description-title:not(:first-child),
#education-modal .description-title:not(:first-child),
#library-modal .description-title:not(:first-child) {
    margin-top: 15px;
}
#food-modal .description-title.first,
#entry-modal .description-title.first,
#education-modal .description-title.first,
#library-modal .description-title.first {
    margin-top: 0;
}
#food-modal .description p, #food-modal .description li,
#entry-modal .description p,
#entry-modal .description li,
#education-modal .description p,
#education-modal .description li,
#library-modal .description p,
#library-modal .description li {
    color: #918e9d;
    font-size: 14px;
    line-height: 20px;
}
#food-modal .description li,
#entry-modal .description li,
#education-modal .description li,
#library-modal .description li {
    position: relative;
    margin-left: 20px;
}
#food-modal .description li:before,
#entry-modal .description li:before,
#education-modal .description li:before,
#library-modal .description li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -20px;
    width: 5px;
    height: 5px;
    background-color: #d99565;
    border-radius: 50%;
}
#food-modal .description .steps,
#entry-modal .description .steps,
#education-modal .description .steps,
#library-modal .description .steps {
    padding-bottom: 20px;
}

#entry-modal .description-img {
    background-color: #d99565;
}
#entry-modal .description-img img {
    width: 45%;
    height: 65%;
}

#education-modal .description-img {
    background-color: #415667;
}
#education-modal .description-img img {
    width: 60%;
    height: 55%;
}

#library-modal .description-img {
    background-color: #675141;
}
#library-modal .description-img img {
    width: 70%;
    height: 50%;
}

@media (max-width: 768px) {
    .modal-content {
        width: 340px;
    }
    .modal-header h4 {
        font-size: 19px;
        line-height: 36px;
    }
    .modal.big .modal-dialog {
        width: auto;
    }
    .user-form input {
        width: 100%;
    }
    .tab-pane {
        overflow-x: scroll;
    }
}
/*header*/
.header-content {
    display: flex;
    align-items: center;
}
.header {
    position: relative;
    width: 100%;
    padding: 12px 0 55px;
    margin-top: -100px;
    box-shadow: 0 2px 4px #afacac;
    z-index: 3;
    color: #4e5054;;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 29px;

}
div.about-cont a:hover,
div.about-cont a:link,
div.about-cont a:visited {
    font: 13px Helvetica,arial,Tahoma,sans-serif;
    text-decoration: none;
    color: #7f7f7f;
}
.header .logo-wrap {
    width: 40%;
    padding-left: 24px;
}
.header .logo {
    width: 155px;
    height: auto;
}
.header .phone-wrap {
    display: flex;
    flex-direction: column;
    margin-left: 80px;
}
.header .phone-wrap a {
    color: #d99565;
    /*font-size: 30px;*/
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
    font: 27px Helvetica,arial,Tahoma,sans-serif;
    text-decoration: none;

}
.header .phone-wrap span {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
}
.header .phone-wrap .mail {
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    color: #7f7f7f;
}
a.top-link{
    margin-bottom: 10px;
}
div.phone-wrap.hidden-xs span{
    font: 9px Helvetica,arial,Tahoma,sans-serif;
    color: #7f7f7f;
}
.header .about-cont {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.header .about-cont a {
    color: #4e5054;
    font-size: 13px;
    font-weight: 300;
    line-height: 29px;
    text-transform: uppercase;
}
.header .authentification {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    padding-top: 5px;
    cursor: pointer;
}
.header .user-photo a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header .img-logged {
    width: 30px;
    height: 30px;
}
.header .user-name {
    font-size: 12px;
}
.header .login {
    margin-left: 15px;
    color: #d99565;
    font-size: 13px;
    text-transform: uppercase;

    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}
.header .login a {
    color: #4e5054;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 29px;
         }
.header .navigation {
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    border-radius: 55px;
    background: #4e5054;
}
.header .nav-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}
.header .nav-list li a {
    display: block;
    text-align: center;
    padding: 30px 22px 30px 45px;
    font-weight: 300;
    color: #fff;
    font: 13px Helvetica,arial,Tahoma,sans-serif;
    text-transform: uppercase;
    transition: all 0.3s;
}
.header .nav-list li a.mess-btn {
    border-radius: 0 55px 55px 0;
    background: #d99565;
    color: #fff;
    cursor: pointer;
}
.header .nav-list li a.mess-btn:hover {
    background: #ffb291;
}
.header a.first-child {
    border-radius: 55px 0 0 55px;
}
.header .top-mob {
    position: relative;
    height: 100px;
    display: none;
    align-items: center;
    justify-content: center;
}
.header .close-mob {
    position: absolute;
    top: 30px;
    right: 20px;
    padding: 10px 20px;
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .contact-us {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 335px;
    height: 48px;
    margin: 20px auto;
    border-radius: 45px;
    border: none;
    background-color: #d99565;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
.header .burger-menu {
    margin-left: 5%;
    cursor: pointer;
}
.header .slash {
    margin: 0 7px;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .header .nav-list {
        height: 80px;
        box-shadow: 0 12px 14px rgba(183, 183, 183, 0.46);
        border-radius: 55px;
    }
    .header .nav-list li {
        height: 100%;
    }
    .header .nav-list li a {
        display: flex;
        align-items: center;
        padding: -1px 30px;
        height: 100%;
        line-height: 19px;
    }
}
@media (max-width: 1200px) {
    .header .phone-wrap a {
        font-size: 22px;
    }
    .header .phone-wrap span {
        font-size: 11px;
    }
    .header .about-cont a {
        font-size: 11px;
        line-height: 24px;
    }
    .header .nav-list li a {
        padding: 0 17px;
    }
}
@media (max-width: 992px) {
    .header .phone-wrap a {
        font-size: 18px;
    }
    .header .phone-wrap span {
        font-size: 9px;
    }
    .header .about-cont {
        justify-content: center;
    }
    .header .about-cont a {
        font-size: 11px;
    }

    .header .user-photo img {
        width: 35px;
    }
    .header .login {
        margin-top: -5px;
    }
    .header .nav-list li a {
        padding: 0 10px;
        font-size: 11px;
    }
}
@media (max-width: 768px) {
    body,
    main {
        background-color: #fcfcfc;
    }

    .header {
        position: fixed;
        top: 0;
        padding: 16px;
        margin-top: 0;
        background: #fff;
        box-shadow: none;
    }
    .header-content {
        align-items: center;
    }
    .header .top-mob {
        display: flex;
    }
    .header .nav-list {
        display: block;
    }
    .header .nav-list li {
        display: block;
        margin-right: 0;
        line-height: 12px;
    }
    .header .nav-list li a {
        padding: 15px 0;
        font-size: 13px;
        line-height: 10px;
    }
    .header .logo {
        width: 130px;
    }
    .header .logo-wrap {
        width: 92.5%;
    }
    .header .authentification {
        display: none;
    }
    .header .navigation {
        display: none;
        border-radius: 0;
        position: fixed;
        width: 100%;
        background-color: rgba(41, 42, 44, 0.94);
        top: 0;
        left: 0;
        height: 620px;
    }
    .form-horizontal.filters{
        display: flex;
        flex-direction: column;

    }
    .form-horizontal.filters .form-group{
        display: flex;
        flex-direction: column;
    }
    .btn.dialog {
        height: auto;
        margin: 5px auto;
    }
    .input-group.datepicker{
        margin: 5px 10px;
    }
    .cabinet .dropdown-menu{
        transform: none !important;
    }
    .input-group{
        margin: 5px;
    }
}
@media (max-width: 640px) {
    .form-horizontal.filters div.form-group div.col-xs-5, .form-group .col-xs-4, .form-group .col-xs-3, .form-group .col-xs-2 {
        width: 100%;
    }
}
/*footer*/
.footer {
    height: 100%;
    background-color: #f7f7f7;
    padding: 70px 0 80px;
}
.footer .logo-foot {
    width: 75%;
    height: auto;
    margin: 0 auto;
}
.footer .phone-mob {
    display: none;
}
.footer .menu_footer a {
    /* font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase; */
    font: 12px Helvetica,arial,Tahoma,sans-serif;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.footer a {
    color: #918e9d;
}
.footer .foot-year {
    margin-top: 20px;
}
.footer .phone_footer {
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
}
.footer .sup-cl {
    text-transform: uppercase;
    color: #918e9d;
    font-size: 10px;
    font-weight: 300;
    line-height: 14px;
}
.footer .sup-cl a{
    font: 12px Helvetica,arial,Tahoma,sans-serif;
}
.footer .policy,
.footer .copyright {
    font-size: 12px;
    font-weight: 300;
    color: #918e9d;
    font-family: Helvetica,arial,Tahoma,sans-serif;
}
.footer .down-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 120%;
    margin-left: -20%;
    padding: 0 5px;
    border-radius: 27px;
    border: 1px solid #d99565;
    font-size: 15px;
    color: #d99565;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.2s;
}
.footer .down-btn a {
    color: #d99565;
}
.footer .down-btn:hover {
    background-color: #d99565;
}
.footer .down-btn:hover a {
    color: #fff;
}

.container-fluid.page404{
    margin-top: 10vh;
}
.footer.page404{
    height: auto;
    position: fixed;
    bottom: 0;
}
.phone_footer-wrap{
    color: #918e9d;
    font: 12px Helvetica,arial,Tahoma,sans-serif;
}

@media (max-width: 1200px) {
    .footer .phone_footer {
        font-size: 17px;
    }
}
@media (max-width: 992px) {
    .footer {
        text-align: center;
    }
    .footer .phone_footer {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .footer .down-btn {
        width: 80%;
        margin-left: 0;
    }
    .footer .down-btn {
        font-size: 13px;
        width: 30%;
        margin: 25px auto 0;
    }
    .footer .logo-foot {
        width: auto;
        max-width: 100%;
    }
    .footer.page404{
        position: inherit;
    }
}
@media (max-width: 768px) {
    .footer {
        padding: 45px 0 80px;
    }

    .footer .phone_footer {
        margin-top: 35px;
        font-size: 25px;
    }

    .footer .phone_footer-wrap {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .footer .sup-cl {
        font-size: 12px;
    }
    .footer .down-btn {
        font-size: 13px;
    }
    .footer .foot-year {
        margin-top: 25px;
        text-align: center;
    }

    .footer .menu_footer {
        text-align: center;
    }

    .footer .menu_footer a {
        font-size: 15px;
    }

    .footer .logo-foot-wrap {
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }


}

@media (max-width: 1200px) {
    .custom-container-fix {
        width: auto !important;
    }
}

@media (max-width: 992px) {
    .custom-container-fix {
        width: auto !important;
    }

    @media (max-width: 768px) {
        .custom-container-fix {
            width: auto !important;
            padding-top: 0;
        }
        #cabinet{
            margin-top: 0;
        }
    }

}

.header .nav-list li a:hover {
    /* background: #3b3d41; */
    color: #d99565;
    /*-webkit-box-shadow: 0 -1px 2px rgba(0,0,0,.5);
    box-shadow: 0 -1px 2px rgba(0,0,0,.5);*/
}
.header .about-cont.first {
    padding-right: 20px; }
#print_container_tabelosn table.table-striped.table-simple.table-cabinet.table-small.tabel tr th,
#print_container_tabelosn table.table-striped.table-simple.table-cabinet.table-small.tabel tr td,
#print_container_tabel table.table-striped.table-simple.table-cabinet.table-small.tabel tr th,
#print_container_tabel table.table-striped.table-simple.table-cabinet.table-small.tabel tr td,
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel tr th,
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel tr td,
#print_container_tabel_no_filter table.table-striped.table-simple.table-cabinet.table-small.tabel tr th,
#print_container_tabel_no_filter table.table-striped.table-simple.table-cabinet.table-small.tabel tr td,
#rep-tabel-ved table.table-striped.table-simple.table-cabinet.table-small.tabel tr th,
#rep-tabel-ved table.table-striped.table-simple.table-cabinet.table-small.tabel tr td{
    text-align: center;
    font-size: 0.75rem;
}
#print_container_wkslist .wks_list_copy_row .btn.dialog{
    font-size: 14px;
    height: 30px;
    padding: 5px 9px;
}
#result_pitanie .table>thead>tr>th,
#rep_pit_1 .table>thead>tr>th{
    padding: 0;
}
#print_container_list table.table-striped.table-simple.table-cabinet.table-small tr th:last-child,
#print_container_list table.table-striped.table-simple.table-cabinet.table-small tr td:last-child,
#list-class table.table-striped.table-simple.table-cabinet.table-small tr th:last-child,
#list-class table.table-striped.table-simple.table-cabinet.table-small tr td:last-child{
    width: 20%;
}
#print_container_tabel_free table.table-striped.table-simple.table-cabinet.table-small.tabel{
    width: 150%;
    max-width: 150%;
}
#print_container_tabel table.table-striped.table-simple.table-cabinet.table-small.tabel,
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel{
    width: 150%;
    max-width: 150%;
}
#print_container_tabel table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(2),
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(2){
    text-align: left;
}
.menu_footer.menu_footer_left{
    /* padding-right: 0; */
}
.menu_footer.menu_footer_right{
    /* padding-left: 0; */
}
#print_container_tabel .table-striped.table-simple.table-cabinet.table-small.tabel{
    width: 160%;
    max-width: 160%;
}
#print_container_tabel table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(3),
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(3){
    text-align: left;
}
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel tr th.th-full{
    min-width: 180px;
}
#print_container_tabel_full table.table-striped.table-simple.table-cabinet.table-small.tabel tr th.th-full-70{
    min-width: 70px;
}
#print_container_rep_1 table.table-striped.table-simple.table-cabinet.table-markered thead tr th{
    font-size: 11px;
    padding: 4px 1px;
}
#print_container_rep_1 table.table-striped.table-simple.table-cabinet.table-markered tbody tr td{
    font-size: 11px;
    padding: 4px 1px;
}
#print_container_rep_1 table.table.table-striped.table-simple.table-cabinet.table-markered tbody tr td:nth-child(2){
    width: 25%;
    text-align: left;
    padding: 4px 5px;
}
#print_container_rep_2 table.table-striped.table-simple.table-cabinet.table-markered thead tr th{
    font-size: 12px;
    padding: 8px 1px;
}
#print_container_rep_2 table.table-striped.table-simple.table-cabinet.table-markered tbody tr td{
    font-size: 12px;
    padding: 8px 1px;
}
#print_container_rep_2 table.table.table-striped.table-simple.table-cabinet.table-markered tbody tr td:nth-child(2){
    width: 25%;
    text-align: left;
    padding: 8px 8px;
}
#rep-tabel-class table.table-striped.table-simple.table-cabinet.table-small.tabel tr td{

}
#rep-tabel-class table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(2),
#rep-tabel-class table.table-striped.table-simple.table-cabinet.table-small.tabel tr th:nth-child(2){
    /*width: 100%;*/
    text-align: left;
}
#print_container_repfio_bjt table.table-striped.table-simple.table-cabinet.table-small.tabel tr td{
    font-size: 12px;
    padding: 2px 4px;
}
#rep-tabel-class table.table-simple>thead>tr>th,
#rep-tabel-class table.table-simple>tbody>tr>td{
    padding: 4px 2px;
}
#rep-tabel-cat-no-filter .table-striped.table-simple.table-cabinet.table-small.tabel{
    width: 160%;
    max-width: 160%;
}
#rep-tabel-cat-no-filter table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(3){
    text-align: left;
}
#rep-tabel-ved table.table-striped.table-simple.table-cabinet.table-small.tabel tr td:nth-child(2){
    text-align: left;
}
#result_rep_3 .table>tbody>tr>td{
    padding: 8px 5px;
    font-size: 14px;
}
#result_list_class table.table-striped.table-simple.table-cabinet.table-small tr td:nth-child(2){
    width: 25%;
}
#result_list_class table.table-striped.table-simple.table-cabinet.table-small tr td{
    font-size: 14px;
}
#workplace #wkstable.table.table-striped.table-simple.table-cabinet.table-markered tr td input{
    width: 20px;
    height: 15px;
}
#modalEditSprav label.control-label{
    width: 100%;
    text-align: left;
}
#modalEditSprav .col-xs-4.control-label{
    padding-left: 0;
}
#pitmsgoverlay #pitmsg{
    text-align: center;
}
#pitmsgoverlay .col-xs-4.text-center{
    width: 100%;
}
#menuplace table#mealstable td.text-center input{
    width: 20px;
    height: 15px;
}
#selectmeal .modal-content{
    width: 600px;
}
#menuplace table#mealstable td.center,
#menuplace table#mealstable td.text-subtitle{
    font-size: 12px;
    padding:  0;
}
#addmodal .modal-content{
    width: 600px;
}
#addmodal #pupils th input,
#addmodal #pupils td input{
    width: 20px;
    height: 15px;
}
#datedatepicker{
    width: 100%;
    text-align: center;
}
div#result_ved table.table-striped.table-simple.table-cabinet.table-small.tabel{
    font-size: 11px;
}
#pitanie #print_container_pitanie table.table-striped.table-simple.table-cabinet.table-markered tr th:nth-child(2){
    width: 20%;
}
#pitanie #print_container_pitanie table.table-striped.table-simple.table-cabinet.table-markered tr th,
#pitanie #print_container_pitanie table.table-striped.table-simple.table-cabinet.table-markered tr td{
    font-size: 11px;
}
#gr_list #print_container_list tr th,
#gr_list #print_container_list tr td{
    font-size: 11px;
}

/* Transport cart */
.col-md-4.tc-buttom-wrapper,
.col-md-6.tc-buttom-wrapper{
    text-align: center;
}
.tc-buttom-wrapper .btn.dialog.tc-button{
    font-size: 12px;
    height: 65px;
}
.row.tc-wrapper-buttons{
    margin-top: 20px;
    margin-bottom: 20px;
}
/* End Transport cart */
/* Start Sprav Popup */
div.row.sprav-popup button.btn{
    width: 200px;
}
div.row.detach-popup button.btn{
    width: 200px;
}
/* End Sprav Popup */
/* Pupil food list*/
td{
    background-color: #fff;
}
.table-head-tr1 .date{
    min-width: 90px;
}
.date-first{
    background-color: #ffeada;
}
.date-corr, .meal{
    background-color: #F6F6F5;
}
.class{
    background-color: #ebf6ff;
}
.pupil-food-list .header-td.meal{
    font-size: 9px;
    min-width: 170px;
}
.table-total{
    background-color: #d6f4ff;
}
.weekend, .column-total, .row-total{
    background-color: #e8e8e8;
}
.pupil-food-list{
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #d99565;
    border-radius: 25px;
    border: none;
    margin-top: 10px;
}
.pupil-food-list .pfl-title {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}
.day-meal-wrapper {
  overflow-x: scroll;
}
.pupil-food-list .wrapper-pupil-food-list{
    width: 100%;
    margin: 0 auto;
}
.pupil-food-list .wrapper-pupil-food-list table {
    width: 100%;
}
.pupil-food-list .day-name{
    text-align: center;
    background-color: #9e604b;
    color: #fff;
}
.pupil-food-list .wrapper-pupil-food-list .complex-name{
    text-align: center;
    background-color: #ddd;
    color: #333;
    max-width: 120px;
    min-width: 120px;
}
.pupil-food-list .wrapper-pupil-food-list .complex-type{
    text-align: center;
    background: #f2f2f2;
    color: #333;
    max-width: 40px;
    min-width: 40px;
}
.pupil-food-list .wrapper-pupil-food-list .day-meal-wrapper{
    margin: 0 0 20px 0;
}
.pupil-food-list .wrapper-pupil-food-list table tr td{
    border: 1px solid #ccc;
    font-size: 14px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 11px;
    text-align: center;
}
.pupil-food-list .wrapper-pupil-food-list .complex-value{
    text-align: center;
    background-color: #ffffff;
}
#pupil-food-form .complex-value.date-first {
    background-color: #FFE9D5;
}
#pupil-food-form .complex-value.weekend {
    background-color: #E8E8E8;
}
#form-food-data #save_food_list{
    margin-top: 20px;
}
#pupil-food-form td{
    font-weight: bold;
    font-size: 11px;
}
#pupil-food-form td.date-corr{
    font-weight: normal;
}
#pupil-food-form td input{
    font-size: 11px;
}
#pupil-food-form td.meals{
    min-width: 90px;
}

.warning{
    margin: 20px;
    color: darkred;
}
.day-error-meal{
    width: 100%;
    margin: 10px 0;
}
.day-error-meal .day-error-number{
    text-align: center;
    background-color: #9e604b;
    color: #fff;
    margin: 0;
    padding: 0;
}
.day-error-meal .day-error-message{
    text-align: center;
    background-color: #ddd;
    color: #333;
    margin: 0;
    padding: 0;
}
.day-meal-wrapper .complex-value input{
    width: 40px;
    height: 25px;
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #4e5054;
    text-align: center;
}

#pupil-food-form .complex-value input {
    width: 20px;
    height: 25px;
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #4e5054;
    text-align: center;
}

#mail-food-list-wrapper{
    padding: 0;
} 

#rep-food-list{
    padding-left: 5px;
    padding-right: 5px;
}
.wrapper-pupil-food-list{
    overflow: auto;
}

.pupil-food-list .food-list-title{
    max-width: 140px;
    min-width: 140px;
    background-color: #ddd;
    color: #333;
}
.report-food-list{
    margin-top: 20px;
}
.food-list-wrapper-button{
    text-align: center;
}
.food-list-wrapper-button #save_food_list{
    height: 40px;
    border-radius: 25px;
    background-color: #415667;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    width: 250px;
    padding: 10px;
    margin: 0 auto;
    cursor: pointer;
}
.boss-food-report,
.boss-food-report-it
{
    background-color: #929292;
    color: #ffffff;
    height: 44px;
    margin: 10px 0 0 0;
    text-align: center;
    padding-top: 10px;
}
.boss-food-list-table{
    overflow: auto;
    height: 500px;
}
.boss-food-list-table table{
    border-collapse: collapse;
    border-collapse: inherit;
    border-spacing: 1px;
}
.boss-food-list-table .table-head-tr1 td{
  position: sticky;
  top: 0px;
  border:1px solid #ccc;
}
.boss-food-list-table .table-head-tr2 td{
    position: sticky;
    top: 22px;
    border:1px solid #ccc;
  }
.boss-food-list-table tbody {
    
  /*   height: 300px;
   overflow: auto;  */
}/*
.boss-food-list-table thead > tr, .boss-food-list-table tbody{
    display:block;
} */

.boss-food-list-report-wrapper{
    margin-bottom: 10px;
}
/* End Pupil food list*/
/* Start Compare food list */
.boss-compare-food-report{
    background-color: #c39e91;
    color: #ffffff;
    height: 90px;
    margin: 10px 0 0 0;
    text-align: center;
    padding-top: 10px;
}
.compare-food-list-title{
    max-width: 79px;
    min-width: 79px;
    background-color: #ddd;
    color: #333;
}
.compare-food-list-side{
    background-color: #ddd;
    color: #333;
}
.compare-complex-name{
    text-align: center;
    background-color: #ddd;
    color: #333;
    max-width: 120px;
    min-width: 120px;
}
#check-food-list .wrapper-pupil-food-list table {
    width: 100%;
}
table.compare-food-list-table tr td {
    border: 1px solid #ccc;
    font-size: 14px;
    padding-right: 3px;
    padding-left: 3px;
}
table.compare-food-list-table .complex-type{
    text-align: center;
    background: #f2f2f2;
    color: #333;
    max-width: 30px;
    min-width: 30px;
}
.compare-text-center{
    text-align: center;
}
.compare-complex-value{
    text-align: center;
    background-color: #ffffff;
}
#check-food-list .pfl-title{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}
#check-food-list{
    display: block;
    width: 100%;
    height: auto;
    /* border: 1px solid #d99565;
    border-radius: 25px;
    margin-top: 10px; */
}
/* End Compare food list */
.tc-buttom-wrapper .btn.dialog.tc-second-button{
    font-size: 12px;
    height: 53px;
}