@-webkit-keyframes animate-top {
    from {
        top: 287px
    }
    to {
        top: 0
    }
}

@keyframes animate-top {
    from {
        top: 287px
    }
    to {
        top: 0
    }
}

@-webkit-keyframes animate-bottom {
    from {
        top: -287px
    }
    to {
        top: 0
    }
}

@keyframes animate-bottom {
    from {
        top: -287px
    }
    to {
        top: 0
    }
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0
}

html {
    background-color: #fff
}

html, body {
    width: 100%;
    height: 100%
}

html {
    overflow-x: hidden;
    overflow-y: scroll
}

html.has-splash {
    overflow: hidden
}

html.has-splash .splash-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

html.has-login-splash {
    overflow: hidden
}

html.has-login-splash .login-splash-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

html .splash-logo {
    width: 650px
}

body {
    overflow: visible;
    min-width: 320px
}

body {
    color: #1a1a1a
}

body .splash-wrapper, body .login-splash-wrapper {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    background: -webkit-gradient(linear, right top, left top, from(#578993), to(#599aa0));
    background: -webkit-linear-gradient(right, #578993, #599aa0);
    background: -o-linear-gradient(right, #578993, #599aa0);
    background: linear-gradient(to left, #578993, #599aa0)
}

body .login-splash-wrapper .spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 47%;
    bottom: 0;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear
}

body .login-splash-wrapper .dot1, body .login-splash-wrapper .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: white;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out
}

body .login-splash-wrapper .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

body.app-offline .app-offline-msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

body.app-offline .navbar {
    background: #c9c9c9 !important
}

body .app-offline-msg {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
    border-top-color: #ff0018;
    height: 10vh;
    z-index: 1000
}

body .app-offline-msg .alert {
    max-width: 768px;
    display: block;
    text-align: center;
    border-radius: 20px;
    direction: ltr;
    padding: 7px 15px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body hr {
    height: 0;
    overflow: visible;
    margin-top: 7px;
    margin-bottom: 7px;
    border: 0;
    border-top: 1px solid #ececec
}

@media screen and (max-width: 576px) {
    html .splash-logo {
        width: 250px
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    html .splash-logo {
        width: 350px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    html .splash-logo {
        width: 450px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
    html .splash-logo {
        width: 550px
    }
}

@charset "UTF-8";
@font-face {
    font-family: IRANSansWeb_FaNum, Roboto;
    src: url(../fonts/iranian-sans/monoSpace/ttf/IRANSansWeb.ttf) format("truetype"), url(../fonts/iranian-sans/monoSpace/woff/IRANSansWeb.woff) format("woff")
}

@font-face {
    font-family: IRANSansWeb_FaNum, Roboto;
    src: url(../fonts/iranian-sans/monoSpace/ttf/IRANSansWeb_Bold.ttf) format("truetype"), url(../fonts/iranian-sans/monoSpace/woff/IRANSansWeb_Bold.woff) format("woff");
    font-weight: 700
}

@-webkit-keyframes animate-top {
    from {
        top: 287px
    }
    to {
        top: 0
    }
}

@keyframes animate-top {
    from {
        top: 287px
    }
    to {
        top: 0
    }
}

@-webkit-keyframes animate-bottom {
    from {
        top: -287px
    }
    to {
        top: 0
    }
}

@keyframes animate-bottom {
    from {
        top: -287px
    }
    to {
        top: 0
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes scale {
    0%, 100% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes scale {
    0%, 100% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@-webkit-keyframes fill {
    100% {
        -webkit-box-shadow: inset 0 0 0 30px #4caf50;
        box-shadow: inset 0 0 0 30px #4caf50
    }
}

@keyframes fill {
    100% {
        -webkit-box-shadow: inset 0 0 0 30px #4caf50;
        box-shadow: inset 0 0 0 30px #4caf50
    }
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4caf50;
    fill: none;
    -webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.checkmark {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #fff;
    stroke-miterlimit: 10;
    -webkit-box-shadow: inset 0 0 0 #4caf50;
    box-shadow: inset 0 0 0 #4caf50;
    -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

.slide-enter {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.slide-enter.slide-enter-active {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.slide-leave.slide-leave-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.zoom-enter {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.zoom-enter.zoom-enter-active {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.zoom-leave.zoom-leave-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.row {
    position: relative;
    margin: 0 -15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row > .col-1-auto {
    width: auto;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-1-1 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-1-2 {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-1-3 {
    width: 33.33333%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-1-4 {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-1-5 {
    width: 20%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-1-6 {
    width: 16.666%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-2-3 {
    width: 66.666%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-2-5 {
    width: 40%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-3-5 {
    width: 60%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-9-5 {
    width: 15%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-4-5 {
    width: 70%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-5-18 {
    width: 30%;
    padding-right: 15px;
    padding-left: 15px
}

.row > .col-17-20 {
    width: 85%;
    padding-right: 15px;
    padding-left: 15px
}

.row.spa-1 {
    margin: 0 -5px
}

.row.spa-1 > .col-1-auto {
    width: auto;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-1-1 {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-1-2 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-1-3 {
    width: 33.33333%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-1-4 {
    width: 25%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-1-5 {
    width: 20%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-1-6 {
    width: 16.666%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-2-3 {
    width: 66.666%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-2-5 {
    width: 40%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-3-5 {
    width: 60%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-9-5 {
    width: 15%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-4-5 {
    width: 70%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-5-18 {
    width: 30%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-1 > .col-17-20 {
    width: 85%;
    padding-right: 5px;
    padding-left: 5px
}

.row.spa-2 {
    margin: 0 -10px
}

.row.spa-2 > .col-1-auto {
    width: auto;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-1-1 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-1-2 {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-1-3 {
    width: 33.33333%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-1-4 {
    width: 25%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-1-5 {
    width: 20%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-1-6 {
    width: 16.666%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-2-3 {
    width: 66.666%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-2-5 {
    width: 40%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-3-5 {
    width: 60%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-9-5 {
    width: 15%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-4-5 {
    width: 70%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-5-18 {
    width: 30%;
    padding-right: 10px;
    padding-left: 10px
}

.row.spa-2 > .col-17-20 {
    width: 85%;
    padding-right: 10px;
    padding-left: 10px
}

.row .form-group {
    margin: 0;
    margin-bottom: 18px
}

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

.flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.column-direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@font-face {
    font-family: icon-font;
    src: url(../fonts/icon-font/icon-font.eot);
    src: url(../fonts/icon-font/icon-font.eot?#iefix) format("embedded-opentype"), url(../fonts/icon-font/icon-font.woff) format("woff"), url(../fonts/icon-font/icon-font.ttf) format("truetype"), url(../fonts/icon-font/icon-font.svg#icon-font) format("svg")
}

.icon-bell:before {
    content: "\e914"
}

.icon-car-sports:before {
    content: "\e915"
}

.icon-chart-bar:before {
    content: "\e916"
}

.icon-close:before {
    content: "\e917"
}

.icon-cancel:before {
    content: "\e917"
}

.icon-dots-horizontal-circle-outline:before {
    content: "\e918"
}

.icon-help-circle:before {
    content: "\e919"
}

.icon-help-circle-outline:before {
    content: "\e91a"
}

.icon-information:before {
    content: "\e91b"
}

.icon-information-outline:before {
    content: "\e91c"
}

.icon-mahan-air-logo-new:before {
    content: "\e91d"
}

.icon-office-building:before {
    content: "\e91e"
}

.icon-seat-card:before {
    content: "\e908"
}

.icon-tea:before {
    content: "\e909"
}

.icon-account-star:before {
    content: "\e90a"
}

.icon-human-male-female:before {
    content: "\e90b"
}

.icon-map-marker-path:before {
    content: "\e90c"
}

.icon-phone-classic:before {
    content: "\e90d"
}

.icon-seat:before {
    content: "\e90e"
}

.icon-star-box:before {
    content: "\e90f"
}

.icon-taxi:before {
    content: "\e910"
}

.icon-ticket:before {
    content: "\e911"
}

.icon-trophy-award:before {
    content: "\e912"
}

.icon-wallet-giftcard:before {
    content: "\e913"
}

.icon-service:before {
    content: "\e906"
}

.icon-mailbox:before {
    content: "\e907"
}

.icon-ferris-wheel:before {
    content: "\e900"
}

.icon-card-bulleted:before {
    content: "\e901"
}

.icon-cards:before {
    content: "\e902"
}

.icon-eye:before {
    content: "\e903"
}

.icon-eye-off:before {
    content: "\e904"
}

.icon-face-agent:before {
    content: "\e905"
}

.icon-account:before {
    content: "\61"
}

.icon-account-card-details:before {
    content: "\62"
}

.icon-activite-1:before {
    content: "\63"
}

.icon-activite-2:before {
    content: "\64"
}

.icon-airplane:before {
    content: "\65"
}

.icon-airplane-landing:before {
    content: "\66"
}

.icon-airplane-takeoff:before {
    content: "\67"
}

.icon-alert:before {
    content: "\68"
}

.icon-alert-circle:before {
    content: "\69"
}

.icon-alert-circle-outline:before {
    content: "\6a"
}

.icon-alert-outline:before {
    content: "\6b"
}

.icon-attachment:before {
    content: "\6d"
}

.icon-avatar:before {
    content: "\6e"
}

.icon-baby-buggy:before {
    content: "\6f"
}

.icon-boy:before {
    content: "\71"
}

.icon-briefcase:before {
    content: "\72"
}

.icon-briefcase-plus-outline:before {
    content: "\73"
}

.icon-brightness-percent:before {
    content: "\74"
}

.icon-calculator-variant:before {
    content: "\76"
}

.icon-calendar:before {
    content: "\77"
}

.icon-car-hatchback:before {
    content: "\7a"
}

.icon-card:before {
    content: "\41"
}

.icon-cellphone-android:before {
    content: "\42"
}

.icon-chart-line:before {
    content: "\43"
}

.icon-check:before {
    content: "\44"
}

.icon-check-circle:before {
    content: "\45"
}

.icon-chevron-down:before {
    content: "\46"
}

.icon-chevron-left:before {
    content: "\47"
}

.icon-chevron-right:before {
    content: "\48"
}

.icon-chevron-up:before {
    content: "\49"
}

.icon-close-circle:before {
    content: "\4a"
}

.icon-crawling-baby-silhouette:before {
    content: "\4b"
}

.icon-delete:before {
    content: "\4c"
}

.icon-dots-horizontal:before {
    content: "\4f"
}

.icon-email-outline:before {
    content: "\50"
}

.icon-filter:before {
    content: "\51"
}

.icon-filter-outline:before {
    content: "\52"
}

.icon-flag-checkered:before {
    content: "\53"
}

.icon-format-align-center:before {
    content: "\54"
}

.icon-format-align-justify:before {
    content: "\55"
}

.icon-format-align-left:before {
    content: "\56"
}

.icon-format-align-middle:before {
    content: "\57"
}

.icon-format-align-right:before {
    content: "\58"
}

.icon-format-annotation-minus:before {
    content: "\59"
}

.icon-format-annotation-plus:before {
    content: "\5a"
}

.icon-format-bold:before {
    content: "\30"
}

.icon-format-color-fill:before {
    content: "\31"
}

.icon-format-color-text:before {
    content: "\32"
}

.icon-format-header-pound:before {
    content: "\33"
}

.icon-format-italic:before {
    content: "\34"
}

.icon-format-list-bulleted:before {
    content: "\35"
}

.icon-format-list-numbers:before {
    content: "\36"
}

.icon-format-size:before {
    content: "\37"
}

.icon-format-textdirection-l-to-r:before {
    content: "\38"
}

.icon-format-textdirection-r-to-l:before {
    content: "\39"
}

.icon-format-underline:before {
    content: "\21"
}

.icon-girl:before {
    content: "\22"
}

.icon-gmail:before {
    content: "\23"
}

.icon-google-circles-extended:before {
    content: "\24"
}

.icon-header:before {
    content: "\26"
}

.icon-hotel:before {
    content: "\28"
}

.icon-instagram:before {
    content: "\2b"
}

.icon-keyboard-return:before {
    content: "\2c"
}

.icon-lock:before {
    content: "\2d"
}

.icon-lounge:before {
    content: "\2e"
}

.icon-magic-wand:before {
    content: "\2f"
}

.icon-map-marker:before {
    content: "\3a"
}

.icon-menu:before {
    content: "\3b"
}

.icon-menu-down:before {
    content: "\3c"
}

.icon-menu-right:before {
    content: "\3d"
}

.icon-menu-up:before {
    content: "\3e"
}

.icon-minus:before {
    content: "\3f"
}

.icon-news:before {
    content: "\5b"
}

.icon-parking:before {
    content: "\5d"
}

.icon-pencil:before {
    content: "\5e"
}

.icon-percent:before {
    content: "\5f"
}

.icon-phone:before {
    content: "\60"
}

.icon-picture:before {
    content: "\7b"
}

.icon-plus:before {
    content: "\7c"
}

.icon-printer:before {
    content: "\7d"
}

.icon-puzzel:before {
    content: "\7e"
}

.icon-redo:before {
    content: "\5c"
}

.icon-restore-clock:before {
    content: "\e000"
}

.icon-seat-upgrade:before {
    content: "\e001"
}

.icon-serial-number:before {
    content: "\e002"
}

.icon-service-01:before {
    content: "\e003"
}

.icon-settings-outline:before {
    content: "\e004"
}

.icon-shopping:before {
    content: "\e005"
}

.icon-sign-out:before {
    content: "\e006"
}

.icon-silverware:before {
    content: "\e007"
}

.icon-tarm:before {
    content: "\e008"
}

.icon-telegram:before {
    content: "\e009"
}

.icon-ticket1:before {
    content: "\e00a"
}

.icon-ticket-1:before {
    content: "\e00b"
}

.icon-tiket:before {
    content: "\e00c"
}

.icon-timer-sand-full:before {
    content: "\e00d"
}

.icon-timer-sand-full-01:before {
    content: "\e00e"
}

.icon-trophy-cup-silhouette:before {
    content: "\e00f"
}

.icon-undo:before {
    content: "\e010"
}

.icon-valet:before {
    content: "\e011"
}

.icon-view-dashboard:before {
    content: "\e012"
}

.icon-view-list:before {
    content: "\e013"
}

.icon-web:before {
    content: "\e014"
}

.icon-woman:before {
    content: "\e015"
}

.icon-airplane-landing-rtol:before {
    content: "\e016"
}

.icon-airplane-takeoff-rtol:before {
    content: "\e017"
}

.icon-map-marker-plus:before {
    content: "\e018"
}

.icon-locator-car:before {
    content: "\e019"
}

.icon-locator-hotel:before {
    content: "\e01a"
}

.icon-locator-shopping:before {
    content: "\e01b"
}

.icon-locator-restorent:before {
    content: "\e01c"
}

.icon-rental-car:before {
    content: "\e01d"
}

.icon-location-on-map:before {
    content: "\e01e"
}

.icon-approved:before {
    content: "\45"
}

.icon-pending:before {
    content: "\e00e"
}

.icon-rejected:before {
    content: "\4a"
}

.icon-danger:before {
    content: "\6b"
}

.icon-info:before {
    content: "\6a"
}

.icon-warn:before {
    content: "\6a"
}

.icon-error:before {
    content: "\6b"
}

@font-face {
    font-family: Gabriola;
    src: url(../fonts/gabriola/gabriola.ttf) format("truetype"), url(../fonts/gabriola/gabriola.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    src: local("Roboto"), url(../fonts/roboto/ttf/Roboto-Regular.ttf) format("truetype"), url(../fonts/roboto/woff/Roboto-Regular.woff) format("woff")
}

@font-face {
    font-family: Roboto Bold;
    src: local("Roboto Bold"), url(../fonts/roboto/ttf/Roboto-Bold.ttf) format("truetype"), url(../fonts/roboto/woff/Roboto-Bold.woff) format("woff")
}

@font-face {
    font-family: Roboto Thin;
    src: local("Roboto Thin"), url(../fonts/roboto/ttf/Roboto-Thin.ttf) format("truetype"), url(../fonts/roboto/woff/Roboto-Thin.woff) format("woff")
}

@font-face {
    font-family: Roboto Light;
    src: local("Roboto Light"), url(../fonts/roboto/ttf/Roboto-Light.ttf) format("truetype"), url(../fonts/roboto/woff/Roboto-Light.woff) format("woff")
}

@font-face {
    font-family: Roboto Medium;
    src: local("Roboto Medium"), url(../fonts/roboto/ttf/Roboto-Medium.ttf) format("truetype"), url(../fonts/roboto/woff/Roboto-Medium.woff) format("woff")
}

@font-face {
    font-family: vivaldi;
    src: url(../fonts/vivaldi/vivaldi.eot);
    src: url(../fonts/vivaldi/vivaldi.eot?#iefix) format("embedded-opentype"), url(../fonts/vivaldi/vivaldi.woff2) format("woff2"), url(../fonts/vivaldi/vivaldi.woff) format("woff"), url(../fonts/vivaldi/vivaldi.ttf) format("truetype"), url("../fonts/vivaldi/vivaldi.svg#Vivaldi W01 V2") format("svg")
}

html, body {
    direction: rtl;
    font-family: IRANSansWeb_FaNum, Roboto, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    -o-text-overflow: clip;
    text-overflow: clip;
    color: #014d46;
    line-height: 1.5
}

body .container {
    max-width: 1200px;
    margin: auto
}

body .simple-container {
    margin-top: 90px;
    min-height: 400px
}

body .simple-container .page {
    padding: 30px 0
}

body .panel-container {
    margin: 85px 240px 0 0
}

body .logo {
    display: inline-block;
    width: 117px;
    height: 71px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%
}

body .list {
    padding: 0;
    margin: 0;
    list-style: none
}

body .list ol, body .list ul {
    padding: 0;
    margin: 0;
    list-style: none
}

body .fade-rule {
    height: 1px;
    width: 100%;
    margin: 0 auto;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(2%, transparent), color-stop(50%, #c9c9c9), color-stop(98%, transparent));
    background-image: -webkit-linear-gradient(right, transparent 2%, #c9c9c9 50%, transparent 98%);
    background-image: -o-linear-gradient(right, transparent 2%, #c9c9c9 50%, transparent 98%);
    background-image: linear-gradient(to left, transparent 2%, #c9c9c9 50%, transparent 98%);
    background-image: -o-linear-gradient(to left, transparent 2%, #c9c9c9 50%, transparent 98%);
    background-image: -webkit-linear-gradient(to left, transparent 2%, #c9c9c9 50%, transparent 98%);
    background-image: -ms-linear-gradient(to left, transparent 2%, #c9c9c9 50%, transparent 98%);
    background-image: -webkit-gradient(linear, to left bottom, to right bottom, color-stop(.02, transparent), color-stop(.5, #c9c9c9), color-stop(.98, transparent))
}

body .flex-display {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.en {
    display: inline-block;
    direction: ltr;
    font-family: Roboto, Verdana, Geneva, sans-serif
}

.ltr {
    display: inline-block;
    direction: ltr
}

input, textarea, select, button {
    font-family: inherit
}

a {
    color: inherit;
    text-decoration: none;
    display: inline-block
}

table {
    border-collapse: collapse
}

ol, ul {
    padding-right: 35px;
    margin: 10px 0
}

p {
    line-height: 1.6;
    margin: 10px 0
}

.btn-group.stick-btm, .tab-header.stick-btm {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    max-width: 768px;
    padding: 2px;
    position: fixed;
    right: 0
}

.btn {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    min-width: 40px;
    padding: 0 10px;
    outline: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn span {
    pointer-events: none
}

.btn.btn-default {
    background: #aeaeae;
    border: 1px solid #bbb;
    color: #fff
}

.btn.btn-default:hover {
    background: #a8a8a8;
    border-color: #a1a1a1;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-default.btn-outline {
    background-color: transparent;
    border-color: #aeaeae;
    color: #aeaeae
}

.btn.btn-default.btn-outline:hover {
    background-color: #aeaeae;
    color: #fff;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-default.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #aeaeae
}

.btn.btn-default.btn-link:hover {
    background-color: rgba(174, 174, 174, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-primary {
    background: #014d46;
    border: 1px solid #01665d;
    color: #fff
}

.btn.btn-primary:hover {
    background: #01403b;
    border-color: #01342f;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-primary.btn-outline {
    background-color: transparent;
    border-color: #014d46;
    color: #014d46
}

.btn.btn-primary.btn-outline:hover {
    background-color: #014d46;
    color: #fff;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-primary.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #014d46
}

.btn.btn-primary.btn-link:hover {
    background-color: rgba(1, 77, 70, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-secondary {
    background: #f2f2f2;
    border: 1px solid white;
    color: #014d46
}

.btn.btn-secondary:hover {
    background: #ececec;
    border-color: #e5e5e5;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-secondary.btn-outline {
    background-color: transparent;
    border-color: #f2f2f2;
    color: #f2f2f2
}

.btn.btn-secondary.btn-outline:hover {
    background-color: #f2f2f2;
    color: #014d46;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-secondary.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #f2f2f2
}

.btn.btn-secondary.btn-link:hover {
    background-color: rgba(242, 242, 242, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-danger {
    background: #1e5eac;
    border: 1px solid #f36c45;
    color: #fff
}

.btn.btn-danger:hover {
    background: #f05021;
    border-color: #ef4615;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-danger.btn-outline {
    background-color: transparent;
    border-color: #1e5eac;
    color: #1e5eac
}

.btn.btn-danger.btn-outline:hover {
    background-color: #1e5eac;
    color: #fff;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-danger.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #1e5eac
}

.btn.btn-danger.btn-link:hover {
    background-color: rgba(241, 89, 45, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-info {
    background: #4caf50;
    border: 1px solid #5cb860;
    color: #fff
}

.btn.btn-info:hover {
    background: #48a64c;
    border-color: #449d48;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-info.btn-outline {
    background-color: transparent;
    border-color: #4caf50;
    color: #4caf50
}

.btn.btn-info.btn-outline:hover {
    background-color: #4caf50;
    color: #fff;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-info.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #4caf50
}

.btn.btn-info.btn-link:hover {
    background-color: rgba(76, 175, 80, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-white {
    background: #fff;
    border: 1px solid white;
    color: #014d46
}

.btn.btn-white:hover {
    background: #f9f9f9;
    border-color: #f2f2f2;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-white.btn-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.btn.btn-white.btn-outline:hover {
    background-color: #fff;
    color: #014d46;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-white.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #fff
}

.btn.btn-white.btn-link:hover {
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-blue {
    background: #2196f3;
    border: 1px solid #39a1f4;
    color: #fff
}

.btn.btn-blue:hover {
    background: #1590f2;
    border-color: #0d8aee;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-blue.btn-outline {
    background-color: transparent;
    border-color: #2196f3;
    color: #2196f3
}

.btn.btn-blue.btn-outline:hover {
    background-color: #2196f3;
    color: #fff;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-blue.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #2196f3
}

.btn.btn-blue.btn-link:hover {
    background-color: rgba(33, 150, 243, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-green {
    background: #4caf50;
    border: 1px solid #5cb860;
    color: #fff
}

.btn.btn-green:hover {
    background: #48a64c;
    border-color: #449d48;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-green.btn-outline {
    background-color: transparent;
    border-color: #4caf50;
    color: #4caf50
}

.btn.btn-green.btn-outline:hover {
    background-color: #4caf50;
    color: #fff;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-green.btn-link {
    background-color: transparent;
    border: 1px solid transparent;
    color: #2196f3
}

.btn.btn-green.btn-link:hover {
    background-color: rgba(33, 150, 243, .1);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn:disabled {
    background: #c9c9c9;
    border: 1px solid #d6d6d6;
    color: #9e9e9e;
    cursor: not-allowed
}

.btn:disabled:hover {
    background: #c3c3c3;
    border-color: #bcbcbc;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.btn.btn-rounded {
    min-width: auto;
    padding: 3px;
    margin: 0;
    border-radius: 50%;
    line-height: 1
}

.btn.btn-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.btn-icon .icon {
    margin-left: 5px
}

.btn.btn-sm {
    font-size: 12px;
    height: 33px
}

.btn.btn-lg {
    font-size: 21px;
    height: 60px
}

.btn.full-width {
    width: 100%
}

.btn-group {
    padding: 7px 10px
}

.btn-group > .btn {
    border-radius: 0
}

.btn-action {
    min-width: 80px;
    margin-left: 10px
}

.btn-action:last-child {
    margin: 0
}

.tab-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 7px 10px;
    width: 100%
}

.tab-header > .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 60px;
    line-height: 60px;
    margin: auto 5px
}

.tab-header.tab-header-default > .btn {
    background: #fff;
    border: 1px solid white;
    color: #014d46
}

.tab-header.tab-header-default > .btn:hover {
    background: #f9f9f9;
    border-color: #f2f2f2;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.tab-header.tab-header-default > .btn.active {
    background: #02998b;
    border: 1px solid #02b2a2;
    color: #666
}

.tab-header.tab-header-default > .btn.active:hover {
    background: #028c7f;
    border-color: #027f74;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s
}

.form-wrapper .btn-group {
    padding: 7px 10px;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-wrapper .btn-group > .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 5px;
    height: 60px;
    line-height: 60px
}

.form-error {
    padding: 0 5px;
    position: absolute;
    color: #ff0018;
    font-size: 11px;
    margin: 0;
    left: 0;
    bottom: -15px;
    white-space: nowrap
}

.form-group {
    margin: 13px 10px;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-group .form-section {
    position: relative
}

.form-group .form-container {
    border-radius: 4px;
    position: relative
}

.form-group .form-container .form-control {
    display: block;
    background-color: #fff;
    height: 40px;
    width: 100%;
    padding: 8px;
    border: 0;
    outline: 0;
    border-radius: inherit;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.form-group .form-container .form-control:focus {
    border-color: rgba(38, 38, 38, .6)
}

.form-group .form-container .form-control:disabled {
    background-color: #e4e4e4
}

.form-group .form-container .form-icon {
    top: calc(50% - 13px);
    color: inherit;
    left: 0;
    position: absolute;
    pointer-events: none;
    width: 25px;
    height: 25px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-group .form-container .form-fieldset {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 8px;
    overflow: hidden;
    position: absolute;
    border: 1px solid #c9c9c9;
    border-radius: inherit;
    pointer-events: none
}

.form-group .form-container .form-fieldset .form-fieldset-legend {
    height: 1px;
    max-width: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    visibility: hidden
}

.form-group .form-container:disabled {
    background-color: #e4e4e4
}

.form-group label {
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    z-index: 1;
    color: #6a6a6a;
    -webkit-transform: translate(-8px, 9px) scale(1);
    -ms-transform: translate(-8px, 9px) scale(1);
    transform: translate(-8px, 9px) scale(1);
    -webkit-transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, -webkit-transform .2s cubic-bezier(0, 0, .2, 1) 0s;
    transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, -webkit-transform .2s cubic-bezier(0, 0, .2, 1) 0s;
    -o-transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, transform .2s cubic-bezier(0, 0, .2, 1) 0s;
    transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, transform .2s cubic-bezier(0, 0, .2, 1) 0s;
    transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, transform .2s cubic-bezier(0, 0, .2, 1) 0s, -webkit-transform .2s cubic-bezier(0, 0, .2, 1) 0s;
    pointer-events: none
}

.form-group label.title {
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.form-group .btn {
    width: 100%
}

.form-group.btn-group {
    margin-top: 13px 10px
}

.form-group.has-error .form-container .form-fieldset {
    border-color: #ff0018
}

.form-group.has-error .form-control {
    border-color: #ff0018
}

.form-group.has-icon label {
    -webkit-transform: translate(-27px, 9px) scale(1);
    -ms-transform: translate(-27px, 9px) scale(1);
    transform: translate(-27px, 9px) scale(1)
}

.form-group.has-icon .form-control {
    padding-right: 27px
}

.form-group.has-icon .icon {
    position: absolute;
    top: calc(50% - 9px);
    right: 6px;
    font-size: 18px;
    color: inherit
}

.form-group.has-value label, .form-group.form-focused label {
    -webkit-transform: translate(-9px, -10px) scale(.75) !important;
    -ms-transform: translate(-9px, -10px) scale(.75) !important;
    transform: translate(-9px, -10px) scale(.75) !important
}

.form-group.has-value .form-container .form-fieldset .form-fieldset-legend, .form-group.form-focused .form-container .form-fieldset .form-fieldset-legend {
    max-width: 1000px;
    -webkit-transition: max-width .1s cubic-bezier(0, 0, .2, 1) 50ms;
    -o-transition: max-width .1s cubic-bezier(0, 0, .2, 1) 50ms;
    transition: max-width .1s cubic-bezier(0, 0, .2, 1) 50ms
}

.filed-required {
    color: #ff0018;
    position: absolute;
    margin-right: 4px
}

body.shrink-view .stick-btm {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

#root {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#main-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#main-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#content-wrapper .page {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

#main-footer {
    height: 32px;
    min-height: 32px;
    direction: ltr;
    text-align: center
}

.page {
    padding: 15px;
    position: relative
}

.page.has-navbar {
    padding: 56px
}

.page-logo-form .logo-wrapper {
    height: 29vh;
    width: 29vh;
    border-radius: 50%;
    overflow: hidden;
    border: 2vh solid rgba(255, 255, 255, .5);
    margin: 5px auto 30px
}

.page-logo-form .logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25vh;
    height: 25vh;
    border-radius: 50%;
    overflow: hidden;
    border: 2vh solid rgba(255, 255, 255, .7)
}

.page-logo-form .logo-container img {
    width: auto;
    height: 100%
}

.page-logo-form .form-wrapper {
    width: 90%;
    max-width: 576px;
    margin: auto;
    background: white;
    padding: 30px 30px 15px
}

.page-logo-form .form-control {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #1a1a1a;
    border-radius: 0
}

.page-logo-form .btn-group {
    margin-top: 30px
}

.page-logo-form .btn {
    height: 60px
}

.page-logo-form .form-error {
    top: 20px
}

.ChartPanelCss {
    height: 580px;
    width: 100%
}

.autocomplete-input {
    position: relative
}

.autocomplete-input.has-list input {
    border-bottom-left-radius: 0
}

.autocomplete-input .list-wrapper {
    padding: 0;
    border: 0;
    width: 100%;
    min-width: 200px;
    height: auto;
    max-height: 300px;
    position: absolute;
    z-index: 9;
    border-radius: 4px;
    overflow-y: auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-top: 5px;
    padding: 5px 0;
    background: #fff
}

.autocomplete-input .list-item {
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 7px 15px
}

.autocomplete-input .list-item:hover {
    background: #ebf5f4
}

.autocomplete-input .list-item.has-hover {
    background: #014d46;
    color: #fff
}

.autocomplete-input .selected-items {
    max-width: 50%
}

.autocomplete-input .selected-items span {
    display: inline-block;
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    padding: 2px 7px;
    margin: 5px;
    cursor: pointer;
    vertical-align: middle
}

.autocomplete-input .selected-items span:after {
    position: absolute;
    top: -12px;
    left: -12px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    content: "X";
    color: #ff0018;
    border: 1px solid #ff0018;
    background: #fff
}

.date-time-input input {
    direction: ltr;
    text-align: right
}

.date-time-input .form-container .icon-close-circle {
    right: auto;
    left: 6px;
    color: #9e9e9e;
    cursor: pointer
}

.date-time-input .form-container .icon-close-circle:hover {
    color: inherit
}

.date-time-input .picker-btn {
    position: absolute;
    top: 4px;
    left: 4px
}

.date-range-input {
    margin-bottom: 13px !important
}

.date-range-input.has-icon .date-range-container input {
    padding-right: 28px
}

.date-range-input.has-error .date-range-container {
    border-color: #ff0018
}

.date-range-input .date-range-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #1a1a1a;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 1px
}

.date-range-input .date-range-container .form-section {
    width: 100%
}

.date-range-input .date-range-container .form-section .icon-close-circle {
    position: absolute;
    top: calc(50% - 8px);
    right: auto;
    left: 6px;
    font-size: 18px;
    color: #9e9e9e;
    cursor: pointer
}

.date-range-input .date-range-container .form-section .icon-close-circle:hover {
    color: inherit
}

.date-range-input .date-range-container .form-group {
    margin: 0
}

.date-range-input .date-range-container .disable {
    display: none
}

.date-range-input .date-range-container input {
    display: block;
    background-color: #fff;
    width: 100%;
    height: 38px;
    padding: 3px 7px;
    outline: 0;
    border: 0;
    border-bottom: 2px solid #fff
}

.date-range-input .date-range-container .active {
    border-bottom: 2px solid #1e5eac;
    border-radius: 0;
    -webkit-transition: border-bottom 1s;
    -o-transition: border-bottom 1s;
    transition: border-bottom 1s
}

.date-range-input .date-range-container .date-range-divider {
    border-right: 1px solid #c9c9c9;
    margin: 6px 0
}

.date-range-input .modal {
    margin-top: 5px
}

.date-range-input .left-position {
    left: 0 !important
}

.date-range-input .right-position {
    right: 0 !important
}

.date-range-open {
    overflow: auto !important;
    padding-right: 0 !important
}

.date-range-open .slimbar {
    right: 0 !important
}

.date-range-open .simple-container-header {
    right: 0 !important
}

.date-range-open .panel-container-header {
    right: 0 !important
}

.file-input input {
    opacity: 0;
    position: absolute;
    width: 100px;
    height: 100%;
    top: 0;
    right: 0
}

.file-input .form-container .form-control {
    border: 1px solid #c9c9c9;
    height: auto;
    min-height: 40px;
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.file-input .form-container .form-control .file-input-btn {
    padding: 9px 0;
    width: 100px;
    text-align: center;
    border-left: 1px solid #c9c9c9
}

.file-input .form-container .form-control .btn-disable {
    background-color: #e4e4e4;
    color: #9e9e9e
}

.file-input .form-container .form-control .file-input-txt {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 6px
}

.file-input .form-container .form-control label {
    color: #666;
    font-size: 10px;
    position: relative;
    top: -8px
}

.file-input .upload-info {
    font-size: 12px
}

.file-input .themed {
    padding: 0
}

.file-input .themed input {
    opacity: 0;
    width: 100%;
    height: 100%
}

.file-input .themed .upload-logo {
    margin: 58px auto;
    display: block
}

.file-input .themed .thumbnails {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.file-input .themed .thumbnails .file-wrapper {
    margin: 0;
    text-align: center
}

.file-input .themed .thumbnails .file-wrapper img {
    width: auto;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 0
}

.file-input .themed .thumbnails .file-del {
    bottom: 5px;
    left: 5px;
    top: auto;
    right: auto
}

.file-input .thumbnails {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    border: 1px solid #c9c9c9;
    border-top: 0;
    border-radius: 0 0 4px 4px
}

.file-input .file-wrapper {
    margin: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: end;
    position: relative
}

.file-input .file-wrapper .file-del {
    position: absolute;
    left: -8px;
    top: -8px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    width: 24px;
    height: 24px;
    color: #ff0018;
    border: 1px solid #ff0018;
    line-height: 24px;
    cursor: pointer;
    background: #fff
}

.file-input .file-wrapper img, .file-input .file-wrapper video {
    max-height: 15vh;
    max-width: 15vh;
    width: 98%;
    border: 2px solid #c9c9c9;
    border-radius: 4px;
    overflow: hidden
}

.file-input .file-wrapper .file {
    display: inline-block;
    height: 10vh;
    width: 15vh;
    border: 2px solid #c9c9c9;
    background: #999;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.file-input .file-wrapper .file:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    content: "no preview"
}

.multichoice-input {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    display: block;
    margin-left: 0;
    margin-right: 0
}

.multichoice-input.has-error {
    border-color: #ff0018
}

.multichoice-input label {
    color: #999;
    font-size: 10px
}

.multichoice-input ul {
    margin: 20px 10% 20px auto
}

.multichoice-input li {
    list-style: none;
    margin-right: 20px;
    white-space: nowrap
}

.multichoice-input li.select-all-choice label {
    color: #f2f2f2
}

.multichoice-input li label, .multichoice-input li input {
    cursor: pointer;
    display: inline-block;
    margin: auto 5px;
    vertical-align: middle
}

.password-input .form-control {
    padding-right: 30px
}

.password-input .icon {
    position: absolute;
    right: 5px;
    top: 30px
}

.numeric-input input {
    direction: ltr
}

.select-input.dir-ltr select {
    direction: ltr
}

.select-input.dir-rtl select {
    direction: rtl
}

.select-input .form-container .form-control {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: 25px
}

.text-area .form-container .form-control {
    resize: none;
    height: 15vh;
    font-size: 14px
}

.form-label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.form-label .icon {
    font-size: 19px;
    margin-left: 3px
}

.form-label .clickable {
    cursor: pointer
}

.form-label .clickable:hover {
    opacity: .6
}

.radio-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
}

.radio-input .radio {
    top: 0;
    right: 0;
    width: 21px;
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute
}

.radio-input .form-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 5px
}

.radio-input .form-radio .radiovgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    -webkit-transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0s;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-input .form-radio .radiovgIcon-dot {
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, 1, 1) 0s;
    transition: -webkit-transform .15s cubic-bezier(.4, 0, 1, 1) 0s;
    -o-transition: transform .15s cubic-bezier(.4, 0, 1, 1) 0s;
    transition: transform .15s cubic-bezier(.4, 0, 1, 1) 0s;
    transition: transform .15s cubic-bezier(.4, 0, 1, 1) 0s, -webkit-transform .15s cubic-bezier(.4, 0, 1, 1) 0s
}

.radio-input .form-radio .radiovgIcon-dot.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0s;
    transition: -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0s;
    -o-transition: transform .15s cubic-bezier(0, 0, .2, 1) 0s;
    transition: transform .15s cubic-bezier(0, 0, .2, 1) 0s;
    transition: transform .15s cubic-bezier(0, 0, .2, 1) 0s, -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0s
}

.checkbox-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.checkbox-input label {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.checkbox-input .checkbox {
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute
}

.checkbox-input .form-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 5px
}

.checkbox-input .form-checkbox .checkboxSvgIcon-root {
    fill: currentColor;
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    font-size: 1.5rem;
    -webkit-transition: fill .1s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: fill .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: fill .1s cubic-bezier(.4, 0, .2, 1) 0s;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-input .form-checkbox .checkboxSvgIcon-check {
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: transform .1s cubic-bezier(.4, 0, .2, 1) 0s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 0s
}

.checkbox-input .checkbox-checked {
    color: #014d46
}

.checkbox-input .checkbox-checked .checkboxSvgIcon-check {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: transform .1s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: transform .1s cubic-bezier(.4, 0, .2, 1) 0s, -webkit-transform .1s cubic-bezier(.4, 0, .2, 1) 0s
}

.captcha {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.captcha .captcha-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    background-color: #ececec;
    border: 1px solid #c9c9c9
}

.captcha .captcha-img .captcha-reload {
    width: 17px;
    height: 17px;
    padding: 3px;
    border-bottom: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #e4e4e4
}

.captcha .captcha-img .captcha-code {
    border-left: 1px solid #c9c9c9
}

.captcha .captcha-input {
    width: 100%
}

.captcha .captcha-input input {
    margin: 0
}

.phone-section {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.phone-section .phone-section-items, .phone-section .tel-section-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    direction: ltr
}

.phone-section .phone-section-items fieldset, .phone-section .tel-section-items fieldset {
    display: none
}

.phone-section .phone-section-items .form-group, .phone-section .tel-section-items .form-group {
    margin: 0;
    width: 130px
}

.phone-section .phone-section-items .form-group:last-child, .phone-section .tel-section-items .form-group:last-child {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.phone-section .phone-section-items .form-icon, .phone-section .tel-section-items .form-icon {
    display: none
}

.phone-section .phone-splitter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    background-color: #fff;
    color: #c9c9c9
}

.phone-section .phone-splitter.splitter-disable {
    background-color: #e4e4e4
}

.wysiwyg {
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    min-height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.wysiwyg.has-error .editor {
    border-color: #ff0018
}

.wysiwyg .title {
    padding: 5px;
    font-size: 12px
}

.wysiwyg .toolbar {
    padding: 0
}

.wysiwyg .toolbar .btn {
    color: #f2f2f2
}

.wysiwyg .toolbar .icon {
    line-height: 40px
}

.wysiwyg .editor {
    border: 1px solid #c9c9c9;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 2px;
    padding: 5px;
    outline: 0
}

.wysiwyg img {
    width: 100%;
    height: auto
}

.file-manager-dialog .dialog-content {
    padding: 0
}

.route-picker {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px
}

.route-picker .reverce-icon {
    cursor: pointer;
    position: relative;
    width: 25px;
    height: 27px;
    margin: auto -6px;
    z-index: 4;
    background-color: #ececec;
    border-radius: 50%;
    padding: 3px
}

.route-picker .reverce-icon img {
    width: 100%;
    height: 100%
}

.route-picker .route-container {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.route-picker .route-container .form-group {
    margin: 0
}

.route-picker .route-container .form-icon {
    display: none
}

.route-picker .route-container:first-child .form-control {
    padding-left: 15px
}

.route-picker .route-container:last-child .form-control {
    padding-right: 15px
}

.route-picker .route-container:last-child label {
    -webkit-transform: translate(-15px, 9px);
    -ms-transform: translate(-15px, 9px);
    transform: translate(-15px, 9px)
}

.route-picker .route-container .swapper-half-circle {
    width: 25px;
    height: 25px;
    border: 1px solid #c9c9c9;
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    top: calc(50% - 12px);
    background: #ececec
}

.route-picker .route-container .swapper-half-circle-first {
    left: -16px
}

.route-picker .route-container .swapper-half-circle-first .form-control {
    padding: 3px 10px
}

.route-picker .route-container .swapper-half-circle-last {
    right: -16px
}

.date-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 13px;
    color: #1a1a1a;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background-color: #fff
}

.date-range .form-group {
    margin: 0
}

.date-range .disable {
    display: none
}

.date-range .date-time-input input {
    height: 38px !important
}

.date-range .date-time-input .form-control {
    border: 0
}

.date-range .date-time-input .modal {
    margin-top: 5px
}

.date-range .date-range-divider {
    border-right: 1px solid #c9c9c9;
    margin: 6px 0
}

.range-input .form-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.range-input .form-range .range-btn {
    line-height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    border-radius: 4px;
    padding: 3px
}

.range-input .form-range .range-btn .icon {
    font-size: 21px
}

.range-input .form-range .range-value {
    width: 30px;
    font-size: 16px;
    line-height: 1rem;
    text-align: center
}

.action-list {
    background: rgba(230, 230, 230, .9);
    border-radius: 4px 4px 0 0;
    bottom: 0;
    left: 5%;
    position: fixed;
    right: 5%;
    text-align: center;
    z-index: 13
}

.action-list li {
    border-bottom: 1px solid #c9c9c9;
    cursor: pointer;
    padding: 15px
}

.actionsheet-backdrop {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    will-change: opacity;
    z-index: 12
}

.actionsheet-enter .action-list {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.actionsheet-enter .actionsheet-backdrop {
    opacity: .1
}

.actionsheet-enter.actionsheet-enter-active .action-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}

.actionsheet-enter.actionsheet-enter-active .actionsheet-backdrop {
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.actionsheet-leave.actionsheet-leave-active .action-list {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    -o-transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.actionsheet-leave.actionsheet-leave-active .actionsheet-backdrop {
    opacity: .1;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    padding: 5px 0;
    margin: 0;
    color: #000;
    font-size: 13px
}

.alert .icon {
    margin-left: 5px;
    font-size: 21px
}

.alert a {
    color: #2196f3
}

.alert a:hover {
    text-decoration: underline
}

.alert-cotain.alert-danger {
    color: #ff0018;
    padding: 10px;
    border-radius: 4px;
    background-color: #ffd6da
}

.alert-cotain.alert-warn {
    color: #ff7400;
    padding: 10px;
    border-radius: 4px;
    background-color: #ffe9d6
}

.alert-cotain.alert-info {
    color: #2196f3;
    padding: 10px;
    border-radius: 4px;
    background-color: #ecf6fe
}

.alert-outline.alert-danger {
    color: #ff0018;
    padding: 10px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid
}

.alert-outline.alert-danger .icon {
    margin-left: 8px;
    font-size: 34px
}

.alert-outline.alert-danger .content {
    color: #6a6a6a
}

.alert-outline.alert-warn {
    color: #ffc107;
    padding: 10px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid
}

.alert-outline.alert-warn .icon {
    margin-left: 8px;
    font-size: 34px
}

.alert-outline.alert-warn .content {
    color: #6a6a6a
}

.alert-outline.alert-info {
    color: #2196f3;
    padding: 10px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid
}

.alert-outline.alert-info .icon {
    margin-left: 8px;
    font-size: 34px
}

.alert-outline.alert-info .content {
    color: #6a6a6a
}

.avatar {
    position: relative;
    width: 64px;
    height: 64px
}

.avatar img {
    width: 100%;
    border-radius: 50%
}

.avatar .avatar-holder {
    width: 100%;
    height: 100%;
    background: #c9c9c9
}

.burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 26px;
    height: 20px;
    overflow: hidden;
    outline: 0 !important
}

.burger > span {
    position: relative;
    right: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    height: 4px;
    background: #014d46;
    -webkit-transition: right .15s, -webkit-transform;
    transition: right .15s, -webkit-transform;
    -o-transition: transform, right .15s;
    transition: transform, right .15s;
    transition: transform, right .15s, -webkit-transform
}

.burger.back-btn span:first-child {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    right: -3px
}

.burger.back-btn span:nth-child(2) {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.burger.back-btn span:last-child {
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    right: -3px
}

.burger.close-btn span {
    background: #c9c9c9
}

.burger.close-btn span:first-child {
    -webkit-transform: translate3d(0, 8px, 0) rotate(48deg);
    transform: translate3d(0, 8px, 0) rotate(48deg)
}

.burger.close-btn span:nth-child(2) {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.burger.close-btn span:last-child {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-48deg);
    transform: translate3d(0, -8px, 0) rotate(-48deg)
}

.data-table {
    overflow: auto;
    padding: 10px
}

.data-table > table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border: 0
}

.data-table > table thead th {
    font-size: 12px;
    color: #014d46
}

.data-table > table td, .data-table > table th {
    border: 0;
    position: relative;
    padding: 10px 6px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.data-table > table tbody > tr {
    background: transparent;
    border-bottom: 1px solid #e4e4e4
}

.data-table > table tbody > tr:last-child {
    border: 0
}

.dt-operation-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.details-table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border: 0
}

.details-table thead th {
    font-size: 12px;
    color: #014d46
}

.details-table td, .details-table th {
    border: 0;
    position: relative;
    padding: 10px 6px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.details-table tbody > tr {
    background: transparent;
    border-bottom: 1px solid #e4e4e4
}

.details-table tbody > tr:last-child {
    border: 0
}

.details-table img {
    max-height: 15vh
}

.datatable-operations .edit-btn {
    color: #ff7400
}

.datatable-operations .del-btn {
    color: #ff0018
}

.date-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.date-picker header {
    padding: 1px;
    background-color: #014d46;
    color: #fff
}

.date-picker .picker-wrapper {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.date-picker .date-show {
    display: none;
    margin: 10px
}

.date-picker .select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px
}

.date-picker .select a {
    width: 21px;
    height: 21px;
    text-align: center;
    font-size: 25px;
    line-height: 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-picker .select .month-title {
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.date-picker .select .year-title {
    cursor: pointer;
    font-size: 16px
}

.date-picker .year-select a {
    color: #fff
}

.date-picker .year-content {
    list-style: none;
    overflow: auto;
    padding: 0;
    margin: 0;
    border: 0;
    width: 300px;
    height: 320px
}

.date-picker .year-content .year-item {
    cursor: pointer;
    text-align: center;
    padding: 8px 10px;
    color: #6a6a6a
}

.date-picker .year-content .year-item:hover {
    color: #6a6a6a;
    background-color: #e4e4e4
}

.date-picker .year-content .year-item-active {
    background-color: #1e5eac;
    color: #fff
}

.date-picker .month-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 300px;
    height: 320px
}

.date-picker .month-content .month-item {
    cursor: pointer;
    width: 33.333%;
    text-align: center;
    line-height: 4;
    padding: 8px 10px;
    color: #6a6a6a
}

.date-picker .month-content .month-item:hover {
    color: #6a6a6a;
    background-color: #e4e4e4
}

.date-picker .month-content .month-item-active {
    color: #1e5eac
}

.date-picker .time-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 20px;
    direction: ltr
}

.date-picker .time-select .time-select-item {
    width: 50%;
    padding: 0 10px;
    direction: rtl
}

.date-picker table {
    margin: 10px;
    table-layout: fixed
}

.date-picker th, .date-picker td {
    text-align: center
}

.date-picker th {
    padding: 5px;
    min-width: 40px;
    color: rgba(0, 0, 0, .5);
    font-size: 13px;
    font-weight: lighter
}

.date-picker td {
    cursor: pointer;
    height: 40px;
    width: 40px
}

.date-picker i {
    display: inline-block;
    font-style: normal;
    font-weight: lighter;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    -webkit-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    background: #fff
}

.date-picker .today i {
    color: #ff7400
}

.date-picker .selected i {
    background: #014d46 !important;
    color: #fff
}

.date-picker .date-picker-btn {
    margin: 10px
}

.date-picker .date-picker-btn.hide-date-picker-btn {
    display: none
}

.date-picker .date-picker-btn.show-date-picker-btn {
    display: block
}

.date-picker .date-picker-btn .btn {
    width: auto
}

.dialog {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    z-index: 12;
    background: #fff;
    min-width: 320px
}

.dialog > .dialog-header {
    padding: 7px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dialog > .dialog-header h3 {
    white-space: nowrap
}

.dialog > .dialog-header .icon {
    font-size: 21px;
    cursor: pointer;
    font-weight: 700;
    border-radius: 50%;
    padding: 3px
}

.dialog > .dialog-header .icon:hover {
    background-color: #e4e4e4;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}

.dialog > .dialog-content {
    padding: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dialog > .dialog-footer {
    border-top: 1px solid #e4e4e4;
    text-align: end;
    margin-top: 10px
}

.divider {
    border-top: 2px dashed #c9c9c9;
    width: 100%;
    margin: 15px 0;
    position: relative
}

.divider span {
    position: absolute;
    font-size: 18px;
    color: #03a9f4
}

.divider span:first-child {
    padding: 0 13px;
    top: -15px;
    right: 4%
}

.divider span:last-child {
    top: -13px;
    left: 4%;
    width: 20px;
    text-align: center
}

.file-manager {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50vh;
    width: 60vw
}

.file-manager .icon {
    color: #f2f2f2;
    cursor: pointer
}

.file-manager .dir-path {
    border-bottom: 1px solid #c9c9c9;
    position: relative
}

.file-manager .dir-path p {
    white-space: nowrap;
    direction: ltr;
    font-family: monospace;
    padding: 7px 2px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.file-manager .file-ops {
    direction: ltr;
    position: absolute;
    top: 2px;
    right: 0
}

.file-manager .file-ops .icon {
    margin: auto 5px
}

.file-manager .file-ops input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    cursor: pointer;
    opacity: 0
}

.file-manager .files-list {
    direction: ltr;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 100px;
    overflow: auto
}

.file-manager table {
    width: 100%
}

.file-manager th {
    text-align: left;
    padding: 5px 7px
}

.file-manager td {
    border: 1px solid #c9c9c9;
    padding: 5px 7px;
    white-space: nowrap
}

.file-manager td:first-child {
    cursor: pointer
}

.file-manager td:last-child {
    width: 64px;
    text-align: center
}

.file-manager td label {
    display: inline-block;
    vertical-align: middle;
    margin: auto 5px
}

.file-manager td input {
    width: 32vw
}

.file-manager td .icon {
    vertical-align: middle
}

.floating-btn {
    left: 10px;
    border-radius: 50%;
    bottom: 10px;
    height: 60px;
    overflow: hidden;
    position: fixed;
    white-space: nowrap;
    width: 60px
}

.floating-btn.fb-primary {
    background: #014d46;
    color: #fff
}

.floating-btn > button {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    width: 100%
}

.floating-btn > button .icon {
    font-size: 28px;
    line-height: 60px
}

.map-container {
    background: url(../img/map-preload.jpg) no-repeat center center;
    background-size: cover;
    z-index: 1
}

.google-map {
    position: relative;
    width: 100%;
    height: 100%
}

.google-map .map-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 4px 0 #c9c9c9;
    box-shadow: 0 0 4px 0 #c9c9c9
}

.google-map .marker {
    width: 29px;
    height: 46px;
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin: -46px 0 0 -14px;
    pointer-events: none;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.google-map .search-box {
    z-index: 0;
    position: absolute;
    top: 10px !important;
    right: 12px !important;
    font-family: IRANSansWeb_FaNum, Roboto;
    width: 300px;
    height: 32px;
    border: 1px solid transparent;
    padding: 2px 5px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    border-radius: 2px
}

.google-map.dragging .marker {
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7)
}

.google-map .get-my-location {
    background: #fff;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    margin: auto 10px;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px
}

.google-map .get-my-location.hidden {
    display: none
}

.google-map .get-my-location img {
    width: 24px;
    height: auto;
    margin: 8px;
    cursor: pointer
}

.icon {
    font-family: icon-font;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.cropper-container {
    background: #fff;
    border-radius: 4px;
    width: 98%;
    max-width: 900px;
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902)
}

.cropper-container .cropper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px
}

.cropper-container .cropper .ReactCrop__image {
    max-height: 400px
}

.cropper-container .cropper-header {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px
}

.cropper-container .cropper-footer {
    border-top: 1px solid #e4e4e4;
    margin-top: 10px;
    padding: 10px
}

.map-container {
    background: url(../img/map-preload.jpg) no-repeat center center;
    background-size: cover;
    z-index: 1
}

.leaflet-map {
    position: relative;
    font-family: IRANSansWeb_FaNum, Roboto, Tahoma, Geneva, sans-serif;
    width: 100%;
    height: 100%;
    z-index: 1
}

.leaflet-map .leaflet-pane, .leaflet-map .leaflet-tile, .leaflet-map .leaflet-marker-icon, .leaflet-map .leaflet-marker-shadow, .leaflet-map .leaflet-tile-container, .leaflet-map .leaflet-pane > svg, .leaflet-map .leaflet-pane > canvas, .leaflet-map .leaflet-zoom-box, .leaflet-map .leaflet-image-layer, .leaflet-map .leaflet-layer {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-map .leaflet-container {
    overflow: hidden
}

.leaflet-map .leaflet-tile, .leaflet-map .leaflet-marker-icon, .leaflet-map .leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-map .leaflet-tile::-moz-selection {
    background: transparent
}

.leaflet-map .leaflet-tile::selection {
    background: transparent
}

.leaflet-map .leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-map .leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px
}

.leaflet-map .leaflet-marker-icon, .leaflet-map .leaflet-marker-shadow {
    display: block
}

.leaflet-map .leaflet-container .leaflet-overlay-pane svg, .leaflet-map .leaflet-container .leaflet-marker-pane img, .leaflet-map .leaflet-container .leaflet-shadow-pane img, .leaflet-map .leaflet-container .leaflet-tile-pane img, .leaflet-map .leaflet-container img.leaflet-image-layer, .leaflet-map .leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important
}

.leaflet-map .leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-map .leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-map .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-map .leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-map .leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-map .leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden
}

.leaflet-map .leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-map .leaflet-zoom-box {
    width: 0;
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-map .leaflet-overlay-pane svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.leaflet-map .leaflet-pane {
    z-index: 400
}

.leaflet-map .leaflet-tile-pane {
    z-index: 200
}

.leaflet-map .leaflet-overlay-pane {
    z-index: 400
}

.leaflet-map .leaflet-shadow-pane {
    z-index: 500
}

.leaflet-map .leaflet-marker-pane {
    z-index: 600
}

.leaflet-map .leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-map .leaflet-popup-pane {
    z-index: 700
}

.leaflet-map .leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map .leaflet-map-pane svg {
    z-index: 200
}

.leaflet-map .leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.leaflet-map .lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-map .leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-map .leaflet-top, .leaflet-map .leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-map .leaflet-top {
    top: 0
}

.leaflet-map .leaflet-right {
    right: 0
}

.leaflet-map .leaflet-bottom {
    bottom: 0
}

.leaflet-map .leaflet-left {
    left: 0
}

.leaflet-map .leaflet-control {
    float: left;
    clear: both
}

.leaflet-map .leaflet-right .leaflet-control {
    float: right
}

.leaflet-map .leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-map .leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-map .leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-map .leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-map .leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-map .leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-map .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-map .leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-map .leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform
}

.leaflet-map .leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -o-transition: transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-map .leaflet-zoom-anim .leaflet-tile, .leaflet-map .leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.leaflet-map .leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-map .leaflet-interactive {
    cursor: pointer
}

.leaflet-map .leaflet-grab {
    cursor: -webkit-grab;
    cursor: grab
}

.leaflet-map .leaflet-crosshair, .leaflet-map .leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-map .leaflet-popup-pane, .leaflet-map .leaflet-control {
    cursor: auto
}

.leaflet-map .leaflet-dragging .leaflet-grab, .leaflet-map .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-map .leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.leaflet-map .leaflet-marker-icon, .leaflet-map .leaflet-marker-shadow, .leaflet-map .leaflet-image-layer, .leaflet-map .leaflet-pane > svg path, .leaflet-map .leaflet-tile-container {
    pointer-events: none
}

.leaflet-map .leaflet-marker-icon.leaflet-interactive, .leaflet-map .leaflet-image-layer.leaflet-interactive, .leaflet-map .leaflet-pane > svg path.leaflet-interactive, .leaflet-map svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-map .leaflet-container {
    background: #ddd;
    outline: 0
}

.leaflet-map .leaflet-container a {
    color: #0078a8
}

.leaflet-map .leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-map .leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, .5)
}

.leaflet-map .leaflet-container {
    font: 12px/1.5 "IRANSansWeb_FaNum, Roboto", Tahoma, Geneva, sans-serif
}

.leaflet-map .leaflet-bar {
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    border-radius: 4px
}

.leaflet-map .leaflet-bar a, .leaflet-map .leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black
}

.leaflet-map .leaflet-bar a, .leaflet-map .leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    font-family: fangsong
}

.leaflet-map .leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-map .leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-map .leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-map .leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-map .leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-map .leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-map .leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-map .leaflet-control-zoom-in, .leaflet-map .leaflet-control-zoom-out {
    font: bold 18px "Lucida Console", Monaco, monospace;
    text-indent: 1px
}

.leaflet-map .leaflet-touch .leaflet-control-zoom-in, .leaflet-map .leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-map .leaflet-control-layers {
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    background: #fff;
    border-radius: 5px
}

.leaflet-map .leaflet-control-layers-toggle {
    background-image: url(../../../img/leaflet/layers.png);
    width: 36px;
    height: 36px
}

.leaflet-map .leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(../../../img/leaflet/layers-2x.png);
    background-size: 26px 26px
}

.leaflet-map .leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-map .leaflet-control-layers .leaflet-control-layers-list, .leaflet-map .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-map .leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-map .leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-map .leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-map .leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-map .leaflet-control-layers label {
    display: block
}

.leaflet-map .leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-map .leaflet-default-icon-path {
    background-image: url(../../../img/leaflet/marker-icon.png)
}

.leaflet-map .leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    margin: 0
}

.leaflet-map .leaflet-control-attribution, .leaflet-map .leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-map .leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-map .leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-map .leaflet-container .leaflet-control-attribution, .leaflet-map .leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-map .leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-map .leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-map .leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: rgba(255, 255, 255, .5)
}

.leaflet-map .leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-map .leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-map .leaflet-touch .leaflet-control-attribution, .leaflet-map .leaflet-touch .leaflet-control-layers, .leaflet-map .leaflet-touch .leaflet-bar {
    -webkit-box-shadow: none;
    box-shadow: none
}

.leaflet-map .leaflet-touch .leaflet-control-layers, .leaflet-map .leaflet-touch .leaflet-bar {
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    background-clip: padding-box
}

.leaflet-map .leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-map .leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-map .leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-map .leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-map .leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-map .leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-map .leaflet-popup-content-wrapper, .leaflet-map .leaflet-popup-tip {
    background: white;
    color: #333;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-map .leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px "IRANSansWeb_FaNum, Roboto", Tahoma, Geneva, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: transparent
}

.leaflet-map .leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-map .leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-map .leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1
}

.leaflet-map .leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-map .leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-map .leaflet-oldie .leaflet-control-zoom, .leaflet-map .leaflet-oldie .leaflet-control-layers, .leaflet-map .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-map .leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-map .leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-map .leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-map .leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-map .leaflet-tooltip-top:before, .leaflet-map .leaflet-tooltip-bottom:before, .leaflet-map .leaflet-tooltip-left:before, .leaflet-map .leaflet-tooltip-right:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-map .leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-map .leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-map .leaflet-tooltip-bottom:before, .leaflet-map .leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-map .leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-map .leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-map .leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-map .leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-map .leaflet-tooltip-left:before, .leaflet-map .leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-map .leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-map .leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

.leaflet-map .leaflet-control-geocoder {
    font-family: IRANSansWeb_FaNum, Roboto, Tahoma, Geneva, sans-serif;
    border-radius: 4px;
    background: white;
    min-width: 26px;
    min-height: 26px
}

.leaflet-map .leaflet-touch .leaflet-control-geocoder {
    min-width: 30px;
    min-height: 30px
}

.leaflet-map .leaflet-control-geocoder a, .leaflet-map .leaflet-control-geocoder .leaflet-control-geocoder-icon {
    border-bottom: none;
    display: inline-block
}

.leaflet-map .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
    width: 100%;
    height: inherit;
    line-height: inherit
}

.leaflet-map .leaflet-control-geocoder a:hover, .leaflet-map .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
    border-bottom: none;
    display: inline-block
}

.leaflet-map .leaflet-control-geocoder-form {
    display: none;
    vertical-align: middle
}

.leaflet-map .leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
    display: inline-block
}

.leaflet-map .leaflet-control-geocoder-form input {
    border: 0;
    background-color: transparent;
    width: 246px
}

.leaflet-map .leaflet-control-geocoder-icon {
    border-radius: 4px;
    width: 26px;
    height: 26px;
    border: none;
    background-color: white;
    background-image: url(../../../img/icons/search.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.leaflet-map .leaflet-touch .leaflet-control-geocoder-icon {
    width: 30px;
    height: 30px
}

.leaflet-map .leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' stroke-linecap='round' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Cg%3E%3Cpath stroke-opacity='.1' d='M14 8.4l3-5'/%3E%3Cpath stroke-opacity='.2' d='M15.6 10l5-3'/%3E%3Cpath stroke-opacity='.3' d='M16.2 12H22'/%3E%3Cpath stroke-opacity='.4' d='M15.6 14l5 3m-6.5-1.4l2.9 5'/%3E%3Cpath stroke-opacity='.5' d='M12 16.2V22m-2-6.4l-3 5'/%3E%3Cpath stroke-opacity='.6' d='M8.4 14l-5 3'/%3E%3Cpath stroke-opacity='.7' d='M7.8 12H2'/%3E%3Cpath stroke-opacity='.8' d='M8.4 10l-5-3'/%3E%3Cpath stroke-opacity='.9' d='M10 8.4l-3-5'/%3E%3Cpath d='M12 7.8V2'/%3E%3CanimateTransform attributeName='transform' calcMode='discrete' dur='1s' repeatCount='indefinite' type='rotate' values='0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12'/%3E%3C/g%3E%3C/svg%3E")
}

.leaflet-map .leaflet-control-geocoder-form-no-error {
    display: none
}

.leaflet-map .leaflet-control-geocoder-form input:focus {
    outline: none
}

.leaflet-map .leaflet-control-geocoder-form button {
    display: none
}

.leaflet-map .leaflet-control-geocoder-error {
    margin-top: 8px;
    margin-left: 8px;
    display: block;
    color: #444
}

.leaflet-map .leaflet-control-geocoder-alternatives {
    display: block;
    width: 272px;
    list-style: none;
    padding: 0;
    margin: 0
}

.leaflet-map .leaflet-control-geocoder-alternatives-minimized {
    display: none;
    height: 0
}

.leaflet-map .leaflet-control-geocoder-alternatives li {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    padding: 5px 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.leaflet-map .leaflet-control-geocoder-alternatives li a, .leaflet-map .leaflet-control-geocoder-alternatives li a:hover {
    width: 100%;
    height: inherit;
    line-height: inherit;
    background: inherit;
    border-radius: inherit;
    text-align: left;
    font-family: IRANSansWeb_FaNum, Roboto, Tahoma, Geneva, sans-serif;
    font-size: 14px
}

.leaflet-map .leaflet-control-geocoder-alternatives li:last-child {
    border-bottom: none
}

.leaflet-map .leaflet-control-geocoder-alternatives li:hover, .leaflet-map .leaflet-control-geocoder-selected {
    background-color: #f5f5f5
}

.leaflet-map .leaflet-control-geocoder-address-context {
    color: #666
}

.leaflet-map .map-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px 0 #c9c9c9;
    box-shadow: 0 0 4px 0 #c9c9c9
}

.leaflet-map .map-wrapper .leaflet-pane {
    z-index: 1 !important
}

.leaflet-map .map-wrapper .leaflet-control-container {
    z-index: 5
}

.leaflet-map .map-wrapper .leaflet-control-container img {
    width: 30px;
    padding: 6px;
    background-color: #f4f4f4;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    margin-left: 10px;
    cursor: pointer
}

.leaflet-map .marker {
    width: 29px;
    height: 46px;
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin: -46px 0 0 -14px;
    pointer-events: none;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.leaflet-map.dragging .marker {
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7)
}

.leaflet-map .get-my-location {
    background: #fff;
    border-radius: 2px;
    width: 28px;
    height: 28px;
    margin: auto 10px;
    bottom: 0;
    right: 0;
    position: absolute
}

.leaflet-map .get-my-location.hidden {
    display: none
}

.leaflet-map .get-my-location img {
    width: 24px;
    height: auto;
    margin: 2px;
    cursor: pointer
}

.menu {
    position: relative;
    z-index: 10
}

.menu ul {
    padding: 12px 0
}

.menu li {
    list-style: none;
    margin: 0
}

.menu a {
    color: #fff;
    display: block;
    width: 100%
}

.menu a.active {
    background: rgba(179, 179, 179, .5);
    border-right: 4px solid #1e5eac;
    padding-right: 6px !important
}

.menu.menu-hr li {
    display: inline-block
}

.menu.menu-hr li a {
    padding: 3px 5px
}

.menu.menu-vr li:first-child {
    border-top: 0
}

.menu.menu-vr li.disabled a {
    color: #9e9e9e
}

.menu.menu-vr li:not(.disabled) a:hover {
    background: rgba(179, 179, 179, .5);
    color: #fff;
    -webkit-transition: background linear .15s, color linear .15s 75ms;
    -o-transition: background linear .15s, color linear .15s 75ms;
    transition: background linear .15s, color linear .15s 75ms
}

.menu.menu-vr li a {
    padding: 12px 10px
}

.menu.menu-vr li .icon {
    font-size: 24px;
    margin-left: 15px;
    margin-right: 8px;
    vertical-align: middle
}

.msg-box.msg-box-1 {
    color: #2196f3
}

.msg-box.msg-box-2 {
    color: #4caf50
}

.msg-box.msg-box-3 .dialog-header {
    color: #ff0018
}

.msg-box.msg-box-4 {
    color: #ff7400
}

.msg-box .msg-box-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.msg-box .msg-box-btn .btn {
    height: 28px
}

.msg-box .msg-box-btn .btn .icon {
    font-size: 21px
}

.bg {
    background: transparent;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.modal {
    will-change: tranform;
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    z-index: 12;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal.full {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal.inline {
    position: absolute;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    z-index: 12
}

.bottom {
    bottom: 36px
}

.left {
    left: 0
}

.right {
    right: 0
}

.modal-enter {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.modal-enter.modal-enter-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.modal-leave.modal-leave-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.modal-zoom-enter {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.modal-zoom-enter.modal-zoom-enter-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.modal-zoom-leave.modal-zoom-leave-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.popover-open, .modal-open {
    overflow-y: hidden
}

.navbar {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #066;
    color: #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    left: 0;
    padding: 16px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11
}

.navbar.navbar-transparent {
    background: transparent;
    pointer-events: none
}

.navbar.navbar-transparent .nav-btn {
    pointer-events: auto
}

.navbar .nav-title {
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0 10px;
    text-align: right;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navbar .navbar-btn-group {
    position: absolute;
    left: 16px
}

.navbar .navbar-btn-group .btn {
    background: transparent;
    border: 0;
    cursor: pointer;
    min-width: auto
}

.navbar .navbar-btn-group .btn .icon {
    top: 0
}

.navbar .navbar-btn-group .icon {
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    position: relative;
    top: 3px
}

.navbar .nav-btn {
    cursor: pointer
}

.or-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #828282
}

.or-divider .v-section {
    text-align: center
}

.or-divider .v-section:first-child .v-line {
    -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#828282), to(transparent)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #828282, transparent) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #828282, transparent) 1 100%;
    border-image: -webkit-gradient(linear, left bottom, left top, from(#828282), to(transparent)) 1 100%;
    border-image: linear-gradient(to top, #828282, transparent) 1 100%
}

.or-divider .v-section:last-child .v-line {
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#828282), to(transparent)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(top, #828282, transparent) 1 100%;
    -o-border-image: -o-linear-gradient(top, #828282, transparent) 1 100%;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#828282), to(transparent)) 1 100%;
    border-image: linear-gradient(to bottom, #828282, transparent) 1 100%
}

.or-divider .v-line {
    text-align: center;
    border-right: 1px solid
}

.pagination {
    text-align: center;
    white-space: nowrap;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination form {
    display: inline-block
}

.pagination form input {
    border: 1px solid #c9c9c9;
    text-align: center;
    width: 64px;
    border-radius: 0;
    background: #fff
}

.pagination .btn {
    min-width: 32px
}

.pax-type {
    margin-bottom: 13px;
    color: #000
}

.pax-type .form-container .form-control {
    border: 1px solid #c9c9c9
}

.pax-type .form-container .form-control:focus {
    border-color: #c9c9c9
}

.pax-type .popover-content {
    margin-top: 5px
}

.pax-type .pax-type-container {
    color: #000;
    padding: 15px
}

.pax-type .pax-type-container .pax-type-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 18px
}

.pax-type .pax-type-container .pax-type-item:last-child {
    padding: 0
}

.pax-type .pax-type-container .pax-type-item .pax-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 130px
}

.pax-type .pax-type-container .pax-type-item .pax-title .pax-desc {
    font-size: 11px;
    padding-right: 10px;
    color: #6a6a6a
}

.pax-type .pax-type-container .pax-type-item .pax-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr
}

.popover .popover-trigger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.popover .popover-content {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    max-width: 450px;
    white-space: pre-line;
    z-index: 12
}

.popover-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 50
}

.preloader {
    text-align: center;
    position: relative
}

.preloader .pl-wrapper {
    min-width: 250px;
    min-height: 250px;
    margin: auto;
    position: relative
}

.preloader .pl-circular {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 50%;
    background: #c9c9c9
}

.preloader .pl-circular-border {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: 0;
    border: 6px solid #c9c9c9;
    border-top-color: transparent;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    border-radius: 50%;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, right top, left top, color-stop(10%, #014d4600), color-stop(25%, #014d4661), color-stop(40%, #014d4661), color-stop(80%, #c9c9c9));
    background: -webkit-linear-gradient(right, #014d4600 10%, #014d4661 25%, #014d4661 40%, #c9c9c9 80%);
    background: -o-linear-gradient(right, #014d4600 10%, #014d4661 25%, #014d4661 40%, #c9c9c9 80%);
    background: linear-gradient(to left, #014d4600 10%, #014d4661 25%, #014d4661 40%, #c9c9c9 80%)
}

.preloader .pl-circular-border .pl-circular-gap {
    z-index: 0;
    background: #c9c9c9;
    border-radius: 50%;
    margin: 0;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px
}

.preloader .pl-circular-border span {
    font-size: 38px;
    position: relative;
    width: 38px;
    height: 38px;
    color: #014d46
}

.preloader .pl-circular-border span:before {
    position: absolute;
    -webkit-transform: rotate(503deg);
    -ms-transform: rotate(503deg);
    transform: rotate(503deg);
    -webkit-transform-origin: 142% 123%;
    -ms-transform-origin: 142% 123%;
    transform-origin: 142% 123%;
    -webkit-transform: 0;
    -ms-transform: 0;
    transform: 0;
    -webkit-animation: rotate;
    animation: rotate
}

.preloader .pl-text {
    position: absolute;
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    top: 50%;
    left: 0;
    right: 0;
    color: #014d46;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.preloader .pl-title {
    margin-bottom: 10px;
    font-weight: 400
}

.preloader .pl-message {
    font-weight: lighter
}

.modal.preloader-modal {
    background: rgba(255, 255, 255, .1)
}

.modal.preloader-modal .dialog {
    position: relative;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal.preloader-modal .dialog-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.range-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902)
}

.range-picker header {
    padding: 1px;
    background-color: #014d46;
    color: #fff
}

.range-picker .picker-wrapper {
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.range-picker .picker-wrapper .range-picker-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.range-picker .date-show {
    display: none;
    margin: 10px
}

.range-picker .select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px
}

.range-picker .select a {
    width: 21px;
    height: 21px;
    text-align: center;
    font-size: 25px;
    line-height: 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.range-picker .select .month-title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.range-picker .select .year-title {
    font-size: 16px
}

.range-picker .mobile-only {
    display: none;
    background-color: #e4e4e4;
    margin: 0;
    padding: 10px
}

.range-picker .mobile-only a {
    background-color: transparent
}

.range-picker .year-select {
    padding: 12px
}

.range-picker .year-select .year-arrow-icon {
    color: #fff;
    width: 21px;
    height: 21px;
    text-align: center;
    font-size: 25px;
    line-height: 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.range-picker .month-select a {
    background-color: #c5dbd9;
    border-radius: 3px
}

.range-picker .gregorian-range-picker {
    direction: ltr
}

.range-picker .gregorian-range-picker i {
    font-family: arial
}

.range-picker .gregorian-range-picker .focused.first-select {
    background-image: url(../img/right-focus.png)
}

.range-picker .gregorian-range-picker .focused.last-select {
    background-image: url(../img/left-focus.png)
}

.range-picker .persian-range-picker {
    direction: rtl
}

.range-picker .time-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #c9c9c9
}

.range-picker .time-select > div {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px
}

.range-picker .time-select select {
    width: 50%;
    display: inline-block;
    vertical-align: middle
}

.range-picker .time-select label {
    display: inline-block;
    vertical-align: middle;
    margin: auto 10px;
    font-weight: lighter
}

.range-picker .time-select .min-select {
    text-align: start
}

.range-picker .time-select .hour-select {
    text-align: end
}

.range-picker table {
    margin: 10px;
    table-layout: fixed
}

.range-picker th, .range-picker td {
    text-align: center
}

.range-picker th {
    padding: 5px;
    min-width: 40px;
    color: rgba(0, 0, 0, .5);
    font-size: 13px;
    font-weight: lighter
}

.range-picker td {
    height: 40px;
    width: 40px;
    color: #1a1a1a
}

.range-picker i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: lighter;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.range-picker .day {
    cursor: pointer
}

.range-picker .day:hover i {
    border: 1px solid #014d46;
    background-color: #fff
}

.range-picker .today i {
    color: #ff7400
}

.range-picker .before {
    cursor: default;
    opacity: .4
}

.range-picker .selected i {
    background: #014d46 !important;
    border: 1px solid #014d46;
    color: #fff
}

.range-picker .focused {
    background-image: url(../img/focus.png)
}

.range-picker .focused.first-select {
    background-image: url(../img/left-focus.png)
}

.range-picker .focused.last-select {
    background-image: url(../img/right-focus.png)
}

.range-picker .range-picker-btn {
    padding: 10px
}

.range-picker .range-picker-btn .btn {
    width: auto
}

.sidenav-component .navbar {
    z-index: 13;
    display: none
}

.sidenav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#004d46), to(#099));
    background: -webkit-linear-gradient(#004d46, #099);
    background: -o-linear-gradient(#004d46, #099);
    background: linear-gradient(#004d46, #099);
    bottom: 0;
    max-width: 300px;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 300px;
    will-change: transform;
    z-index: 12
}

.sidenav-backdrop {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    will-change: opacity;
    z-index: 11
}

.sidenav-enter .sidenav {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.sidenav-enter .sidenav-backdrop {
    opacity: .1
}

.sidenav-enter.sidenav-enter-active .sidenav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}

.sidenav-enter.sidenav-enter-active .sidenav-backdrop {
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.sidenav-leave.sidenav-leave-active .sidenav {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    -o-transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.sidenav-leave.sidenav-leave-active .sidenav-backdrop {
    opacity: .1;
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

html.sidenav-open {
    overflow-y: hidden
}

html.sidenav-open .page {
    overflow-y: hidden
}

.sidenav-content header {
    color: #fff;
    padding: 25px 20px;
    position: relative;
    border-bottom: 1px solid rgba(147, 190, 190, .71)
}

.sidenav-content header .user-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sidenav-content header .form-group {
    margin: 0;
    position: absolute;
    left: 50px;
    bottom: 8px
}

.sidenav-content header .form-group select {
    padding: 0;
    width: 65px;
    height: 21px;
    background-color: transparent;
    border: 0;
    color: #fff;
    margin: 0
}

.sidenav-content header .form-group select option {
    color: #014d46
}

.sidenav-content header .icon {
    left: 20px;
    bottom: 8px;
    color: #fff;
    font-size: 21px;
    position: absolute
}

.sidenav-content .avatar {
    height: 80px;
    width: 80px
}

.sidenav-content .info-wrapper {
    margin-right: 12px
}

.sidenav-content .info-wrapper .name-wrapper {
    padding: 5px 0;
    font-size: 21px
}

.sidenav-content .info-wrapper .name-wrapper h4 {
    font-weight: 400
}

.animate-top-left {
    -webkit-animation-name: animate-bottom;
    animation-name: animate-bottom;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-timing-function: cubic-bezier(.35, .5, .5, .35);
    animation-timing-function: cubic-bezier(.35, .5, .5, .35)
}

.animate-top-right {
    -webkit-animation-name: animate-top;
    animation-name: animate-top;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-timing-function: cubic-bezier(.35, .5, .5, .35);
    animation-timing-function: cubic-bezier(.35, .5, .5, .35)
}

.slider-component .next-btn, .slider-component .prev-btn {
    position: absolute;
    height: 100%;
    width: 50px;
    z-index: 3;
    top: 0
}

.slider-component .next-btn:hover, .slider-component .prev-btn:hover {
    background-color: rgba(255, 255, 255, .3)
}

.slider-component .next-btn:hover:before, .slider-component .prev-btn:hover:before {
    background-color: rgba(255, 255, 255, .8)
}

.slider-component {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.slider-component a {
    position: absolute;
    width: 100%;
    height: 100%
}

.slider-component li {
    white-space: pre-line
}

.slider-component .title-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover !important;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.slider-component .title-item.visible {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: rgba(60, 60, 60, .53);
    z-index: 5
}

.slider-component .title-item.visible.leave {
    z-index: 0
}

.slider-component .slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider-component .slider-item.visiblePrev {
    display: block;
    z-index: 1
}

.slider-component .slider-item.visible {
    display: block;
    z-index: 2
}

.slider-component .slider-item.visible.leave {
    z-index: 0
}

.slider-component.no-bullets .bullets-wrapper {
    display: none
}

.slider-component .title-wrapper {
    position: absolute;
    bottom: 0;
    height: 55px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    font-size: 16px;
    z-index: 3
}

.slider-component .title-wrapper .title-item {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-component .title-wrapper .title-item > div {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px
}

.slider-component .title-wrapper .title-item span span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    font-size: 19px;
    margin-right: 3px
}

.slider-component .desc-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: -webkit-transform .4s ease-out;
    -o-transition: transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.slider-component .desc-wrapper .desc-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #c9c9c9;
    padding: 15px;
    background-color: #ececec;
    color: #000
}

.slider-component .desc-wrapper .desc-content {
    padding: 15px;
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto
}

.slider-component .desc-wrapper .desc-content p {
    white-space: pre-line
}

.slider-component .bullets-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 4;
    direction: ltr;
    padding: 4px 4px 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.slider-component .bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    cursor: pointer;
    background-color: #000;
    opacity: .25;
    margin: 0 8px;
    border-radius: 50%;
    -webkit-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out
}

.slider-component .bullet.selected {
    opacity: .75
}

.slider-component .next-btn {
    right: 0
}

.slider-component .next-btn:before {
    content: "‹";
    position: absolute;
    top: 43%;
    right: 10px;
    color: #6a6a6a;
    font-size: 21px;
    width: 31px;
    height: 31px;
    text-align: center;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%
}

.slider-component .prev-btn {
    left: 0
}

.slider-component .prev-btn:before {
    content: "›";
    position: absolute;
    top: 43%;
    left: 10px;
    color: #6a6a6a;
    font-size: 21px;
    width: 31px;
    height: 31px;
    text-align: center;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%
}

.slider-component .close-btn {
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center
}

.slider-component .slide-up {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.show-more {
    position: relative
}

.show-more .post-collapse {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0
}

.show-more .post-collapse.visible {
    display: block
}

.show-more .post-collapse .post-attachment-collapse-gradient {
    height: 75px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
    background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
    background: linear-gradient(rgba(255, 255, 255, 0), white)
}

.show-more .post-collapse .post-attachment-collapse-show-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding-bottom: 10px;
    border-radius: 0 0 15px 15px
}

.show-more .post-collapse .post-attachment-collapse-show-more .post-collapse-show-more-line {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #014d46;
    margin: 18px
}

.toast-wrapper {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: end
}

.toast-wrapper .toast {
    padding: 10px;
    margin: 15px;
    text-align: start;
    font-size: 15px;
    line-height: 2;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    color: #6a6a6a;
    background: #e4e4e4;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    max-width: 350px;
    width: 100%
}

.toast-wrapper .toast .toast-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.4
}

.toast-wrapper .toast .icon {
    margin-left: 10px;
    font-size: 42px
}

.toast-wrapper .type-error {
    border-bottom: 5px solid #ff0018
}

.toast-wrapper .type-error .toast-desc-title {
    color: #ff0018
}

.toast-wrapper .type-error .icon {
    color: #ff0018
}

.toast-wrapper .type-success {
    border-bottom: 5px solid #4caf50
}

.toast-wrapper .type-success .toast-desc-title {
    color: #4caf50
}

.toast-wrapper .type-success .icon {
    color: #4caf50
}

.toast-wrapper .type-warning {
    border-bottom: 5px solid #ff7400
}

.toast-wrapper .type-warning .toast-desc-title {
    color: #ff7400
}

.toast-wrapper .type-warning .icon {
    color: #ff7400
}

.toast-enter {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.toast-enter.toast-enter-active {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.toast-leave.toast-leave-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.check-price {
    margin-top: 25px;
    color: #000
}

.check-price h4 {
    margin: 20px 0
}

.check-price .panel {
    margin-bottom: 20px
}

.check-price .flight-detail {
    margin-top: 5px
}

.check-price .class-of-service {
    color: #2196f3;
    font-size: 16px;
    text-align: center
}

.check-price .leg-route {
    margin-top: 10px
}

.check-price .price-section {
    border-right: 1px solid #c9c9c9
}

.check-price .price-section table {
    width: 100%
}

.check-price .price-section table th:first-child {
    width: auto
}

.check-price .price-section table th {
    text-align: end;
    padding-bottom: 4px;
    font-weight: 400;
    width: 40%
}

.check-price .price-section table td {
    padding: 4px 0;
    text-align: end
}

.check-price .price-section table td:first-child {
    text-align: right;
    padding-left: 0
}

.check-price .price-section table thead {
    font-weight: 400
}

.check-price .price-section table tfoot {
    color: #1e5eac;
    line-height: 1.75;
    border-top: 1px dashed #c9c9c9
}

.check-price .price-section .pricing-value {
    display: inline-block;
    direction: ltr
}

.check-price .award-mile-err {
    margin-bottom: 20px;
    text-align: center;
    background-color: #f2001d;
    color: #fff;
    border-radius: 4px;
    padding: 10px
}

.check-price .acceptTerm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px
}

.check-price .acceptTerm .checkbox-input {
    margin: 0
}

.check-price .acceptTerm .link {
    cursor: pointer;
    margin-right: 5px;
    height: 21px;
    color: #2196f3
}

.check-price .acceptTerm .link:hover {
    color: #1e5eac;
    border-bottom: 1px solid #1e5eac
}

.check-price .acceptTerm .continue {
    margin-right: 5px
}

.check-price .term-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 97%;
    height: 97%;
    max-width: 1000px;
    max-height: 600px;
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px
}

.check-price .term-container .term {
    overflow: auto;
    margin: 15px 0
}

.check-price .term-container .term ul {
    padding-left: 10px
}

.check-price .term-container .term-title {
    width: 100%;
    font-weight: 700;
    padding-bottom: 10px;
    color: #1e5eac;
    border-bottom: 1px solid gainsboro
}

.check-price .term-container button {
    width: 16.66666%;
    height: 45px;
    min-width: 55px;
    min-height: 35px
}

.date-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.date-bar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto
}

.date-bar ul .fligth-date {
    white-space: nowrap
}

.date-bar ul .flight-available {
    font-size: 12px
}

.date-bar.color-primary .icon {
    font-size: 35px;
    color: #014d46;
    cursor: pointer
}

.date-bar.color-primary .date-bar-item {
    border: 2px solid #014d46;
    color: #014d46;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    width: 14.285%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-bar.color-primary .date-bar-item.active {
    background-color: #014d46;
    color: #fff
}

.date-bar.color-green .icon {
    font-size: 35px;
    color: #4caf50;
    cursor: pointer
}

.date-bar.color-green .date-bar-item {
    border: 2px solid #4caf50;
    color: #4caf50;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    width: 14.285%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-bar.color-green .date-bar-item.active {
    background-color: #4caf50;
    color: #fff
}

.date-bar.color-orange .icon {
    font-size: 35px;
    color: #1e5eac;
    cursor: pointer
}

.date-bar.color-orange .date-bar-item {
    border: 2px solid #1e5eac;
    color: #1e5eac;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    width: 14.285%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-bar.color-orange .date-bar-item.active {
    background-color: #1e5eac;
    color: #fff
}

.date-bar.color-gold .icon {
    font-size: 35px;
    color: #c90;
    cursor: pointer
}

.date-bar.color-gold .date-bar-item {
    border: 2px solid #c90;
    color: #c90;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    width: 14.285%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-bar.color-gold .date-bar-item.active {
    background-color: #c90;
    color: #fff
}

.date-bar.color-teal .icon {
    font-size: 35px;
    color: #0f7b72;
    cursor: pointer
}

.date-bar.color-teal .date-bar-item {
    border: 2px solid #0f7b72;
    color: #0f7b72;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    width: 14.285%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-bar.color-teal .date-bar-item.active {
    background-color: #0f7b72;
    color: #fff
}

.date-bar.color-blue .icon {
    font-size: 35px;
    color: #2196f3;
    cursor: pointer
}

.date-bar.color-blue .date-bar-item {
    border: 2px solid #2196f3;
    color: #2196f3;
    text-align: center;
    border-radius: 10px;
    padding: 3px;
    margin: 5px;
    width: 14.285%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-bar.color-blue .date-bar-item.active {
    background-color: #2196f3;
    color: #fff
}

.date-bar .icon-chevron-left, .date-bar .icon-chevron-right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.date-bar .slick-track {
    margin: auto
}

.flight-search-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flight-search-summary .flight-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flight-search-summary .flight-summary .flight-summary-title {
    font-size: 13px;
    margin-bottom: 3px;
    color: #6a6a6a
}

.flight-search-summary .flight-summary .flight-summary-value {
    font-weight: 700;
    font-size: 16px;
    color: #000
}

.flight-search-summary .flight-summary .flight-summary-route {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flight-search-summary .flight-summary .flight-summary-route .icon-airplane {
    margin: 0 35px;
    font-size: 35px;
    color: #009898;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.flight-search-summary .flight-summary .flight-summary-route .route-icon {
    width: 35px;
    margin: 0 35px
}

.flight-search-summary .flight-summary .line-divider {
    border-right: 1px solid #9e9e9e;
    margin: 0 35px
}

.flight-search-summary .flight-summary .line-break {
    width: 100%;
    height: 10px
}

.flight-search .flight-search-type {
    margin: 0 -10px
}

.flight-search .form-search .form-group {
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flight-search .form-search .flight-row-divider {
    display: none;
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed #c9c9c9;
    margin: 0 5px 13px
}

.flight-search .action-box {
    width: 30px;
    text-align: center
}

.flight-search .icon-close {
    margin-top: 8px;
    width: 30px;
    height: 24px;
    color: #1e5eac
}

.flight-search .flight-search-btn {
    height: 40px;
    margin-bottom: 13px
}

.itinerary-info {
    margin-top: 60px
}

.itinerary-info .action-btn {
    max-width: 750px;
    margin: auto
}

.itinerary-info .ticket {
    direction: ltr;
    margin-bottom: 10px
}

.itinerary-info .ticket table {
    margin: auto
}

.leg-route {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.leg-route .leg-route-title {
    text-align: center;
    line-height: 1.8rem;
    font-size: 16px;
    min-width: 60px
}

.leg-route .leg-route-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 10px
}

.leg-route .leg-route-row .leg-route-dot {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 2px solid #009898;
    text-align: center;
    line-height: normal;
    position: relative;
    z-index: 2
}

.leg-route .leg-route-row .leg-route-dot.fill-dot {
    background-color: #009898;
    margin-right: 7px
}

.leg-route .leg-route-row .leg-route-dot.empty-dot {
    background-color: #ececec
}

.leg-route .leg-route-row .leg-route-dot.stop-dot {
    width: 13px;
    height: 13px;
    margin-bottom: 2px;
    background-color: #ececec
}

.leg-route .leg-route-row .leg-route-dot.stop-dot span {
    position: absolute;
    top: 12px;
    right: -50%
}

.leg-route .leg-route-row .icon-dot {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #666;
    z-index: 2
}

.leg-route .leg-route-row .stop-route-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.leg-route .leg-route-row .stop-route-info span {
    height: 29px;
    line-height: 20px
}

.leg-route .leg-route-row .leg-route-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    line-height: 29px;
    width: 100%
}

.leg-route .leg-route-row .leg-route-info .ml {
    margin-left: 7px
}

.leg-route .leg-route-row .leg-route-info .pr-24 {
    padding-right: 31px
}

.leg-route .leg-route-row .leg-route-info .pl-22 {
    padding-left: 22px
}

.leg-route .leg-route-row .leg-route-info b {
    margin-bottom: -11px
}

.leg-route .leg-route-row .leg-route-info .leg-route-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.leg-route .leg-route-row .leg-route-info .flight-duration {
    font-size: 12px;
    height: 29px;
    line-height: 20px;
    margin-top: -3px
}

.leg-route .leg-route-row .leg-route-info .dot-line {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: .5px dashed rgba(0, 0, 0, .27)
}

.passenger-detail-item .passenger-detail-item-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.passenger-detail-item .passenger-detail-item-header .passenger-detail-item-header-title {
    color: #0f7b72
}

.passenger-detail-item .passenger-detail-item-header .icon-close {
    color: #1e5eac;
    cursor: pointer
}

.passenger-detail-item .passenger-detail-item-body {
    margin-top: 10px
}

.reservation-cancelation {
    background-color: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1), 0 2px 10px 0 rgba(0, 0, 0, .12);
    color: #333;
    min-width: 500px
}

.reservation-cancelation .reservation-cancelation-content {
    padding: 20px
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-icon {
    height: 50px;
    width: 50px;
    margin-left: 20px
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-icon img {
    width: 100%;
    height: 100%
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-details {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-details .reservation-cancelation-details-title {
    font-weight: 700
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-details .pricing-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-details .pricing-info .pricing-info-item {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-details .pricing-info .refundable-amount {
    border-top: 1px solid #9e9e9e
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-body .reservation-cancelation-details .pricing-info .increase {
    color: #ff6636
}

.reservation-cancelation .reservation-cancelation-content .reservation-cancelation-content-footer {
    display: grid;
    grid-template-columns:90px 140px;
    gap: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-top: 15px
}

.route-trip {
    margin-bottom: 15px
}

.route-trip .route-trip-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000
}

.route-trip .route-trip-container .route-trip-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.route-trip .route-trip-container .route-trip-detail {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.route-trip .route-trip-container .route-trip-detail .more-detail {
    color: #9e9e9e;
    visibility: hidden
}

.route-trip .route-trip-container .route-trip-detail .detail-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.route-trip .route-trip-container .route-trip-price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    margin-right: 30px;
    width: 400px
}

.route-trip .route-trip-container .route-trip-price .price-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: normal;
    border-right: 1px solid #9e9e9e
}

.route-trip .route-trip-container .route-trip-price .price-item .price-item-value {
    margin: 10px 0 13px;
    font-size: 16px
}

.route-trip .route-trip-container .route-trip-price .price-item .price-item-seat.color-blue {
    color: #2196f3
}

.route-trip .route-trip-container .route-trip-price .price-item .price-item-seat.color-green {
    color: #4caf50
}

.route-trip .route-trip-container .route-trip-price .price-item .btn {
    width: 120px
}

.route-trip .high-season {
    position: absolute;
    top: calc(50% - 11px);
    left: -39px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    color: #fff;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 0 0 7px 7px;
    background-color: #ff7400;
    width: 100px;
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-result-item {
    margin-top: 25px
}

.search-result-item h3 {
    margin-bottom: 15px
}

.search-result-item .alert {
    margin-bottom: 15px
}

.address-item {
    width: 50%;
    display: inline-block;
    padding: 10px
}

.address-item .address-section {
    border: 1px solid gainsboro;
    -webkit-box-shadow: 0 0 7px 1px #d4d4d4f5;
    box-shadow: 0 0 7px 1px #d4d4d4f5;
    border-radius: 7px;
    color: #000
}

.address-item .address-section .map {
    height: 300px
}

.address-item .address-section .map .map-wrapper {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
}

.address-item .address-section .address-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ececec;
    padding: 7px 10px;
    border-radius: 7px 7px 0 0
}

.address-item .address-section .address-title .action-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.address-item .address-section .address-title .action-btn .icon {
    cursor: pointer
}

.address-item .address-section .address-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px
}

.address-item .address-section .address-detail .icon {
    font-size: 21px;
    margin-left: 4px
}

.address-item .address-section .address-detail-info {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.branches .branch-item {
    padding: 15px 0;
    margin: 0 15px
}

.branches .branch-item-title {
    color: #03a9f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.branches .branch-item-title a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #03a9f4
}

.branches .branch-item-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.branches .branch-item-desc .icon {
    font-size: 18px;
    margin: 2px
}

.branches .branch-txt {
    color: #000
}

.branches .branch-divider {
    border-bottom: 1px solid #c9c9c9;
    margin: 0 15px
}

.branches .branch-divider:last-child {
    display: none
}

.calc-result-item {
    width: 50%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.calc-result-item:first-child {
    margin-left: 10px
}

.calc-result-item:last-child {
    margin-right: 10px
}

.calc-result-item .calc-result-content {
    background: #f2f2f2;
    margin-right: 7px;
    padding: 0 0 1px;
    position: relative;
    height: 100%;
    border-radius: 0 0 0 8px
}

.calc-result-item .calc-result-content .calc-result-title {
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    margin-bottom: 40px;
    border-radius: 8px 0 0
}

.calc-result-item .calc-result-content .calc-head {
    margin: 0 30px 6px 0;
    color: #1e5eac;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.calc-result-item .calc-result-content .calc-head .icon {
    margin-left: 5px
}

.calc-result-item .calc-result-content .calc-head.absolute {
    position: absolute;
    top: 50px
}

.calc-result-item .calc-result-content .calc-info {
    margin: 0 30px 10px 15px
}

.calc-result-item .table-lbl {
    text-align: center;
    color: #1e5eac;
    font-size: 13px;
    font-weight: 700
}

.calc-result-item .column-desc {
    position: relative
}

.calc-result-item .column-desc .lbl-vertical {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    position: absolute;
    right: 19px
}

.calc-result-item .column-desc .data-table {
    margin: 10px 25px 25px 10px
}

.calc-result-item .data-table {
    border: 0;
    border-radius: 0;
    padding: 10px;
    background-color: #fff
}

.calc-result-item .data-table table th {
    border: 0;
    background: transparent;
    color: #014d46;
    text-align: right
}

.calc-result-item .data-table table td {
    border: 0;
    color: #4caf50;
    position: unset
}

.calc-result-item .data-table table td:first-child {
    color: #000
}

.calc-result-item .data-table table tbody > tr {
    background: transparent;
    border-bottom: 1px dashed #c9c9c9
}

.calc-result-item .data-table table tbody > tr:last-child {
    border-bottom: 0
}

.card .card-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #fff
}

.card .img {
    width: 325px;
    height: 210px
}

.card .card {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.card .card.card-SLV {
    color: #000
}

.card .card.card-GLD {
    color: #000
}

.card .expire-date {
    font-size: 14px;
    display: block;
    text-align: right;
    padding: 10px 15px
}

.card-info-container {
    padding: 10px;
    background-color: #fff;
    border-radius: 8px
}

.card-info-container .list {
    margin: 4px 3px
}

.card-info-container .list .list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed #c9c9c9
}

.card-info-container .list .list-item:last-child {
    border: 0
}

.claim-list .data-table {
    background-color: #fff;
    margin: 15px 0;
    border-radius: 4px
}

.claim-list .data-table th {
    text-align: right
}

.claim-list .data-table .leg-route {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.claim-list .data-table .explanation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.claim-list .data-table .explanation .explanation-detail {
    width: 50%;
    margin-left: 10px
}

.claim-list .data-table .explanation .explanation-detail span:last-child {
    font-weight: 700
}

.claim-list .data-table .explanation .error {
    color: #1e5eac
}

.claim-list .data-table .explanation .icon {
    margin-left: 5px
}

.claim-list .claim-list-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.claim-list .claim-list-footer .claim-btn {
    width: 160px
}

.claim-list .claim-list-footer .claim-btn:first-child {
    margin-left: 10px
}

.claim-list .claim-list-footer .claim-btn .btn {
    width: 100%
}

.claim-list .claim-list-item {
    margin-top: 11px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.claim-list .claim-list-item label {
    color: #014d46;
    margin-left: 5px
}

.claim-list .claim-list-item span {
    font-weight: 700
}

.guest-frame .container {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px
}

.horizontal-tab .tab {
    text-align: center
}

.horizontal-tab .tab-content {
    will-change: tranform
}

.horizontal-tab .tab-content > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.horizontal-tab .boxed {
    padding: 15px 0
}

.horizontal-tab .boxed .tab-bar {
    display: inline-block;
    border: 1px solid #6a6a6a;
    border-radius: 7px;
    position: relative;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    z-index: 5
}

.horizontal-tab .boxed .tab-bar .tab-item {
    border: 0;
    background-color: transparent;
    height: 35px;
    border-radius: 5px;
    z-index: 3;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.horizontal-tab .boxed .tab-bar .actvie {
    color: #fff
}

.horizontal-tab .boxed .tab-bar .hover {
    position: absolute;
    top: 0;
    height: 35px;
    display: block;
    background-color: #066;
    border-radius: 6px;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    will-change: right, width
}

.horizontal-tab .boxed .tab-bar .icon {
    color: #014d46;
    margin-left: 5px
}

.horizontal-tab .line .tab-bar {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 5px;
    display: inline-block;
    position: relative;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 5
}

.horizontal-tab .line .tab-bar .tab-item {
    border: 0;
    background-color: transparent;
    height: 56px;
    border-radius: 5px;
    z-index: 3;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.horizontal-tab .line .tab-bar .hover {
    position: absolute;
    bottom: 0;
    height: 4px;
    display: block;
    background-color: #1e5eac;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    will-change: right, width
}

.horizontal-tab .line .tab-bar .icon {
    color: #1e5eac;
    margin-left: 5px
}

.zoom-enter {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.zoom-enter.zoom-enter-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.zoom-leave.zoom-leave-active {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.horizontal-stepper {
    margin: 10px auto;
    max-width: 800px;
    padding: 0 15px
}

.horizontal-stepper .horizontal-stepper-flow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 600px;
    width: 100%;
    margin: 15px auto
}

.horizontal-stepper .flow-btn {
    margin-top: 10px
}

.horizontal-stepper .flow-btn .btn {
    min-width: 130px;
    margin-left: 10px
}

.horizontal-stepper .step-divider {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #e4e4e4;
    height: 0;
    margin: 13px 10px
}

.horizontal-stepper .step-divider:last-child {
    display: none
}

.lang-select {
    position: relative;
    width: 26px;
    height: 22px
}

.lang-select .lang-icon, .lang-select .lang-input {
    position: absolute
}

.lang-select .lang-icon {
    height: 100%
}

.lang-select .lang-icon img {
    height: 100%;
    width: 100%
}

.lang-select .lang-input {
    opacity: 0;
    left: 0;
    bottom: 0
}

.list-panel .list-panel-title {
    font-size: 16px;
    padding: 6px 0
}

.list-panel hr {
    width: 210px;
    margin: 10px 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .7)
}

.mile-calculator-panel .mile-calc-search-box {
    margin-top: 13px
}

.news-frame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    border-radius: 4px
}

.news-frame.news-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.news-frame.bordered {
    color: #000;
    border: 1px solid #c9c9c9;
    background-color: #e4e4e4
}

.news-frame .news-section-last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    width: 100%
}

.news-frame .news-section-last .news-section-last-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.news-frame .news-section-last .news-section-last-footer {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.news-frame .news-section-last .news-section-last-footer .icon {
    font-size: 18px;
    margin-left: 5px
}

.news-frame .news-image {
    width: 300px;
    height: 200px;
    border-radius: 0 4px 4px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.news-frame .news-title {
    color: #1e5eac;
    font-size: 16px;
    font-weight: 700
}

.news-frame .news-date {
    font-size: 16px
}

.news-frame .news-content {
    line-height: 1.3em
}

.panel {
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    padding: 15px 20px;
    border-right: 7px solid;
    border-radius: 8px;
    background-color: #ececec;
    position: relative
}

.panel .panel-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px
}

.panel .panel-head .panel-head-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.panel .back-btn {
    background-color: #c9c9c9;
    color: #ececec;
    border-radius: 50%;
    margin-left: 7px
}

.panel .back-btn:hover {
    color: #fff;
    background-color: #aeaeae
}

.panel.color-primary {
    border-color: #014d46
}

.panel.color-green {
    border-color: #4caf50
}

.panel.color-orange {
    border-color: #1e5eac
}

.panel.color-gold {
    border-color: #c90
}

.panel.color-teal {
    border-color: #0f7b72
}

.panel.color-blue {
    border-color: #2196f3
}

.panel.mini {
    padding: 5px 20px
}

.panel.full {
    margin: 0;
    padding: 0
}

.panel.full .panel-head {
    margin-bottom: 0;
    padding: 10px 20px
}

.panel-body {
    padding: 15px;
    background-color: #f2f2f2;
    color: #1a1a1a
}

.panel-body.no-padding {
    padding: 0
}

.panel-container-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    padding: 0 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 3px 7px rgba(107, 107, 107, .34902);
    box-shadow: 0 3px 7px rgba(107, 107, 107, .34902);
    margin-top: 25px;
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0
}

.panel-container-header .header-logo {
    height: 40px
}

.panel-container-header .burger-menu {
    display: none
}

.panel-container-header .panel-container-header-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.panel-container-header .panel-container-header-action .panel-container-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.panel-container-header .panel-container-header-action .panel-container-section .popover-content {
    margin-top: 5px
}

.panel-container-header .panel-container-header-action .panel-container-section .res-item {
    display: none;
    margin-right: 8px
}

.panel-container-header .panel-container-header-action .panel-container-section .res-item:last-child {
    margin: 0
}

.panel-container-header .panel-container-header-action .panel-container-section .res-item .icon {
    font-size: 33px
}

.panel-container-header .panel-container-header-action .panel-container-section img {
    height: 43px;
    margin-left: 8px;
    border-radius: 50%
}

.panel-container-header .panel-container-header-action .panel-container-section .user-info {
    margin-left: 22px
}

.panel-container-header .panel-container-header-action .panel-container-section .user-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.panel-container-header .panel-container-header-action .panel-container-section .user-action i {
    font-size: 30px;
    margin: 0 5px
}

.partner-box {
    margin-bottom: 10px
}

.partner-box .partner-box-header {
    position: relative;
    padding: 30% 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    background-size: 100% 100%;
    cursor: pointer
}

.partner-box .partner-box-header img {
    position: absolute;
    max-height: 38px;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    border-radius: 7px 0 23px;
    padding: 5px 22px 5px 12px
}

.partner-box .partner-box-header .partner-box-header-title {
    font-size: 21px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 15px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(45%, rgba(0, 0, 0, .74902)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .74902) 45%);
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .74902) 45%);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .74902) 45%)
}

.partner-box .partner-box-body {
    padding: 8px 0;
    color: #000
}

.partner-box .partner-box-body .body-desc {
    position: relative;
    padding: 0 15px
}

.partner-box .partner-box-body .body-desc.body-desc-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 15px 10px
}

.partner-box .partner-box-body .body-desc .body-desc-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.partner-box .partner-box-body .body-desc .icon {
    margin-left: 5px;
    color: #014d46;
    font-size: 19px
}

.partner-box .partner-box-body .body-desc-item-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

.partner-box .partner-box-body .tab-bar {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    border-radius: 0
}

.partner-box .partner-box-body .tab-bar .tab-item {
    height: 40px
}

.partner-box .partner-box-body .tab-bar .hover {
    display: none
}

.partner-box .partner-box-body .body-desc-content {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #000
}

.partner-box .partner-box-body .body-desc-content.ltr {
    direction: ltr
}

.partner-box .partner-box-title {
    color: #03a9f4
}

.partner-box .flip-btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 5px 0;
    border-top: 1px solid #e4e4e4
}

.partner-box .flip-btn {
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    background-color: #1e5eac;
    margin: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.partner-box .flip-btn:hover {
    background-color: #ff7400
}

.flip-container {
    -webkit-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000
}

.flipper {
    -webkit-transition: .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: .5s;
    -moz-transform-style: preserve-3d;
    -o-transition: .5s;
    -o-transform-style: preserve-3d;
    transition: .5s;
    transform-style: preserve-3d;
    position: relative
}

.flipper .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-backface-visibility;
    transition-property: -webkit-backface-visibility;
    -o-transition-property: backface-visibility;
    transition-property: backface-visibility;
    transition-property: backface-visibility, -webkit-backface-visibility;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

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

.flip-container.hover .flipper .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-container.hover .flipper .back {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.front, .back {
    width: 100%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 10px
}

.front {
    position: relative;
    z-index: 2
}

.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #fff;
    border-radius: 10px;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0
}

.back .back-header {
    position: relative;
    background-color: #e4e4e4;
    height: 38px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #aeaeae;
    text-align: center
}

.back .back-header .icon {
    position: absolute;
    height: 100%;
    width: 40px;
    text-align: center;
    line-height: 1.5;
    color: #aeaeae;
    border-left: 1px solid #aeaeae;
    right: 0
}

.back .back-header .icon:hover {
    color: #000;
    cursor: pointer
}

.back .back-header img {
    height: 100%;
    padding: 5px 0
}

.back .back-body {
    height: 89%;
    overflow: auto
}

.back .back-body .ScrollbarsCustom {
    height: 100%
}

.back .back-body .body-desc {
    padding: 18px;
    text-align: justify;
    color: #000
}

.profile {
    color: #000
}

.profile .triangle-up {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1e5eac
}

.profile .profile-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px;
    font-size: 12px
}

.profile .profile-item .icon {
    margin-left: 15px;
    font-size: 18px
}

.profile .profile-item:hover {
    background-color: #ececec
}

.profile-picture {
    position: relative;
    margin-left: 25px
}

.profile-picture .profile-picture-img {
    width: 105px;
    height: 105px;
    border: 1px solid #e4e4e4;
    border-radius: 50%
}

.profile-picture .profile-picture-edit {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 0;
    bottom: 5px;
    background-color: #1e5eac;
    padding: 4px;
    border-radius: 50%
}

.profile-picture .profile-picture-edit .icon {
    font-size: 16px;
    color: #fff
}

.profile-picture .profile-picture-input {
    position: absolute;
    bottom: 5px;
    left: 0;
    opacity: 0;
    width: 25px
}

.panel-side-nav {
    position: fixed;
    top: 85px;
    bottom: 0;
    width: 240px;
    will-change: transform;
    z-index: 8;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#004d46), to(#099));
    background: -webkit-linear-gradient(#004d46, #099);
    background: -o-linear-gradient(#004d46, #099);
    background: linear-gradient(#004d46, #099);
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    overflow: auto
}

.panel-side-nav .scrollbar {
    width: 100%;
    height: 100%
}

.panel-side-nav .scrollbar .wrapper {
    height: 100%
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.progress .start-point {
    margin-left: 15px
}

.progress .end-point {
    margin-right: 15px;
    min-width: 48px
}

.progress .progress-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    width: 100%;
    text-align: right
}

.progress .progress-bar.progress-bar-small {
    height: 10px
}

.progress .progress-bar.progress-bar-medium {
    height: 13px
}

.progress .progress-bar.progress-bar-large {
    height: 16px
}

.progress .progress-bar .progress-section {
    height: 100%;
    position: relative
}

.progress .progress-bar .progress-section.zero {
    border-radius: 0 20px 20px 0;
    width: 2%;
    background: rgba(152, 152, 152, .4)
}

.progress .progress-bar .progress-section.zero .progress-value, .progress .progress-bar .progress-section.zero .progress-lbl, .progress .progress-bar .progress-section.zero .progress-pointer {
    color: #014d46
}

.progress .progress-bar .progress-section.cla {
    width: 15%;
    background: rgba(152, 152, 152, .4)
}

.progress .progress-bar .progress-section.cla .progress-value, .progress .progress-bar .progress-section.cla .progress-lbl, .progress .progress-bar .progress-section.cla .progress-pointer {
    color: #014d46
}

.progress .progress-bar .progress-section.cla .progress-lbl, .progress .progress-bar .progress-section.cla .progress-value {
    text-shadow: 0 0 4px #fff, 0 0 13px #fff, 0 0 11px #fff, 0 0 5px #fff
}

.progress .progress-bar .progress-section.slv {
    width: 17%;
    background: rgba(152, 152, 152, .4)
}

.progress .progress-bar .progress-section.slv .progress-value, .progress .progress-bar .progress-section.slv .progress-lbl, .progress .progress-bar .progress-section.slv .progress-pointer {
    color: #e4e4e4
}

.progress .progress-bar .progress-section.slv .progress-lbl, .progress .progress-bar .progress-section.slv .progress-value {
    text-shadow: 0 0 1px #212121, 0 0 11px #a7a7a7, 0 0 11px #363636
}

.progress .progress-bar .progress-section.gld {
    width: 47%;
    background: rgba(152, 152, 152, .4)
}

.progress .progress-bar .progress-section.gld .progress-value, .progress .progress-bar .progress-section.gld .progress-lbl, .progress .progress-bar .progress-section.gld .progress-pointer {
    color: #c90
}

.progress .progress-bar .progress-section.gld .progress-lbl, .progress .progress-bar .progress-section.gld .progress-value {
    text-shadow: 0 0 4px #fff, 0 0 13px #fff, 0 0 11px #fff, 0 0 5px #fff
}

.progress .progress-bar .progress-section.gpl {
    border-radius: 20px 0 0 20px;
    width: 19%;
    background: rgba(152, 152, 152, .4)
}

.progress .progress-bar .progress-section.gpl .progress-value, .progress .progress-bar .progress-section.gpl .progress-lbl, .progress .progress-bar .progress-section.gpl .progress-pointer {
    color: #000
}

.progress .progress-bar .progress-section.gpl .progress-lbl, .progress .progress-bar .progress-section.gpl .progress-value {
    text-shadow: 0 0 4px #fff, 0 0 13px #fff, 0 0 11px #fff, 0 0 5px #fff
}

.progress .progress-bar .progress-section .progress-section-point {
    position: absolute;
    top: -48px;
    right: -31px;
    text-align: center;
    width: 65px;
    line-height: 1rem
}

.progress .progress-bar .progress-section .progress-section-point .progress-lbl, .progress .progress-bar .progress-section .progress-section-point .progress-value {
    font-weight: 700;
    font-size: 12px
}

.progress .progress-bar .progress-bar-line {
    position: absolute;
    height: 100%;
    border-radius: 20px;
    right: 0
}

.progress .progress-bar-cla .progress-bar-line {
    background-color: #014d46
}

.progress .progress-bar-slv .progress-bar-line {
    background-color: #e4e4e4
}

.progress .progress-bar-gld .progress-bar-line {
    background-color: #c90
}

.progress .progress-bar-gpl .progress-bar-line {
    background-color: #3a3a3a
}

.promotion-frame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    margin: 0 10px;
    direction: rtl
}

.promotion-frame.promotion-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.promotion-frame.promotion-right .promotion-section-first {
    width: 318px;
    margin-right: 20px
}

.promotion-frame.promotion-left .promotion-section-first {
    width: 318px;
    margin-left: 20px
}

.promotion-frame.bordered {
    color: #000;
    border: 1px solid #6a6a6a;
    padding: 9px 14px;
    background-color: #ececec
}

.promotion-frame.bordered .promotion-section-first {
    width: 240px;
    min-width: 270px
}

.promotion-frame.bordered .promotion-title {
    color: #1e5eac
}

.promotion-frame.bordered .promotion-content {
    margin-bottom: 20px
}

.promotion-frame .promotion-section-last {
    width: 100%
}

.promotion-frame .promotion-section-last-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.promotion-frame .promotion-section-last-body {
    white-space: pre-line
}

.promotion-frame .promotion-image {
    width: 100%;
    border-radius: 8px
}

.promotion-frame .promotion-title {
    color: #014d46;
    font-weight: 700;
    font-size: 16px
}

.promotion-frame .promotion-date {
    font-size: 16px
}

.promotion-frame .promotion-content {
    line-height: 1.3em
}

.promotion-frame .promotion-validity {
    color: #ff0018;
    font-size: 12px;
    margin-top: 10px
}

.service-item a {
    width: 100%;
    height: 100%
}

.service-item .service-item-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 11px;
    width: 100%;
    height: 100%
}

.service-item .service-item-box:hover {
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .5)
}

.service-item .service-item-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.service-item .service-item-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 11px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.service-item .service-item-box .service-item-title {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    bottom: 0;
    right: 0
}

.service-item .service-item-box .service-item-title .title {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 160px;
    padding: 10px;
    height: 43px;
    border-top-left-radius: 11px;
    font-size: 18px;
    font-weight: 700
}

.service-item .service-item-box .service-item-title .desc {
    background-color: rgba(51, 51, 51, .87);
    font-size: 12px;
    color: #fff;
    text-align: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px
}

.service-item .service-item-box .service-item-title .desc p {
    line-height: 1.5
}

.service-item .service-item-box .service-item-title .desc p strong {
    font-weight: 400
}

.service-item .service-item-box .service-item-title.green .title {
    background-color: rgba(76, 175, 80, .9)
}

.service-item .service-item-box .service-item-title.orange .title {
    background-color: rgba(255, 87, 34, .9)
}

.service-item .service-item-box .item-deactive {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    cursor: not-allowed
}

.signin {
    width: 100%;
    max-width: 400px;
    margin: auto;
    color: #fff
}

.signin .login-form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0
}

.signin .login-form-row .item:first-child {
    width: 130px;
    font-size: 16px
}

.signin .login-form-row .item:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.signin .login-form-row .option-item {
    margin: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.signin .login-form-row .option-item input {
    margin-left: 5px
}

.signin .login-form-row .option-item a {
    color: #fff
}

.signin .login-form-btn-row {
    text-align: center;
    padding: 10px 0 50px
}

.signin .login-form-btn-row .login-btn {
    width: 124px;
    height: 38px;
    margin: 0 10px;
    font-size: 16px;
    line-height: 2
}

.signin .alert {
    background: #f9d9d98c;
    margin: 0 10px;
    padding: 5px 10px;
    border-radius: 4px
}

.simple-container-footer {
    background-image: url(../img/landing/desktop-ax2.jpg);
    background-size: cover;
    color: #fff
}

.simple-container-footer .footer-item {
    padding: 12px 0
}

.simple-container-footer .footer-wrapper {
    padding: 30px 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.simple-container-footer .footer-wrapper .footer-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.simple-container-footer .footer-wrapper .footer-item:first-child {
    -webkit-box-flex: 6;
    -webkit-flex-grow: 6;
    -ms-flex-positive: 6;
    flex-grow: 6
}

.simple-container-footer .footer-wrapper .footer-item:last-child {
    width: 100%
}

.simple-container-footer .footer-wrapper .footer-item .number {
    direction: ltr;
    display: inline-block
}

.simple-container-footer .footer-icon {
    background-color: #fff;
    color: #014d46;
    border-radius: 50%;
    padding: 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 20px;
    margin: 20px 0 10px 25px
}

.simple-container-footer .copy-right-section {
    padding: 15px 0;
    background-color: rgba(0, 0, 0, .56);
    color: #9e9e9e
}

.simple-container-footer .copy-right-section .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.simple-container-footer .copy-right-section .container .copy-right-section-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.simple-container-footer .copy-right-section .container .term-section-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.simple-container-footer .copy-right-section .container .term-section-item .term-section-link {
    padding: 0 10px;
    position: relative
}

.simple-container-footer .copy-right-section .container .term-section-item .term-section-link:last-child:before {
    content: "|";
    position: absolute;
    right: 0
}

.simple-container-header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(transparent));
    background-image: -webkit-linear-gradient(#d2d2d2, transparent);
    background-image: -o-linear-gradient(#d2d2d2, transparent);
    background-image: linear-gradient(#d2d2d2, transparent);
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0
}

.simple-container-header .header {
    height: 90px
}

.simple-container-header .header .header-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.simple-container-header .header .menu-section {
    width: 100%;
    max-width: 800px
}

.simple-container-header .select-input {
    display: inline-block;
    margin: 0
}

.simple-container-header .select-input .form-control {
    background: transparent;
    height: 37px
}

.simple-container-header .select-input .form-fieldset {
    border-radius: 50px;
    border-color: #6a6a6a
}

.simple-container-header .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.simple-container-header .flex .item {
    color: #000;
    padding: 8px 15px
}

.simple-container-header .flex .login-btn {
    color: #fff;
    border-radius: 23px;
    background-color: #1e5eac
}

.simple-container-header .flex .lang-section {
    display: none
}

.simple-container-header .burger-menu {
    display: none
}

.simple-container-login {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 55px;
    color: #fff;
    background-color: rgba(31, 31, 31, .8);
    bottom: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.simple-container-login .login-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 10px
}

.simple-container-login .login-container .login-container-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.simple-container-login .login-container img {
    height: 38px;
    margin-left: 4px
}

.simple-container-login .login-container .simple-container-login-btn {
    color: #1e5eac;
    margin-right: 7px;
    border: 1px solid;
    border-radius: 23px;
    padding: 1px 9px 2px
}

.slimbar {
    background: -webkit-gradient(linear, left top, right top, from(#004d46), to(#099));
    background: -webkit-linear-gradient(left, #004d46, #099);
    background: -o-linear-gradient(left, #004d46, #099);
    background: linear-gradient(to right, #004d46, #099);
    color: #fff;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    position: fixed;
    z-index: 10;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    right: 0;
    left: 0
}

.slimbar .dt-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.slimbar .dt-wrapper .dt-wrapper-time {
    margin-right: 30px
}

.slimbar .form-group {
    margin: 0
}

.slimbar .form-group .form-control {
    background: transparent;
    height: 100%;
    padding: 0;
    padding-left: 25px;
    padding-right: 5px
}

.slimbar .form-group .form-icon {
    fill: #fff
}

.slimbar .form-group .form-fieldset {
    display: none
}

.slimbar select {
    color: #fff
}

.slimbar select option {
    color: #014d46
}

.step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.step .step-number {
    border-radius: 50%;
    padding: 4px;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #fff;
    background-color: #e4e4e4
}

.step .step-number.active {
    background-color: #014d46
}

.step .step-number .icon {
    font-size: 20px
}

.step .step-title {
    padding-right: 5px
}

.traveler .traveler-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.traveler .data-table {
    background: #fff;
    margin: 15px 0;
    border-radius: 4px
}

.traveler .data-table th {
    text-align: right
}

.traveler .data-table th:first-child {
    width: 1px
}

.traveler .select-btn {
    width: 100%
}

.traveler .claim-btn {
    width: 160px
}

.traveler .claim-btn .btn {
    width: 100%
}

.traveler .passenger-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.traveler .passenger-name .user-icon {
    font-size: 16px
}

.user-frame .page-body {
    margin-top: -60px
}

.vertical-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vertical-tab .vertical-tab-items {
    width: 370px;
    background-color: #fff;
    padding-left: 7px;
    overflow: auto
}

.vertical-tab .vertical-tab-items .panel-body-head {
    font-size: 21px;
    margin: 15px 0
}

.vertical-tab .vertical-tab-items ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.vertical-tab .vertical-tab-items ul li {
    margin-bottom: 4px;
    background-color: #f2f2f2;
    cursor: pointer
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head {
    padding: 7px 0
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 7px 5px
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-time {
    font-size: 12px;
    line-height: 2;
    color: #0f7b72;
    margin-right: 7px
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point .vertical-tab-head-detail-item {
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #6a6a6a;
    margin-right: 10px
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point .vertical-tab-head-detail-item:first-child {
    min-width: 104px
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point .vertical-tab-head-detail-item:last-child {
    min-width: 108px
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point .vertical-tab-head-detail-item b {
    color: #000
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point .vertical-tab-head-detail-item .menu-up {
    color: #4caf50
}

.vertical-tab .vertical-tab-items ul li .vertical-tab-head .vertical-tab-head-detail .head-detail-point .vertical-tab-head-detail-item .menu-down {
    color: #ff0018
}

.vertical-tab .vertical-tab-items ul li:last-child {
    margin: 0
}

.vertical-tab .vertical-tab-items .vertical-tab-item-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vertical-tab .vertical-tab-items .vertical-tab-item-one i {
    margin-left: 5px
}

.vertical-tab .vertical-tab-items .active {
    background-color: #e4e4e4
}

.vertical-tab .vertical-tab-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #e4e4e4;
    overflow-y: auto
}

.vertical-tab .vertical-tab-content .vertical-tab-item {
    padding: 25px
}

.vertical-tab .vertical-tab-content .vertical-tab-item li {
    padding: 10px 20px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vertical-tab .vertical-tab-content .vertical-tab-item li:last-child {
    margin: 0
}

.example-enter {
    max-height: 0;
    opacity: 0
}

.example-enter.example-enter-active {
    max-height: 500px;
    opacity: 1;
    -webkit-transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s
}

.example-leave {
    max-height: 500px;
    opacity: 1
}

.example-leave.example-leave-active {
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s;
    -o-transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s;
    transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s
}

.widget-card {
    height: 150px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .34902);
    box-shadow: 0 0 8px rgba(0, 0, 0, .34902);
    color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    border-radius: 4px
}

.widget-card.clickable {
    cursor: pointer
}

.widget-card .widget-card-title {
    font-size: 22px;
    padding: 0 10px
}

.widget-card .widget-card-content {
    font-size: 48px
}

.add-address {
    width: 97%
}

.add-address.address-detail {
    max-width: 1000px
}

.add-address .panel-body {
    padding: 0
}

.add-address .add-new-branch-btn {
    margin: 0;
    padding: 8px 10px;
    background-color: #ececec;
    border-radius: 0 0 15px 15px
}

.add-address .map-modal-btn {
    top: 10px;
    right: 15px;
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.add-address .map-modal-btn .icon {
    font-size: 14px
}

.add-address .full-map {
    height: 400px;
    margin-bottom: 15px
}

.add-address .full-map .map {
    width: 100%;
    height: 100%
}

.add-address .full-map .map .map-wrapper {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0
}

.add-address .stretch-map {
    height: 100%;
    padding-bottom: 18px
}

.add-address .stretch-map .map {
    height: 100%
}

.leg-title .leg-route {
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.leg-title .leg-route .city {
    min-width: 120px;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.leg-title .leg-route .city .city-name {
    margin-left: 3px
}

.leg-title .leg-route .leg {
    min-width: 40px
}

.leg-title .leg-route .leg:first-child {
    text-align: end
}

.leg-title .leg-route .leg:last-child {
    text-align: start
}

.leg-title .leg-route .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px
}

.leg-title .leg-route .route .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.leg-title .leg-route .dep-arr .icon {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.time-picker {
    direction: rtl
}

.time-picker .time-picker-label {
    margin: 0 10px
}

.time-picker .time-picker-modal {
    background-color: #fff;
    border-radius: 4px
}

.time-picker .time-picker-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    direction: ltr;
    margin: 20px
}

.time-picker .time-picker-row .time-picker-section {
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-y: repeat(3rem);
    -ms-scroll-snap-points-y: repeat(3rem);
    scroll-snap-points-y: repeat(3rem);
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    padding: 0 17px;
    height: 93px
}

.time-picker .time-picker-row .time-picker-section ul {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none
}

.time-picker .time-picker-row .time-picker-section ul li {
    font-size: 21px;
    color: #c9c9c9;
    width: 65px;
    height: 31px;
    scroll-snap-align: start
}

.time-picker .time-picker-row .time-picker-section ul li.active {
    color: #014d46
}

.time-picker .time-picker-row .separate {
    font-size: 21px;
    font-weight: 700
}

.time-picker .time-picker-btn {
    margin: 15px
}

.time-picker .form-group {
    margin-top: 5px !important
}

.time-picker .error {
    white-space: nowrap;
    color: #be1e2d;
    font-size: 10px
}

.pnr-segments .pnr {
    color: #014d46;
    margin: 10px;
    font-weight: 700
}

.pnr-segments .pnr .pnr-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pnr-segments .pnr .pnr-value {
    color: #000;
    margin: 0 10px
}

.pnr-segments .route-panel {
    width: 100%;
    border-radius: 4px;
    padding: 2px;
    background-color: #fff;
    margin: 15px 0;
    overflow: auto
}

.pnr-segments .route-panel P {
    margin-right: 25px;
    text-align: right;
    white-space: nowrap
}

.pnr-segments .route-panel .data-table {
    width: 100%
}

.pnr-segments .route-panel .data-table th, .pnr-segments .route-panel .data-table td {
    padding: 10px
}

.pnr-segments .route-panel .data-table th {
    color: #6a6a6a
}

.pnr-segments .route-panel .data-table tr {
    border-bottom: 1px dashed #c9c9c9
}

.pnr-segments .route-panel .data-table tr td {
    font-weight: 700
}

.pnr-segments .route-panel .data-table tr td .red {
    color: #ff0018
}

.pnr-segments .route-panel .data-table tr td .request-result {
    color: #4caf50
}

.pnr-segments .route-panel .data-table tr:last-child {
    border: none
}

.pnr-segments .buttons {
    text-align: center;
    margin-top: 15px
}

.pnr-segments .buttons .btn {
    width: 40%;
    max-width: 370px;
    margin: 0 10px
}

.transfer-form .total-awards {
    color: #1e5eac;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    font-weight: 700;
    white-space: nowrap
}

.transfer-form .acceptTerm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px
}

.transfer-form .acceptTerm .checkbox-input {
    margin: 0
}

.transfer-form .acceptTerm .link {
    cursor: pointer;
    margin-right: 5px;
    height: 21px;
    color: #2196f3
}

.transfer-form .acceptTerm .link:hover {
    color: #1e5eac;
    border-bottom: 1px solid #1e5eac
}

.transfer-form .acceptTerm .continue {
    margin-right: 5px
}

.transfer-form .term-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 97%;
    height: 97%;
    max-width: 1000px;
    max-height: 600px;
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px
}

.transfer-form .term-container .term {
    overflow: auto;
    margin: 15px 0
}

.transfer-form .term-container .term ul {
    padding-left: 10px
}

.transfer-form .term-container .term-title {
    width: 100%;
    font-weight: 700;
    padding-bottom: 10px;
    color: #1e5eac;
    border-bottom: 1px solid gainsboro
}

.transfer-form .term-container button {
    width: 16.66666%;
    height: 45px;
    min-width: 55px;
    min-height: 35px
}

.trip-details {
    margin: 20px 0
}

.trip-details .trip-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0 25px;
    color: #000
}

.trip-details .trip-title .trip-transfer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.trip-details .trip-title .trip-transfer .date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.trip-details .trip-title .trip-transfer .date .date-title {
    color: #0f7b72
}

.trip-details .trip-title .trip-transfer .date .date-value {
    margin-right: 5px;
    direction: ltr
}

.trip-details .trip-title .trip-transfer .date .icon {
    color: #ff0018
}

.trip-details .trip-title .icon-delete {
    cursor: pointer
}

.trip-details .trip-content .dashed {
    border: 0;
    border-top: 2px dashed #c9c9c9;
    margin: 15px 0 25px
}

.trip-details .trip-content .pickup-time .pickup-time-container {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0
}

.trip-details .trip-content .pickup-time .pickup-time-container > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    border-left: 1px solid #c9c9c9;
    padding: 0 20px
}

.trip-details .trip-content .pickup-time .pickup-time-container > li:last-child {
    border: 0
}

.trip-details .trip-content .pickup-time .pickup-time-error-message {
    font-size: 12px;
    color: #ff0018
}

.trip-details .trip-content .pickup-time .form-error {
    display: none
}

.trip-details .trip-content .date-time-picker {
    position: relative
}

.trip-details .trip-content .date-time-picker .form-group {
    width: 100%;
    margin: 0
}

.trip-details .trip-content .date-time-picker .form-group .form-control {
    cursor: pointer;
    text-align: center;
    padding: 8px 27px
}

.trip-details .trip-content .date-time-picker .date-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 40px;
    margin: 0 20px
}

.trip-details .trip-content .map {
    height: 313px
}

.pnr-form .pnr-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 -10px
}

.pnr-form .pnr-section .form-group {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 20%
}

.pnr-form .pnr-others {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pnr-form .pnr-others input {
    height: 40px
}

.transfer-summary .panel {
    margin-bottom: 20px
}

.transfer-summary .transfer-summary-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.transfer-summary .transfer-summary-detail .transfer-summary-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.transfer-summary .transfer-summary-detail .transfer-summary-section .checkmark-container {
    margin-left: 5px
}

.excess-baggage .excess-baggage-header {
    background-image: url(../img/header/excessBaggage/787x300.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 50px
}

.excess-baggage .mile-calculator-result {
    margin-top: 30px
}

.excess-baggage .mile-calculator-result .excess-baggage-result-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.excess-baggage .mile-calculator-result .excess-baggage-result-title .icon {
    margin-left: 5px
}

.excess-baggage .mile-calculator-result .excess-baggage-result-value {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 18px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.excess-baggage .container .check-pnr {
    margin: 10px
}

.excess-baggage .container .adminHeader {
    color: #000;
    background-color: #eee;
    padding: 5px 15px
}

.excess-baggage .container .adminHeader h1 {
    margin: 0 10px
}

.excess-baggage .container .adminHeader .airport-transfer-header-content {
    margin: 10px
}

.excess-baggage .data-table {
    border: 0;
    border-radius: 0;
    padding: 10px
}

.excess-baggage .data-table table {
    border: 0;
    background: transparent;
    text-align: center
}

.excess-baggage .data-table table thead th {
    font-size: 12px;
    color: #014d46;
    text-align: center
}

.excess-baggage .data-table table td, .excess-baggage .data-table table th {
    border: 0;
    background: transparent;
    padding: 10px 7px
}

.excess-baggage .data-table table tbody > tr {
    background: transparent;
    border-bottom: 1px dashed #6a6a6a
}

.excess-baggage .data-table table tbody > tr:last-child {
    border: 0
}

.excess-baggage .data-table table tbody > tr td:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.excess-baggage .data-table table tbody > tr:hover {
    color: #000
}

.excess-baggage .data-table table .danger {
    color: #ff0018
}

.pnr-baggage-form .pnr-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.pnr-baggage-form .pnr-section .pnr-field {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pnr-baggage-form .pnr-section .pnr-field .others {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 0
}

.pnr-baggage-form .pnr-section .pnr-field label {
    margin: 0 10px
}

.pnr-baggage-form .pnr-section .pnr-field input {
    height: 40px
}

.pnr-baggage-form .pnr-section .pnr-field-select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pnr-baggage-form .pnr-section .pnr-field-select .form-control {
    height: 40px;
    margin: 0
}

.pnr-baggage-form .pnr-section .btn {
    margin-top: 21px;
    height: 38px
}

.pnr-baggage-form .pnr-others {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pnr-baggage-form .pnr-others label {
    margin: 0 10px
}

.pnr-baggage-form .pnr-others input {
    height: 40px
}

.pnr-baggage-segments {
    background: #eee;
    padding: 10px 20px
}

.pnr-baggage-segments .pnr {
    color: #014d46;
    margin: 10px;
    font-weight: 700
}

.pnr-baggage-segments .pnr .pnr-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pnr-baggage-segments .pnr .pnr-value {
    color: black;
    margin: 0 10px
}

.pnr-baggage-segments .route-panel {
    width: 100%;
    -webkit-box-shadow: 0 0 7px 0 #bfbfbf;
    box-shadow: 0 0 7px 0 #bfbfbf;
    text-align: right
}

.pnr-baggage-segments .route-panel .data-table {
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
    border: none;
    width: 100%
}

.pnr-baggage-segments .route-panel .data-table thead th {
    background-color: #fff;
    padding: 10px 15px;
    color: #616161;
    text-align: center;
    border: none;
    font-size: 13px;
    white-space: nowrap
}

.pnr-baggage-segments .route-panel .data-table thead th .icon {
    font-size: 15px
}

.pnr-baggage-segments .route-panel .data-table thead td {
    border: none;
    font-weight: 700;
    white-space: nowrap
}

.pnr-baggage-segments .route-panel .data-table thead td:nth-last-child(1) {
    padding: 28px
}

.pnr-baggage-segments .route-panel .data-table tbody tr {
    background-color: #fff;
    border-bottom: 1px dashed;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

.pnr-baggage-segments .route-panel .data-table tbody tr td {
    border: none;
    font-weight: 700;
    padding: 0 10px
}

.pnr-baggage-segments .route-panel .data-table tbody tr td .form-control {
    width: 40%;
    min-width: 50px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center
}

.pnr-baggage-segments .route-panel .data-table tbody tr td .red {
    color: #ff0018
}

.pnr-baggage-segments .route-panel .data-table tbody tr td .request-result {
    color: #4caf50
}

.pnr-baggage-segments .route-panel .data-table tbody tr:nth-last-child(1) {
    border: none
}

.pnr-baggage-segments .route-panel .data-table .total-miles {
    text-align: left
}

.pnr-baggage-segments .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 10px 0
}

.pnr-baggage-segments .buttons .btn-baggage {
    width: 30%;
    color: #fff;
    background: #1e5eac;
    border: 0;
    margin: 1% 8%
}

.pnr-baggage-segments .buttons .btn-baggage:hover {
    color: #ff0018
}

.pnr-baggage-segments .buttons .btn-cancel {
    background: #c9c9c9
}

.about-page .boxed {
    max-width: 330px;
    margin: auto
}

.about-page .title {
    color: #1e5eac;
    font-size: 18px;
    margin-top: 13px;
    font-weight: 700;
    margin-right: 10px
}

.about-page .text {
    color: #1a1a1a;
    font-size: 14px;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 1.5em
}

.about-page .question {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-right: 10px
}

.about-page .item-title {
    font-size: 16px;
    font-weight: 500;
    color: #014d46;
    margin-top: 20px;
    margin-right: 10px
}

.about-page .form-select .form-control {
    font-weight: 400;
    font-size: 16px;
    max-width: 200px;
    height: 50px;
    margin: 0;
    padding: 1px 10px 1px 0
}

.about-page .form-text-input .form-control {
    font-weight: 400;
    font-size: 16px;
    max-width: 400px;
    height: 50px;
    margin: 0;
    padding: 1px 10px 1px 0
}

.about-page .form-text-area .form-control {
    font-weight: 400;
    font-size: 16px;
    max-width: 400px;
    height: 150px;
    margin: 0;
    padding: 5px 10px 1px 0
}

.about-page .form-file-input {
    position: relative
}

.about-page .form-file-input .form-control {
    font-weight: 400;
    font-size: 18px;
    max-width: 200px;
    height: 50px;
    margin: 0;
    padding: 1px 0;
    text-align: center;
    background: #f2f2f2;
    color: #014d46;
    border: 1px solid #014d46
}

.about-page .form-file-input .file-input {
    position: absolute;
    top: 0
}

.about-page .form-file-input .file-input .form-control {
    font-weight: 400;
    font-size: 16px;
    max-width: 200px;
    height: 50px;
    margin: 0;
    padding: 1px 0;
    border: 0;
    opacity: 0;
    text-align: left
}

.about-page .input {
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    height: 50px;
    color: #fff;
    background: #014d46;
    border: 0
}

.about-page .input_div {
    max-width: 400px;
    margin: 10px
}

.activity-page .panel-body-head {
    font-size: 18px;
    margin-bottom: 15px
}

.activity-page .menu-up {
    color: #4caf50
}

.activity-page .menu-down {
    color: #ff0018
}

.activity-page .definition {
    direction: ltr;
    display: block;
    text-align: left
}

.activity-page .time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr
}

.activity-page .time-alert {
    color: #014d46;
    white-space: nowrap;
    font-size: 12px;
    direction: rtl
}

.activity-page .time-alert.warn {
    color: #ff0018
}

.activity-page .time-value {
    margin-right: 5px
}

.airport-lounge .airport-lounge-header {
    background-image: url(../img/header/airportLounge/787x300.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 50px
}

.airport-lounge .mile-calculator-result {
    margin-top: 30px
}

.airport-lounge .mile-calculator-result .excess-baggage-result-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.airport-lounge .mile-calculator-result .excess-baggage-result-title .icon {
    margin-left: 5px
}

.airport-lounge .mile-calculator-result .excess-baggage-result-value {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px
}

.airport-lounge .mile-calculator-result .excess-baggage-result-value .free-point {
    color: #8bc34a
}

.airport-lounge .panel-body {
    height: 250px;
    margin: 15px 0
}

.home-page {
    margin-top: -100px;
    background-color: #f2f2f2
}

.home-page h2 {
    color: #0f7b72;
    font-family: IRANSansWeb_FaNum, Roboto;
    font-size: normal;
    line-height: none;
    font-weight: 400
}

.home-page .landing-page-btn {
    background-color: #fffffff0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    height: 50px;
    border-radius: 23px;
    font-size: 20px;
    color: #4caf50;
    font-weight: 500;
}

.home-page .brim {
    width: 100%;
    position: absolute
}

.home-page .brim.brim-down {
    bottom: -1px
}

.home-page .brim.brim-top {
    top: -1px
}

.home-page .home-page-head {
    position: relative;
}

.home-page .home-page-head .home-page-head-title {
}

.home-page .home-page-head .home-page-head-title .home-page-head-title-one {
    width: 100%;
    max-width: 470px
}

.home-page .home-page-head .home-page-head-title .home-page-head-title-two {
    font-family: IRANSansWeb_FaNum, Roboto;
    font-size: 36px;
    margin-bottom: 45px;
    color: #6a6a6a
}

.home-page .reward-section {
    background-color: #fff;
    padding-bottom: 70px
}

.home-page .reward-section .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1000px
}

.home-page .reward-section .container .reward-item {
    width: 25%
}

.home-page .reward-section .container .reward-item .reward-image {
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    border: solid 1px #707070;
    background-color: #ececec;
    margin: auto
}

.home-page .reward-section .container .reward-item .reward-image img {
    width: 90px
}

.home-page .reward-section .container .reward-item .reward-title {
    text-align: center;
    margin-top: 10px
}

.home-page .card-level {
    padding: 50px 0
}

.home-page .card-level .card-level-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px
}

.home-page .card-level .card-level-title {
    font-size: 18px
}

.home-page .card-level .card-level-content {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-page .card-level .card-level-content p {
    color: #000
}

.home-page .card-level .card-level-content .card-item {
    padding: 0 15px;
    width: 25%
}

.home-page .card-level .card-level-content .card-item .card-item-title {
    font-size: 16px;
    margin-top: 5px
}

.home-page .card-level .card-level-btn a {
    margin: auto
}

.home-page .card-level img {
    width: 100%
}

.home-page .our-services {
    background-color: #fff;
    padding: 50px 0
}

.home-page .our-services .our-services-section {
    padding-top: 20px
}

.home-page .our-services .our-services-title {
    font-size: 18px
}

.home-page .our-services .our-services-content {
    margin-top: 18px
}

.home-page .our-services .our-services-content .services-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.home-page .our-services .our-services-content .services-item .services-item-icon {
    width: 20px;
    margin-left: 10px
}

.home-page .our-services img {
    width: 100%
}

.home-page .partners {
    background: #fff;
    overflow: hidden
}

.home-page .partners .partners-title {
    font-size: 18px;
    text-align: center;
    margin-top: 25px;
    padding: 1px 0
}

.home-page .partners .slider-container {
    padding: 20px 0;
    position: relative
}

.home-page .partners .slider-container:after, .home-page .partners .slider-container:before {
    content: " ";
    width: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3
}

.home-page .partners .slider-container:after {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#fff));
    background-image: -webkit-linear-gradient(left, transparent, #fff);
    background-image: -o-linear-gradient(left, transparent, #fff);
    background-image: linear-gradient(to right, transparent, #fff);
    right: 0
}

.home-page .partners .slider-container:before {
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#fff));
    background-image: -webkit-linear-gradient(right, transparent, #fff);
    background-image: -o-linear-gradient(right, transparent, #fff);
    background-image: linear-gradient(to left, transparent, #fff);
    left: 0
}

.home-page .partners .slider-container .slick-slider .slick-slide {
    float: left !important
}

.home-page .partners .slider-container .slick-slider .slick-slide img {
    height: 65px;
    width: auto !important;
    margin: 12px;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    padding: 10px;
    -webkit-box-shadow: 0 0 10px -2px gray3d;
    box-shadow: 0 0 10px -2px gray3d
}

.home-page .latest-news {
    padding: 30px 0
}

.latest-news-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
}

.home-page .latest-news .latest-news-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.home-page .latest-news .latest-news-content .news-frame .news-image {
    width: 200px;
    height: 150px
}

.home-page .latest-news .latest-news-content .news-frame .news-section-last {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 150px;
    overflow: auto
}

.home-page .latest-news .latest-news-content .news-frame .news-section-last .scrollbar {
    height: 100%
}

.home-page .slick-arrow {
    display: none !important
}

.login-page .forget-link {
    margin: 10px;
    padding: 2px;
    font-size: 12px
}

.login-page .forget-link a {
    color: #014d46
}

.register-page .agreement {
    font-weight: lighter;
    margin-top: 20px;
    text-align: center;
    white-space: nowrap
}

.support .title {
    color: #1e5eac;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px
}

.support .form-title {
    color: #ff0018;
    font-size: 16px;
    margin: 10px 0
}

.support .map {
    height: 325px;
    margin: 20px 0
}

.support .routing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
    margin-bottom: 8px
}

.support .routing .routing-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.support .routing .routing-title .icon {
    font-size: 42px;
    margin-left: 5px
}

.support .routing .routing-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.support .routing .routing-btn-container .routing-btn {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 5px;
    display: grid;
    margin-right: 5px
}

.support .routing .routing-btn-container .routing-btn img {
    width: 75px
}

.support .address-detail {
    padding-top: 2px
}

.support .support-info {
    color: #6a6a6a;
    font-size: 13px;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.support .support-info .icon {
    font-size: 21px;
    margin-left: 3px
}

.support .support-info a {
    margin: 0 5px;
    color: #2196f3
}

.signup .box-title {
    position: relative;
    top: 11px;
    left: 12px
}

.signup .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.signup .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px -10px 0
}

.signup .box .col-1-2 {
    width: 50%
}

.signup .box .col-1-4 {
    width: 40%
}

.signup .box .col-1-6 {
    width: 60%
}

.signup .box .form-group {
    margin-top: 0
}

.signup .checkbox-input {
    margin: 0 10px 5px
}

.dashboard .card-info {
    background-image: url(../img/header/dashboard/dashboard.jpg);
    margin: -15px -15px 15px;
    padding: 50px 15px;
    min-height: 300px;
    color: #fff;
    background-size: cover;
    background-position: left
}

.dashboard .card-info .card-info-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dashboard .card-info .card-info-detail {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dashboard .card-info .card-info-detail .card-mile-info {
    background: rgba(55, 55, 55, .4);
    border-radius: 10px;
    width: 100%
}

.dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section {
    width: 33.333%;
    padding: 10px 0;
    display: inline-block
}

.dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section .info-detail {
    margin: 0 20px
}

.dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section .info-detail .info-detail-title {
    font-size: 21px
}

.dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section .info-detail .info-detail-content {
    font-size: 42px;
    margin-top: 7px;
    line-height: 4rem
}

.dashboard .card-info .card-info-detail .card-mile-info .fade-rule {
    display: none
}

.dashboard .card-info .card-info-shape {
    margin-right: 15px
}

.dashboard .card-info .card-info-prg {
    margin-top: 70px
}

.dashboard .card-image {
    position: absolute;
    width: 123px;
    top: 15px;
    left: 25px;
    opacity: .4
}

.dashboard .card-value {
    padding: 0 10px
}

.dashboard .card-value.card-type-value {
    margin: 10px 0;
    line-height: 1.2
}

.dashboard .claim-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 10px 0
}

.dashboard .claim-field .v-section {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dashboard .claim-field .v-section .v-line {
    width: 100%;
    border-bottom: 1px solid #707070;
    -webkit-border-image: inherit;
    -o-border-image: inherit;
    border-image: inherit
}

.dashboard .panel {
    height: calc(100% - 30px);
    margin-bottom: 30px
}

.dashboard .claim-btn {
    margin: 30px 0 15px
}

.dashboard .data-table {
    background-color: #fff;
    border-radius: 8px
}

.dashboard .data-table table td {
    text-align: center
}

.dashboard .slide-show {
    position: relative;
    height: 100%
}

.dashboard .slide-show .slider-component {
    -webkit-box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    box-shadow: 0 0 9px rgba(107, 107, 107, .34902);
    bottom: 30px;
    border-radius: 8px
}

.dashboard .promotion-panel {
    padding-bottom: 15px
}

.dashboard .promotion-panel .slick-prev {
    right: -15px
}

.dashboard .promotion-panel .slick-next {
    left: -15px
}

.card-levels .pad {
    position: relative;
    padding: 15px
}

.card-levels .card-level-header {
    background-image: url(../img/header/card/amex-hilton-lg-b.jpg);
    background-size: cover;
    color: #fff;
    padding: 40px 15px 60px
}

.card-levels .card-level-header .container {
    position: relative
}

.card-levels .card-level-header .container .header-content strong {
    font-weight: 400
}

.card-levels .card-level-header .container .btn {
    position: absolute;
    left: 0;
    top: 3px
}

.card-levels .page-body {
    margin-top: -60px
}

.card-levels .page-body .container .card-level-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.card-levels .page-body .cl-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%
}

.card-levels .page-body .card-item {
    display: inline-block;
    margin-top: 20px;
    width: 50%;
    padding: 0 15px
}

.card-levels .page-body .card-item img {
    width: 100%
}

.card-levels .page-body .card-item .card-item-title {
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 13px
}

.card-levels .page-body .card-item .card-item-title .card-title {
    position: absolute;
    z-index: 2;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    width: 100%;
    padding: 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(22%, transparent), to(black));
    background-image: -webkit-linear-gradient(transparent 22%, black 100%);
    background-image: -o-linear-gradient(transparent 22%, black 100%);
    background-image: linear-gradient(transparent 22%, black 100%)
}

.card-levels .page-body .card-item .card-item-desc {
    padding: 10px;
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.card-levels .page-body .card-item .card-item-miles {
    font-weight: 700;
    color: #1e5eac
}

.card-levels .page-body .card-item .card-item-contex {
    color: #014d46
}

.card-levels .page-body .card-item .card-item-contex ul {
    list-style: none;
    padding: 0
}

.card-levels .page-body .card-item .card-item-contex ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    padding: 7px 0;
    border-bottom: 1px solid #e4e4e4
}

.card-levels .page-body .card-item .card-item-contex ul li:last-child {
    border: 0
}

.card-levels .page-body .card-item .card-item-contex ul li .icon {
    font-size: 17px;
    margin-left: 8px
}

.card-levels .page-body .card-get-role-title {
    font-size: 21px;
    color: #1e5eac;
    position: relative;
    font-weight: 700;
    margin: 10px 0
}

.card-levels .page-body .card-get-role-title .scroll-point {
    position: absolute;
    right: 0;
    top: -100px
}

.card-levels .page-body .card-get-role-content ul {
    list-style: arabic-indic
}

.card-levels .page-body .account-number {
    color: #ff0018;
    padding: 0 5px
}

.kids-club p {
    margin: 10px 0
}

.kids-club .kids-club-img {
    width: 100%;
    margin-top: -30px
}

.kids-club .kids-club-text {
    line-height: 1.5em;
    color: #000
}

.kids-club .kids-club-text .ol {
    margin-right: 30px
}

.kids-club .kids-club-head {
    font-size: 16px;
    color: #014d46;
    margin: 10px 0
}

.kids-club .kids-club-body {
    margin: 10px 0;
    color: #000
}

.news .scrollbar {
    height: 100%
}

.news .scrollbar .wrapper {
    height: 100%
}

.news .scrollbar .wrapper .content {
    position: relative !important;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.news .scrollbar .track {
    opacity: 0
}

.partners .page {
    padding: 15px !important
}

.partners .partners-header {
    background-image: url(../img/header/partners/1280x720.jpg);
    background-size: cover;
    color: #fff;
    padding-bottom: 60px !important
}

.partners .page-body {
    margin-top: -45px
}

.partners .map {
    min-height: 600px;
    margin-top: -61px
}

.partners .map .leaflet-top {
    top: 30px
}

.partners .tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -5px 0
}

.partners .tab-content .cl-row {
    width: 33.333%;
    padding: 5px
}

.services-page .services-header {
    background-image: url(../img/header/services/services.png);
    background-size: cover;
    background-position: center;
    color: #fff
}

.services-page .services-header .header-panel {
    padding: 40px 0
}

.services-page .services-header .header-panel .container {
    background-color: rgba(0, 0, 0, .5);
    padding: 10px 15px;
    max-width: none
}

.services-page .services-header .header-panel .container .background-size {
    max-width: 1200px;
    margin: auto
}

.services-page .services-header .header-panel .container .background-size .header-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.services-page .services-header .header-panel .container .background-size .header-title .award-points span:last-child {
    color: #4caf50;
    font-size: 28px;
    font-weight: 700;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.services-page .services-header .header-panel .container .background-size .header-content strong {
    font-weight: 400
}

.services-page .services-container {
    margin: 0 -10px;
    width: 100%
}

.services-page .services-container .services-title {
    font-size: 21px;
    margin: 10px 15px 5px;
    font-weight: 700
}

.services-page .services-container .services-title.green {
    color: #4caf50
}

.services-page .services-container .services-title.orange {
    color: #ff5722
}

.services-page .services-container .services-content-online, .services-page .services-container .services-content-offline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.services-page .services-container [class^=services-content-] .service-item, .services-page .services-container [class*=' services-content-'] .service-item {
    display: inline-block;
    padding: 8px 15px 15px 0;
    height: 270px
}

.services-page .services-container .services-content-online .service-item {
    width: 50%
}

.services-page .services-container .services-content-offline .service-item {
    width: 50%
}

.services-page .services-footer {
    padding: 0 15px
}

.partners .page {
    padding: 15px !important
}

.partners .partners-header {
    background-image: url(../img/header/partners/1280x720.jpg);
    background-size: cover;
    color: #fff;
    padding-bottom: 60px !important
}

.partners .page-body {
    margin-top: -45px
}

.partners .map {
    min-height: 600px;
    margin-top: -61px
}

.partners .map .leaflet-top {
    top: 30px
}

.partners .tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -5px 0
}

.partners .tab-content .cl-row {
    width: 33.333%;
    padding: 5px
}

.contact-us .title {
    color: #1e5eac;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px
}

.contact-us .form-title {
    color: #ff0018;
    font-size: 16px;
    margin: 10px 0
}

.contact-us .map {
    height: 325px;
    margin: 20px 0
}

.contact-us .routing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
    margin-bottom: 8px
}

.contact-us .routing .routing-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact-us .routing .routing-title .icon {
    font-size: 42px;
    margin-left: 5px
}

.contact-us .routing .routing-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.contact-us .routing .routing-btn-container .routing-btn {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 5px;
    display: grid;
    margin-right: 5px
}

.contact-us .routing .routing-btn-container .routing-btn img {
    width: 75px
}

.contact-us .address-detail {
    padding-top: 2px
}

.card-level .details-list {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-level .details-list .list {
    max-width: 950px;
    width: 100%
}

.card-level .details-list .list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #e4e4e4;
    margin-top: 10px;
    height: 44px;
    padding-right: 20px
}

.card-level .details-list .end-part {
    height: 44px;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.card-level .details-list .end-details {
    margin-left: 20px
}

.card-level .details-list .end-function {
    border-right: 1px solid #999;
    color: #1e5eac;
    height: 44px;
    width: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.profile-edit-page .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.profile-edit-page .form-row .form-group {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 10px 10px
}

.profile-edit-page .form-row .form-col {
    width: 50%
}

.profile-edit-page .form-row.row-2-3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.profile-edit-page .form-row.row-2-3 .form-group:first-child {
    width: 40%
}

.profile-edit-page .form-row.row-2-3 .form-group:last-child {
    width: 60%
}

.profile-edit-page .profile-edit-divider {
    color: #000;
    font-size: 16px;
    margin: 25px 10px 10px
}

.profile-edit-page .edit-profile-btn {
    width: 100%
}

.profile-edit-page .file-input .form-control {
    height: 163px
}

.profile-page .profile-page-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px
}

.profile-page .profile-page-head .profile-page-head-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-page .profile-page-head .profile-page-head-section:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.profile-page .profile-page-head .profile-page-head-section:last-child .edit-btn {
    margin-bottom: 5px;
    font-size: 12px
}

.profile-page .profile-page-head .profile-page-head-section:last-child .edit-btn .icon {
    font-size: 16px
}

.profile-page .profile-page-head .profile-page-head-section .user-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000
}

.profile-page .profile-page-head .profile-page-head-section .user-info .user-info-detail {
    font-size: 21px;
    font-weight: 700;
    color: #014d46;
    margin-bottom: 5px
}

.profile-page .profile-page-body .profile-page-body-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    background-color: #e4e4e4;
    margin-top: 11px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    min-height: 45px
}

.profile-page .profile-page-body .profile-page-body-item .profile-page-body-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    max-width: 200px
}

.profile-page .profile-page-body .profile-page-body-item .profile-page-body-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000;
    width: 100%
}

.profile-page .profile-page-body .profile-page-body-item .profile-page-body-value .select-input {
    margin: 0;
    width: 100%;
    max-width: 300px
}

.profile-page .profile-page-body .profile-page-body-divider {
    font-size: 21px;
    color: #000;
    margin-top: 20px
}

.profile-page .profile-page-body .verified-false {
    border-color: #ff0018
}

.profile-page .profile-page-body .action-btn {
    height: 28px;
    margin-left: 10px
}

.profile-page .profile-page-body .action-btn:last-child {
    margin: 0
}

.profile-page .profile-page-body .verification-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: #ff0018
}

.profile-page .profile-page-body .verification-error:before {
    content: '\2a';
    font-family: icon-font;
    font-size: 15px;
    margin-left: 3px
}

.claim-page .claim-header {
    background-image: url(../img/header/claim/988x266.png);
    background-size: cover;
    color: #fff;
    padding-bottom: 60px
}

.claim-page .page-body .color-primary {
    margin-top: 20px
}

.claim-page .page-body .claim-header {
    color: #fff
}

.claim-page .page-body .claim-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 -10px
}

.claim-page .page-body .claim-section .claim-filed {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.claim-page .page-body .claim-section .claim-filed.or-divider {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.claim-page .page-body .claim-history {
    background-color: #fff;
    border-radius: 8px
}

.claim-page .page-body .claim-history .data-table td, .claim-page .page-body .claim-history .data-table th {
    text-align: center
}

.claim-page .page-body .claim-history .data-table tbody td:last-child {
    text-align: right
}

.claim-page .page-body .approved {
    color: #4caf50
}

.claim-page .page-body .pending {
    color: #6a6a6a
}

.claim-page .page-body .rejected {
    color: #1e5eac
}

.claim-page .claim-success {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.claim-page .claim-success .claim-success-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.claim-page .claim-success .claim-success-row .checkmark-container {
    width: 35px;
    height: 35px;
    margin-left: 10px;
    padding: 1px
}

.claim-page .claim-success .icon {
    font-size: 36px;
    color: #2196f3;
    margin-left: 5px
}

.claim-page .claim-success a {
    color: #2196f3;
    margin: 0 5px
}

.change-flight-date .change-flight-date-header {
    background-image: url(../img/header/changeDate/change-date.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.change-flight-date .panel-body {
    height: 250px;
    margin: 15px 0
}

.free-ticket .free-ticket-header {
    background-image: url(../img/header/freeTicket/787x300.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 60px
}

.free-ticket .header-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    white-space: nowrap
}

.free-ticket .header-title .award-points span:first-child {
    font-size: 14px
}

.free-ticket .header-title .award-points span:last-child {
    color: #4caf50;
    font-size: 28px;
    font-weight: 700;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.free-ticket .panel-body {
    height: 250px;
    margin: 15px 0
}

.free-ticket .page-body .color-green {
    margin-top: 20px
}

.free-ticket .page-body .data-table {
    background-color: #fff;
    border-radius: 8px
}

.free-ticket .page-body .data-table table thead th {
    text-align: start
}

.free-ticket .btn-container .icon {
    cursor: pointer
}

.mile-calculator-page .mile-calculator-header {
    background-image: url(../img/header/claim/988x266.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 50px
}

.mile-calculator-page .page-body .calc-resualt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.mile-calculator-page .page-body .calc-resualt .calc-result-item {
    border-radius: 8px
}

.mile-calculator-page .page-body .calc-resualt .calc-table {
    position: relative
}

.mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-title {
    position: absolute;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 50%;
    font-weight: 700;
    right: -45px;
    min-width: 100px;
    text-align: center;
    border-radius: 8px
}

.mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-content {
    margin: 0 30px 10px 15px
}

.mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-content.one-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-content .one-row-head {
    margin: 0;
    width: 40%
}

.mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-content .one-row-item {
    background-color: #fff;
    padding: 10px;
    width: 60%
}

.mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-content .one-row-item span:first-child {
    color: #1e5eac
}

.mile-calculator-page .page-body .calc-resualt .free-point {
    color: #4caf50 !important
}

.mile-calculator-page .high-season {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mile-calculator-page .high-season .high-season-desc {
    padding: 10px
}

.mile-calculator-page .high-season .popover {
    margin-right: 5px
}

.mile-calculator-page .high-season .icon {
    font-size: 19px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.class-upgrade .class-upgrade-header {
    background-image: url(../img/header/classUpgrade/787x300.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 50px
}

.class-upgrade .panel-body {
    height: 250px;
    margin: 15px 0
}

.class-upgrade .mile-calculator-result {
    margin-top: 30px
}

.class-upgrade .mile-calculator-result .excess-baggage-result-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.class-upgrade .mile-calculator-result .excess-baggage-result-title .icon {
    margin-left: 5px
}

.class-upgrade .mile-calculator-result .excess-baggage-result-value {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px
}

.class-upgrade .mile-calculator-result .excess-baggage-result-value .value-header {
    font-size: 12px;
    font-weight: 700
}

.class-upgrade .mile-calculator-result .excess-baggage-result-value .value-body {
    padding-top: 10px;
    color: #8bc34a
}

.manage-address-page .add-new-address {
    width: 100%;
    height: 60px
}

.manage-address-page .address-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.change-password .form-wrapper {
    width: 400px;
    margin: 15px auto;
    padding: 15px;
    border: 1px solid;
    border-radius: 4px
}

.change-password .btn {
    margin-top: 15px
}

.registered-flights .data-table {
    background-color: #fff;
    border-radius: 8px
}

.registered-flights .data-table table td {
    text-align: center
}

.registered-flights .leg-title .leg-route .leg {
    min-width: 70px
}

.registered-flights .panel-head-item .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.faq:first-child .faq-title {
    margin-top: 0
}

.faq .faq-title {
    font-weight: 700;
    margin: 30px 0 10px;
    padding-bottom: 10px;
    color: #1e5eac;
    border-bottom: 1px solid gainsboro
}

.faq .faq-item .question {
    color: #000
}

.faq .faq-item .answer {
    color: #0f7b72
}

.term .term-title {
    font-weight: 700;
    margin: 30px 0 10px;
    padding-bottom: 10px;
    color: #1e5eac;
    border-bottom: 1px solid gainsboro
}

.term ul {
    list-style: none
}

.term ul li:before {
    content: "\2022";
    color: #ff0018;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-right: -1em;
    font-size: 18px
}

.term li {
    margin-bottom: 5px;
    text-align: justify
}

.welcome .welcome-header {
    background-image: url(../img/header/welcome/plane@3x.jpg);
    background-size: cover;
    color: #fff
}

.welcome .welcome-header .header-panel {
    background-color: rgba(74, 74, 74, .6);
    padding: 50px 15px 75px
}

.welcome .welcome-header .header-panel .welcome-header-section:first-child {
    margin-left: 20px
}

.welcome .welcome-header .header-panel .welcome-header-section:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 2rem
}

.welcome .welcome-header .header-panel .welcome-header-section:last-child h1 {
    margin-bottom: 1rem
}

.welcome .welcome-header .welcome-info-desc {
    font-size: 16px;
    font-weight: 700
}

.welcome .page-body ol {
    line-height: 2rem;
    list-style: disc
}

.welcome .page-body .road-map {
    list-style: none
}

.welcome .page-body .road-map > li {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    color: #505050
}

.welcome .page-body .road-map > li:first-child {
    background: transparent;
    color: #ff0018;
    font-size: 16px;
    font-weight: 700
}

.welcome .page-body .road-map > li:first-child .road-map-step span {
    width: 13px;
    height: 13px;
    line-height: 13px;
    background-color: #ff0018;
    border: 0;
    margin: auto;
    color: #ececec;
    font-size: 9px
}

.welcome .page-body .road-map > li:last-child .road-map-step span:after {
    content: none
}

.welcome .page-body .road-map > li .road-map-step {
    position: absolute;
    top: 15px;
    right: -33px;
    height: 100%;
    width: 20px
}

.welcome .page-body .road-map > li .road-map-step span {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #ddd;
    color: black;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid gray;
    font-weight: 700
}

.welcome .page-body .road-map > li .road-map-step span:after {
    content: " ";
    border-right: 1px dashed gray;
    height: 100%;
    position: absolute;
    top: 21px;
    right: 50%
}

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

.welcome .direct-link {
    color: #2196f3
}

.payment-info .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: 100%
}

.payment-info .mb {
    margin-bottom: 20px
}

.payment-info .col-md-6 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.payment-info .col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.payment-info .align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-info .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.payment-info .container .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.payment-info .container .info .success {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.payment-info .container .info .success img {
    width: 90px;
    height: 90px
}

.payment-info .container .info .reserve-state {
    color: #4daf4e;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
}

.payment-info .container .info .reserve-code {
    color: #ff5722;
    margin-bottom: 20px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-info .container .info .print {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-info .container .info .print .action-btn .btn {
    width: 150px
}

.payment-info .container .info .policy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-bottom: 20px;
    padding: 0
}

.payment-info .container .info .policy .title {
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 700
}

.payment-info .container .info .policy .contents {
    font-size: 13px
}

.payment-info .container .info .policy ul {
    padding-right: 25px
}

.payment-info .container .info .policy ul li {
    margin-bottom: 10px;
    text-align: justify
}

.payment-info .container .info .other-services {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
}

.payment-info .container .info .other-services .title {
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 700
}

.payment-info .container .info .other-services .contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.payment-info .container .info .other-services .contents .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding-bottom: 15px
}

.payment-info .container .info .other-services .contents .item .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    border: 2px solid black;
    border-radius: 7px;
    margin-left: 20px;
    height: 64px
}

.payment-info .container .info .other-services .contents .item .icon img {
    width: 50px;
    height: 50px
}

.payment-info .container .info .other-services .contents .item .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-info .container .info .other-services .contents .item .text .title {
    font-weight: 700;
    font-size: 14px
}

.payment-info .container .info .other-services .contents .item .text .content {
    font-size: 12px;
    line-height: 1.75
}

.payment-info .container .ticket {
    overflow: auto;
    direction: ltr;
    margin-bottom: 10px;
    width: 780px
}

.payment-info .container .ticket > table {
    margin: auto;
    border-collapse: separate;
    border: 3px solid #aeaeae;
    border-radius: 10px;
    padding: 0 20px
}

.payment-failed {
    text-align: center
}

.payment-failed .col-1-1 {
    margin-bottom: 15px
}

.payment-failed .payment-failed-img {
    height: 275px;
    margin-top: 65px
}

.payment-failed .payment-failed-desc {
    color: #1e5eac;
    font-size: 21px;
    font-weight: 700
}

.payment-failed .payment-failed-reverse-money {
    font-size: 16px
}

.payment-failed .contact-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15px
}

.payment-failed .contact-info-item .icon {
    margin-left: 5px
}

.under-maintenance {
    text-align: center;
    background-color: #fff;
    padding: 10px
}

.under-maintenance .under-maintenance-logo {
    width: 180px;
    margin-top: 50px
}

.under-maintenance .under-maintenance-txt {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 28px;
    color: #6a6a6a
}

.under-maintenance .under-maintenance-img {
    max-width: 600px;
    width: 100%
}

.airport-transfer .airport-transfer-header {
    background-image: url(../img/header/airportTransfer/787x300.jpg);
    background-size: cover;
    color: #fff;
    padding-bottom: 60px
}

.airport-transfer .admin-header {
    display: none
}

.airport-transfer .data-table {
    background-color: #fff;
    border-radius: 8px
}

.airport-transfer .data-table td {
    text-align: center
}

.airport-transfer .data-table td .icon {
    cursor: pointer
}

.airport-transfer .data-table td .icon:hover {
    color: #000
}

.airport-transfer .page-body .color-primary {
    margin-top: 20px
}

.airport-transfer .page-body .airport-transfer-header {
    color: #fff
}

.airport-transfer .page-body .airport-transfer-footer {
    margin-top: 20px
}

.text-input .dir-ltr, .password-input .dir-ltr, .autocomplete-input .dir-ltr {
    direction: ltr;
    text-align: left
}

.text-input .dir-ltr:-moz-placeholder, .password-input .dir-ltr:-moz-placeholder, .autocomplete-input .dir-ltr:-moz-placeholder {
    text-align: right
}

.text-input .dir-ltr:-ms-input-placeholder, .password-input .dir-ltr:-ms-input-placeholder, .autocomplete-input .dir-ltr:-ms-input-placeholder {
    text-align: right
}

.text-input .dir-ltr::-webkit-input-placeholder, .password-input .dir-ltr::-webkit-input-placeholder, .autocomplete-input .dir-ltr::-webkit-input-placeholder {
    text-align: right
}

.text-input.has-value .arrow-dir-ltr, .text-input.form-focused .arrow-dir-ltr, .password-input.has-value .arrow-dir-ltr, .password-input.form-focused .arrow-dir-ltr, .autocomplete-input.has-value .arrow-dir-ltr, .autocomplete-input.form-focused .arrow-dir-ltr {
    right: 0;
    left: auto
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
    .row > .col-xl-1-1 {
        width: 100%
    }

    .row > .col-xl-1-2 {
        width: 50%
    }

    .row > .col-xl-1-3 {
        width: 33.3333%
    }

    .row > .col-xl-1-4 {
        width: 25%
    }

    .row > .col-xl-1-6 {
        width: 16.666%
    }

    .row > .col-xl-2-3 {
        width: 66.6666%
    }

    .row.spa-1 > .col-xl-1-1 {
        width: 100%
    }

    .row.spa-1 > .col-xl-1-2 {
        width: 50%
    }

    .row.spa-1 > .col-xl-1-3 {
        width: 33.3333%
    }

    .row.spa-1 > .col-xl-1-4 {
        width: 25%
    }

    .row.spa-1 > .col-xl-1-6 {
        width: 16.666%
    }

    .row.spa-1 > .col-xl-2-3 {
        width: 66.6666%
    }

    .row.spa-2 > .col-xl-1-1 {
        width: 100%
    }

    .row.spa-2 > .col-xl-1-2 {
        width: 50%
    }

    .row.spa-2 > .col-xl-1-3 {
        width: 33.3333%
    }

    .row.spa-2 > .col-xl-1-4 {
        width: 25%
    }

    .row.spa-2 > .col-xl-1-6 {
        width: 16.666%
    }

    .row.spa-2 > .col-xl-2-3 {
        width: 66.6666%
    }

    .trip-details .trip-content .pickup-time .pickup-time-container .date-time-picker {
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .row > .col-lg-1-1 {
        width: 100%
    }

    .row > .col-lg-1-2 {
        width: 50%
    }

    .row > .col-lg-1-3 {
        width: 33.3333%
    }

    .row > .col-lg-1-4 {
        width: 25%
    }

    .row > .col-lg-1-6 {
        width: 16.666%
    }

    .row > .col-lg-2-3 {
        width: 66.6666%
    }

    .row.spa-1 > .col-lg-1-1 {
        width: 100%
    }

    .row.spa-1 > .col-lg-1-2 {
        width: 50%
    }

    .row.spa-1 > .col-lg-1-3 {
        width: 33.3333%
    }

    .row.spa-1 > .col-lg-1-4 {
        width: 25%
    }

    .row.spa-1 > .col-lg-1-6 {
        width: 16.666%
    }

    .row.spa-1 > .col-lg-2-3 {
        width: 66.6666%
    }

    .row.spa-2 > .col-lg-1-1 {
        width: 100%
    }

    .row.spa-2 > .col-lg-1-2 {
        width: 50%
    }

    .row.spa-2 > .col-lg-1-3 {
        width: 33.3333%
    }

    .row.spa-2 > .col-lg-1-4 {
        width: 25%
    }

    .row.spa-2 > .col-lg-1-6 {
        width: 16.666%
    }

    .row.spa-2 > .col-lg-2-3 {
        width: 66.6666%
    }

    body .panel-container {
        margin: 85px 0 10px
    }

    .promotion-frame {
        display: block
    }

    .promotion-frame .promotion-section-first {
        display: block;
        margin: 0 auto 10px !important;
        margin-bottom: 10px;
        width: 100% !important
    }

    .promotion-frame .promotion-section-last-head {
        display: block
    }

    .promotion-frame .promotion-title {
        display: block
    }

    .trip-details .trip-content .pickup-time .pickup-time-container .date-time-picker {
        width: 100%
    }

    .card-levels .page-body .cl-row {
        width: 100%
    }

    .welcome .welcome-header .header-panel .container .col-1-4 {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .row > .col-md-1-1 {
        width: 100%
    }

    .row > .col-md-1-2 {
        width: 50%
    }

    .row > .col-md-1-3 {
        width: 33.3333%
    }

    .row > .col-md-1-4 {
        width: 25%
    }

    .row > .col-md-2-3 {
        width: 66.6666%
    }

    .row.spa-1 > .col-md-1-1 {
        width: 100%
    }

    .row.spa-1 > .col-md-1-2 {
        width: 50%
    }

    .row.spa-1 > .col-md-1-3 {
        width: 33.3333%
    }

    .row.spa-1 > .col-md-1-4 {
        width: 25%
    }

    .row.spa-1 > .col-md-2-3 {
        width: 66.6666%
    }

    .row.spa-2 > .col-md-1-1 {
        width: 100%
    }

    .row.spa-2 > .col-md-1-2 {
        width: 50%
    }

    .row.spa-2 > .col-md-1-3 {
        width: 33.3333%
    }

    .row.spa-2 > .col-md-1-4 {
        width: 25%
    }

    .row.spa-2 > .col-md-2-3 {
        width: 66.6666%
    }

    body .panel-container {
        margin: 85px 0 10px
    }

    .date-picker .date-picker-btn {
        display: block
    }

    .flight-search-summary .flight-summary .flight-summary-route .route-icon {
        margin: 0 15px
    }

    .flight-search-summary .flight-summary .line-divider {
        margin: 0 15px
    }

    .route-trip .route-trip-container {
        display: block
    }

    .route-trip .route-trip-container .route-trip-detail {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .route-trip .route-trip-container .route-trip-detail .flight-detail {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .route-trip .route-trip-container .route-trip-detail .more-detail {
        width: 145px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .promotion-frame .promotion-section-last-head {
        display: block
    }

    .promotion-frame .promotion-title {
        display: block
    }

    .widget-card {
        padding: 10px
    }

    .widget-card .widget-card-title {
        padding: 0 15px
    }

    .widget-card .widget-card-content {
        padding: 0 15px
    }

    .home-page .our-services .our-services-content .services-item {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 50%
    }

    .dashboard .claim-btn {
        margin: 15px 10px
    }

    .partners .tab-content .cl-row {
        width: 50%
    }

    .partners .tab-content .cl-row {
        width: 50%
    }
}

@media screen and (max-width: 576px) {
    .row > .col-sm-1-1 {
        width: 100%
    }

    .row > .col-sm-1-2 {
        width: 50%
    }

    .row > .col-sm-1-3 {
        width: 33.3333%
    }

    .row > .col-sm-1-4 {
        width: 25%
    }

    .row > .col-sm-2-3 {
        width: 66.6666%
    }

    .row.spa-1 > .col-sm-1-1 {
        width: 100%
    }

    .row.spa-1 > .col-sm-1-2 {
        width: 50%
    }

    .row.spa-1 > .col-sm-1-3 {
        width: 33.3333%
    }

    .row.spa-1 > .col-sm-1-4 {
        width: 25%
    }

    .row.spa-1 > .col-sm-2-3 {
        width: 66.6666%
    }

    .row.spa-2 > .col-sm-1-1 {
        width: 100%
    }

    .row.spa-2 > .col-sm-1-2 {
        width: 50%
    }

    .row.spa-2 > .col-sm-1-3 {
        width: 33.3333%
    }

    .row.spa-2 > .col-sm-1-4 {
        width: 25%
    }

    .row.spa-2 > .col-sm-2-3 {
        width: 66.6666%
    }

    body .panel-container {
        margin: 60px 0 10px
    }

    body .grecaptcha-badge {
        display: none !important
    }

    .route-picker {
        display: block;
        margin: 0
    }

    .route-picker .reverce-icon {
        position: absolute;
        top: calc(50% - 13px);
        left: 22px;
        border: 1px solid #9e9e9e;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .route-picker .route-container {
        margin-bottom: 13px
    }

    .route-picker .route-container:first-child .form-control {
        padding-left: 7px
    }

    .route-picker .route-container:last-child .form-control {
        padding-right: 7px
    }

    .route-picker .route-container .swapper-half-circle {
        display: none
    }

    .data-table > table.table-rsp {
        table-layout: fixed
    }

    .data-table > table.table-rsp thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .data-table > table.table-rsp tbody tr {
        display: block;
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 8px;
        padding: 10px
    }

    .data-table > table.table-rsp tbody tr:last-child {
        margin-bottom: 0
    }

    .data-table > table.table-rsp tbody td {
        border-bottom: 1px dashed #c9c9c9;
        display: block;
        font-size: 13px;
        text-align: right;
        white-space: pre-wrap
    }

    .data-table > table.table-rsp tbody td:last-child {
        border: 0;
        text-align: right
    }

    .data-table > table.table-rsp tbody td:before {
        content: attr(data-label);
        width: 50%;
        float: right;
        font-weight: 700;
        text-transform: uppercase;
        text-align: right
    }

    .data-table {
        padding: 0
    }

    .details-table.table-rsp {
        table-layout: fixed
    }

    .details-table.table-rsp thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .details-table.table-rsp tbody tr {
        display: block;
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 8px;
        padding: 10px
    }

    .details-table.table-rsp tbody tr:last-child {
        margin-bottom: 0
    }

    .details-table.table-rsp tbody td {
        border-bottom: 1px dashed #c9c9c9;
        display: block;
        font-size: 13px;
        text-align: right;
        white-space: pre-wrap
    }

    .details-table.table-rsp tbody td:last-child {
        border: 0;
        text-align: right
    }

    .details-table.table-rsp tbody td:before {
        content: attr(data-label);
        width: 50%;
        float: right;
        font-weight: 700;
        text-transform: uppercase;
        text-align: right
    }

    .menu a.active {
        border: 0;
        padding: 0
    }

    .or-divider {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: -3px 10px
    }

    .or-divider .v-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .or-divider .v-section:first-child .v-line {
        -webkit-border-image: 0;
        -o-border-image: 0;
        border-image: 0;
        border-color: #ccc
    }

    .or-divider .v-section:last-child .v-line {
        -webkit-border-image: 0;
        -o-border-image: 0;
        border-image: 0;
        border-color: #ccc
    }

    .or-divider .v-line {
        width: 100%;
        border: 0;
        border-bottom: 1px solid
    }

    .pax-type .popover-content {
        -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
        top: inherit !important;
        left: inherit !important
    }

    .range-picker {
        width: 100%;
        height: 100%;
        padding: 10px
    }

    .range-picker .picker-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        width: 100%
    }

    .range-picker .picker-wrapper .range-picker-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: scroll;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .range-picker .picker-wrapper .range-picker-container .month-select a {
        display: none
    }

    .range-picker .mobile-only {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .range-picker .range-picker-btn {
        -webkit-box-shadow: 0 -15px 35px rgba(0, 0, 0, .06);
        box-shadow: 0 -15px 35px rgba(0, 0, 0, .06)
    }

    .sidenav {
        max-width: 100%
    }

    .check-price .leg-route {
        margin-bottom: 10px
    }

    .check-price .flight-detail {
        width: auto;
        margin: auto;
        padding: 0
    }

    .date-bar.color-primary .icon {
        font-size: 20px
    }

    .date-bar.color-primary .date-bar-item {
        width: 33.333333%
    }

    .date-bar.color-green .icon {
        font-size: 20px
    }

    .date-bar.color-green .date-bar-item {
        width: 33.333333%
    }

    .date-bar.color-orange .icon {
        font-size: 20px
    }

    .date-bar.color-orange .date-bar-item {
        width: 33.333333%
    }

    .date-bar.color-gold .icon {
        font-size: 20px
    }

    .date-bar.color-gold .date-bar-item {
        width: 33.333333%
    }

    .date-bar.color-teal .icon {
        font-size: 20px
    }

    .date-bar.color-teal .date-bar-item {
        width: 33.333333%
    }

    .date-bar.color-blue .icon {
        font-size: 20px
    }

    .date-bar.color-blue .date-bar-item {
        width: 33.333333%
    }

    .flight-search-summary {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flight-search-summary .flight-summary {
        text-align: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .flight-search-summary .flight-summary .flight-summary-value {
        font-size: 14px
    }

    .flight-search-summary .flight-summary .flight-summary-route {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
        width: 100%
    }

    .flight-search-summary .flight-summary .line-divider {
        margin: 0
    }

    .flight-search-summary .flight-summary .flight-divider {
        display: none
    }

    .flight-search-summary .modify-search-btn .btn {
        margin-top: 15px
    }

    .flight-search .radio-input {
        font-size: 12px
    }

    .flight-search .form-search {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flight-search .form-search .flight-row-divider {
        display: block
    }

    .flight-search .action-box .icon {
        margin-top: 0;
        margin-bottom: 20px
    }

    .flight-search .add-trip-btn {
        margin-bottom: 10px
    }

    .leg-route .leg-route-row {
        padding: 0 10px
    }

    .leg-route .leg-route-title {
        font-size: 14px
    }

    .calc-result-item .calc-result-content .calc-result-title {
        margin-bottom: 10px
    }

    .calc-result-item .calc-result-content .calc-head {
        margin: 0 10px 6px 0
    }

    .calc-result-item .calc-result-content .calc-head.absolute {
        position: unset
    }

    .calc-result-item .calc-result-content .calc-info {
        margin: 0 10px 10px 15px
    }

    .card .img {
        width: 100%;
        height: 100%
    }

    .claim-list .data-table {
        background-color: transparent
    }

    .news-frame {
        display: block
    }

    .news-frame .news-section-first .news-image {
        width: 100%
    }

    .news-frame .news-section-last .news-section-last-head {
        display: block
    }

    .news-frame .news-title {
        display: block
    }

    .panel {
        padding: 15px !important;
        border: 0
    }

    .panel-container-header {
        margin-top: 0
    }

    .simple-container-footer .footer-wrapper .footer-item {
        display: none
    }

    .simple-container-footer .footer-wrapper .footer-item:first-child {
        display: block
    }

    .simple-container-footer .footer-wrapper .footer-item:last-child {
        display: block
    }

    .simple-container-footer .copy-right-section .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .simple-container-footer .copy-right-section .container .copy-right-section-item {
        text-align: justify;
        margin-bottom: 5px
    }

    .slimbar {
        display: none
    }

    .traveler .data-table {
        background-color: transparent
    }

    .traveler .data-table td:first-child {
        display: none
    }

    .vertical-tab .vertical-tab-items > ul > li {
        border-radius: 8px;
        margin: 7px
    }

    .vertical-tab .vertical-tab-items > ul > li:last-child {
        margin: 7px
    }

    .widget-card {
        margin-bottom: 15px
    }

    .add-address .stretch-map {
        height: 160px
    }

    .trip-details .trip-content .map {
        display: none
    }

    .pnr-form .pnr-section {
        display: block
    }

    .pnr-form .pnr-section .form-group {
        width: auto !important
    }

    .excess-baggage .mile-calculator-result .excess-baggage-result-value {
        padding: 12px;
        margin-bottom: 10px
    }

    .pnr-baggage-form .pnr-section {
        width: 100%
    }

    .activity-page.page {
        padding: 0
    }

    .home-page .home-page-head {
        padding: 40px 0 0
    }

    .home-page .home-page-head .home-page-head-title {
        top: 16px;
        font-size: 18px
    }

    .home-page .landing-page-btn {
        width: 153px;
        height: 50px;
        border-radius: 23px;
        font-size: 15px;
    }

    .home-page .home-page-head .home-page-head-title .home-page-head-title-one {
        max-width: 350px
    }

    .home-page .home-page-head .home-page-head-title .home-page-head-title-two {
        font-size: 23px
    }

    .home-page .reward-section {
        padding-bottom: 40px
    }

    .home-page .reward-section .container .reward-item .reward-image {
        width: 75px;
        height: 75px;
        border-radius: 18px
    }

    .home-page .reward-section .container .reward-item .reward-image img {
        width: 40px
    }

    .home-page .card-level {
        padding: 20px 0
    }

    .home-page .card-level .card-level-content .card-item {
        width: 50%
    }

    .home-page .partners .slider-container:after, .home-page .partners .slider-container:before {
        width: 50px
    }

    .home-page .latest-news .latest-news-content .news-frame .news-image {
        width: 100%;
        height: auto;
        border-radius: 4px 4px 0 0
    }

    .home-page .latest-news .latest-news-content .news-frame .news-section-last {
        width: 100%;
        height: auto
    }

    .home-page .latest-news .latest-news-content .news-frame .news-section-last .scrollbar .wrapper .content {
        position: relative !important
    }

    .signup .box .col-1-2 {
        width: 100%
    }

    .dashboard .card-info {
        padding: 15px
    }

    .dashboard .card-info .card-info-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dashboard .card-info .card-info-row .card-info-detail .card-mile-info .card-mile-info-section {
        width: 100%;
        padding: 10px 0
    }

    .dashboard .card-info .card-info-row .card-info-detail .card-mile-info .card-mile-info-section .info-detail-content {
        text-align: left
    }

    .dashboard .card-info .card-info-row .card-info-detail .card-mile-info .fade-rule {
        display: block
    }

    .dashboard .card-info .card-info-row .card-info-shape {
        margin: 0;
        margin-top: 15px
    }

    .dashboard .data-table table td {
        text-align: right
    }

    .dashboard .data-table table td .leg-title .leg-route {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .dashboard .promotion-panel {
        margin: 0 -15px
    }

    .dashboard .promotion-panel .slick-dots {
        top: -35px;
        text-align: left
    }

    .dashboard .promotion-panel .slick-arrow {
        display: none !important
    }

    .dashboard .slide-show {
        padding-bottom: 70%
    }

    .card-levels .page-body .card-item {
        width: 100%
    }

    .partners .tab-content .cl-row {
        width: 100%
    }

    .partners .tab-content .cl-row {
        width: 100%
    }

    .claim-page .page-body .claim-section .claim-filed {
        width: 100%
    }

    .claim-page .page-body .data-table td {
        text-align: right !important
    }

    .claim-page .page-body .data-table td .leg-title .leg-route {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .claim-page .page-body .data-table tbody td:last-child {
        text-align: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .claim-page .page-body .claim-history {
        background-color: transparent
    }

    .claim-page .page-body .claim-history .data-table tbody td:first-child {
        display: none
    }

    .mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-title {
        position: unset;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: start;
        margin: 0 10px 10px
    }

    .mile-calculator-page .page-body .calc-resualt .calc-table .calc-table-content {
        margin: 0 10px 10px
    }

    .registered-flights .data-table {
        background-color: transparent
    }

    .registered-flights .data-table table td {
        text-align: right
    }

    .registered-flights .data-table table td .leg-title .leg-route {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .registered-flights .leg-title .leg-route .leg {
        min-width: 0
    }

    .airport-transfer .data-table {
        background-color: transparent
    }
}

@media screen and (max-width: 1024px) {
    body .simple-container {
        margin-top: 65px
    }

    .panel-container-header .burger-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .panel-container-header .panel-container-header-action {
        position: relative
    }

    .panel-container-header .panel-container-header-action .panel-container-section .res-item {
        display: block
    }

    .panel-container-header .panel-container-header-action .panel-container-section .user-profile {
        display: none
    }

    .panel-container-header .panel-container-header-action .panel-container-section .user-action {
        display: none
    }

    .panel-side-nav {
        display: none
    }

    .simple-container-header .header {
        height: 65px
    }

    .simple-container-header .header .lang-section {
        display: block
    }

    .simple-container-header .header .menu-section {
        display: none
    }

    .simple-container-header .burger-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    body .flex-display {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .popover-open, .modal-open {
        padding-right: 17px
    }

    .popover-open .slimbar, .modal-open .slimbar {
        right: 17px
    }

    .popover-open .simple-container-header, .modal-open .simple-container-header {
        right: 17px
    }

    .popover-open .panel-container-header, .modal-open .panel-container-header {
        right: 17px
    }

    .time-picker .time-picker-row .time-picker-section {
        overflow-y: hidden
    }

    .time-picker .time-picker-row .time-picker-section:hover {
        overflow-y: scroll;
        padding-right: 0
    }
}

@media screen and (max-width: 768px) {
    .date-picker .date-picker-btn {
        display: block
    }

    .modal.inline {
        position: fixed;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important
    }

    .preloader .pl-wrapper {
        min-width: 200px;
        min-height: 200px
    }

    .preloader .pl-circular-border span {
        font-size: 31px
    }

    .preloader .pl-text {
        font-size: 12px
    }

    .sidenav {
        width: 75vw
    }

    .slider-component .title-wrapper {
        font-size: 14px
    }

    .slider-component .title-wrapper {
        height: 45px
    }

    .slider-component .desc-wrapper .desc-title {
        padding: 10px 15px
    }

    .check-price .price-section {
        border-right: 0;
        border-top: 1px solid #c9c9c9;
        margin-top: 10px;
        padding-top: 10px
    }

    .check-price .flight-detail {
        margin: 0;
        text-align: center
    }

    .route-trip .route-trip-container {
        display: block
    }

    .route-trip .route-trip-container .route-trip-price {
        border-top: 1px solid #9e9e9e;
        margin: 0;
        margin-top: 15px;
        padding-top: 10px;
        width: auto
    }

    .route-trip .route-trip-container .route-trip-price .price-item {
        border: 0
    }

    .route-trip .route-trip-container .route-trip-price .price-item:first-child {
        border-left: 1px solid #9e9e9e
    }

    .route-trip .route-trip-container .route-trip-price .price-item:last-child {
        border: 0
    }

    .route-trip .route-trip-container .route-trip-price .price-item .price-item-value {
        margin: 4px 0 10px
    }

    .address-item {
        width: 100%
    }

    .calc-result-item {
        width: 100%;
        margin-bottom: 15px
    }

    .calc-result-item:first-child {
        margin-left: 0
    }

    .calc-result-item:last-child {
        margin-right: 0
    }

    .claim-list .claim-list-footer .claim-btn {
        width: 50%
    }

    .promotion-frame {
        display: block
    }

    .promotion-frame .promotion-section-first {
        display: block;
        margin: 0 auto 10px !important;
        margin-bottom: 10px;
        width: 100% !important
    }

    .promotion-frame .promotion-section-last-head {
        display: block
    }

    .promotion-frame .promotion-title {
        display: block
    }

    .simple-container-footer .copy-right-section {
        padding: 15px 0 70px
    }

    .login-bar-show {
        visibility: visible;
        opacity: 1
    }

    .traveler .claim-btn {
        width: 50%
    }

    .vertical-tab .vertical-tab-items {
        width: 100%;
        padding: 0
    }

    .vertical-tab .vertical-tab-items ul li .vertical-tab-head {
        padding: 7px 15px
    }

    .vertical-tab .vertical-tab-content {
        overflow-y: hidden
    }

    .vertical-tab .vertical-tab-content .vertical-tab-item {
        padding: 15px 20px 20px
    }

    .leg-title .leg-route .city {
        min-width: 35px
    }

    .leg-title .leg-route .city .city-name {
        display: none
    }

    .leg-title .leg-route .parenthes {
        display: none
    }

    .pnr-segments .route-panel .data-table th, .pnr-segments .route-panel .data-table td {
        padding: 10px
    }

    .pnr-segments .route-panel .data-table td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pnr-segments .route-panel .data-table thead tr {
        display: none
    }

    .pnr-segments .buttons .btn {
        width: 100%;
        margin: 0;
        margin-bottom: 10px
    }

    .trip-details .trip-content .pickup-time .pickup-time-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .trip-details .trip-content .pickup-time .pickup-time-container > li {
        width: 100%;
        border: 0;
        padding: 0
    }

    .trip-details .trip-content .pickup-time .pickup-time-container .date-time-picker {
        width: 100%;
        margin-bottom: 15px
    }

    .pnr-form .pnr-section .btn {
        margin-top: 0
    }

    .pnr-form .pnr-section .form-group {
        width: 40%
    }

    .pnr-baggage-form .pnr-section .btn {
        margin-top: 0
    }

    .pnr-baggage-segments {
        padding: 10px 5px
    }

    .pnr-baggage-segments .data-table thead .th {
        padding: 5%
    }

    .pnr-baggage-segments .data-table thead .th-date {
        display: none
    }

    .pnr-baggage-segments .data-table thead .th-date {
        display: none
    }

    .pnr-baggage-segments .data-table tbody tr .td {
        padding: 0
    }

    .pnr-baggage-segments .data-table tbody tr .td-date {
        display: none
    }

    .pnr-baggage-segments .buttons .btn-transfer {
        width: 50%
    }

    .activity-page .panel-body-head {
        display: none
    }

    .activity-page .time {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .activity-page .time .time-alert {
        display: none
    }

    .home-page .home-page-head {
        background-size: cover;
        background-position: top left
    }

    .home-page .card-level .col-2-5 {
        display: none
    }

    .home-page .card-level .card-level-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .home-page .card-level .card-level-content .card-item {
        margin: 10px 0
    }

    .home-page .card-level .card-level-btn a {
        margin-top: 15px
    }

    .home-page .our-services .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .home-page .our-services .flex .col-3-5 {
        padding: 0;
        margin-top: -50px
    }

    .card-levels .card-level-header .container .btn {
        position: relative
    }

    .card-levels .page-body .cl-row {
        width: 100%
    }

    .partners .horizontal-tab-title {
        display: none
    }

    .services-page .services-container .services-content-online .service-item {
        width: 100%
    }

    .services-page .services-container .services-content-offline .service-item {
        width: 100%
    }

    .partners .horizontal-tab-title {
        display: none
    }

    .profile-edit-page .form-row .form-col {
        width: 100%
    }

    .profile-page .profile-page-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .profile-page .profile-page-head .profile-page-head-section {
        margin: 0 -5px 20px
    }

    .profile-page .profile-page-head .profile-page-head-section:last-child {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .profile-page .profile-page-head .profile-page-head-section:last-child .edit-btn {
        margin: 0 5px;
        width: 50%
    }

    .profile-page .profile-page-body .profile-page-body-item .profile-page-body-title {
        width: 230px
    }

    .profile-page .profile-page-body .profile-page-body-item .profile-page-body-value {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }

    .profile-page .profile-page-body .profile-page-body-item .profile-page-body-value .profile-page-body-detail {
        margin-bottom: 5px
    }

    .claim-page .page-body .claim-section .claim-filed .btn {
        margin-top: 0
    }

    .claim-page .claim-success {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .claim-page .claim-success .claim-success-row {
        margin-bottom: 15px
    }

    .free-ticket .header-title h1 {
        font-size: 21px
    }

    .free-ticket .header-title .award-points span:first-child {
        font-size: 12px
    }

    .free-ticket .header-title .award-points span:last-child {
        font-size: 18px
    }

    .free-ticket .header-content {
        display: none
    }

    .mile-calculator-page .page-body .calc-resualt {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .welcome .welcome-header .header-panel .container > .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .welcome .welcome-header .header-panel .container > .flex .welcome-header-section:first-child {
        margin-left: 0;
        margin-top: 20px
    }

    .welcome .welcome-header .header-panel .container .col-1-4 {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 576px) and (max-width: 1024px) {
    .date-bar.color-primary .date-bar-item {
        width: 20%
    }

    .date-bar.color-green .date-bar-item {
        width: 20%
    }

    .date-bar.color-orange .date-bar-item {
        width: 20%
    }

    .date-bar.color-gold .date-bar-item {
        width: 20%
    }

    .date-bar.color-teal .date-bar-item {
        width: 20%
    }

    .date-bar.color-blue .date-bar-item {
        width: 20%
    }

    .dashboard .card-info .card-info-detail .card-mile-info {
        padding: 8px 0
    }

    .dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section {
        width: 50%;
        padding: 0
    }

    .dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section.card-type {
        width: 100%
    }

    .dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section .info-detail {
        margin: 0 15px
    }

    .dashboard .card-info .card-info-detail .card-mile-info .card-mile-info-section .info-detail-content {
        margin: 3px 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1350px) {
    .payment-info .col-md-6 {
        width: 50%
    }

    .payment-info .col-1 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .payment-info .container .info .success {
        width: 40%;
        margin-bottom: 0
    }

    .payment-info .container .info .reserve-state {
        width: 60%;
        text-align: right;
        margin-bottom: 0
    }

    .payment-info .container .info .reserve-code {
        margin-bottom: 10px
    }

    .payment-info .container .info .policy {
        margin-bottom: 0;
        padding-left: 20px
    }
}

.mobile-res {
    position: absolute;
    top: 35%;
    right: 100px
}
.logo-m{
    width: 150px;
}
@media screen and (max-width: 800px) {
    .logo-m{
        width: 120px;
        background-color: white;
        padding: 7px;
    }
    .mobile-res {
        position: absolute;
        top: 103px !important;
        font-size: 12px !important;
        right: 10px;
    }
    .karen-title{
        font-size: 17px !important;
    }
    .home-page .home-page-head .home-page-head-title .home-page-head-title-two{
        margin-bottom: 12px;
    }

    .home-page .landing-page-btn {
        width: 124px;
        height: 40px;
        border-radius: 23px;
        font-size: 13px;
    }
}
}
@media screen and (max-width: 1350px) {
    .payment-info .container .info .print .action-btn .btn {
        width: 200px
    }

    .payment-info .container .info {
        width: 100%;
        max-width: 750px
    }
}