/*Сontents:*/
/*0.Datetimepicker and other plugins*/
/*1.login*/
/*2.IndexMenu*/
/*3.Booking*/
/*4.Hotels*/
/*5.Select Hotel*/
/*6.Flight data*/
/*7.Notification*/
/*8.User Menu*/
/*9.Payment*/
@import url("/web/css/fonts/SegoeUI/stylesheet.css");

/*0.Datetimepicker and other plugins*/

.timeselector-value, .timeselector-button {
    padding: 7px 16px!important;
}

.timeselector {
    font-family: 'Segoe UI'!important;
    background: #5D748A!important;
    border-color: #5D748A!important;
}

.timeselector-button {
    font-family: 'Segoe UI'!important;
    color: #0DB5AB !important;
    border-color: #5D748A!important;
    background: #152942!important;
}

.timeselector-value {
    font-family: 'Segoe UI'!important;
    color: white!important;
    border-color: #5D748A!important;
    /*border: solid 1px #fff;*/
    background: #152942!important;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable {
    background: #152942;
    border-radius: 15px;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable [role="navigator"] [role="period"] {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable [role="navigator"] .chevron-left,
.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable [role="navigator"] .chevron-right {
    font-size: 38px;
    color: #0DB5AB !important;
}


[type=year].gj-picker-bootstrap table tr td div, [type=decade].gj-picker-bootstrap table tr td div, [type=century].gj-picker-bootstrap table tr td div {
    font-weight: 600 !important;
    font-size: 3.5vw !important;
    color: white !important;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable table [role="week-days"] {
    font-weight: 600;
    font-size: 3.5vw;
    color: #0DB5AB;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable table tr td.current-month {
    font-weight: 600;
    font-size: 3.5vw;
    color: white;
}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable table .other-month div {
    font-weight: 600;
    font-size: 3.5vw;
    color: rgba(93, 116, 138, 0.3);

}

.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable table tbody .selected div {
    font-weight: 600;
    font-size: 3.5vw;
    background-color: #1BC6BB;
    border-radius: 50%;
    color: #FFFFFF;
}


.gj-picker.gj-picker-bootstrap.datepicker.gj-unselectable table tbody tr td div:hover {
    font-weight: 600;
    font-size: 3.5vw;
    background-color: #1BC6BB;
    border-radius: 50%;
    color: #FFFFFF;
}

#ui-datepicker-div {
    position: absolute !important;
    top: 30% !important;
    left: calc(50vw - 136px) !important;
    z-index: 9999 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}



.ap-cont {
    border-radius: 2vh;
    background: #152942!important;
}

.ap-cont .ap-component-section {
    background: #152942!important;
}

.ap-cont .ap-header {
    display: none;
}

.ap-cont .ap-component-gradient {
    background: transparent!important;
}


.ap-cont .ap-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ap-row {
    font-weight: 600;
    font-size: 6vw;
    color: #9AA0A7 !important;
    background: #152942!important;
    border-color: transparent;
    outline: none;
}

.ap-row.ap-row-selected {
    color: #0DB5AB !important;
}

.ap-row-disabled {
    color: #9AA0A7!important;
    opacity: 0.15;
}


.ap-cont #ap-button-cancel {
    display: none;
    color: #0DB5AB;
}


#ap-button-set {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    width: 33%;
    height: 8vw;
    background: #0DB5AB;
    border-radius: 7px;
    font-weight: 700;
    font-size: 4vw;
    border-color: #0DB5AB;
    border-top: none;
    margin-right: 42px;
    margin-bottom: 3vh;
}

/*SweetAlert---------------------------------------------------------------------------------------------------*/

.swal2-modal.swal2-popup  {
    background: #152942;
}
.swal2-modal.swal2-popup #swal2-title {
    color: white;
    font-family: 'Segoe UI';
    font-style: normal;
}
.swal2-modal.swal2-popup #swal2-html-container {
    color: #5D748A;
    font-family: 'Segoe UI';
    font-style: normal;
}
.swal2-modal.swal2-popup .swal2-actions{
    width: 100%;
}
.swal2-modal.swal2-popup .swal2-confirm {
    background: #0DB5AB;
    color: white!important;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    width: 90%;
}

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

#block_land {
    z-index: 100000000000000;
    position: fixed;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    font-weight: 900;
    top: 0;
    left: 0;
    text-align: center;
    background: #112237;
    color:  #1BC6BB;
    width: 100vw;
    height: 100vh;
    display: none;
}

body {
    width: 100%;
    height: 100vh;
    margin: 0;
    font-family: "Segoe UI";
}

a:hover, a:focus, a:active {
    text-decoration: none;
}

/*.main-container {*/
/*    font-family: "Segoe UI";*/
/*}*/


.header .right .shop.active {
    position: relative;
}

.header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}


.main-container .header {
    height: 10vh;
    background: #112237;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5vw;
    padding-right: 5vw;
}

.main-container .header .label {
    width: 50%;
    height: 25px;
    background-image: url("/web/images/mobile/logo/bookido-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.main-container .header .right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 25px;
}


.main-container .header .right a:focus {
    text-decoration: none;
}

.main-container .header .right .label-mini {
    margin-right: 6vw;
}

.main-container .app-main {
    background: #112237;
}

.main-container footer {
    height: 10vh;
    width: 100vw;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    z-index: 100;
    padding-top: 2vh;
}

.main-container footer > .menu-container {
    height: 100%;
    width: 100%;
    background: #152942;
    border-radius: 10vw 10vw 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 1.7vh;
    box-shadow: 0px -20px 50px 5px rgba(0, 0, 0, 0.89);
}

.main-container footer > .menu-container a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.main-container footer > .menu-container a:focus {
    text-decoration: none;
}

.main-container footer > .menu-container a .check, .main-container footer > .menu-container a .notify {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1vw;
    margin-bottom: 1.7vh;
    position: relative;
}

.main-container footer > .menu-container a .check span {
    display: none;
    font-size: 7vh;
    color: #1BC6BB;
}


.main-container footer > .menu-container a .notify .number {
    display: none;
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    background: #1BC6BB;
    color: white;
    font-size: 2.5vw;
    text-align: center;
    font-weight: 700;
}

.main-container footer > .menu-container a.active .check span {
    display: inline-block;
}

.main-container footer > .menu-container a.active i {
    color: #1BC6BB;
}

.main-container footer > .menu-container a i:hover {
    color: #1BC6BB;
    text-decoration: none;
}


.main-container footer > .menu-container a .notify .number {
    display: none;
}

.main-container footer > .menu-container a.active-notify .notify .number {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    margin-top: 2vh;
}

.main-container footer > .menu-container a i {
    color: white;
    font-size: 5.5vw;
}

.main-container footer .menu-container .notification-active.active2:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    line-height: 0;
    position: absolute;
    top: 4px;
    right: -3px;
}

.main-container footer .menu-container .notification-active.active2 .notify.check span {
    color: transparent;
}


/*1.login*/

.login-container {
    padding-top: 8vh;
    height: 100vh;
    font-family: "Segoe UI";
    color: #8d9dad;
}

.login-container #stillNotMember{
    color: white!important;
    margin-top: 15px!important;
}

.login-container #stillNotMember a.registerLink {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #1BC6BB!important;
    cursor: pointer;
}

.login-container #recoverPassword {
    color: #1BC6BB!important;
}


.login-container form input.form-control {
    /*background: #112237 !important;*/
    color: #8d9dad!important;
}

.login-container .container-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.login-container .container-logo .logo {
    width: 60%;
    height: 50px;
    background-image: url("/web/images/mobile/logo/bookido-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.login-container .form-container {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #152942;
    margin-right: 5%;
    margin-left: 5%;
    border-radius: 15px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.login-container .form-container .top-logo {
    color: white;
    font-size: 22px;
    margin-bottom: 20px;
}

.login-container .form-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
}

.login-container .form-container form input {
    height: 40px;
    background-color: #152942;
    border: 2px solid #2A466A;
    border-radius: 5px;
    outline: none;
    margin-bottom: 15px;
}

.login-container .form-container form input::placeholder {
    /*padding-left: 10px;*/
}

.login-container .form-container form input[type="submit"]
{
    width: 100%;
    background: #0DB5AB;
    color: white;
    font-size: 18px;
    border: none;
    margin-top: 30px;
}

.login-container .form-container form .login-submit {
    width: 100%;
    background: #0DB5AB;
    color: white;
    font-size: 18px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
}

.login-container .form-container form .flex-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: start;
    /*align-items: center;*/
    /*justify-content: space-between;*/
}

.login-container .form-container form .flex-container .form-check {
    position: relative;
}

.login-container .form-container form .flex-container .form-check input {
    height: 14px;
}

.login-container .form-container form input[type="text"] {
    width: calc(100% - 18px);
    padding-left: 10px;
    color: white;

}

.login-container .form-container form input[type="text"]:focus {
    color: white;
}

.login-container .form-container > a {
    /*font-family: 'Segoe UI';*/
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #1BC6BB;
    margin-bottom: 15px;
}

.login-container .form-container .text {
    color: white;
    margin-bottom: 15px;
}

.login-container .copyright {
    color: #648099;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
}

/*2.IndexMenu*/
.main-menu-container {
    height: 100%;
    background: #112237;
}

.main-menu-container > .row {
    width: 100%;
    min-height: 90vh;
    padding-left: 3vw;
    padding-right: 3vw;
    margin: 0;
    padding-bottom: 12vh;
    align-content: flex-start;
    /*justify-content: center;*/
}

.main-menu-container > .row > .col-6 {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43vw;
    height: 43vw;
    max-width: 280px;
    max-height: 280px;
}

.main-menu-container > .row > .col-6 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 90%;
    background: #152942;
    border-radius: 3vw;
}

.main-menu-container > .row > .col-6 > a:focus {
    text-decoration: none;
}

.main-menu-container > .row > .col-6 > a:hover {
    text-decoration: none;
    background: #5D748A;
}

.main-menu-container > .row > .col-6 > a .iconDash {
    height: 7vw;
}

.main-menu-container > .row > .col-6 > a i {
    font-size: 6.5vw;
}

.main-menu-container > .row > .col-6 > a i.svg-faq svg {
    width: 8vw;
    height: 8vw;
}

.main-menu-container > .row > .col-6 > a .dashFont {
    font-size: 4vw;
    color: white;
    margin-top: 3vw;
}

/*3.Booking*/
.booking-container {
    font-family: "Segoe UI";
}

.booking-container .header .left {
    display: flex;
    align-items: center;
}

.booking-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.booking-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.booking-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.booking-container .header .left a:hover span {
    color: #1BC6BB;
}

.booking-container .header .right a {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.booking-container .right a.addBtn {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.booking-container > .container {
    min-height: 100vh;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 11vh;
}

.booking-container > .container .booking {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
}

.booking-container > .container .booking > div {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: #5D748A;
    margin-bottom: 1vh;
}

.booking-container > .container .booking .top span:first-child {
    font-size: 3.5vw;
    color: white;
}

.booking-container > .container .booking .top span:last-child {
    font-size: 2.5vw;
    font-weight: 700;
    color: #1BC6BB;
    text-transform: uppercase;
}

.booking-container > .container .booking .middle div {
    font-size: 3vw;
}

.booking-container > .container .booking .middle div:last-child {
    font-size: 4vw;
    color: white;
    font-weight: 600;
    align-self: flex-start;
}

.booking-container > .container .booking .bottom span {
    font-size: 3vw;
    white-space: nowrap;
}

.booking-container > .container .booking .bottom span:last-child {
    text-align: right;
}

#addBooking .modal-dialog {
    width: 90vw;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 40%;
    margin: 0 auto;
    border-radius: 1vh;
}

#addBooking .modal-dialog .modal-content {
    background: #152942;
    border-radius: 1vh;
}

#addBooking .modal-dialog .modal-header {
    color: white;
    border-bottom: none;
}

#addBooking .modal-dialog .modal-header h4 {
    font-size: 4vw;
    width: 100%;
    text-align: center;
}

#addBooking .modal-dialog .modal-header button {
    color: white;
    font-size: 4vw;
    margin-left: 0;
}

#addBooking .modal-body form input {
    height: 6vh;
    font-size: 2.8vw;
    background-color: #152942;
    border: 2px solid #2A466A;
    color: #5D748A;
    border-radius: 1vh;
    outline: none;
    margin-bottom: 2vh;
    width: 100%;
    padding-left: 2vw;
}

#addBooking .modal-dialog .modal-footer {
    border-top: none;
    padding-bottom: 3vh;
}

#addBooking .modal-dialog .modal-footer .btn {
    background: #0DB5AB;
    color: white;
    font-weight: 600;
    font-size: 3vw;
    border-radius: 1vh;
}

/*4.Hotels*/

.hotels-container {
    min-height: 100vh;
    background: #112237;
}

.hotels-container .header .right a {
    background: #152942;
    /*background: red;*/
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.hotels-container .header .right .shop.active {
    position: relative;
}

.hotels-container .header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.hotels-container .header .left {
    display: flex;
    align-items: center;
}

.hotels-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.hotels-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.hotels-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.hotels-container .header .left a:hover span {
    color: #1BC6BB;
}

.hotels-container h2 {
    color: white;
    font-size: 5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.hotels-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
}

.hotels-container .container-1 .hotel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5vh;
    text-decoration: none;
}

.hotels-container .container-1 .hotel .img-container {
    width: 100%;
    margin-bottom: 1.5vh;
}

.hotels-container .container-1 .hotel img {
    height: 45vw;
    min-width: 100%;
    object-fit: cover;
    border-radius: 2vh;
}

.hotels-container .container-1 .hotel .hotel-info {
    color: white;
    font-size: 5vw;
    margin-bottom: 1vh;
}

.hotels-container .container-1 .hotel .hotel-info .address {
    color: #1BC6BB;;
}

.hotels-container .container-1 .hotel .date {
    width: 100%;
    align-self: flex-start;
    color: white;
    font-size: 3vw;
}

.hotels-container .container-1 .hotel .date .dark {
    color: #5D748A;;
}

/*5.Select Hotel*/

.hotel-container {
    font-family: "Segoe UI";
    position: relative;
}

.hotel-container .header .left a {
    height: 5vw;
    margin-right: 3vw;
    display: inline-block;
    /*margin-bottom: 1vw;*/
}

.hotel-container .header .left img {
    height: 90%;
}

.hotel-container .header .left span {
    color: white;
    font-size: 6vw;
    display: inline-block;
}

.hotel-container .header .right a {
    background: #152942;
    /* background: red; */
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.hotel-container .header .right .shop.active {
    position: relative;
}

.hotel-container .header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}


.hotel-container .header .left {
    display: flex;
    align-items: center;
}

.hotel-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.hotel-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.hotel-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.hotel-container .header .left a:hover span {
    color: #1BC6BB;
}

/*.hotel-container .right a.addBtn {*/
/*    color: #1BC6BB;*/
/*    border: 1px solid #1BC6BB;*/
/*    border-radius: 8px;*/
/*    padding: 8px 12px;*/
/*    font-size: 3.5vw;*/
/*}*/

.hotel-container > .container {
    min-height: 100vh;
    /*overflow-x: auto;*/
    /*scroll-snap-type: y mandatory;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding-left: 5vw;*/
    /*padding-right: 5vw;*/
    padding-bottom: 11vh;
    position: relative;
}

.hotel-container .header-text {
    width: 100%;
    margin-top: 3vh;
    /*margin-bottom: 2vh;*/
}

.hotel-container .header-text .hotel-info {
    color: white;
    font-size: 6vw;
    margin-bottom: 1vh;
}

.hotel-container .header-text .hotel-info .address {
    color: #1BC6BB;;
}


.hotel-container .header-text .date {
    width: 100%;
    align-self: flex-start;
    color: white;
    font-size: 3vw;
    margin-bottom: 3vw;
}

.hotel-container .header-text .date .dark {
    color: #5D748A;;
}

.hotel-container .enter-data {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1BC6BB;
    width: 100%;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
    text-decoration: none;
    margin-bottom: 2vh;
}

.hotel-container .activities {
    display: grid;
    width: 100%;
    /*grid-template-rows: 1fr 1fr;*/
    gap: 1vh 5vw;
    grid-template-columns: 1fr 1fr;;
    grid-template-rows: auto;
}

.hotel-container .activities > div, .hotel-container .activities > a {
    border-radius: 2vh;
}


.hotel-container .activities .item-mini {
    padding-top: 2vh;
    padding-bottom: 2vh;
    width: 100%;
    background: #152942;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 3.5vw;
}

.hotel-container .activities .item-mini .dashFont {
    color: #5D748A;
}

.hotel-container .activities .item-mini i {
    display: block;
    font-size: 5.5vw;
    color: white;
    margin-bottom: 1vh;
}

.hotel-container .activities .item-big {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 100%;
    padding: 2vh 5vw;
    background: #152942;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotel-container .activities .item-big.purchases-item {
    position: relative;
}
.hotel-container .activities .item-big.purchases-item {
    /*padding: 1vh 3vw;*/
    position: relative;
}

.hotel-container .activities .item-big.purchases-item .left{
    display: flex;
}

.hotel-container .activities .item-big.purchases-item i.icon-coffe {
    color: #1BC6BB;
}

.hotel-container .activities .item-big.purchases-item .left .img-container {
    width: 15%;
}
.hotel-container .activities .item-big.purchases-item .left .img-container img {
    width: 32px;
    height: 32px;
}


.hotel-container .activities .item-big.purchases-item .purchases-delete {
    color: indianred;
    padding: 0;
    cursor: pointer;
}


.hotel-container .activities .item-big.purchases-item .right {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-end;
}



.hotel-container .activities .item-big .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotel-container .activities .item-big .left i {
    font-size: 5.5vw;
}

.hotel-container .activities .item-big .left .info {
    /*color: #5D748A;*/
    color: white;
    margin-left: 3vw;
    font-size: 3.5vw;
}

.hotel-container .activities .item-big .cost.right {
    font-size: 3.9vw;
    padding-top: 1vh;
    /*align-self: flex-end;*/
    /*line-height: 4vh;*/
}

.hotel-container h3 {
    width: 100%;
    text-align: left;
    font-size: 6vw;
    color: white;
    margin-top: 1.5vh;
}

.hotel-container .hotel-options {
    font-size: 3.5vw;
    padding: 0;
    display: flex;
    /*flex-wrap: wrap;*/
    align-content: flex-start;
    color: #5D748A;
    list-style: none;
    width: 100%;
    row-gap: 1vh;
}

.hotel-container .hotel-options li {
    margin-right: 2vw;
    padding: 0.5vh 3vw;
    border: 1px solid #1D3554;
    border-radius: 1vh;
}

.hotel-container .text {
    font-weight: 400;
    font-size: 3.5vw;
    line-height: 5vw;
    color: #5D748A;
}

.hotel-container .menu-container {
    margin-left: auto;
    position: fixed;
    right: 5vw;
    bottom: 10vh;
    z-index: 1000;
}

.hotel-container .menu-container .menu-services {
    font-size: 4vw;
    font-weight: 600;
    text-align: center;
    background: #1BC6BB;
    color: white;
    padding: 0vh 5vw 2vh;
    /*height: 14vw;*/
    border-radius: 2vh;
    z-index: 1000;
}

.hotel-container .menu-container .menu-services svg {
    width: 3vw;
    height: 3vw;
    transform: rotate(0deg);
    transition-duration: 0.5s;
}

.hotel-container .menu-container.active svg {
    transform: rotate(-180deg);
    transition-duration: 0.5s;
}

.hotel-container .menu-container ul {
    position: absolute;
    padding-left: 0;
    background-color: #152942;
    /*background-color: red;*/
    margin-bottom: 0;
    width: 100%;
    bottom: calc(100% - 2.25vh);
    right: 0;
    padding-bottom: 4vh;
    z-index: -1;
    border-radius: 1vh;
    filter: drop-shadow(1px 6px 29px #05121F);
}

.hotel-container .menu-container ul li {

    font-weight: 600;
    font-size: 3.2vw;
    padding-top: 1.8vh;
    padding-bottom: 1.8vh;
    width: 100%;
    list-style-type: none;
    text-align: center;
}

.hotel-container .menu-container ul li span {
    color: white;
}

.hotel-container .menu-container ul li:hover {
    background: #5D748A;
    border-radius: 1vh;
}

.hotel-container .menu-container ul li a div i {
    color: #1BC6BB;
    font-size: 4vw;
}

.hotel-container .menu-container ul li a div svg {
    width: 4vw;
    height: 4vw;
}

/*6.Flight data*/

.flight-data-container {
    font-family: "Segoe UI";
}

.flight-data-container .header .left {
    display: flex;
    align-items: center;
}

.flight-data-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.flight-data-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.flight-data-container .header .left a:hover span {
    color: #1BC6BB;
}

.flight-data-container .header .left img {
    height: 90%;
}

.flight-data-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.flight-data-container .header .left span {
    color: white;
    font-size: 6vw;
    display: inline-block;
}

.flight-data-container .header .right a {
    background: #152942;
    /* background: red; */
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}



.flight-data-container > .container {
    min-height: 100vh;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 11vh;
}

.flight-data-container > .container .flying-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.flight-data-container > .container > h3 {
    color: white;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 5vw;
    margin-top: 2vh;
    /*margin-bottom: 2vh;*/
}

.flight-data-container .flying-container h4 {
    font-weight: 600;
    font-size: 4.5vw;
    color: #FFFFFF;
}

.flight-data-container > .container .flying {
    margin-bottom: 2.5vh;
}

.flight-data-container > .container .flying .part {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
}

.flight-data-container > .container .flying .part.part-one {
    position: relative;
    margin-bottom: 0;
}

.flight-data-container > .container .flying .part.part-one .dashed {
    position: absolute;
    border-bottom: 1px dashed #5D748A;
    bottom: 0;
    margin-bottom: 0;
    width: calc(100% - 4vw);
    left: 2vw;
}

.flight-data-container > .container .flying .part > div {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: #5D748A;
    margin-bottom: 1vh;
}

.flight-data-container > .container .flying .top .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.5vw;
    color: white;
}

.flight-data-container > .container .flying .top .left .info div {
    font-size: 3vw;
    color: #5D748A;
}

.flight-data-container > .container .flying .top .left img {
    height: 8vw;
    /*width: 8vw;*/
    margin-right: 3.5vw;
}

.flight-data-container > .container .flying .top span.right {
    font-size: 2.5vw;
    font-weight: 700;
    color: #1BC6BB;
    align-self: flex-start;
}

.flight-data-container > .container .flying h5 {
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 4vw;
    color: #FFFFFF;
    margin-bottom: 1vh;
}


.flight-data-container > .container .flying .middle div {
    font-size: 3vw;
}

.flight-data-container > .container .flying .middle div:last-child {
    font-size: 4vw;
    color: white;
    font-weight: 600;
    align-self: flex-start;
}

.flight-data-container > .container .flying .bottom span {
    font-size: 3vw;
    white-space: nowrap;
}

.flight-data-container > .container .flying .bottom span:last-child {
    text-align: right;
}

.flight-data-container > .container .flying .flight-duration {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-top: 2.4vh;
}

.flight-data-container > .container .flying .flight-duration > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.flight-data-container > .container .flying .flight-duration .top {
    font-weight: 600;
    font-size: 4.5vw;
    color: #FFFFFF;
}

.flight-data-container > .container .flying .flight-duration .top img {
    width: 5%;
}

.flight-data-container > .container .flying .flight-duration .middle {
    position: relative;
    z-index: 100;
}

.flight-data-container > .container .flying .flight-duration .middle .line {
    width: 90%;
    position: absolute;
    border-top: 1px solid #1D3554;
    left: 5%;
    top: calc(50% - 0.5px);
    z-index: 10;
}

.flight-data-container > .container .flying .flight-duration .middle .time {
    z-index: 100;
    background: #152942;
    border: 1px solid #1D3554;
    border-radius: 2vh;
    font-weight: 400;
    font-size: 2vw;
    padding: 1% 3%;
    color: #5D748A;
}

.flight-data-container > .container .flying .flight-duration .middle .point {
    width: 10%;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flight-data-container > .container .flying .flight-duration .bottom {
    font-size: 3vw;
}

.flight-data-container > .container .flying .part-two .block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1vh;
}

.flight-data-container > .container .flying .part-two .block .left-info {
    color: white;
    font-size: 3.7vw;
    font-weight: 600;
}

.flight-data-container > .container .flying .part-two .block .left-info div {
    font-weight: 400;
}

.flight-data-container > .container .flying .part-two .block .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1BC6BB;
    border-radius: 1vh;
    padding: 3%;
}

.flight-data-container > .container .flying .part-two .block .plus img {
    width: 3vw;
}

.flight-data-container > .container .block-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
    color: white;
    cursor: pointer;
}

.flight-data-container > .container .block-container div {
    font-weight: 600;
    font-size: 4.8vw;
    color: #FFFFFF;
    margin-right: 12%;

}

.flight-data-container > .container .block-container a {
    border: 1px solid #1BC6BB;
    border-radius: 1vh;
    padding: 3%;
    font-weight: 600;
    font-size: 3.8vw;
    color: #1BC6BB;
}

/*7.Notification*/

.notification-container {
    height: 82vh;
    background: #112237;
}

.notification-container.booking-notification .header .label img {
    height: 80%;
    align-self: flex-end;
}

.notification-container.booking-notification .header .label {
    width: 65%;
    background-position: 17px 50%;
}

.notification-container .header .right a {
    background: #152942;
    /*background: red;*/
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.notification-container .header .right .shop.active {
    position: relative;
}

.notification-container .header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.notification-container h2 {
    color: white;
    font-size: 4.5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.notification-container h2 .count {
    color: #1BC6BB;
}

.notification-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
}

.notification-container .container-1 .block-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
    border: 1px solid #152942;
    color: white;
    font-size: 4vw;
}

.notification-container .container-1 .block-container.watched {
    background: transparent;
    border-color: #1D3554;
}


.notification-container .container-1 .block-container div.left {
    background: #1B304A;
    border-radius: 2vw;
    width: 14vw;
    height: 14vw;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: start;
}

.notification-container .container-1 .block-container div.left i {
    font-weight: 600;
    font-size: 4.5vw;
    color: #5D748A;
}

.notification-container .container-1 .block-container.watched div.left i {
    color: #1BC6BB;
}

.notification-container .container-1 .block-container div.right .mail {
    color: #1BC6BB;
    text-decoration: underline;
}

.notification-container .container-1 .block-container div.right {
    display: flex;
    flex-direction: column;
    max-width: 70%;
}


/*.notification-container .container-1 .block-container div.right div {*/
/*    display: flex;*/
/*    width: 70%;*/
/*}*/


.notification-container .container-1 .block-container div.right .date {
    margin-top: 0.5vh;
    color: #5D748A;
    font-size: 3.5vw;
}

/*8.User Menu*/

.user-menu-container {
    min-height: 100vh;
    background: #112237;
}

.user-menu-container .header .right a {
    background: #152942;
    /*background: red;*/
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.user-menu-container .header .right .shop.active {
    position: relative;
}

.user-menu-container .header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.user-menu-container h2 {
    color: white;
    font-size: 4.5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
    text-align: center;
    margin-top: 1vh;
}

.user-menu-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
}

.user-menu-container .container-1 .block-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
    border: 1px solid #152942;
    color: white;
    font-size: 4vw;
}

.user-menu-container .container-1 .block-container .left {
    display: flex;
    align-items: center;
}

.user-menu-container .container-1 .block-container .left img {
    height: 6vw;
    width: 6vw;
    margin-right: 3vw;
}

.user-menu-container .container-1 .block-container .left svg {
    width: 6vw;
    margin-right: 3vw;
    height: 20px;
}

.user-menu-container .container-1 .block-container .left  .close-svg path{
    fill: red;
}


.user-menu-container .container-1 .block-container i {
    color: #5D748A;
}

.user-menu-container .container-1 h5 {
    margin-top: 2.3vh;
    width: 100%;
    font-weight: 400;
    font-size: 4vw;
    text-align: center;
    color: #5D748A;
}

.user-menu-container .user-photo-container {
    position: relative;
}

.user-menu-container .main {
    position: relative;
    width: 33vw;
    height: 33vw;
    margin: 0 auto;
}

.main-menu-container .col-6.active i {
    position: relative;
}

.main-menu-container .col-6.active i.icon:after{
    content: "\2022";
    color: #1BC6BB;
    font-size: 40px;
    line-height: 0;
    position: absolute;
    top: -8px;
    right: -8px;
}

.user-menu-container .container-1 .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.user-menu-container .quarter {
    position: absolute;
    width: 50%;
    height: 50%;
    transition: background-color 0.2s ease-in-out;
}

.user-menu-container .quarter1-2 {
    top: 0;
    left: 0;
    background-color: #1BC6BB;
    border-radius: 100% 0 0 0;
}

.user-menu-container .quarter2-2 {
    top: 0;
    right: 0;
    background-color: #1BC6BB;
    border-radius: 0 100% 0 0;
}

.user-menu-container .quarter3-2 {
    bottom: 0;
    left: 0;
    background-color: #112237;
    border-radius: 0 0 0 100%;
}

.user-menu-container .quarter4-2 {
    bottom: 0;
    right: 0;
    background-color: #1BC6BB;
    border-radius: 0 0 100% 0;
}

.user-menu-container .quarter1-1 {
    top: 0;
    left: 0;
    background-color: #1BC6BB;
    border-radius: 100% 0 0 0;
}

.user-menu-container .quarter2-1 {
    top: 0;
    right: 0;
    background-color: #112237;
    border-radius: 0 100% 0 0;
}

.user-menu-container .quarter3-1 {
    bottom: 0;
    left: 0;
    background-color: #1BC6BB;
    border-radius: 0 0 0 100%;
}

.user-menu-container .quarter4-1 {
    bottom: 0;
    right: 0;
    background-color: #1BC6BB;
    border-radius: 0 0 100% 0;
}

.user-menu-container .photo {
    width: calc(100% - 1vw);
    height: calc(100% - 1vw);
    background-color: #112237;
    position: absolute;
    top: 0.5vw;
    left: 0.5vw;
    border-radius: 50%;
    pointer-events: none;
    border: 2vw solid #112237;
}

.user-menu-container .photo-container {
    width: calc(100% - 0.75vw);
    height: calc(100% - 0.75vw);
    background-color: #112237;
    position: absolute;
    top: 0.375vw;
    left: 0.375vw;
    border-radius: 50%;
    pointer-events: none;
    border: 2vw solid #112237;
}

.user-menu-container #upload {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
}

.user-menu-container .md-modal {
    margin: auto;
    background: #112237;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*max-width: 630px;*/
    min-width: 280px;
    height: 100vh;
    z-index: 20000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.user-menu-container .md-show {
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.user-menu-container .md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 0;
}

.user-menu-container .md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.user-menu-container .md-effect-12 .md-content {
    position: relative;
}

.user-menu-container .md-close {
    position: absolute;
    left: 5vw;
    top: 2vh;
    text-align: left;
    height: 5vw;
    margin-right: 4vw;
    display: inline-block;
}

.user-menu-container .md-close img {
    height: 90%;
}

.user-menu-container #upload-save {
    position: fixed;
    left: 10vw;
    bottom: 7%;
    z-index: 30000;
    background: #0DB5AB;
    color: white;
    width: 80vw;
    font-weight: 600;
    font-size: 3.3vw;
}

.user-menu-container .md-show.md-effect-12 ~ .md-overlay {
    background-color: #e4f0e3;
}

.user-menu-container .md-effect-12 .md-content h3,
.user-menu-container .md-effect-12 .md-content {
    background: transparent;
}

.user-menu-container .md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*9.Payment*/

.payment-container {
    height: 82vh;
    background: #112237;
}

.payment-container.booking-payment {
    height: 90vh;
    background: #112237;
}

.payment-container.booking-payment .header {
    height: 10vh;
    background: #112237;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5vw;
    padding-right: 5vw;
}

.payment-container.booking-payment  .header .left {
    display: flex;
    align-items: center;
}

.payment-container.booking-payment .header .left > div {
    display:flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}


.payment-container.booking-payment .header .left img {
    height: 90%;
    align-self: flex-end;
}

.payment-container.booking-payment .header .left > div span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.payment-container.booking-payment  .header .left > div:hover span {
    color: #1BC6BB;
}


.payment-container .header .right a {
    background: #152942;
    /* background: red; */
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


.payment-container .header .left a {
    background: #152942;
    /*background: red;*/
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.payment-container .header .right .shop.active {
    position: relative;
}

.payment-container .header .right .shop.active:after {
    content: "\2022";
    /*content: "hjfhfhfh";*/
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.payment-container h2 {
    color: white;
    font-size: 6vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.payment-container h2 .count {
    color: #1BC6BB;
}

.payment-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
}

.payment-container .container-1 .block-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
    border: 1px solid #152942;
    color: white;
    font-size: 4vw;
}


.payment-container .container-1 .block-container .left {
    width: 76%;
}

.payment-container .container-1 .block-container.watched {
    background: transparent;
    border-color: #1D3554;
}

.payment-container .container-1 .block-container div.right {
    font-weight: 600;
    font-size: 4.5vw;
    color: #1BC6BB;
}

.payment-container .container-1 .block-container.watched div.right i {
    color: #5D748A;
}

.payment-container .container-1 .block-container div.left .mail {
    color: #1BC6BB;
    text-decoration: underline;

}

.payment-container .container-1 .block-container div.left .date {
    margin-top: 0.5vh;
    color: #5D748A;
    font-size: 3.5vw;
}

/*10.Documents*/
.documents-container {
    height: 100%;
    background: #112237;
}

.documents-container .header .left {
    display: flex;
    align-items: center;
}

.documents-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.documents-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.documents-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.documents-container .header .left a:hover span {
    color: #1BC6BB;
}

.documents-container .header .right a {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.documents-container .right a.view-btn {
    border: 1px solid #1D3554;
    background: transparent;
    border-radius: 8px;
    font-size: 3.5vw;
    display: flex;
    width: 10vw;
    height: 10vw;
    padding: 2.5vw;
    align-items: center;
    justify-content: center;
}

.documents-container .right a.view-btn svg {
    width: 100%;
    height: 100%;
}

.documents-container .right a.view-btn.active {
    background: #152942;
    border-color: #152942;
}

.documents-container .right a.view-btn.active svg rect {
    fill: #1BC6BB;
}

.documents-container .right a.view-btn:first-child {
    margin-right: 5vw;
}

.documents-container > .row {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-left: 3vw;
    padding-right: 3vw;
    margin: 3vh 0 0;
    padding-bottom: 12vh;
}

.row.flex-column .col-12 {
    margin-bottom: 2vh;
}

.documents-container > .row > .col-6 {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43vw;
    height: 45vw;
    max-width: 280px;
    max-height: 280px;
}

.documents-container > .row > .col-6 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 90%;
    background: #152942;
    border-radius: 3vw;
}

.documents-container > .row > .col-6 > a:focus {
    text-decoration: none;
}

.documents-container > .row > .col-6 > a:hover {
    text-decoration: none;
    background: #5D748A;
}

.documents-container > .row > .col-6 > a i {
    font-size: 6.5vw;
    color: white;
}

.documents-container > .row > .col-6 > a .dashFont {
    font-size: 4vw;
    color: white;
    margin-top: 3vw;
}

.documents-container .card {
    background-color: #152942;
}

.documents-container .card .card-header-tab {
    color: white !important;
    font-size: 3vw;
}

.documents-container .widget-content {
    position: relative;
}

.documents-container .doc-box {
    width: 90%;
    height: 90%;
    border-radius: 4%;
}

.documents-container .doc-box.doc-list {
    width: 100%;
    height: auto;
    padding: 5vw;
}

.documents-container .doc-box.doc-list .card-body {
    padding: 0;
}

.documents-container .doc-box.doc-list .widget-content {
    margin-left: 5vw;
    /*transform: scale(0.5);*/
}

.documents-container .doc-box.doc-list .text-container {
    margin-left: 7vw;
    align-self: center;
}

.documents-container .doc-box.doc-list .text-container h5 {
    color: white !important;
    font-size: 3vw;
    font-weight: 600;
    margin-bottom: 0;
}

.documents-container .doc-box.doc-list .text-container .file-size {
    color: #5D748A;
    font-size: 3vw;
}

.documents-container .download-header {
    color: #5D748A;
    font-size: 3vw;
}

.documents-container .download-header > a svg {
    width: 6vw;
    height: 6vw;
}

.documents-container .doc-list a.download {
    align-self: center;
}

.documents-container .doc-list a.download svg {
    width: 7vw;
    height: 7vw;
}

.documents-container .download-header > a svg:hover path {
    fill: #1BC6BB !important;
}

.documents-container .doc-list a.download svg:hover path {
    fill: #1BC6BB !important;
}

.documents-container .icon-doc {
    width: 10vw;
    height: 14vw;
    background-color: #E0E5E9;
    border-radius: 5px;
}

.documents-container .doc-box.doc-list .icon-doc {
    width: 8vw;
    height: 11.2vw;
}


.documents-container .icon-doc:before {
    content: "";
    height: 3.9vw;
    width: 3.9vw;
    background-color: #B3BFC9;
    left: 61%;
    border-bottom-left-radius: 1vw;
    position: absolute;
}

.documents-container .icon-doc:after {
    content: "";
    /*height: 3.9vw;*/
    /*width: 3.9vw;*/
    top: -0.5%;
    left: 62%;
    border: 2.16vw solid #152942;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
}

.documents-container .doc-box.doc-list .icon-doc:before {
    left: 61%;
    height: 3.12vw;
    width: 3.12vw;
    border-bottom-left-radius: 0.8vw;
}

.documents-container .doc-box.doc-list .icon-doc:after {
    left: 61%;
    /*border: 2.16vw solid #152942;*/
}

.documents-container .doc-ext {
    position: absolute;
    width: 7.9vw;
    height: 4.24vw;
    border-radius: 1vw;
    top: 38%;
    left: -18%;
    color: white;
    font-size: 2.5vw;
    line-height: 4vw;
    font-weight: bolder;
    background-color: lightslategray;
}

.documents-container .doc-box.doc-list .doc-ext {
    font-size: 2vw;
    width: 6.32vw;
    height: 3.4vw;
    line-height: 3.2vw;
}

.documents-container .pdf-color {
    background-color: #F07068;
}

.documents-container .docx-color {
    background-color: var(--main-link-color);
}

.documents-container .documentLink {
    color: #6c757d;
    height: 2rem;
    line-height: 2rem;
    text-decoration: none !important;
}

.documents-container .documentLink:hover {
    opacity: 0.85;
    color: #6c757d;
}

.documents-container .card-header-title {
    word-break: break-all;
    white-space: normal !important;
    padding-left: 10px;
    padding-right: 10px;
}

.documents-container .card-header-title.smallFont {
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*10.Chat*/

.chat-container {
    height: 100%;
    background: #112237;
}

.chat-container .header {
    position: fixed;
    z-index: 1000;
    width: 100%;
}

.chat-container .header .left {
    display: flex;
    align-items: center;
}

.chat-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.chat-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.chat-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.chat-container .header .left a:hover span {
    color: #1BC6BB;
}

.chat-container .header .right a {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.chat-container .right a.view-btn {
    border: 1px solid #1D3554;
    background: transparent;
    border-radius: 8px;
    font-size: 3.5vw;
    display: flex;
    width: 10vw;
    height: 10vw;
    padding: 2.5vw;
    align-items: center;
    justify-content: center;
}

.chat-container .right a.view-btn svg {
    width: 100%;
    height: 100%;
}

.chat-container .right a.view-btn.active {
    background: #152942;
    border-color: #152942;
}

.chat-container .right a.view-btn.active svg rect {
    fill: #1BC6BB;
}

.chat-container .right a.view-btn:first-child {
    margin-right: 5vw;
}

.chat-container .chat-wrapper {
    width: 100%;
    /*margin-top: 10vh;*/
    display: flex;
    flex: 1;
    flex-direction: column-reverse;
    /*justify-content: stretch;*/
    align-items: stretch;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 10vh;
    min-height: 100vh;
    position: relative;
    overflow: scroll;
}

.chat-container .form-group {
    position: fixed;
    box-shadow: 0px -20px 50px 5px rgb(0 0 0 / 89%);
    bottom: 0;
    left: 0;
    height: 10vh;
    width: 100%;
    margin: 0;
    padding: 0;
    /*width: 100vw;*/
    background: #152942;
}

.chat-container .form-group input {
    width: calc(100% - 18vw);
    margin: 0;
    background: #152942;
    color: white;
    padding: 0 0 0 5vw;
    outline: none;
    border: none;
}

.chat-container .form-group input:focus {
    outline: none;
    border: none;
}

.chat-container .form-group .row {
    margin: 0;
    padding: 0;
}

.chat-container .chat-wrapper {
    border-radius: 12px;
    margin-bottom: 77px;
}

.chat-container .support-chat {
    display: flex;
    margin-top: 10vh;
    height: 90vh;
    flex-direction: column-reverse;
    align-items: stretch;
    padding: 4vh 0;
}

.chat-container .support-chat-right,
.chat-container .support-chat-left {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-self: stretch;
    margin-bottom: 4.6vh;
}

.chat-container .support-chat-message {
    margin: 0 0 5px 0;
    padding: 0;
    display: flex;
    list-style-type: none;
}

.chat-container .support-chat-left .support-chat-message {
    justify-content: flex-start;
}

.chat-container .support-chat-right .support-chat-message {
    justify-content: flex-end;
}


.chat-container .support-chat-left .support-chat-text {
    width: 100%;
    border-radius: 3vw;
    padding: 4vw 2vw 4vw 8vw;
    background-color: #129189;
    font-weight: normal;
    font-size: 3.3vw;
    color: white;
}

.chat-container .support-chat-right .support-chat-text {
    width: 100%;
    border-radius: 3vw;
    padding: 4vw 8vw 4vw 3.5vw;
    background-color: #152942;
    font-weight: normal;
    font-size: 3.3vw;
    color: white;
}

.chat-container .support-chat-userName {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 15px;
    color: white;
    background-color: #B3BFC9;
    border: 6px solid #112237;
    position: relative;
    bottom: 25px;
}

.chat-container .support-chat-left .support-chat-userName {
    left: 20px;
}

.chat-container .support-chat-right .support-chat-userName {
    right: 20px;
    order: 1;
}

.chat-container .support-chat-user-online {
    color: #1BC6BB;;
    font-size: 36px;
    position: absolute;
    top: 0;
}

.chat-container .support-chat-left .support-chat-user-online {
    right: 25px;
}

.chat-container .support-chat-right .support-chat-user-online {
    left: 25px;
}

.chat-container .support-chat-date {
    display: flex;
    font-size: 2.8vw;
    color: #5D748A;
    padding: 0 50px;
    margin-top: 1vh;
}

.chat-container .support-chat-left .support-chat-date {
    justify-content: flex-start !important;
}

.chat-container .support-chat-right .support-chat-date {
    justify-content: flex-end !important;
}

.chat-container .support-btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    background: #1BC6BB;
    box-shadow: 0px 9px 20px rgba(27, 198, 187, 0.26);
    position: absolute;
    bottom: calc(5vh - 5vw);
    right: 5vw;

}

.chat-container .support-btn-send svg {
    width: 8vw;
    height: 8vw;
}

/*12.Breakfast*/

.breakfast-container {
    min-height: 100vh;
    background: #112237;
}

.breakfast-container .header .left {
    display: flex;
    align-items: center;
}

.breakfast-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.breakfast-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.breakfast-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.breakfast-container .header .left a:hover span {
    color: #1BC6BB;
}

.breakfast-container h2 {
    color: white;
    font-size: 5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.breakfast-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
}


.breakfast-container .container-1 .item-dish {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 2.5vh;
    text-decoration: none;
    background: #152942;
    padding: 2vh 5vw;
    border-radius: 2vh;
    border: 2px solid #152942;
}

.breakfast-container .container-1 .item-dish.active {
    border-color: #1BC6BB;
}

.breakfast-container .container-1 .item-dish .count {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
    margin-bottom: 1vh;
}

.breakfast-container .container-1 .item-dish .count i {
    font-size: 2.5vw;
}

.breakfast-container .container-1 .item-dish .count .number {
    font-size: 5vw;
    font-weight: 600;
    color: white;
    margin-left: 3vw;
    margin-right: 3vw;
}

.breakfast-container .container-1 .item-dish .count .minus.blocked,
.breakfast-container .container-1 .item-dish .count .plus.blocked {
    color: #5D748A;
    border-color: #5D748A;
}

.breakfast-container .container-1 .item-dish .count .minus.hidden,
.breakfast-container .container-1 .item-dish .count .plus.hidden,
.breakfast-container .container-1 .item-dish .count .number.hidden {
    visibility: hidden;
}


.breakfast-container .container-1 .item-dish .count .minus,
.breakfast-container .container-1 .item-dish .count .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4vw;
    color: #1BC6BB;
    background: transparent;
    border-radius: 2vw;
    border: 2px solid #1BC6BB;
    outline: none;
    box-shadow: none;
    padding: 2vw;
}


.breakfast-container .container-1 .item-dish .reserve {
    text-transform: uppercase;
    font-weight: 700;
    color: #1BC6BB;
    font-size: 2.5vw;
    text-align: right;
}

.breakfast-container .container-1 .item-dish .reserve svg {
    text-transform: uppercase;
    font-weight: 700;
    color: #1BC6BB;
    width: 2.5vw;
    height: 2.5vw;
}

.breakfast-container .container-1 .item-dish h3 {
    color: white;
    font-size: 5vw;
}


.breakfast-container .container-1 .item-dish p {
    font-weight: 400;
    color: #5D748A;
    font-size: 3vw;

}

.breakfast-container .container-1 .item-dish .left {
    width: 53%;
    display: flex;
    flex-direction: column;

}

.breakfast-container .container-1 .item-dish .right {
    width: 28%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

/*12.Breakfast*/

.room-service-container {
    min-height: 100vh;
    background: #112237;
}

.room-service-container .header .left {
    display: flex;
    align-items: center;

}

.room-service-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.room-service-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.room-service-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.room-service-container .header .left a:hover span {
    color: #1BC6BB;
}


.room-service-container h2 {
    color: white;
    font-size: 5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.room-service-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
}

.room-service-container .container-1 .room-service {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5vh;
    text-decoration: none;
}

.room-service-container .container-1 .room-service .img-container {
    width: 100%;
    margin-bottom: 1.5vh;
}

.room-service-container .container-1 .room-service img {
    height: 45vw;
    min-width: 100%;
    object-fit: cover;
    border-radius: 2vh;
}

.room-service-container .container-1 .room-service .service-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    font-size: 5vw;
    margin-bottom: 1vh;
}

.room-service-container .container-1 .room-service .date {
    width: 100%;
    align-self: flex-start;
    color: white;
    font-size: 3vw;
}

.room-service-container .container-1 .room-service .date .dark {
    color: #5D748A;
}

/*14.Planing*/

.planing-container {
    font-family: "Segoe UI";
}

.planing-container .header .left {
    display: flex;
    align-items: center;
}

.planing-container .header.double-row .left {
    position: relative;
}

.planing-container.add-form .header.double-row {
    height: 11vh;
}

.planing-container.add-form .header.double-row .left {
    padding-bottom: 1vh;

}

.planing-container .header.double-row .left .header-text {
    color: white;
    font-weight: 600;
    font-size: 4.3vw;
    margin-top: 10px;
    position: absolute;
    left: 0;
    bottom:  calc(-100% - 1vw);
}
.planing-container.add-form .header.double-row .left .header-text {
    top: 4.3vw;
    /*bottom:  calc(-100% - 2vw);*/
}

.planing-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.planing-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.planing-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.planing-container .header .left a:hover span {
    color: #1BC6BB;
}

.planing-container .header .right {
    width: 66%;
}

.planing-container .header .right a {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.planing-container .right a.addBtn {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.planing-container .right a.addBtn.addPlan {
    margin-left: 3vw;
}

.planing-container > .container {
    min-height: 100vh;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 14vh;
}

.planing-container.add-form > .container{
    height: 89vh;
}

.planing-container > .container .collapse-all {
    font-size: 3.5vw;
    color: #1BC6BB;
    align-self: flex-start;
    margin-bottom: 2.5vh;
}

.planing-container > .container .collapse-all:hover {
    filter: brightness(75%);
}


.planing-container > .container .plan {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin-bottom: 1vh;*/
}

.planing-container > .container .plan .plan-item > button.btn {
    margin-bottom: 1vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: white!important;
    padding-left: 0;
    padding-right: 0;
    border-top: 2px solid #1D3554!important;
    border-bottom: 2px solid #1D3554!important;
    border-radius: unset;
}

.planing-container > .container .plan .plan-item > button.btn div {
    font-size: 4vw;
    font-weight: 600;
}


.planing-container > .container .plan .plan-item {
    width: 100%;
}

.planing-container > .container .plan .plan-item > .collapse {
    margin-bottom: 1vh;
}


.planing-container > .container .plan .plan-item > button.btn svg {
    transform: rotate(0deg);
    transition-duration: 0.5s;
    width: 3vw;
    height: 3vw;
}


.planing-container > .container .plan .plan-item > button.btn.collapsed svg {
    width: 3vw;
    height: 3vw;
    transform: rotate(-180deg);
    transition-duration: 0.5s;
}

.planing-container > .container .plan .plan-item > button.btn:hover {
    box-shadow: none;
}

.planing-container > .container .plan .planing-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    color: white;
    z-index: 10;
    position: relative;
}

.planing-container > .container .plan .planing-list:before {
    content: "";
    height: calc(100% - 4.2vh);
    width: 0.7vw;
    background: #1BC6BB;
    z-index: 0;
    position: absolute;
    left: 24vw;
    top: 2.1vh;
}

.planing-container > .container .plan .planing-list.only_one:before {
    display: none;
}

.planing-container > .container .plan .planing-list div:first-child.planing-time-rest .blue-point:before {
    display: none;
}

.planing-container > .container .plan .planing-list div:last-child.planing-time-rest .blue-point:after {
    display: none;
}


.planing-container > .container .plan .planing-elem {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2vh;
}

.planing-container > .container .plan .planing-elem:hover{
    background: #152942!important;
}

.planing-container > .container .plan .planing-elem:last-child {
    background: #112237!important;
    z-index: 1;
}
.planing-container > .container .plan .planing-elem:last-child:hover {
    background: #152942!important;
}

.planing-container > .container .plan .planing-elem .left-part-planing-elem {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*height: 10vh;*/
    width: 35vw;
    margin-left: 5vw;
    align-self: flex-start;
}


.planing-container > .container .plan .planing-elem .left-part-planing-elem .clock-planing {
    width: 9.5vw;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    /*padding-left:*/
}

.planing-container > .container .plan .planing-elem .left-part-planing-elem .clock-planing b {
    font-style: normal;
    font-weight: 600;
    font-size: 4vw;
    text-align: right;
}

.planing-container > .container .plan .planing-elem .left-part-planing-elem .clock-planing div {
    font-weight: 600;
    font-size: 4vw;
    text-align: right;;
}

.planing-container > .container .plan .planing-time-rest {
    z-index: 1;
    margin-top: 2vh;
    margin-bottom: 2vh;
    display: flex;
    height: 8vw;
    width: 100%;
    background: transparent;
    align-items: center;
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem {
    display: flex;
    height: 100%;
    width: 31.05vw;
    justify-content: flex-end;
    align-items: center;
    background: #152942;
    border-top-left-radius: 7vw;
    border-bottom-left-radius: 7vw;
}

.planing-container > .container .plan .planing-elem .left-part-planing-elem .pic-planing {
    z-index: 2;
    border-radius: 50%;
    width: 10vw;
    height: 10vw;
    margin-left: 5vw;
    margin-right: 5vw;
    background: #1BC6BB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem {
    width: 100%;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .direction {
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .direction b {
    font-weight: 600;
    font-size: 4vw;
    color: white;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .direction span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 2.2vw;
    text-transform: uppercase;
    color: #1BC6BB;
    padding: 0.2vw 1.8vw;
    border: 1px solid #1BC6BB;
    border-radius: 2vw;
    margin-left: 2vw;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .arrive {
    font-weight: 700;
    font-size: 3vw;
    text-transform: uppercase;
    color: #5D748A;
    width: 100%;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .airport {
    display: flex;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .address {
    display: flex;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 2vw;
    font-weight: 100;
}


.planing-container > .container .plan .planing-elem .right-part-planing-elem .text {
    display: flex;
    align-items: center;
    margin-top: 0.8vw;
    margin-bottom: 0.8vw;
    font-weight: 600;
    font-size: 3.5vw;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .airport .airport-pic {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    margin-right: 4vw;

}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .airport .airport-pic img {
    width: 70%;
    border-radius: 10%;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .airport .airplane-info {
    display: flex;
    flex-direction: column;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .airport .airplane-info span:first-child {
    font-weight: 600;
    font-size: 4vw;
    color: #FFFFFF;
}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .airport .airplane-info span:last-child {
    font-weight: 400;
    font-size: 3.5vw;
    color: #5D748A;

}

.planing-container > .container .plan .planing-elem .right-part-planing-elem .other-airplane-info,
.planing-container > .container .plan .planing-elem .right-part-planing-elem .confirmation-airplane-info {
    display: flex;
    align-items: center;
    margin-top: 2vw;
    margin-bottom: 2vw;
    width: 100%;
    border: 1px solid #1D3554;
    border-radius: 10px;
    font-size: 3.2vw;
    color: white;
    padding-left: 2vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}




.planing-container > .container .plan .planing-elem .right-part-planing-elem .other-airplane-info .planing-info {
    margin-right: 2vw;
}

.planing-container > .container .plan .planing-time-rest .clock-pic {
    display: flex;
    align-items: center;
    justify-content: center;
}

.planing-container > .container .plan .planing-time-rest .clock-pic svg {
    width: 4.4vw;
    height: 4.4vw;

}

.planing-container > .container .plan .planing-elem .left-part-planing-elem .pic-planing svg {
    width: 50%;
    height: 50%;
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem .duration-planing {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: black;
    width: 57%;
    /*word-wrap: break-word;*/
    /*word-break: break-all;*/
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem .duration-planing svg {
    margin-right: 6px;
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem .duration-planing span {
    font-size: 3.3vw;
    color: #5D748A;
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem .blue-point {
    width: 4.5vw;
    height: 4.5vw;
    margin-left: 3vw;
    margin-right: 4.5vw;
    background: transparent;
    border: 1.3vw solid #1BC6BB;
    box-sizing: border-box;
    border-radius: 50%;
    align-self: center;
    position: relative;
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem .blue-point:before {
    content: "";
    height: 2.2vw;
    width: 0.7vw;
    background: #1BC6BB;
    z-index: 10;
    position: absolute;
    left: calc(50% - 0.3vw);
    top: calc(-100% - 1.2vw);
}

.planing-container > .container .plan .planing-time-rest .left-part-planing-elem .blue-point:after {
    content: "";
    height: 2vw;
    width: 0.7vw;
    background: #1BC6BB;
    z-index: 10;
    position: absolute;
    left: calc(50% - 0.3vw);
    top: calc(100% + 1.15vw);
}

.planing-container > .container .plan .planing-time-rest .right-part-planing-elem {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 2vw;
    background: #152942;
    border-top-right-radius: 7vw;
    border-bottom-right-radius: 7vw;
    height: 100%;
    font-size: 3.3vw;
    color: #5D748A;
}

.planing-container .container.planing-form form {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1vh;
    width: 100%;
}

.planing-container .container.planing-form h4 {
    font-size: 4.5vw;
    color: white;
    width: 100%;
    margin-top: 2.5vh;
    margin-bottom: 2.5vh;
    font-weight: 600;
}

.planing-container .container.planing-form form label {
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3.5vw;
    width: 100%;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

.planing-container .container.planing-form form label input.form-control {
    margin-top: 1.6vw;
    background-color: #152942 !important;
    border-radius: 3.2vw !important;
    color: #5D748A !important;
    font-size: 3.5vw !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3.8vw 3.8vw!important;
    width: 100% !important;
    height: 100% !important;
    /*margin-top: 1.4vw;*/
}

.planing-container .container.planing-form form label input.form-control.error,
.planing-container .container.planing-form form .mini-container input.time.error {
    border: 2px solid indianred!important;
}




.planing-container .container.planing-form form .mini-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.planing-container .container.planing-form form .mini-container label {
    width: 47.5%;
}

.container.planing-form form label input, .container.planing-form form label textarea {
    margin-top: 1.6vw;
    width: 100%;
    background-color: #152942;
    border-radius: 3.2vw;
    color: #5D748A;
    font-size: 3.5vw;
    outline: none;
    box-shadow: none;
    border:none;
    padding: 3.5vw 3.8vw;
}

.container.planing-form form label input.error, .container.planing-form form label textarea.error {
    border: 2px solid indianred!important;
}


.container.planing-form form label textarea {
    height: 36vw;
    resize:none
}



.container.planing-form form .mini-container input.calendar {
    background: #152942 url(/web/images/mobile/icon/calendar.svg) no-repeat 90% 3vw;
    background-size: auto 6vw;
}

.container.planing-form form .mini-container input.time {
    background: #152942 url(/web/images/mobile/icon/clock.svg) no-repeat 90% 3vw;
    background-size: auto 6vw;
}

.container.planing-form form .btn.confirm {
    margin-top: 5vw;
    color: white;
    background: #0DB5AB;
    width: 100%;
    font-weight: 600;
    font-size: 4vw;
    padding-top: 2.6vw;
    padding-bottom: 2.7vw;
    border-radius: 2.5vw;
}

.container.planing-form form .btn.delete {
    margin-top:  3vw;
    color: white;
    background: #F07068;;
    width: 100%;
    font-weight: 600;
    font-size: 4vw;
    padding-top: 2.6vw;
    padding-bottom: 2.7vw;
    border-radius: 2.5vw;
}


.container.planing-form form .bootstrap-select {
    display: block!important;
    margin-top: 1.6vw!important;
    width: 100%!important;

}

.container.planing-form form .btn-light.dropdown-toggle:focus, .container.planing-form form .btn-light.dropdown-toggle:hover {
    outline: none!important;
}

.container.planing-form form button:focus, button:hover, button:active {
    color: rgba(0,0,0,0)!important;
    text-shadow: 0 0 0 #000!important;
    box-shadow: none!important;
    border-color: transparent!important;
    outline-color: red!important;
}

.container.planing-form form .bootstrap-select.open > .dropdown-menu{
    /*display: block;*/
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.container.planing-form form .bootstrap-select button {
    background-color: #152942!important;
    border-radius: 3.2vw!important;
    color: #5D748A!important;
    font-size: 3.5vw!important;
    outline: transparent!important;
    box-shadow: none!important;
    border: none!important;
    padding: 3.5vw 3.8vw!important;
    padding-right: 6vw!important;
}

.container.planing-form form .dropdown-menu {
    background-color: #152942!important;

    font-size: 3.5vw!important;
}
.container.planing-form form .dropdown-item {
    color: #5D748A!important;
    padding: 3.5vw 3.8vw!important;
    font-size: 3.5vw!important;
}

.container.planing-form form .bootstrap-select .dropdown-item:hover {
     background-color: #112237!important;

 }

.container.planing-form form .bootstrap-select .dropdown-menu li .dropdown-item.active {
    background-color: #112237!important;

}

.container.planing-form form .bootstrap-select .bs-ok-default:after {
    content: '•'!important;
    display: block;
    font-size: 7vw;
    transform: none!important;
    border: none!important;
    color: #1BC6BB !important;
}

.container.planing-form form .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 2vw;
    top: 0;
}

.container.planing-form form .bootstrap-select .dropdown-menu.show {
    margin-top: 2vw;
    border-radius: 2vw;
}

.container.planing-form form .bootstrap-select .dropdown-menu.show ::-webkit-scrollbar { /* 1 - скроллбар */
    width: 1vw;
    height: 4px;
    background-color: transparent;
}

.container.planing-form form .bootstrap-select .dropdown-menu.show ::-webkit-scrollbar-thumb { /* 5 - ползунок */
    border-radius: 2px;
    height: 80%;
    background-color: #1BC6BB !important;
}


/*12.SPA*/

.spa-container {
    min-height: 100vh;
    background: #112237;
}

.spa-container .header .left {
    display: flex;
    align-items: center;

}

.spa-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.spa-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.spa-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.spa-container .header .left a:hover span {
    color: #1BC6BB;
}
.spa-container .header .right .label-mini {
    margin-right: 6vw;
}

.spa-container .header .right a {
    background: #152942;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.spa-container .header .right .shop.active {
    position: relative;
}

.spa-container .header .right .shop.active:after {
    content: "\2022";
    /*content: "hjfhfhfh";*/
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.spa-container h2 {
    color: white;
    font-size: 5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.spa-container .bootstrap-select .dropdown-toggle .filter-option {
    top: -7px;
}


.spa-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.spa-container .container-1 .service-name {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2.5vh;
}

.spa-container .container-1 .service-name h3 {
    font-weight: 600;
    font-size: 5.5vw;
    color: white;
}

.spa-container .container-1 .service-name svg {
    width: 12vw;
    height: 12vw;
    margin-right: 5vw;
}

.spa-container .container-1 .service-name i {
    font-size: 10vw;
    color:#1BC6BB;
    margin-right: 5vw;
    align-self: start;
}

.spa-container .container-1 .service-name h3 {
    width: 100%;
}


.spa-container .container-1 .spa-service {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5vh;
    text-decoration: none;
}


.spa-container .container-1 .spa-item-block {
    margin-bottom: 20px;
    width: 100%;
}

.spa-container .container-1 .spa-item-block .spa-service{
    margin-bottom: 10px;
}

.spa-container .container-1 .spa-item-block > h3 {
    color: white;
    font-size: 5.5vw;
    font-weight: 700;
    margin-bottom: 0;
}

.spa-container .container-1 .spa-item-block > .spa-item-block {
    color: #5D748A;
    font-size: 3.5vw;
}

.spa-container .container-1 .spa-service.small {
    width: 47%;
}

.spa-container .container-1 .spa-service .img-container {
    width: 100%;
}

.spa-container .container-1 .spa-service img {
    height: 45vw;
    min-width: 100%;
    object-fit: cover;
    border-radius: 2vh;
    background: linear-gradient(180deg, rgba(8, 24, 38, 0) 0%, #0B1C30 128.8%);
    opacity: 0.8;
}

.spa-container .container-1 .spa-service img {
    width: 100%;
}

.spa-container .container-1 .spa-service .service-info {
    position: absolute;
    bottom: 2vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4.5vw;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.spa-container .container-1 .transfer-service {
    color: white;
    font-size: 4.5vw;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: -10px;
}

.spa-container.hotel-service-upgrade .container-1 .transfer-service {
    color: white;
    font-size: 4.5vw;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: -10px;
}

.spa-container.hotel-service-upgrade .container-1 .transfer-service {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.spa-container.hotel-service-upgrade .container-1 .block-container {
    width: 100%;
    margin-bottom: 32px;
}





.spa-container.order input.form-control {
    margin-top: 1.6vw;
    background-color: #152942 !important;
    border-radius: 3.2vw !important;
    color: #5D748A !important;
    font-size: 3.5vw !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3.8vw 3.8vw!important;
    width: 100% !important;
    height: 100% !important;
    /*margin-top: 1.4vw;*/
}


.spa-container.order input, textarea {
    margin-top: 1.6vw;
    width: 100%;
    background-color: #152942;
    border-radius: 3.2vw;
    color: #5D748A;
    font-size: 3.5vw;
    outline: none;
    box-shadow: none;
    border: none;
    padding: 3.5vw 3.8vw;
}

.spa-container.order .mini-container label {
    width: 47.5%;
}

.spa-container.order form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 5vw 5vw 5vw;
}

.spa-container.order .mini-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.spa-container.order .mini-container h4 {
    color: white;
    font-weight: 600;
    font-size: 3.5vw;
    width: 100%;
    margin-top: 1vw;
    margin-bottom: 0;
}

.spa-container.order .item-big {
    transition: 0.5s;
    width: 100%;
    outline: 1.5px solid #112237;
    background-color: transparent;
    color: white;
    display: flex;
    flex-direction: column;
    border-radius: 2vh;
    font-size: 4vw;
    margin-bottom: 2vh;
}

.spa-container.order .item-big > div.btn {
    border-radius: 2vh;
    width: 100%;
    padding: 2vh 5vw;
    background: #152942;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 100;
}

.spa-container.order .item-big > div.btn .duration {
    font-size: 3.5vw;
}


.spa-container.order .item-big > div.btn .time, .item-big > div.btn .duration {
    color: #5D748A;
    text-align: left;
    margin-top: 5vw;
}

.spa-container.order .item-big > div.btn .cost.right {
    align-self: flex-start;
}

.spa-container.order .item-big > div.btn :hover {
    background-color: #2A466A;;
    opacity: 0.9;
}

.spa-container.order .item-big.open > div.btn {
    background: transparent;
}

.spa-container.order .item-big.open {
    transition: 0.5s;
    outline-color: #1BC6BB;
    border-radius: 15px;
}

.spa-container.order form label {
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3.5vw;
    width: 100%;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

.spa-container.order form label textarea {
    height: 36vw;
    resize: none
}


.spa-container.order  form a.btn.success {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4.5vw;
    font-weight: 600;
    background: #0DB5AB;
    border-radius: 10px;
    width: 100%;
    height: 11vw;
    margin-top: 2vh;
}


.spa-container.order form .mini-container input.time {
    background: #152942 url(/web/images/mobile/icon/clock.svg) no-repeat 90% 3vw;
    background-size: auto 6vw;
}

.spa-container.order form .mini-container input.time.error {
    border: 2px solid indianred!important;
}

.spa-container.order form .mini-container input.calendar {
    background: #152942 url(/web/images/mobile/icon/calendar.svg) no-repeat 90% 3vw;
    background-size: auto 6vw;
}

.spa-container.order form .mini-container input.calendar.error {
    border: 2px solid indianred!important;
}


.spa-container.order form .bootstrap-select {
    display: block !important;
    margin-top: 1.6vw !important;
    width: 100% !important;

}

.spa-container.order  form .btn-light.dropdown-toggle:focus, form .btn-light.dropdown-toggle:hover {
    outline: none !important;
}

.spa-container.order form button:focus, button:hover, button:active {
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: 0 0 0 #000 !important;
    box-shadow: none !important;
    border-color: transparent !important;
    outline-color: red !important;
}

.spa-container.order form .bootstrap-select.open > .dropdown-menu {
    /*display: block;*/
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.spa-container.order form .bootstrap-select button {
    background-color: #152942 !important;
    border-radius: 3.2vw !important;
    color: #5D748A !important;
    font-size: 3.5vw !important;
    outline: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3.5vw 3.8vw !important;
    padding-right: 6vw !important;
}

.spa-container.order form .dropdown-menu {
    background-color: #152942 !important;

    font-size: 3.5vw !important;
}

.spa-container.order form .dropdown-item {
    color: #5D748A !important;
    padding: 3.5vw 3.8vw !important;
    font-size: 3.5vw !important;
}

.spa-container.order form .bootstrap-select .dropdown-item:hover {
    background-color: #112237 !important;

}

.spa-container.order form .bootstrap-select .dropdown-menu li .dropdown-item.active {
    background-color: #112237 !important;

}

.spa-container.order form .bootstrap-select .bs-ok-default:after {
    content: '•' !important;
    display: block;
    font-size: 7vw;
    transform: none !important;
    border: none !important;
    color: #1BC6BB !important;
}

.spa-container.order form .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 2vw;
    top: 0;
}

.spa-container.order form .bootstrap-select .dropdown-menu.show {
    margin-top: 2vw;
    border-radius: 2vw;
}

.spa-container.order form .bootstrap-select .dropdown-menu.show ::-webkit-scrollbar { /* 1 - скроллбар */
    width: 1vw;
    height: 4px;
    background-color: transparent;
}

.spa-container.order form .bootstrap-select .dropdown-menu.show ::-webkit-scrollbar-thumb { /* 5 - ползунок */
    border-radius: 2px;
    height: 80%;
    background-color: #1BC6BB !important;
}



@media (pointer: fine) {
    .item-big .btn:hover {
        background-color: #2A466A;;
        opacity: 0.9;
    }
}


/*15.Order*/

.main-order-container {
    min-height: 100vh;
    background: #112237;
}

.main-order-container .header .left {
    display: flex;
    align-items: center;

}

.main-order-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.main-order-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.main-order-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.main-order-container .header .left a:hover span {
    color: #1BC6BB;
}
.main-order-container .header .right .label-mini {
    margin-right: 6vw;
}

.main-order-container .header .right a {
    background: #152942;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.main-order-container .header .right .shop.active {
    position: relative;
}


.main-order-container .header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.main-order-container h2 {
    color: white;
    font-size: 5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.main-order-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}


.main-order-container a.btn.success {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4.5vw;
    font-weight: 600;
    background: #0DB5AB;
    border-radius: 10px;
    width: 100%;
    height: 11vw;
    margin-top: 4vh;
}

.main-order-container .order-container {
    transition: 0.5s;
    width: 100%;
    outline: 1.5px solid #112237;
    background-color: transparent;
    color: white;
    display: flex;
    flex-direction: column;
    border-radius: 2vh;
    font-size: 4vw;
}
/*.form-spa {height: 25vh}*/

.main-order-container .order-container .order-item {
    border-radius: 2vh;
    width: 100%;
    padding: 2vh 5vw;
    background: #152942;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
}

.main-order-container .order-container > .order-item .duration {
    font-size: 3.5vw;
}

.main-order-container .btn-del {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.main-order-container .btn-del i {
    color:red;
    font-size: 4vw;
}

.main-order-container .order-container > .order-item .time, .order-container > .order-item .duration {
    color: #5D748A;
    text-align: left;
    margin-top: 5vw;
}

.main-order-container .order-item .time {
    margin-right: 1vw;
}

.main-order-container .order-container > .order-item .cost.right {
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 72%;
}

.main-order-container .order-container > .order-item :hover {
    background-color: #2A466A;;
    opacity: 0.9;
}

.main-order-container .total-price {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    font-size: 5vw;
    font-weight: 700;
    margin-top: 1.5vh;
}


/*17.Activities*/
.activities-container {
    min-height: 100vh;
    background: #112237;
}

.activities-container .header .left {
    display: flex;
    align-items: center;

}

.activities-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.activities-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.activities-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.activities-container .header .left a:hover span {
    color: #1BC6BB;
}
.activities-container .header .right .label-mini {
    margin-right: 6vw;
}

.activities-container .header .right a {
    background: #152942;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.activities-container .header .right .shop.active {
    position: relative;
}

.activities-container .header .right .shop.active:after {
    content: "\2022";
    color: #1BC6BB;
    font-size: 30px;
    position: absolute;
    bottom: -16px;
    right: -2px;
}

.activities-container h2 {
    color: white;
    font-size: 5vw;
    padding: 0 5vw;
    margin-bottom: 3vh;
}

.activities-container .container-1 {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    background: #112237;
    height: 100%;
    padding: 0 5vw 15vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.activities-container .container-1 .service-name {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2.5vh;
}

.activities-container .container-1 .service-name h3 {
    font-weight: 600;
    font-size: 5.5vw;
    color: white;
}

.activities-container .container-1 .service-name svg {
    width: 12vw;
    height: 12vw;
    margin-right: 5vw;
}

.activities-container .container-1 .activities-name h3 {
    width: 100%;
}


.activities-container .container-1 .activities-service {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5vh;
    text-decoration: none;
}

.activities-container .container-1 .activities-service.small {
    width: 47%;
}

.activities-container .container-1 .activities-service .img-container {
    width: 100%;
}

.activities-container .container-1 .activities-service img {
    height: 45vw;
    min-width: 100%;
    object-fit: cover;
    border-radius: 2vh;
    background: linear-gradient(180deg, rgba(8, 24, 38, 0) 0%, #0B1C30 128.8%);
    opacity: 0.8;
}

.activities-container .container-1 .activities-service img {
    width: 100%;
}

.activities-container .container-1 .activities-service .service-info {
    position: absolute;
    bottom: 2vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 4.5vw;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.activities-container .container-1.activities-more .activities-name {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.5vh;
    margin-top: 3vh;
}

.activities-container .container-1.activities-more .activities-name img {
    width: 40vw;height: 40vw;
    object-fit: cover;
    border-radius: 50%;
}

.activities-container .container-1.activities-more .activities-name h3 {
    font-weight: 600;
    font-size: 5.5vw;
    color: white;
    text-align: center;
    margin-top: 2vh;
}

.activities-container .container-1.activities-more .plan-activities {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.activities .container-1.activities-more .plan-activities .item-activities {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4vw;
    padding-bottom: 4vw;
    border-bottom: 2px solid #1D3554;
}

.activities .container-1.activities-more .plan-activities .item-activities:first-child {
    border-top: 2px solid #1D3554;
}


.activities .container-1.activities-more .plan-activities .item-activities .name-activities{
    font-weight: 600;
    font-size: 4vw;
    line-height: 21px;
    text-align: left;
    color: white;
}

.activities .container-1.activities-more .plan-activities .item-activities .time-activities{
    font-weight: 400;
    font-size: 3.5vw;
    color: #5D748A;
    text-align: right;

}


/*18.Account*/

.account-container {
    font-family: "Segoe UI";
}

.account-container .header .left {
    display: flex;
    align-items: center;
}

.account-container .header.double-row .left {
    position: relative;
}


.account-container.add-form .header.double-row .left .header-text {
    top: 4.3vw;
    /*bottom:  calc(-100% - 2vw);*/
}

.account-container .header .left a {
    display: flex;
    height: 5vw;
    margin-right: 3vw;
    align-items: center;
}

.account-container .header .left img {
    height: 90%;
    align-self: flex-end;
}

.account-container .header .left a span {
    color: white;
    font-size: 6vw;
    display: inline-block;
    margin-left: 3vw;
}

.account-container .header .left a:hover span {
    color: #1BC6BB;
}

.account-container .header .right {
    width: 66%;
}

.account-container-container .header .right a {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.account-container .right a.addBtn {
    color: #1BC6BB;
    border: 1px solid #1BC6BB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 3.5vw;
}

.account-container .right a.addBtn.addPlan {
    margin-left: 3vw;
}

.account-container > .container {
    min-height: 100vh;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 14vh;
}

.account-container > .container{
    min-height: 90vh;
}
.account-container #accountForm {
    width: 100%;
}

.account-container form label {
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3.5vw;
    width: 100%;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

.account-container form label input.form-control {
    margin-top: 1.6vw;
    background-color: #152942 !important;
    border-radius: 3.2vw !important;
    color: #5D748A !important;
    font-size: 3.5vw !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3.8vw 3.8vw!important;
    width: 100% !important;
    height: 100% !important;
    /*margin-top: 1.4vw;*/
}

.account-container form .mini-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.account-container form .mini-container label.city{
    width: 66%;
}

.account-container form .mini-container label.plz{
    width: 30%;
}


.account-container .container.planing-form form label {
    display: block;
    color: white;
    font-weight: 600;
    font-size: 3.5vw;
    width: 100%;
    margin-bottom: 1vw;
    margin-top: 1vw;
}

.account-container .container.planing-form form .mini-container label {
    width: 47.5%;
}

.account-container form label input, .account-container form label textarea {
    margin-top: 1.6vw;
    width: 100%;
    background-color: #152942;
    border-radius: 3.2vw;
    color: #5D748A;
    font-size: 3.5vw;
    outline: none;
    box-shadow: none;
    border:none;
    padding: 3.5vw 3.8vw;
}

.account-container form label textarea {
    height: 36vw;
    resize:none
}

.account-container form .bootstrap-select {
    display: block!important;
    margin-top: 1.6vw!important;
    width: 100%!important;
}

.account-container form .btn-light.dropdown-toggle:focus, .account-container form .btn-light.dropdown-toggle:hover {
    outline: none!important;
}

.account-container form button:focus, .account-container button:hover, .account-container button:active {
    color: rgba(0,0,0,0)!important;
    text-shadow: 0 0 0 #000!important;
    box-shadow: none!important;
    border-color: transparent!important;
    outline-color: red!important;
}

.account-container form .bootstrap-select.open > .dropdown-menu{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.account-container form .bootstrap-select button {
    background-color: #152942!important;
    border-radius: 3.2vw!important;
    color: #5D748A!important;
    font-size: 3.5vw!important;
    outline: transparent!important;
    box-shadow: none!important;
    border: none!important;
    padding: 3.5vw 3.8vw!important;
    padding-right: 6vw!important;
}

.account-container form .dropdown-menu {
    background-color: #152942!important;
    font-size: 3.5vw!important;
}

.account-container form .dropdown-item {
    color: #5D748A!important;
    padding: 3.5vw 3.8vw!important;
    font-size: 3.5vw!important;
}

.account-container form .bootstrap-select .dropdown-item:hover {
    background-color: #112237!important;

}

.account-container form .bootstrap-select .dropdown-menu li .dropdown-item.active {
    background-color: #112237!important;
}

.account-container form .bootstrap-select .bs-ok-default:after {
    content: '•'!important;
    display: block;
    font-size: 7vw;
    transform: none!important;
    border: none!important;
    color: #1BC6BB !important;
}

.account-container form .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 2vw;
    top: 6px;
}

.account-container form .bootstrap-select .dropdown-menu.show {
    margin-top: 2vw;
    border-radius: 2vw;
}

.account-container form .bootstrap-select .dropdown-menu.show ::-webkit-scrollbar { /* 1 - скроллбар */
    width: 1vw;
    height: 4px;
    background-color: transparent;
}

.account-container form .bootstrap-select .dropdown-menu.show ::-webkit-scrollbar-thumb { /* 5 - ползунок */
    border-radius: 2px;
    height: 80%;
    background-color: #1BC6BB !important;
}

.account-container .container form#accountForm .bootstrap-select .dropdown-toggle .filter-option {
    top: -4px!important;
}

.account-container form .land-select-container img {
    width: 30px;
    margin-right: 10px;
}


.account-container  form #saveDetails {
    display: block;
    text-align: center;
    margin-top: 5vw;
    color: white;
    background: #0DB5AB;
    width: 100%;
    font-weight: 600;
    font-size: 4vw;
    padding-top: 2.6vw;
    padding-bottom: 2.7vw;
    border-radius: 2.5vw;
}


/*17.Checking-registration*/

.checking-registration-container {
    font-family: "Segoe UI";
}

.checking-registration-container .header .left a {
    height: 5vw;
    margin-right: 3vw;
    display: inline-block;
    /*margin-bottom: 1vw;*/
}

.checking-registration-container .header .left img {
    height: 90%;
}

.checking-registration-container .header .left span {
    color: white;
    font-size: 6vw;
    display: inline-block;
}

.checking-registration-container .header .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.checking-registration-container .header .right a i {
    color: white;
}

.checking-registration-container > .container {
    min-height: 100vh;
    overflow-x: auto;
    scroll-snap-type: y mandatory;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 11vh;
}

.checking-registration-container > .container .registration-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.checking-registration-container > .container > h3 {
    color: white;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 5vw;
    margin-top: 2vh;
    /*margin-bottom: 2vh;*/
}

.checking-registration-container .registration-container h4 {
    font-weight: 600;
    font-size: 4.5vw;
    color: #FFFFFF;
}

.checking-registration-container > .container .flying {
    margin-bottom: 2.5vh;
}

.checking-registration-container > .container .flying .part {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
}

.checking-registration-container > .container .flying .part.part-one {
    position: relative;
    margin-bottom: 0;
}

.checking-registration-container > .container .flying .part.part-one .dashed {
    position: absolute;
    border-bottom: 1px dashed #5D748A;
    bottom: 0;
    margin-bottom: 0;
    width: calc(100% - 4vw);
    left: 2vw;
}

.checking-registration-container > .container .flying .part > div {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: #5D748A;
    margin-bottom: 1vh;
}

.checking-registration-container > .container .flying .top .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.5vw;
    color: white;
}

.checking-registration-container > .container .flying .top .left .info div {
    font-size: 3vw;
    color: #5D748A;
}

.checking-registration-container > .container .flying .top .left img {
    height: 8vw;
    width: 8vw;
    margin-right: 3.5vw;
}

.checking-registration-container > .container .flying .top span.right {
    font-size: 2.5vw;
    font-weight: 700;
    color: #1BC6BB;
    align-self: flex-start;
}

.checking-registration-container > .container .flying h5 {
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 4vw;
    color: #FFFFFF;
    margin-bottom: 1vh;
}


.checking-registration-container > .container .flying .middle div {
    font-size: 3vw;
}

.checking-registration-container > .container .flying .middle div:last-child {
    font-size: 4vw;
    color: white;
    font-weight: 600;
    align-self: flex-start;
}

.checking-registration-container > .container .flying .bottom span {
    font-size: 3vw;
    white-space: nowrap;
}

.checking-registration-container > .container .flying .bottom span:last-child {
    text-align: right;
}

.checking-registration-container > .container .flying .flight-duration {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-top: 2.4vh;
}

.checking-registration-container > .container .flying .flight-duration > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.checking-registration-container > .container .flying .flight-duration .top {
    font-weight: 600;
    font-size: 4.5vw;
    color: #FFFFFF;
}

.checking-registration-container > .container .flying .flight-duration .top img {
    width: 5%;
}

.checking-registration-container > .container .flying .flight-duration .middle {
    position: relative;
    z-index: 100;
}

.checking-registration-container > .container .flying .flight-duration .middle .line {
    width: 90%;
    position: absolute;
    border-top: 1px solid #1D3554;
    left: 5%;
    top: calc(50% - 0.5px);
    z-index: 10;
}

.checking-registration-container > .container .flying .flight-duration .middle .time {
    z-index: 100;
    background: #152942;
    border: 1px solid #1D3554;
    border-radius: 2vh;
    font-weight: 400;
    font-size: 2vw;
    padding: 1% 3%;
    color: #5D748A;
}

.checking-registration-container > .container .flying .flight-duration .middle .point {
    width: 10%;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checking-registration-container > .container .flying .flight-duration .bottom {
    font-size: 3vw;
}

.checking-registration-container > .container .flying .part-two .block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1vh;
}

.checking-registration-container > .container .flying .part-two .block .left-info {
    color: white;
    font-size: 3.7vw;
    font-weight: 600;
}

.checking-registration-container > .container .flying .part-two .block .left-info div {
    font-weight: 400;
}

.checking-registration-container > .container .flying .part-two .block .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1BC6BB;
    border-radius: 1vh;
    padding: 3%;
}

.checking-registration-container > .container .flying .part-two .block .plus img {
    width: 3vw;
}

.checking-registration-container > .container .block-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vh;
    padding: 5vw;
    background: #152942;
    border-radius: 3vw;
    color: white;
    cursor: pointer;
}

.checking-registration-container > .container .block-container div {
    font-weight: 600;
    font-size: 4.8vw;
    color: #FFFFFF;
    margin-right: 12%;

}

.checking-registration-container > .container .block-container a {
    border: 1px solid #1BC6BB;
    border-radius: 1vh;
    padding: 3%;
    font-weight: 600;
    font-size: 3.8vw;
    color: #1BC6BB;
}

@media (orientation: landscape) {
    .login-container {
        background-image: url("/web/images/mobile/bg/technology-network-background-tablet.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .login-container .container-logo {
        margin-top: 50px;
    }

    .login-container .container-logo .logo {
        width: 25%;
        height: 40px;
        background-image: url("/web/images/mobile/logo/bookido-logo.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .login-container .form-container {
        margin-right: 28%;
        margin-left: 28%;
    }

    .login-container .copyright {
        color: #648099;
    }

}

@media (orientation: portrait) {

    .login-container {
        background-image: url("/web/images/mobile/bg/technology-network-background-mobile.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
}