@import url('https://fonts.googleapis.com/css?family=Manrope');

.flip-container {
    perspective: 1000px;
    transform-style: preserve-3d;
}

.flip-container, .front, .back {
    width: 100%;
    height: auto;
}

.menubar-unfold .advert-icon-left {
    display: none;
}

.calendar-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 400px));
    justify-content: space-between;
}

.calendar-list h4 {
    text-align: center;
}


.rooms-calendar-list {
    display: flex;
    flex-wrap: wrap;
}

.rooms-calendar-list > .widget-header {
    width: 100%;
}

.one-room-calendar {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0 10px 20px 10px;
}

.one-room-calendar {
    width: 380px;
}

.one-room-calendar .fc-center button {
    background: no-repeat;
    border: none;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    text-shadow: 0 1px 5px white;
}

.fullscreen-calendar-list {
    padding: 0;
}

.fullscreen-calendar-list .widget-header {
    background-color: #fff;
}

.fullscreen-calendar-list .rooms-calendar-list {
    padding: 0;
    margin: 0;
    height: 100vh;
}

.one-room-calendar.one-room-calendar-element .fc-content-skeleton .fc-content .fc-title,
.one-room-calendar.one-room-calendar-element .fc-content-skeleton .fc-content .fc-time {
    font-size: 1.5em;
}

.one-room-calendar.one-room-calendar-element .fc-content-skeleton .label.label-info {
    line-height: 2;
    font-size: 1.2em;
}

.one-room-calendar.one-room-calendar-element .fc-toolbar {
    padding: 5px 0;
}

.one-room-calendar.one-room-calendar-element {
    border: 1px solid #bbb;
}

.one-room-calendar.one-room-calendar-element .fc-view-container .fc-head-container .fc-day-header {
    padding: 5px 0;
}

.one-room-calendar .fc-toolbar .fc-center button,
.one-room-calendar .fc-view-container .fc-head-container .fc-day-header span,
.one-room-calendar .fc-widget-content .fc-slats tr td span {
    font-size: 1.5em;
}

/*.one-room-calendar .fc-scroller::-webkit-scrollbar {*/
/*    display: none;*/
/*}*/

.one-room-date {
    position: absolute;
    border-radius: 10px;
    width: 350px;
    background-color: #fff;
    z-index: 10;
    margin-top: -720px;
    margin-left: 25px;
}

.one-room-date .datepicker {
    padding: 5px;
}

.one-room-date .table-condensed .prev {
    display: block;
    visibility: visible !important;
}

.one-room-date .table-condensed .dow {
    display: table-cell !important;
}

@media (max-width: 420px) {
    .one-room-calendar, .one-room-date {
        width: 93%;
    }

    .one-room-date {
        margin-left: -10px;
    }
}

.one-room-calendar .fc-center {
    /*height: max-content;*/
    color: #fff;
    text-shadow: 0 1px 2px black;
}

.one-room-calendar .fc-toolbar {
    margin-bottom: 0;
    padding: 15px 0;
    border-radius: 7px 7px 0 0;
}

.one-room-calendar .fc-day-grid .fc-week.fc-widget-content,
.one-room-calendar .fc-widget-content > hr,
.one-room-calendar th:first-child {
    display: none;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
    top: 0;
    left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
}

/*
	Some vertical flip updates
*/
.vertical.flip-container {
    position: relative;
}

.vertical .back {
    transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
}


.flip-container.flip .flipper {
    transform: rotateY(180deg);
}

.select2 {
    width: 100% !important;
}

.removeOrder, .eventBtn {
    position: relative;
    z-index: 900
}

.fc-content {
    font-size: 80%;
}

.color.turquoise {
    background: #1ABC9C
}

.color.green-sea {
    background: #16A085
}

.color.emerland {
    background: #2ECC71
}

.color.nephritis {
    background: #27AE60
}

.color.peter-river {
    background: #3498DB
}

.color.belize-hole {
    background: #2980B9
}

.color.amethyst {
    background: #9B59B6
}

.color.wisteria {
    background: #8E44AD
}

.color.wet-asphalt {
    background: #34495E
}

.color.midnight-blue {
    background: #2C3E50
}

.color.sun-flower {
    background: #F1C40F
}

.color.orange {
    background: #F39C12
}

.color.carrot {
    background: #E67E22
}

.color.pumpkin {
    background: #D35400
}

.color.alizarin {
    background: #E74C3C
}

.color.pomegranate {
    background: #C0392B
}


.bg0 {
    background: #C0392B !important;
}

.bg1 {
    background: #1ABC9C !important;
}

.bg2 {
    background: #E74C3C !important;
}

.bg3 {
    background: #16A085 !important;
}

.bg4 {
    background: #D35400 !important;
}

.bg5 {
    background: #2ECC71 !important;
}

.bg6 {
    background: #E67E22 !important;
}

.bg7 {
    background: #27AE60 !important;
}

.bg8 {
    background: #3498DB !important;
}

.bg9 {
    background: #F39C12 !important;
}

.bg10 {
    background: #2980B9 !important;
}

.border0 {
    border-color: #C0392B !important;
}

.border1 {
    border-color: #1ABC9C !important;
}

.border2 {
    border-color: #E74C3C !important;
}

.border3 {
    border-color: #16A085 !important;
}

.border4 {
    border-color: #D35400 !important;
}

.border5 {
    border-color: #2ECC71 !important;
}

.border6 {
    border-color: #E67E22 !important;
}

.border7 {
    border-color: #27AE60 !important;
}

.border8 {
    border-color: #3498DB !important;
}

.border9 {
    border-color: #F39C12 !important;
}

.border10 {
    border-color: #2980B9 !important;
}

.label-lg {
    font-size: 100%;
}


body {
    font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fc-list-table td {
    padding: 10px;
}

#calendar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.img-main {
    display: inline-block;
}


/*Map Classes*/
.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: Roboto;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}


.map {
    width: 800px;
    height: 500px;
    margin-bottom: 10px
}

.gallery-item .thumb {
    position: relative;
}

.b-del {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    color: white;
    background: #b50e0e;
    border-radius: 7px;
    z-index: 99;
}

.b-del:hover {
    font-size: 22px;

}

.b-del:hover, .b-del:visited, .b-del:active, .b-del:focus {
    color: white;
}

.update-form {
    display: none;
    z-index: 99;
    position: relative;
    top: 0;
    left: 0;
}

.datepicker-inline {
    width: 100% !important;
}

.datepicker table {
    width: 100% !important;;
}

body.menubar-unfold .app-menu .submenu .menu-text {
    display: block;
}

.loader,
.loader:before,
.loader:after {
    background: #ee6a62;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.appointment-modal {
    font-family: Manrope, "Roboto", "Helvetica", "Arial", sans-serif;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

.appointment-modal h3 {
    font-size: 20px;
    padding: 0.5em 1em;
}

.appointment-modal .modal-body {
    padding: 0 2em 1em 2em;
}

.modal.appointment-modal.in {
    display: flex !important;
}

.appointment-modal .modal-body input,
.appointment-modal .modal-body textarea {
    border: 1px solid #aaa;
    border-radius: 4px;
}

.appointment-modal .modal-body input::placeholder,
.appointment-modal .modal-body textarea::placeholder {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    padding: 2px;
}

.appointment-modal .modal-header .close {
    font-weight: 100;
}

.appointment-modal .nav-tabs li a {
    color: #000000;
}

.appointment-modal .nav-tabs-horizontal .nav-tabs li.active a {
    color: #EE6A62;
    border-bottom: 2px solid #EE6A62;
}

.appointment-modal .nav-tabs-horizontal .nav-tabs li a:hover {
    color: #EE6A62;
    border-bottom: 2px solid #EE6A62;
}

.appointment-modal .checkbox-block {
    display: flex;
}

.appointment-modal .checkbox-block input[type=checkbox] {
    font-size: 2em;
    width: 20px;
    height: 20px;
    margin: 0 20px;
}

.appointment-modal .modal-content .form-control {
    height: 30px;
}

.save-button-tonesky {
    background-color: #ee6a62 !important;
    color: white;
    font-size: 1em;
    font-weight: 400;
    padding: 1em 2em;
}

.save-button-tonesky:hover {
    color: white;
}

.loader {
    color: #ee6a62;
    text-indent: -9999em;
    margin: auto;
    margin-top: 80px;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.flex-controls-checkbox > div > label {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: right;
    margin-bottom: 10px;
}

.flex-controls-checkbox > div > label span {
    margin-left: 5px;
}

.flex-controls-checkbox .form-group {
    margin-bottom: 0;
}

.index-room-list {
    display: flex;
    flex-wrap: wrap;
}

.flex-controls-checkbox-parent {
    position: fixed;
    right: 36px;
    margin-top: -40px;
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.checkbox label.one-slot-label {
    width: 20%;
}

.discount-slots {
    display: flex;
    line-height: 2.5em;
}

.discount-price {
    width: 35%;
}

.order-stats-info-inner {
    display: flex;
}

.order-stats-info-inner > div {
    display: flex;
    flex-wrap: wrap;
    width: 6em;
    text-align: center;
}

.order-stats-info-inner > div > span:first-child {
    font-size: 2em;
    width: 100%;
}

.client-button-form {
    display: flex;
    justify-content: center;
}

.discount-total-price {
    width: 20%;
}

.discount-total-label {
    width: 20%;
    margin-left: 1em;
}

.checkbox label.one-slot-label::before {
    margin-top: 0.65em;
}

.discount-calendar > div:first-child {
    width: 45%;
}


.slimScrollDiv, .menubar-scroll-inner {
    overflow: visible !important;
}

@media (max-width: 1280px) {
    .discount-calendar > div {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .client-button-form {
        justify-content: space-between;
    }
}

@media (max-width: 480px) {
    .client-button-form {
        flex-wrap: wrap;
        justify-content: center;
    }

    .order-stats-info-inner {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .commission-badge {
        left: 50%;
        position: fixed;
        top: 65px;
        transform: translateX(-50%);
        margin: 0;
    }
}


@media (max-width: 420px) {
    .slots span {
        display: none;
    }

    .checkbox label.one-slot-label {
        width: 40%;
    }
}

@media (max-width: 480px) {

    .one-room-calendar {
        width: 95%;
    }

    .prices-one-day [class*="col-"] {
        padding: 0;
    }

    .prices-form-header {
        display: none;
    }

    .flex-controls-checkbox-parent {
        position: relative;
        padding: 0 !important;
        right: 0;
    }

    .flex-controls-checkbox > div > label {
        flex-direction: row;
        justify-content: left;
    }

    .flex-controls-checkbox > div > label span {
        margin-right: 5px;
    }
}

.admin-main-stat {
    margin-bottom: 30px;
}

.admin-main-stat .one-element {
    border-radius: 15px;
    border: 1px solid #DADADA;
    margin: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    padding: 22px;
}

.admin-main-stat .row {
    border-radius: 15px;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

.admin-main-stat a {
    color: #0b0b0b;
}

.widget-header.room div {
    display: flex;
    margin-top: -30px;
    justify-content: end;
}

.widget-header.room h4 {
    padding: 5px 0;
}

.widget-header.room div span {
    background-color: #ff000087;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}

.stats-widget .widget-footer i {
    display: flex;
    justify-content: end;
    margin-top: -15px;
}