* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a:hover {
    color: inherit
}

body {
    font-size: 16px;
    font-family: Poppins,sans-serif;
    background-color: #fff
}


li, p {
    font-weight: 400
}

div#main-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

h1, h2, h3, h5, h6 {
    font-family: Poppins,sans-serif;
    margin: 0
}

a, a:hover {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

svg {
    height: 100% !important
}

div#main-wrapper.margin-x3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.fancybox-caption-wrap {
    display: none
}

.body-content#add_data_wrapper {
    margin-right: 5%;
    margin-left: 3%;
}
    .body-content#add_data_wrapper .body-top-content .main-title {
        padding-bottom: 10px;
        padding-top: 0;
        font-weight: 600;
    }

    .body-content#add_data_wrapper .body-top-content p {
        font-size: 14px;
        margin: 0;
        color: #8b86a8
    }

    .body-content#add_data_wrapper #file_attachment_wrapper {
        border-radius: 10px;
        position: relative;
        height: 650px;
        overflow: hidden;
        margin-top: 30px
    }

@media screen and (max-width:1600px) {
    .body-content#add_data_wrapper #file_attachment_wrapper {
        height: 460px
    }

    .body-content#add_data_wrapper {
        margin-left:0;
        margin-right:0;
    }
}

.body-content#add_data_wrapper #file_attachment_wrapper:before {
    content: "";
    position: absolute;
    border: 7px dashed #412ddb;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 15px
}

.body-content#add_data_wrapper #file_attachment_wrapper .drag-icon-grid {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

    .body-content#add_data_wrapper #file_attachment_wrapper .drag-icon-grid img {
        max-width: 100%
    }

    .body-content#add_data_wrapper #file_attachment_wrapper .drag-icon-grid h3 {
        font-size: 22px;
        color: #412ddb;
        margin: 20px 0 10px
    }

    .body-content#add_data_wrapper #file_attachment_wrapper .drag-icon-grid p {
        margin: 0;
        font-size: 14px;
        color: #8b86a8
    }

.body-content#add_data_wrapper #file_attachment_wrapper .drag-select-grid {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%)
}

    .body-content#add_data_wrapper #file_attachment_wrapper .drag-select-grid:before {
        content: "\f107";
        font-family: fontawesome;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 100%;
        z-index: 99;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-left: 1px solid #e4e4e4;
        pointer-events: none
    }

    .body-content#add_data_wrapper #file_attachment_wrapper .drag-select-grid select {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 10px 45px 10px 15px;
        color: #342c5d;
        font-size: 12px;
        border: 1px solid #e4e4e4;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        width: 220px
    }

    .body-content#add_data_wrapper #file_attachment_wrapper .drag-select-grid label {
        font-size: 14px;
        color: #ada9c3
    }

.body-content#add_data_wrapper #file_attachment_wrapper input.file-upload {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    opacity: 0
}

.body-content#add_data_wrapper .manual-data-btn {
    font-size: 14px;
    text-align: center;
    border-radius: 50px;
    padding: 15px 20px;
    background: #412ddb;
    display: block;
    max-width: 180px;
    width: 100%;
    margin: 30px auto;
    color: #fff;
    border: none
}

.body-content#add_data_wrapper .nav-tabs {
    border: none;
    margin-top: 30px
}

    .body-content#add_data_wrapper .nav-tabs .nav-link {
        font-weight: 500;
        font-size: 16px;
        color: #342c5d
    }

        .body-content#add_data_wrapper .nav-tabs .nav-link:hover {
            border-color: transparent
        }

        .body-content#add_data_wrapper .nav-tabs .nav-link.active {
            border-color: transparent;
            color: #412ddb;
            position: relative
        }

            .body-content#add_data_wrapper .nav-tabs .nav-link.active:before {
                width: 30px;
                height: 4px;
                background: #412ddb;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0;
                content: "";
                border-radius: 20px;
                transition: all .5s ease
            }

input[type=checkbox], input[type=radio] {
    opacity: 1
}

.modal-open .modal {
    background: rgba(34,34,34,.5)
}

#transfer_modal .modal-dialog {
    max-width: 1280px;
    width: 100%
}

    #transfer_modal .modal-dialog button.close {
        outline: none;
        position: absolute;
        right: 20px;
        top: 20px
    }

    #transfer_modal .modal-dialog .modal-content {
        padding: 30px 0
    }

.transfer-wrapper-block {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 5px
}

    .transfer-wrapper-block .transfer-title h2 {
        color: #412ddb;
        font-size: 22px
    }

    .transfer-wrapper-block .transfer-form-wrap input, .transfer-wrapper-block .transfer-form-wrap select {
        padding: 0 6px
    }

    .transfer-wrapper-block .transfer-form-wrap p {
        margin: 0;
        color: #8b86a8;
        font-size: 14px
    }

    .transfer-wrapper-block .transfer-form-wrap .custom-input input {
        height: 100%;
        border: none
    }

    .transfer-wrapper-block .transfer-form-wrap .input-icon {
        height: 100%;
        position: relative
    }

        .transfer-wrapper-block .transfer-form-wrap .input-icon.clock:before {
            background: url(../images/time-icon.png) no-repeat;
            background-size: contain;
            background-position: 0;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            content: "";
            width: 16px;
            height: 16px;
            pointer-events: none
        }

    .transfer-wrapper-block .transfer-form-wrap .transfer-grid .col-md-5, .transfer-wrapper-block .transfer-form-wrap .transfer-grid .col-md-7, .transfer-wrapper-block .transfer-form-wrap .transfer-grid .col-md-12 {
        padding-right: 7.5px;
        padding-left: 7.5px
    }

    .transfer-wrapper-block .single-car-wrapper {
        border: 1px solid #e5e0fd;
        border-radius: 20px;
        overflow: hidden;
        position: relative
    }

        .transfer-wrapper-block .single-car-wrapper .box-padding {
            padding: 15px
        }

        .transfer-wrapper-block .single-car-wrapper .refund-wrap {
            background: #e5e0fd;
            padding: 10px
        }

            .transfer-wrapper-block .single-car-wrapper .refund-wrap p {
                margin: 0;
                color: #8b86a8;
                font-size: 12px
            }

        .transfer-wrapper-block .single-car-wrapper .car-title h3 {
            color: #412ddb;
            font-size: 20px
        }

        .transfer-wrapper-block .single-car-wrapper .person {
            display: flex;
            align-items: baseline;
            justify-content: flex-start;
            margin: 15px 0 5px
        }

            .transfer-wrapper-block .single-car-wrapper .person .s-person {
                display: flex;
                align-items: baseline;
                margin-right: 10px
            }

                .transfer-wrapper-block .single-car-wrapper .person .s-person span {
                    font-size: 14px;
                    color: #342c5d;
                    font-weight: 600
                }

@media screen and (max-width:1600px) {
    .transfer-wrapper-block .single-car-wrapper .person .s-person span {
        font-size: 14px
    }
}

.transfer-wrapper-block .single-car-wrapper .person .s-person img {
    margin-right: 4px;
    max-width: 14px
}

.transfer-wrapper-block .single-car-wrapper p.car-model {
    color: #8d8b8b;
    font-size: 16px
}

.transfer-wrapper-block .single-car-wrapper .car-price h3 {
    color: #412ddb;
    font-weight: 600
}

    .transfer-wrapper-block .single-car-wrapper .car-price h3 span {
        display: block;
        color: #8b86a8;
        font-size: 12px
    }

.transfer-wrapper-block input.custom-car-radio {
    border: 2px solid transparent;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

    .transfer-wrapper-block input.custom-car-radio:hover {
        cursor: pointer
    }

    .transfer-wrapper-block input.custom-car-radio:checked {
        border-color: #412ddb
    }

        .transfer-wrapper-block input.custom-car-radio:checked + .box-padding:before {
            background: url(../images/green-check.png) no-repeat;
            background-size: contain;
            background-position: 50%;
            width: 18px;
            height: 18px;
            position: absolute;
            content: "";
            top: 20px;
            right: 30px;
            transition: all .4s ease
        }

#hotel_offer_block {
    box-shadow: none
}

    #hotel_offer_block .offer-group {
        box-shadow: 0 0 11px rgba(84,52,245,.16)
    }

    #hotel_offer_block .custom-col-one {
        display: flex;
        align-items: center
    }

        #hotel_offer_block .custom-col-one .hotel-logo {
            width: 100%;
            max-width: 170px
        }

@media screen and (max-width:1600px) {
    #hotel_offer_block .custom-col-one .hotel-logo {
        max-width: 110px
    }
}

#hotel_offer_block .custom-col-one .hotel-offer-detail {
    width: 100%
}

#hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-name {
    max-width: 280px
}

@media screen and (max-width:1600px) {
    #hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-name {
        max-width: 100px;
        width: 100%
    }
}

#hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-name h2 {
    color: #342c5d;
    font-weight: 600;
    font-size: 26px;
    margin: 0
}

@media screen and (max-width:1600px) {
    #hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-name h2 {
        font-size: 23px
    }
}

#hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-name span a {
    font-size: 12px;
    -moz-columns: #ada9c3;
    column-count: #ada9c3;
    margin-right: 15px;
    font-weight: 600
}

    #hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-name span a.show-map {
        color: #412ddb
    }

#hotel_offer_block .custom-col-one .hotel-name-wrap .feedback-box {
    padding: 15px
}

@media screen and (max-width:1600px) {
    #hotel_offer_block .custom-col-one .hotel-name-wrap .feedback-box {
        padding: 15px 0;
        margin: 0 10px
    }
}

#hotel_offer_block .custom-col-one .hotel-name-wrap .feedback-box i {
    font-size: 22px;
    color: #412ddb
}

@media screen and (max-width:1600px) {
    #hotel_offer_block .custom-col-one .hotel-name-wrap .feedback-box i {
        font-size: 18px
    }
}

#hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-services p {
    font-size: 12px;
    color: #ada9c3;
    margin: 0 0 3px
}

    #hotel_offer_block .custom-col-one .hotel-name-wrap .hotel-services p span {
        font-weight: 600;
        color: #342c5d
    }

#hotel_offer_block .custom-col-one .hotel-details-box {
    display: flex;
    margin-top: 20px
}

    #hotel_offer_block .custom-col-one .hotel-details-box p {
        color: #342c5d;
        font-size: 13px;
        margin: 0 12px 0 0
    }

    #hotel_offer_block .custom-col-one .hotel-details-box i {
        font-size: 18px;
        margin-right: 15px
    }

#hotel_offer_block .offer-price .price {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    color: #412ddb
}

    #hotel_offer_block .offer-price .price sup {
        font-size: 15px;
        top: -16px
    }

#hotel_offer_block .offer-price .athen {
    text-align: center
}

    #hotel_offer_block .offer-price .athen i {
        color: #000;
        font-size: 16px
    }

#hotel_offer_block .user-count {
    display: flex
}

    #hotel_offer_block .user-count p {
        padding: 5px 10px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        #hotel_offer_block .user-count p span.p-count {
            margin-right: 5px
        }

.hotel_accordion_block .card-body {
    display: block;
    margin: 30px auto;
    max-width: 1400px;
    width: 100%
}

.hotel_accordion_block .option-cards {
    display: flex;
    align-items: flex-start;
    justify-content: start
}

    .hotel_accordion_block .option-cards .card {
        max-width: 320px;
        width: 100%;
        border: 1px solid #eaeaea;
        flex-wrap: wrap;
        margin: 10px;
        transition: all .5s ease;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

        .hotel_accordion_block .option-cards .card:hover {
            box-shadow: 0 2px 10px rgba(52,44,93,.2)
        }

        .hotel_accordion_block .option-cards .card .card-body {
            display: flex;
            justify-content: space-between;
            margin: 0 !important;
            flex-direction: column;
            position: relative;
            padding: 30px 30px 0
        }

            .hotel_accordion_block .option-cards .card .card-body h4 {
                font-size: 16px;
                font-weight: 600;
                color: #342c5d
            }

                .hotel_accordion_block .option-cards .card .card-body h4 span {
                    display: block;
                    font-weight: 400
                }

            .hotel_accordion_block .option-cards .card .card-body .offer-price {
                text-align: left
            }

                .hotel_accordion_block .option-cards .card .card-body .offer-price .price span {
                    font-size: 12px;
                    color: #ada9c3
                }

            .hotel_accordion_block .option-cards .card .card-body ul {
                margin-top: 15px;
                margin-bottom: 130px
            }

                .hotel_accordion_block .option-cards .card .card-body ul li {
                    color: #342c5d;
                    font-size: 14px;
                    position: relative;
                    padding-left: 20px
                }

                    .hotel_accordion_block .option-cards .card .card-body ul li:before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 18px;
                        height: 18px;
                        content: "\f05e";
                        font-family: Fontawesome;
                        color: #eaeaea
                    }

                    .hotel_accordion_block .option-cards .card .card-body ul li.check:before {
                        content: "\f00c"
                    }

        .hotel_accordion_block .option-cards .card .card_footer {
            text-align: center;
            border-top: 1px solid hsla(0,0%,80%,.5);
            padding: 15px
        }

            .hotel_accordion_block .option-cards .card .card_footer h3 {
                font-size: 15px;
                color: #342c5d;
                font-weight: 600;
                text-align: center;
                display: inline-block;
                margin: 0 auto;
                cursor: pointer
            }

                .hotel_accordion_block .option-cards .card .card_footer h3 i {
                    font-size: 20px;
                    position: relative;
                    top: 2px;
                    margin-left: 25px
                }

            .hotel_accordion_block .option-cards .card .card_footer .ban {
                position: relative;
                font-weight: 400;
                cursor: text
            }

                .hotel_accordion_block .option-cards .card .card_footer .ban:before {
                    position: absolute;
                    left: -20px;
                    top: 0;
                    width: 18px;
                    height: 18px;
                    content: "\f05e";
                    font-family: Fontawesome
                }

            .hotel_accordion_block .option-cards .card .card_footer p {
                font-size: 13px;
                margin: 0 0 7px
            }

                .hotel_accordion_block .option-cards .card .card_footer p span img {
                    width: 9px;
                    margin-right: 5px
                }

        .hotel_accordion_block .option-cards .card .room-cancellation p span {
            display: block;
            font-size: 12px;
            text-align: center;
            color: #342c5d
        }

        .hotel_accordion_block .option-cards .card input[type=radio] {
            position: absolute;
            right: 20px;
            top: 20px;
            height: 17px;
            width: 17px;
            border-radius: 50%;
            outline: none;
            border: 2px solid #ccc;
            cursor: pointer
        }

            .hotel_accordion_block .option-cards .card input[type=radio]:checked:before {
                background: url(../images/green-check.png) no-repeat;
                background-position: 50%;
                background-size: contain;
                width: 17px;
                height: 17px;
                position: absolute;
                left: 0;
                top: 0;
                content: ""
            }

        .hotel_accordion_block .option-cards .card.disable {
            position: relative;
            border: none
        }

            .hotel_accordion_block .option-cards .card.disable:before {
                position: absolute;
                left: 0;
                top: 0;
                background: hsla(0,0%,100%,.7);
                height: 100%;
                width: 100%;
                content: "";
                z-index: 2
            }

            .hotel_accordion_block .option-cards .card.disable:after {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                background: url(../images/next.png) no-repeat;
                background-position: 50%;
                background-size: contain;
                height: 35px;
                width: 35px;
                content: "";
                z-index: 3
            }

            .hotel_accordion_block .option-cards .card.disable:hover {
                box-shadow: none
            }

.hotel_accordion_block .close-btn {
    position: absolute;
    right: 30px;
    top: 5px;
    transition: all .5s ease;
    cursor: pointer
}

    .hotel_accordion_block .close-btn img {
        max-width: 25px;
        transition: all .5s ease
    }

div.hotel_accordion_block {
    position: relative
}

#custom-alart {
    padding: 20px
}

    #custom-alart .alart-icon {
        padding: 0 35px
    }

    #custom-alart .alart-text {
        display: flex;
        align-items: center
    }

        #custom-alart .alart-text .success-text {
            color: #342c5d
        }

            #custom-alart .alart-text .success-text h4 {
                margin: 0;
                font-size: 16px
            }

            #custom-alart .alart-text .success-text p {
                margin: 0;
                font-size: 13px
            }

    #custom-alart .close {
        position: absolute;
        top: 50%;
        right: 15px;
        padding: .75rem 1.25rem;
        color: inherit;
        transform: translateY(-50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none
    }

.message-grid {
    display: flex;
    margin-top: 25px;
    justify-content: flex-end
}

    .message-grid .message-wrap {
        padding: 25px;
        box-shadow: 0 0 11px rgba(84,52,245,.16);
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        width: 100%;
        max-width: 310px;
        margin-left: 15px
    }

        .message-grid .message-wrap img {
            margin-bottom: 5px
        }

        .message-grid .message-wrap p {
            font-size: 14px;
            margin-bottom: 0;
            color: #342c5d
        }

            .message-grid .message-wrap p.gray {
                color: #ada9c3
            }

.trips-content-wrapper .trips-top-wrap {
    margin-top: 25px
}

    .trips-content-wrapper .trips-top-wrap input, .trips-content-wrapper .trips-top-wrap select {
        box-shadow: 0 0 11px rgba(84,52,245,.16);
        border: none;
        outline: none;
        padding: 10px 15px;
        font-size: 13px;
        color: #342c5d;
        width: 100%
    }

.trips-content-wrapper .trips-content {
    background: #f8f8f8;
    padding: 30px 45px;
    border-radius: 10px;
    margin-top: 30px
}

    .trips-content-wrapper .trips-content .trips-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .trips-content-wrapper .trips-content .trips-header .trips-type h3 {
            font-size: 14px;
            color: #342c5d
        }

            .trips-content-wrapper .trips-content .trips-header .trips-type h3 span {
                color: #412ddb
            }

        .trips-content-wrapper .trips-content .trips-header .trips-search input {
            box-shadow: 0 0 11px rgba(84,52,245,.16);
            font-size: 12px;
            color: #342c5d;
            border: none;
            outline: none;
            padding: 10px 15px;
            border-radius: 10px
        }
/*
    .trips-content-wrapper .trips-content .trips-content-table table tr {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        align-items: center
    }*/

        .trips-content-wrapper .trips-content .trips-content-table table tr th {
            flex-grow: 1;
            margin: 5px;
            border: none;
            color: #ada9c3;
            font-size: 14px;
            font-weight: 400
        }

            .trips-content-wrapper .trips-content .trips-content-table table tr th select {
                border: none;
                outline: none;
                background: transparent;
                color: #ada9c3
            }

        .trips-content-wrapper .trips-content .trips-content-table table tr td {
            flex-grow: 1;
            margin: 5px;
            border: none;
            font-size: 14px;
            color: #342c5d
        }

            .trips-content-wrapper .trips-content .trips-content-table table tr td span {
                display: block;
                color: #8c87a8;
                font-size: 12px
            }

                .trips-content-wrapper .trips-content .trips-content-table table tr td span.offer-table {
                    font-size: 14px;
                    color: #412ddb
                }

                    .trips-content-wrapper .trips-content .trips-content-table table tr td span.offer-table img {
                        margin: 0 5px
                    }

            .trips-content-wrapper .trips-content .trips-content-table table tr td .p-btn {
                background: rgba(255,184,100,.2);
                color: #ffb864;
                border-radius: 15px;
                display: block;
                max-width: 165px;
                margin: 0 auto
            }

                .trips-content-wrapper .trips-content .trips-content-table table tr td .p-btn.p-green {
                    background: rgba(72,255,185,.2);
                    color: #2ae69e
                }

                .trips-content-wrapper .trips-content .trips-content-table table tr td .p-btn.p-cancelled {
                    background: rgba(255,89,110,.2);
                    color: #ff596e
                }

        .trips-content-wrapper .trips-content .trips-content-table table tr .offer-edit-wrap {
            overflow: hidden;
            max-height: 45px
        }

            .trips-content-wrapper .trips-content .trips-content-table table tr .offer-edit-wrap .offer-table {
                transform: translateY(0);
                transition: all .5s;
                margin-left: auto;
                max-width: 100px;
                width: 100%
            }

            .trips-content-wrapper .trips-content .trips-content-table table tr .offer-edit-wrap .offer-edit {
                display: flex;
                align-items: center;
                justify-content: space-between;
                transform: translateY(10px);
                transition: all .5s;
                max-width: 100px;
                margin-left: auto;
                width: 100%
            }

                .trips-content-wrapper .trips-content .trips-content-table table tr .offer-edit-wrap .offer-edit img {
                    max-width: 35px
                }

            .trips-content-wrapper .trips-content .trips-content-table table tr .offer-edit-wrap:hover .offer-table {
                transform: translateY(-45px)
            }

            .trips-content-wrapper .trips-content .trips-content-table table tr .offer-edit-wrap:hover .offer-edit {
                transform: translateY(-25px)
            }

.trips-content-wrapper .trip-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px
}

    .trips-content-wrapper .trip-footer .trip-sort-count select {
        box-shadow: 0 0 11px rgba(84,52,245,.16);
        border: none;
        outline: none;
        padding: 4px;
        font-size: 13px;
        margin: 0 4px
    }

    .trips-content-wrapper .trip-footer .trip-sort-count span {
        color: #ada9c3;
        font-size: 13px
    }

    .trips-content-wrapper .trip-footer .trip-pagination ul {
        text-align: center;
        display: flex
    }

        .trips-content-wrapper .trip-footer .trip-pagination ul li {
            display: inline-block;
            padding: 10px 15px;
            background: #f8f8f8;
            margin: 0 5px;
            font-size: 14px;
            width: 45px;
            height: 45px
        }

            .trips-content-wrapper .trip-footer .trip-pagination ul li.active {
                box-shadow: 0 0 11px rgba(84,52,245,.16);
                font-weight: 500
            }

.login-inner {
    padding: 0 !important;
}

    .login-inner .page-main-content {
        margin: 0
    }

    .login-inner .login-wrapper {
        height: 100vh;
        display: grid;
        grid-template-columns: 60% 40%;
        align-items: center;
        overflow: hidden
    }

@media screen and (max-width:1600px) {
    .login-inner .login-wrapper {
        min-height: 100vh
    }
}

.login-inner .login-wrapper .login-left-col {
    background: #f9f9f9;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 75px 0
}

@media screen and (max-width:1600px) {
    .login-inner .login-wrapper .login-left-col {
        padding: 30px 0
    }
}

.login-inner .login-wrapper .login-left-col .logo h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #412ddb
}

.login-inner .login-wrapper .login-left-col .log-photo {
    background: url(../images/login.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    max-width: 430px;
    width: 100%;
    height: 580px;
    position: relative;
    padding: 50px
}

@media screen and (max-width:1600px) {
    .login-inner .login-wrapper .login-left-col .log-photo {
        background-size: contain;
        height: 380px;
        max-width: 270px;
        pad: 50px 35px
    }
}

.login-inner .login-wrapper .login-left-col .log-photo p {
    color: #fff;
    font-size: 20px;
    text-align: center
}

@media screen and (max-width:1600px) {
    .login-inner .login-wrapper .login-left-col .log-photo p {
        font-size: 17px
    }
}

.login-inner .login-wrapper .login-left-col .log-social .social {
    margin-bottom: 20px
}

    .login-inner .login-wrapper .login-left-col .log-social .social ul {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .login-inner .login-wrapper .login-left-col .log-social .social ul li a {
            padding: 10px
        }

            .login-inner .login-wrapper .login-left-col .log-social .social ul li a i {
                color: #412ddb;
                font-size: 28px
            }

.login-inner .login-wrapper .login-left-col .log-social p {
    margin: 0;
    color: #8b86a8;
    font-size: 12px
}

.login-inner .login-wrapper .login-form {
    max-width: 420px;
    width: 100%;
    padding: 75px 0;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

@media screen and (max-width:1600px) {
    .login-inner .login-wrapper .login-form {
        padding: 30px 0
    }
}

.login-inner .login-wrapper .login-form > div.form-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

    .login-inner .login-wrapper .login-form > div.form-wrap .custom-submit {
        margin-top: 50px;
    }

    .login-inner .login-wrapper .login-form > div.form-wrap .custom-input {
        margin-left: auto;
        margin-right: auto;
        width: 99%;
    }

    .login-inner .login-wrapper .login-form > div.form-wrap#login-form {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        bottom: 0;
        z-index: 98;
        background: #fff;
        transform: translateX(300%);
        transition: all .5s
    }

        .login-inner .login-wrapper .login-form > div.form-wrap#login-form.open {
            transform: translateX(0)
        }

        .login-inner .login-wrapper .login-form > div.form-wrap#login-form form {
            width: 100%
        }

        .login-inner .login-wrapper .login-form > div.form-wrap#login-form .close-button {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 60px;
            cursor: pointer
        }

    .login-inner .login-wrapper .login-form > div.form-wrap .custom-input {
        margin-bottom: 30px
    }

        .login-inner .login-wrapper .login-form > div.form-wrap .custom-input .email-check {
            position: absolute;
            width: 15px;
            height: 15px;
            background: url(../images/check.png) no-repeat;
            background-size: contain;
            background-position: 0 0;
            top: 15px;
            right: 15px;
            transition: all .5s;
            pointer-events: none;
            opacity: 0
        }

        .login-inner .login-wrapper .login-form > div.form-wrap .custom-input input.email-valid:valid + .email-check {
            opacity: 1
        }

        .login-inner .login-wrapper .login-form > div.form-wrap .custom-input .pw-visible {
            position: absolute;
            top: 8px;
            right: 15px;
            opacity: 0;
            transition: all .5s;
            cursor: pointer
        }

            .login-inner .login-wrapper .login-form > div.form-wrap .custom-input .pw-visible img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 0
            }

            .login-inner .login-wrapper .login-form > div.form-wrap .custom-input .pw-visible.eye-invisible img {
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%)
            }

        .login-inner .login-wrapper .login-form > div.form-wrap .custom-input input#show_pass:valid + .pw-visible, .login-inner .login-wrapper .login-form > div.form-wrap .custom-input input#show_pass:valid + .pw-visible img {
            opacity: 1
        }

    .login-inner .login-wrapper .login-form > div.form-wrap .forget-pass {
        text-align: right;
        font-size: 15px;
        color: #412ddb;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 50px
    }

    .login-inner .login-wrapper .login-form > div.form-wrap .custom-raido {
        display: flex;
        align-items: baseline;
        margin: 40px 0
    }

        .login-inner .login-wrapper .login-form > div.form-wrap .custom-raido p {
            margin: 0 0 0 10px;
            color: #342c5d;
            font-size: 14px
        }

            .login-inner .login-wrapper .login-form > div.form-wrap .custom-raido p a {
                font-weight: 500
            }

    .login-inner .login-wrapper .login-form > div.form-wrap input#submit_btn {
        background: #412ddb;
        border-radius: 50px;
        font-size: 1.25rem;
        color: #fff;
        border: none;
        outline: none;
        box-sizing: border-box;
        width: 100%;
        padding: 5px
    }

    .login-inner .login-wrapper .login-form > div.form-wrap input#submit_btn:hover {
        background: #5434f5;
    }

        .login-inner .login-wrapper .login-form h2 {
            font-size: 28px;
            color: #342c5d;
            text-align: center;
            margin-bottom: 30px
        }

.login-inner .login-wrapper .already-account {
    text-align: center
}

    .login-inner .login-wrapper .already-account p {
        font-size: 14px;
        color: #342c5d;
        margin: 0
    }

    .login-inner .login-wrapper .already-account .login_text {
        font-size: 18px;
        color: #412ddb;
        cursor: pointer
    }

.user-dashboard-inner-page h1.main-title {
    color: #412ddb
}

.user-dashboard-inner-page .active-box .single-activity {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 30px 15px;
    border-radius: 10px;
    justify-content: space-between
}

@media screen and (max-width:1600px) {
    .user-dashboard-inner-page .active-box .single-activity {
        min-height: 180px
    }
}

.user-dashboard-inner-page .active-box .single-activity.blue {
    background-color: #5368e4
}

.user-dashboard-inner-page .active-box .single-activity.green {
    background-color: #6ac879
}

.user-dashboard-inner-page .active-box .single-activity.orange {
    background-color: #febf5d
}

.user-dashboard-inner-page .active-box .single-activity h2 {
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-right: 30px
}

    .user-dashboard-inner-page .active-box .single-activity h2 span {
        display: block;
        font-size: 16px;
        text-transform: uppercase
    }

.user-dashboard-inner-page .active-box .single-activity .active-details {
    text-align: right
}

    .user-dashboard-inner-page .active-box .single-activity .active-details p {
        font-size: 15px
    }

        .user-dashboard-inner-page .active-box .single-activity .active-details p b {
            font-size: 16px
        }

    .user-dashboard-inner-page .active-box .single-activity .active-details a {
        display: block;
        margin-top: 20px
    }

.user-dashboard-inner-page .active-box .card_footer {
    position: absolute;
    margin-top: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9
}

    .user-dashboard-inner-page .active-box .card_footer h3 {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        cursor: pointer
    }

        .user-dashboard-inner-page .active-box .card_footer h3 i.fa {
            background: #fff;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 11px rgba(84,52,245,.16)
        }

.user-dashboard-inner-page .active-box .offer-card {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 15px;
    padding: 15px;
    transition: all .5s;
    z-index: 0
}

    .user-dashboard-inner-page .active-box .offer-card p {
        color: #ada9c3;
        font-size: 12px;
        margin-bottom: 0
    }

    .user-dashboard-inner-page .active-box .offer-card h4 {
        font-size: 16px;
        color: #412ddb;
        font-weight: 500
    }

        .user-dashboard-inner-page .active-box .offer-card h4 span {
            display: block;
            font-size: 12px
        }

    .user-dashboard-inner-page .active-box .offer-card ul {
        display: flex;
        align-items: center;
        height: 100%
    }

        .user-dashboard-inner-page .active-box .offer-card ul li {
            margin: 0 10px;
            font-size: 14px
        }

    .user-dashboard-inner-page .active-box .offer-card .arrow {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 100%
    }

        .user-dashboard-inner-page .active-box .offer-card .arrow img {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

    .user-dashboard-inner-page .active-box .offer-card:hover {
        z-index: 1;
        box-shadow: 0 0 11px rgba(84,52,245,.16)
    }

        .user-dashboard-inner-page .active-box .offer-card:hover .arrow img {
            -webkit-filter: grayscale(0);
            filter: grayscale(0)
        }

.user-dashboard-inner-page .active-box .ticket-accordion {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 15px;
    padding: 30px;
    position: relative
}

@media screen and (max-width:1600px) {
    .user-dashboard-inner-page .active-box .ticket-accordion {
        padding: 30px 15px
    }
}

.user-dashboard-inner-page .active-box .ticket-accordion .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 10px;
    padding-bottom: 15px;
    height: 30px
}

    .user-dashboard-inner-page .active-box .ticket-accordion .head p {
        margin: 0;
        color: #342c5d;
        font-size: 14px;
        font-weight: 500
    }

    .user-dashboard-inner-page .active-box .ticket-accordion .head .arrow-btn {
        background: #412ddb;
        border-radius: 50px;
        height: 30px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .user-dashboard-inner-page .active-box .ticket-accordion .head .arrow-btn span .fa {
            font-size: 18px;
            color: #fff;
            padding: 0 15px;
            cursor: pointer
        }

.user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .ticket-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .ticket-info .coupon p {
        color: #ada9c3;
        font-size: 12px;
        display: flex;
        align-items: center;
        margin: 0
    }

        .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .ticket-info .coupon p img {
            margin-right: 10px
        }

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .ticket-info .coupon h4 {
        color: #412ddb;
        font-size: 16px;
        font-weight: 500
    }

        .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .ticket-info .coupon h4 span {
            display: block;
            font-size: 12px
        }

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .ticket-info .download a {
        color: #412ddb;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500
    }

.user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .departure {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 30px
}

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .departure .info {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .departure .info p {
            color: #ada9c3;
            font-size: 14px;
            margin: 0 0 0 10px
        }

            .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .departure .info p b {
                display: block
            }

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .departure .deprature-count ul {
        display: flex;
        align-items: center;
        height: 100%
    }

        .user-dashboard-inner-page .active-box .ticket-accordion .ticket-details .departure .deprature-count ul li {
            margin: 0 10px;
            font-size: 14px
        }

.user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date label {
        color: #ada9c3;
        font-size: 14px
    }

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        border: 1px solid rgba(0,0,0,.1);
        width: 25px;
        height: 25px;
        border-radius: 50px;
        font-size: 13px;
        display: inline-block;
        text-align: center;
        padding-left: 9px
    }

    .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date .notify-on {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 60px;
        height: 30px
    }

        .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date .notify-on input[type=checkbox] {
            width: 50px;
            height: 25px;
            background: #e7e7e7;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 20px;
            outline: none;
            transition: all .4s;
            cursor: pointer
        }

            .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date .notify-on input[type=checkbox]:before {
                position: absolute;
                content: "";
                width: 22px;
                height: 22px;
                border-radius: 50%;
                background: #fff;
                left: 2px;
                top: 50%;
                transform: translateY(-50%);
                transition: all .5s
            }

        .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date .notify-on input:checked[type=checkbox] {
            background: #412ddb;
            transition: all .4s
        }

            .user-dashboard-inner-page .active-box .ticket-accordion .ticket-notification .notify-date .notify-on input:checked[type=checkbox]:before {
                left: auto;
                right: 2px;
                transition: all .4s
            }

.user-dashboard-inner-page .active-box .ticket-accordion .owl-theme .owl-nav {
    margin: 0;
    position: absolute;
    background: #412ddb;
    border-radius: 50px;
    right: 30px;
    top: 20px
}

    .user-dashboard-inner-page .active-box .ticket-accordion .owl-theme .owl-nav [class*=owl-]:after {
        display: none
    }

    .user-dashboard-inner-page .active-box .ticket-accordion .owl-theme .owl-nav [class*=owl-]:before {
        width: 8px;
        height: 8px;
        color: #fff;
        margin: 10px 15px
    }

.user-dashboard-inner-page .active-box .ticket-accordion .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 30px;
    left: 30px;
    color: #ada9c3
}

    .user-dashboard-inner-page .active-box .ticket-accordion .owl-dots:after {
        content: counter(slides-num);
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        vertical-align: middle;
        padding-left: 5px;
        color: #ada9c3
    }

.user-dashboard-inner-page .active-box .ticket-accordion .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px
}

    .user-dashboard-inner-page .active-box .ticket-accordion .owl-dot span {
        display: none
    }

    .user-dashboard-inner-page .active-box .ticket-accordion .owl-dot.active:before {
        content: counter(slides-num) " of";
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        position: absolute;
        left: 0;
        top: 0
    }

.user-dashboard-inner-page .active-box .pending-request-wrap {
    display: flex;
    min-height: 380px
}

    .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box {
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 15px;
        text-align: center;
        padding: 30px 0;
        margin-top: 30px;
        position: relative;
        background: #fff
    }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box.disable:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background: hsla(0,0%,100%,.5);
            z-index: 2
        }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .request p {
            margin: 0;
            font-size: 14px;
            color: #ada9c3
        }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .request h4 {
            font-size: 16px;
            color: #412ddb;
            font-weight: 500
        }

            .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .request h4 span {
                font-size: 12px;
                display: block
            }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .user-count ul {
            display: flex;
            align-items: center;
            height: 100%;
            justify-content: center;
            margin: 15px 0
        }

            .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .user-count ul li {
                margin: 0 5px;
                font-size: 14px
            }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .user-count .plane {
            transform: rotate(90deg)
        }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box .user-count p {
            font-size: 14px;
            color: #ada9c3;
            margin: 15px 0
        }

        .user-dashboard-inner-page .active-box .pending-request-wrap .pending-box span.pending-req {
            background: #febf5d;
            position: absolute;
            z-index: 10;
            color: #fff;
            width: 30px;
            height: 30px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            right: -15px;
            top: 50%;
            font-size: 12px;
            transform: translateY(-50%)
        }

    .user-dashboard-inner-page .active-box .pending-request-wrap .owl-item.active.center {
        transform: scale(1.15);
        z-index: 3;
        transition: all .5s
    }

        .user-dashboard-inner-page .active-box .pending-request-wrap .owl-item.active.center .pending-box.disable:before {
            display: none
        }

.user-dashboard-inner-page .v-title {
    color: #412ddb;
    font-size: 20px
}

.user-dashboard-inner-page .vessels-box {
    box-shadow: 0 2px 10px 0 hsla(0,0%,80%,.4);
    padding: 20px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    position: relative;
    height: 100%;
    min-height: 200px
}

    .user-dashboard-inner-page .vessels-box p {
        color: #ada9c3;
        font-size: 14px;
        margin: 0
    }

    .user-dashboard-inner-page .vessels-box h5 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .user-dashboard-inner-page .vessels-box a img {
        margin: 25px 0
    }

    .user-dashboard-inner-page .vessels-box .add-new-vessel {
        color: #412ddb
    }

    .user-dashboard-inner-page .vessels-box .settings {
        position: absolute;
        top: 15px;
        right: 15px
    }

        .user-dashboard-inner-page .vessels-box .settings span {
            width: 7px;
            height: 7px;
            background: #342c5d;
            border-radius: 50%;
            display: inline-block
        }

    .user-dashboard-inner-page .vessels-box.add-vessels {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

        .user-dashboard-inner-page .vessels-box.add-vessels .add-new-vessel {
            font-size: 16px;
            border: 1px solid #412ddb;
            border-radius: 50px;
            display: block;
            padding: 8px 15px;
            text-align: center;
            margin-top: 30px
        }

.user-dashboard-inner-page .filter label {
    color: #ada9c3;
    font-size: 14px
}

.user-dashboard-inner-page .filter select {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 50px;
    font-size: 14px;
    -moz-text-align-last: center;
    text-align-last: center;
    padding: 5px 25px;
    margin-left: 10px
}

.user-dashboard-inner-page .activity-feed-wrapper {
    border: 1px solid rgba(0,0,0,.1);
    padding: 30px;
    border-radius: 15px;
    margin-top: 15px
}

    .user-dashboard-inner-page .activity-feed-wrapper .feed-accordion .feed-title h3 {
        color: #412ddb;
        font-size: 16px;
        cursor: pointer
    }

    .user-dashboard-inner-page .activity-feed-wrapper .single-feed {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 15px
    }

        .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news {
            display: flex;
            align-items: center
        }

            .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news img {
                margin-right: 15px
            }

            .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news p {
                margin: 0;
                color: #ada9c3;
                font-size: 14px
            }

                .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news p b {
                    color: #412ddb
                }

            .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news a {
                color: #412ddb;
                font-weight: 500
            }

                .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news a.check-btn {
                    border: 1px solid #412ddb;
                    padding: 5px 15px;
                    border-radius: 50px;
                    margin-left: 15px;
                    display: inline-block;
                    margin-top: 5px
                }

                    .user-dashboard-inner-page .activity-feed-wrapper .single-feed .news a.check-btn.custom-bg {
                        background: #d9d4ff;
                        color: #222;
                        border: transparent;
                        margin-left: 5px
                    }

        .user-dashboard-inner-page .activity-feed-wrapper .single-feed .time {
            width: 20%
        }

            .user-dashboard-inner-page .activity-feed-wrapper .single-feed .time span {
                color: #ada9c3;
                font-size: 12px;
                text-align: right;
                display: block
            }

#trips_modal .crew {
    font-size: 12px;
    color: #ada9c3;
    margin-top: -10px
}

#trips_modal .modal-dialog {
    max-width: 1200px;
    width: 100%;
    border-radius: 50px
}

    #trips_modal .modal-dialog .modal-body {
        padding: 45px 30px
    }

    #trips_modal .modal-dialog button.close {
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 99
    }

#trips_modal form .personal-info {
    text-transform: uppercase;
    font-size: 12px
}

#trips_modal form .gen-title {
    color: #ada9c3;
    font-size: 14px;
    margin-bottom: 6px
}

#trips_modal form .gender .select-gen {
    display: flex;
    align-items: center
}

    #trips_modal form .gender .select-gen input[type=radio] {
        position: relative;
        width: auto;
        height: auto
    }

    #trips_modal form .gender .select-gen label {
        color: #ada9c3;
        font-size: 12px;
        margin-left: 5px
    }

#trips_modal form .visa {
    display: flex;
    flex-direction: column
}

    #trips_modal form .visa label {
        color: #ada9c3;
        font-size: 12px;
        margin-left: 5px;
        margin-bottom: 8px
    }

    #trips_modal form .visa input[type=checkbox] {
        position: relative;
        width: 50px;
        height: 25px;
        background: #e7e7e7;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 20px;
        outline: none;
        transition: all .4s;
        cursor: pointer
    }

        #trips_modal form .visa input[type=checkbox]:before {
            position: absolute;
            content: "";
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: #fff;
            left: 2px;
            top: 50%;
            transform: translateY(-50%);
            transition: all .5s
        }

    #trips_modal form .visa input:checked[type=checkbox] {
        background: #412ddb;
        transition: all .4s
    }

        #trips_modal form .visa input:checked[type=checkbox]:before {
            left: auto;
            right: 2px;
            transition: all .4s
        }

#trips_modal form .planned-title {
    font-size: 20px;
    color: #412ddb;
    margin-bottom: 30px
}

#trips_modal form .plan-name {
    font-size: 14px;
    font-weight: 500;
    color: #412ddb;
    margin-bottom: 5px
}

#trips_modal form select.trips-select {
    outline: none;
    border: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    padding: 8px 10px;
    border-radius: 50px;
    margin-right: 5px;
    font-size: 12px;
    margin-top: 15px;
    color: #ada9c3
}

#trips_modal form .dot {
    display: flex;
    flex-direction: column;
    width: 20px;
    align-items: center;
    margin: 15px 0
}

    #trips_modal form .dot .big {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,.1)
    }

    #trips_modal form .dot .big, #trips_modal form .dot .small {
        display: inline-block;
        background: transparent;
        margin-bottom: 10px
    }

    #trips_modal form .dot .small {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,.3)
    }

#trips_modal form .custom-textarea textarea {
    border: 1px solid rgba(0,0,0,.1);
    height: 100px;
    border-radius: 15px;
    font-size: 12px;
    outline: none;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 45px;
    margin-bottom: 30px
}

#trips_modal form .cancel {
    color: #412ddb;
    font-size: 12px;
    display: inline-block;
    padding: 10px 25px;
    text-align: center
}

#trips_modal form #trips_submit {
    background: #412ddb;
    font-size: 12px;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

#trips_modal form .custom-input img {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    pointer-events: none;
    transform: translateY(-50%)
}

.orange {
    color: #ffb864
}

.passenger-inner-page .body-content#add_data_wrapper .nav-tabs {
    position: relative;
    margin: 0
}

    .passenger-inner-page .body-content#add_data_wrapper .nav-tabs .add_date {
        position: absolute;
        right: 0;
        background: #412ddb;
        color: #fff;
        border-radius: 50px;
        padding: 10px 25px
    }

.passenger-content-wrapper .custom-checkbox {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    transition: all .4s;
    cursor: pointer;
    position: relative
}

    .passenger-content-wrapper .custom-checkbox:before {
        position: absolute;
        content: "";
        width: 18px;
        height: 18px;
        background: transparent;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all .5s;
        background-color: #fff;
        border: 1px solid #412ddb;
        border-radius: 4px
    }

    .passenger-content-wrapper .custom-checkbox:checked[type=checkbox]:before {
        background-image: url(../images/checked.svg);
        background-size: 100%;
        background-position: 50%
    }

.passenger-content-wrapper .passenger-top-wrap {
    margin-top: 25px
}

    .passenger-content-wrapper .passenger-top-wrap input, .passenger-content-wrapper .passenger-top-wrap select {
        box-shadow: 0 0 11px rgba(84,52,245,.16);
        border: none;
        outline: none;
        padding: 10px 15px;
        font-size: 13px;
        color: #342c5d;
        width: 100%
    }

.passenger-content-wrapper .passenger-content {
    background: #f8f8f8;
    padding: 30px 45px;
    border-radius: 10px;
    margin-top: 30px
}

    .passenger-content-wrapper .passenger-content .passenger-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .passenger-content-wrapper .passenger-content .passenger-header .passenger-type h3 {
            font-size: 14px;
            color: #342c5d
        }

            .passenger-content-wrapper .passenger-content .passenger-header .passenger-type h3 span {
                color: #412ddb
            }

        .passenger-content-wrapper .passenger-content .passenger-header .passenger-type {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .passenger-content-wrapper .passenger-content .passenger-header .passenger-type label {
                margin: 0 10px;
                color: #412ddb;
                font-size: 14px
            }

            .passenger-content-wrapper .passenger-content .passenger-header .passenger-type img {
                max-width: 20px
            }

        .passenger-content-wrapper .passenger-content .passenger-header .passenger-search .add_passenger {
            color: #412ddb;
            font-size: 14px;
            margin-right: 30px
        }

            .passenger-content-wrapper .passenger-content .passenger-header .passenger-search .add_passenger img {
                margin-left: 5px
            }

        .passenger-content-wrapper .passenger-content .passenger-header .passenger-search input {
            box-shadow: 0 0 11px rgba(84,52,245,.16);
            font-size: 12px;
            color: #342c5d;
            border: none;
            outline: none;
            padding: 10px 15px;
            border-radius: 10px
        }

    .passenger-content-wrapper .passenger-content .passenger-content-table table tr {
        display: grid;
        grid-template-columns: repeat(8,1fr);
        align-items: center
    }

        .passenger-content-wrapper .passenger-content .passenger-content-table table tr th {
            flex-grow: 1;
            margin: 5px;
            border: none;
            color: #ada9c3;
            font-size: 14px;
            font-weight: 400
        }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr th select {
                border: none;
                outline: none;
                background: transparent;
                color: #ada9c3
            }

        .passenger-content-wrapper .passenger-content .passenger-content-table table tr td {
            flex-grow: 1;
            margin: 5px;
            border: none;
            font-size: 14px;
            color: #342c5d;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr td.flex-start {
                justify-content: flex-start
            }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr td p {
                margin: 0
            }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr td span {
                display: block;
                color: #8c87a8;
                font-size: 12px
            }

                .passenger-content-wrapper .passenger-content .passenger-content-table table tr td span.offer-table {
                    font-size: 14px;
                    color: #412ddb
                }

                    .passenger-content-wrapper .passenger-content .passenger-content-table table tr td span.offer-table img {
                        margin: 0 5px
                    }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr td .p-btn {
                background: rgba(255,184,100,.2);
                color: #ffb864;
                border-radius: 15px;
                display: block;
                max-width: 165px;
                margin: 0 auto
            }

                .passenger-content-wrapper .passenger-content .passenger-content-table table tr td .p-btn.p-green {
                    background: rgba(72,255,185,.2);
                    color: #2ae69e
                }

                .passenger-content-wrapper .passenger-content .passenger-content-table table tr td .p-btn.p-cancelled {
                    background: rgba(255,89,110,.2);
                    color: #ff596e
                }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr td label {
                margin: 0;
            }

        .passenger-content-wrapper .passenger-content .passenger-content-table table tr .offer-edit-wrap {
            overflow: hidden;
            max-height: 45px
        }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr .offer-edit-wrap .offer-table {
                transform: translateY(0);
                transition: all .5s;
                margin-left: auto;
                max-width: 100px;
                width: 100%
            }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr .offer-edit-wrap .offer-edit {
                display: flex;
                align-items: center;
                justify-content: space-between;
                transform: translateY(10px);
                transition: all .5s;
                max-width: 100px;
                margin-left: auto;
                width: 100%
            }

                .passenger-content-wrapper .passenger-content .passenger-content-table table tr .offer-edit-wrap .offer-edit img {
                    max-width: 35px
                }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr .offer-edit-wrap:hover .offer-table {
                transform: translateY(-45px)
            }

            .passenger-content-wrapper .passenger-content .passenger-content-table table tr .offer-edit-wrap:hover .offer-edit {
                transform: translateY(-25px)
            }

.passenger-content-wrapper .trip-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px
}

    .passenger-content-wrapper .trip-footer .trip-sort-count select {
        box-shadow: 0 0 11px rgba(84,52,245,.16);
        border: none;
        outline: none;
        padding: 4px;
        font-size: 13px;
        margin: 0 4px
    }

    .passenger-content-wrapper .trip-footer .trip-sort-count span {
        color: #ada9c3;
        font-size: 13px
    }

    .passenger-content-wrapper .trip-footer .trip-pagination ul {
        text-align: center;
        display: flex
    }

        .passenger-content-wrapper .trip-footer .trip-pagination ul li {
            display: inline-block;
            padding: 10px 15px;
            background: #f8f8f8;
            margin: 0 5px;
            font-size: 14px;
            width: 45px;
            height: 45px
        }

            .passenger-content-wrapper .trip-footer .trip-pagination ul li.active {
                box-shadow: 0 0 11px rgba(84,52,245,.16);
                font-weight: 500
            }







.flight_accordion_block .option-cards {
    display: flex;
    align-items: flex-start;
    justify-content: start
}

    .flight_accordion_block .option-cards .card {
        max-width: 320px;
        width: 100%;
        border: 1px solid #eaeaea;
        flex-wrap: wrap;
        margin: 10px;
        transition: all .5s ease;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

        .flight_accordion_block .option-cards .card:hover {
            box-shadow: 0 2px 10px rgba(52,44,93,.2)
        }

        .flight_accordion_block .option-cards .card .card-body {
            display: flex;
            justify-content: space-between;
            margin: 0 !important;
            flex-direction: column;
            position: relative;
            padding: 30px 30px 0;
            min-height: 370px;
        }

            .flight_accordion_block .option-cards .card .card-body h4 {
                font-size: 16px;
                font-weight: 600;
                color: #342c5d
            }

                .flight_accordion_block .option-cards .card .card-body h4 span {
                    display: block;
                    font-weight: 400
                }

            .flight_accordion_block .option-cards .card .card-body .offer-price {
                text-align: left
            }

                .flight_accordion_block .option-cards .card .card-body .offer-price .price span {
                    font-size: 12px;
                    color: #ada9c3
                }

            .flight_accordion_block .option-cards .card .card-body ul {
                margin-top: 15px;
                margin-bottom: 130px
            }

                .flight_accordion_block .option-cards .card .card-body ul li {
                    color: #342c5d;
                    font-size: 14px;
                    position: relative;
                    padding-left: 20px
                }

                    .flight_accordion_block .option-cards .card .card-body ul li:before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 18px;
                        height: 18px;
                        content: "\f05e";
                        font-family: Fontawesome;
                        color: #eaeaea
                    }

                    .flight_accordion_block .option-cards .card .card-body ul li.check:before {
                        content: "\f00c"
                    }

        .flight_accordion_block .option-cards .card .card_footer {
            text-align: center;
            border-top: 1px solid hsla(0,0%,80%,.5);
            padding: 15px
        }

.hotel_accordion_block .option-cards .card .card_footer h3 {
    font-size: 15px;
    color: #342c5d;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer
}

    .hotel_accordion_block .option-cards .card .card_footer h3 i {
        font-size: 20px;
        position: relative;
        top: 2px;
        margin-left: 25px
    }

.hotel_accordion_block .option-cards .card .card_footer .ban {
    position: relative;
    font-weight: 400;
    cursor: text
}

    .hotel_accordion_block .option-cards .card .card_footer .ban:before {
        position: absolute;
        left: -20px;
        top: 0;
        width: 18px;
        height: 18px;
        content: "\f05e";
        font-family: Fontawesome
    }

.hotel_accordion_block .option-cards .card .card_footer p {
    font-size: 13px;
    margin: 0 0 7px
}

    .hotel_accordion_block .option-cards .card .card_footer p span img {
        width: 9px;
        margin-right: 5px
    }

.hotel_accordion_block .option-cards .card .room-cancellation p span {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #342c5d
}

.hotel_accordion_block .option-cards .card input[type=radio] {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #ccc;
    cursor: pointer
}

    .hotel_accordion_block .option-cards .card input[type=radio]:checked:before {
        background: url(../images/green-check.png) no-repeat;
        background-position: 50%;
        background-size: contain;
        width: 17px;
        height: 17px;
        position: absolute;
        left: 0;
        top: 0;
        content: ""
    }

.hotel_accordion_block .option-cards .card.disable {
    position: relative;
    border: none
}

    .hotel_accordion_block .option-cards .card.disable:before {
        position: absolute;
        left: 0;
        top: 0;
        background: hsla(0,0%,100%,.7);
        height: 100%;
        width: 100%;
        content: "";
        z-index: 2
    }

    .hotel_accordion_block .option-cards .card.disable:after {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url(../images/next.png) no-repeat;
        background-position: 50%;
        background-size: contain;
        height: 35px;
        width: 35px;
        content: "";
        z-index: 3
    }

    .hotel_accordion_block .option-cards .card.disable:hover {
        box-shadow: none
    }

.tooltip__trip {
    position: relative;
    top: -29px;
    left: -29px;

}

.tooltip__trip__item {
    position: absolute;
    min-width: 100px;
    padding: 5px;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    color: #484848;
    border: 1px solid #cecece;
    border-radius: 3px;
    font-weight: 500;
    z-index: 4;
    font-size: 13px;
}

    .tooltip__trip__item:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        font-size: 13px;
    }

.tooltip__trip__initiator {
    cursor: pointer;
    z-index: 5;
}

.tooltip__trip[data-direction=left] .tooltip__trip__initiator:hover ~ .tooltip__trip__item {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1;
}

.tooltip__trip[data-direction=left] .tooltip__trip__item {
    top: 50%;
    right: calc(100% + 1em);
    transform: translate3d(15px, -50%, 0);
}

    .tooltip__trip[data-direction=left] .tooltip__trip__item:after {
        top: 50%;
        right: -0.5em;
        transform: translate3d(0, -50%, 0);
        border-width: 0.5em 0 0.5em 0.5em;
        border-color: transparent transparent transparent white;
        -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
        filter: drop-shadow(1px 2px 1px #bcbcbc);
    }

.tooltip__trip[data-direction=bottom] .tooltip__trip__initiator:hover ~ .tooltip__trip__item {
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    opacity: 1;
}

.tooltip__trip[data-direction=bottom] .tooltip__trip__item {
    top: calc(100% + 1em);
    left: 50%;
    transform: translate3d(-50%, -15px, 0);
}

    .tooltip__trip[data-direction=bottom] .tooltip__trip__item:after {
        top: -0.5em;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        border-width: 0 0.5em 0.5em 0.5em;
        border-color: transparent transparent white transparent;
        -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
        filter: drop-shadow(1px -1px 1px #bcbcbc);
    }
/*.tooltip__trip_main {
    position: absolute;
    top: -32px;
    left: 291px;
    width: 50px;
    height: 50px;
}*/
.tooltip__trip_main {
    position: absolute;
    top: 0;
    left: auto;
    width: 50px;
    height: 50px;
    right: 0;
}
.inpolicy {
    height: 12px;
    width: 12px;
    background-color: #84ce84;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 9px;
}

.outpolicy {
    height: 12px;
    width: 12px;
    background-color: #fb6969;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 38px;
    left: 9px;
}
.policy__text {
    height: 16px;
    width: 16px;
}

.top_trip_coorp .mrow {
    display: grid;
    /* grid-template-columns: 180px repeat(4, auto) 150px 180px;*/
    grid-template-columns: repeat(auto-fit,minmax(0px,auto));
}

    .top_trip_coorp .mrow div {
        width: 100%;
        max-width: unset;
        padding-bottom:0 !important;
    }

.top_acc_ico > div {
    display: grid;
    grid-template-columns: 50px auto;
    align-content: center;
}

.top_trip_coorp div.multiagentbox {
    display:inline-block !important;
    margin:0;
    padding:10px !important;
    text-align:center;
}

.multiagentbox > div {
    width: auto !important;
}

.remaintimer .remain .row {
    display:grid;
    grid-template-columns:repeat(3, auto);
}

.mstm-traveler-list .outpolicy {
    top: 16px;
    left: auto;
    right: -30px;
}


.mstm-traveler-list-colgroup {
    min-height: 75px;
}

.tooltip__trip__item.fare_pol::after {
    left: auto !important;
    right: 32px !important;
}

.tooltip__trip__item.fare_pol {
    left: 0px !important;
    top: calc(100% + 3em) !important;
    position: absolute;
}

@media(max-width: 1600px) {

    .tooltip__trip__item.fare_pol::after {
        right: -5px !important;
    }

    .tooltip__trip__item.fare_pol {
        left: -40px !important;
    }

    .mstm-traveler-list-outer {
        padding: 0 !important;
    }
}


/*MULTIOFFER 260523*/

.inpolicy, .outpolicy {
    right: 10px !important;
    left: auto !important;
    top: 10px !important;
}

.mofgrid {
    display: grid;
    grid-template-columns: 75px 200px repeat(6,minmax(0px, auto));
    align-items: baseline;
    border-radius: 20px !important;
    grid-column-gap: 20px;
    box-shadow: 0px 0px 11px #5434f529;
}

.mofgrid > div:first-of-type {
    align-self: center;
}

.mofgrid div {
    max-width: 100%;
    margin: 0 auto !important;
    text-align: left;
}

.mofgrid div > div {
    padding: 0 !important;
}

.multioffer-outer .passenger-check-container {
    margin-top: 0px;
    overflow: hidden;
}

.multioffer-outer .pass-label:not(.nblabel) {
    margin: 0 auto;
    display: block;
}

.multioffer-outer .radiobtn {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.multioffer-outer .radiobtn {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.multioffer-outer .mofgrid.selected .radiobtn::after {
    content: " ";
    background: #2ae69e;
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.multioffer-outer .euro {
    font-size: 28px;
    font-weight: bold;
    color: #5434f5;
    display: inline-block;
}

.multioffer-outer .mofgrid {
    padding: 40px 0;
}

.mof-price {
    font-size: 30px;
    color: #5434f5;
    margin-right: 4px;
    font-weight: 500;
}

.pp .gray-color {
    font-size: 11px;
    position: relative;
    top: -14px;
    left: -5px;
    font-weight: lighter;
}

.blue-color {
    color: #5434f5;
}

.pp .blue-color {
    font-size: 20px;
    font-weight: 500;
}

.multioffer-outer .pass-label:not(.nblabel) {
    font-size: 14px;
}

.multioffer-outer .pass-label.gray-color {
    font-size: 11px;
}

.multioffer-outer .mstm-traveler-list a {
    margin-bottom: 20px;
    display: block;
}

.multioffer-toparea {
    margin-top: 40px;
}

.multioffer-toparea p {
    font-size: 18px;
}

.multioffer-toparea .gray-color {
    margin-left: 3px;
}

.multioffer-toparea .mof-dd-outer div {
    margin: 20px 10px 30px;
    border-radius: 10px;
    border: 1px solid #ada9c3;
}

.multioffer-toparea .mof-dd-inner {
    padding: 0;
}


.multioffer-outer .mstm-traveler-list-outer {
    padding: 0;
    padding-top: 20px !important;
}

.multioffer-toparea .mof-dd-outer div input {
    background: transparent;
    font-size: 13px;
    min-width: 140px;
    height: 100%;
    display: inline-block;
    padding: 10px;
    transition: all .3s ease-in-out;
}

.multioffer-toparea .mof-dd-outer div input:hover,
.multioffer-toparea .mof-dd-outer div input.slected {
    background: #5434f5;
    transition: all .3s ease-in-out;
    color: #fff;
}

.multioffer-toparea p.mof-awaiting-notice {
    font-size: 14px;
}

.multioffer-toparea p.mof-awaiting-notice .mof-awaiting {
    color: #fbb23b;
}

.onlymultiagent {
    grid-template-columns: repeat(1, 1fr) !important;
}

.multioffer-outer .onestep .gridetails > div.offer-price-outer {
    position: relative !important;
    top: unset !important;
    right: unset !important;
}

html body .multioffer-outer #add_data_wrapper input {
    box-shadow: none !important;
}


@media (max-width: 1480px) {
    .multioffer-outer .pass-label:not(.nblabel) {
        font-size: 12px;
    }

    .mofgrid {
        grid-template-columns: 75px 150px repeat(6,minmax(0px, 16%));
    }

    .offer-group.onestep .luggage-content.with-price {
        min-width: unset;
        justify-content: flex-start;
        max-width: 125px !important;
    }
}

/***/

/**authentication changes june23*/

.privacypolicy-outer {
    margin:20px auto;
    max-width:1200px;
}

.privacyinner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.login_toggle.backtosignup {
    padding: 5px 15px;
    background: #412ddb;
    color: #fff;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.login_toggle.backtosignup:hover {
    background: #5434f5;
}

.lockericon {
    display: block;
    width: 130px;
    height: 122px;
    margin: 0 auto 30px;
    background-image: url(/images/authentication/locker-a.png);
}

.lockericon.locker-b {
    background-image: url(/images/authentication/locker-b.png);
}

.modal-content-send-mail-modal {
    border: none !important;
}
.modal-content-send-mail-modal-btn-primary {
    background-color: #5434f5;
    border-radius: 10px;
}
.modal-content-send-mail-modal-btn-secondary {
    border-radius: 10px;
}
.secondary-corporate-button {
    font-size: 12px;
    color: #5434f5;
    border: 1px solid #5434f5;
    border-radius: 36px;
    height: 48px;
    padding: 5px;
    width: 140px;
}

/***

.send-mail-modal {
    padding: 0;
}

#sendrequestviaemail .passenger-section {
    margin: 0;
    padding: 14px 36px;
    background-color: #5434f5;
    border-radius: 20px 20px 0 0;
}

#sendrequestviaemail .passenger-section h2 {
    margin:0;
    font-size: 20px;
    color: #fff;
}

#sendrequestviaemail .modal-content-send-mail-modal {
    background: transparent;
}

#sendrequestviaemail .send-mail-modal {
    border-radius: 20px;
    max-width: 1200px;
}

#sendrequestviaemail .custom-input > label {
    position: relative;
    color: inherit;
    top: unset !important;
    text-transform: unset;
    font-size: 14px;
    background-color: transparent;
    left: unset !important;
}

#sendrequestviaemail .custom-input > label small {
    font-size: 13px;
    color: #93a3ba;
}

#sendrequestviaemail .custom-input {
    margin-bottom: 20px;
}
*/

#sendrequestviaemail *,
#sendrequestviaemail *::after,
#sendrequestviaemail  *::before {
    box-sizing: border-box;
    outline: 0;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #DEDEDE;
}

::-webkit-scrollbar-thumb {
    background: #9E9DA0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #9E9DA0;
}


/*#sendrequestviaemail  .mail_wrapper {
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(167px);
    backdrop-filter: blur(167px);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}*/

#sendrequestviaemail .mail_header, #sendrequestviaemail .mail_body {
    pointer-events: all;
}

#sendrequestviaemail .mail_body input {
    border-radius: 10px !important;
    border: 1px solid rgba(65, 45, 219, 0.57) !important;
    background: #F9FDFF  !important;
    padding: 10px 16px !important;
    height: 56px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    color: #263238 !important;    
}

#sendrequestviaemail .mail_body input.email {
    color: #4E2DF1;
    text-decoration: underline;
}

#sendrequestviaemail .mail_body .textarea_wrap {
    display: block; 
    height: auto;
    border-radius: 10px;
    border: 1px solid rgba(65, 45, 219, 0.57);
    background: #F9FDFF;
    padding: 10px;
}

#sendrequestviaemail .mail_body .textarea {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #263238;
    resize: none;
    padding: 5px;
    height: unset;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    overflow-y: hidden;
}

#sendrequestviaemail  .mail_inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

#sendrequestviaemail  .mail_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px 20px 0 0;
    background: #412ddb;
    color: #FFFFFF;
    padding: 14px 36px;
    overflow: hidden;
}

#sendrequestviaemail  .mail_header h1 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

#sendrequestviaemail .mail_body .btn_wrap .btn_send {
    border-radius: 47.29px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    background: #4E2DF1;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    padding: 0 20px;
    height: 50px;
    min-width: 214px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}


#sendrequestviaemail .mail_body .btn_wrap {
    text-align: right;
    padding: 35px 10px;
}


#sendrequestviaemail .mail_body label small {
    color: #93A3BA;
    font-size: 14px;
}


#sendrequestviaemail .mail_body label {
    display: block;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 6px;
}


#sendrequestviaemail .mail_body .form_field {
    margin-bottom: 26px;
}


#sendrequestviaemail .mail_body {
    background-color: #FFFFFF;
    border-radius: 0 0 20px 20px;
    overflow-y: hidden;
}

#sendrequestviaemail .mail_body .mail_overflow {
    padding: 25px 36px 0;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
}

#sendrequestviaemail .table_overflow {
    margin: 15px 0;
    padding: 10px;
    overflow: auto;
}

#sendrequestviaemail .tables_wrapper .flight_wrap {
    overflow-x: auto;
}

#sendrequestviaemail .tables_wrapper:not(:nth-last-of-type(1)) {
    margin-bottom: 16px;
}

#sendrequestviaemail .close-modal-icon > div {
    border-bottom: 2px solid #fff;
}


/*email success*/

html {
    --green: #53B175;
}

.email-success {
    position: fixed;
    top: 78px;
    left: 50%;
    z-index: 9999;
    display: inline-block;
    background: #e6f2e6;
    padding: 9px 15px;
    border-radius: 6px;
    border: 1px solid var(--green);
    transform: translate(-50%,-50%);
}

.email-success-inner {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
}

.email-success .email-success-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.email-success .email-success-icon {
    width: 36px;
    height: 36px;
    background: var(--green);
    border-radius: 6px;
    display: grid;
    place-items: center;
    font-size: 28px;
}

    .email-success .email-success-icon .path1::before {
        color: #fff;
    }

    .email-success .email-success-icon .path2::before {
        color: var(--green);
    }


/*____icons____*/
.scicon-before-relative::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sc-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
}

.scicon-before::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sc-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.scicon-before-inline {
    display: inline-block;
    font-family: 'sc-icons' !important;
    line-height: 1;
    font-style: normal;
}

.scicon-paths {
    display: inline-flex;
}

    .scicon-paths span[class^="path"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'sc-icons' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: table-cell;
    }
/*<span class="icon-check-circle"><span class="path1"></span><span class="path2"></span></span>*/
.icon-check-circle {
    --bgcolor: var(--green);
    --color: #fff;
}

    .icon-check-circle .path1:before {
        content: "\e909";
        color: var(--bgcolor);
    }

    .icon-check-circle .path2:before {
        content: "\e90a";
        margin-left: -1em;
        color: var(--color);
    }

/*<span class="icon-alert"><span class="path1"></span><span class="path2"></span><span class="path3"></span></span>*/
.icon-alert {
    --bgcolor: #fff;
    --color: rgb(241, 182, 29);
}

    .icon-alert .path1:before {
        content: "\e902";
        color: var(--bgcolor);
    }

    .icon-alert .path2:before {
        content: "\e903";
        margin-left: -1.2861328125em;
        color: var(--color);
    }

    .icon-alert .path3:before {
        content: "\e904";
        margin-left: -1.2861328125em;
        color: var(--color);
    }

/**/
.icon-up-light:before {
    content: "\e90f";
}

.icon-down:before {
    content: "\e910";
}

.icon-small-arrow-down:before {
    content: "\e907";
}

.icon-add-c:before {
    content: "\e900";
}

.icon-cross-c:before {
    content: "\e905";
}

.icon-check-c:before {
    content: "\e90e";
}

.icon-edit:before {
    content: "\e906";
}

.icon-trash:before {
    content: "\e90c";
}

.icon-airport:before {
    content: "\e901";
}

.icon-passenger:before {
    content: "\e90b";
}

.icon-group:before {
    content: "\e908";
}

.icon-plane:before {
    content: "\e90d";
}

.icon-send:before {
    content: "\e911";
}

.icon-warning:before {
    content: "\e91e";
}

.icon-file:before {
    content: "\e93a";
}

.icon-chat:before {
    content: "\e925";
}

.icon-left-arrow-thick:before {
    content: "\e92a";
}

.icon-right-arrow-line:before {
    content: "\e92b";
}

.icon-plus:before {
    content: "\e92c";
}

.icon-minus:before {
    content: "\e939";
}

.icon-check:before {
    content: "\e92d";
}

.icon-close:before {
    content: "\e92e";
}

.icon-search:before {
    content: "\e935";
}

.icon-down-arrow-noline:before {
    content: "\e936";
}

.icon-up-arrow-noline:before {
    content: "\e937";
}

.icon-logo-sinopsys:before {
    content: "\e938";
}


@font-face {
    font-family: 'sc-icons';
    src: url('/sc-fonts/sc-icons/sc-icons.eot?ipct98');
    src: url('/sc-fonts/sc-icons/sc-icons.eot?ipct98#iefix') format('embedded-opentype'), url('/sc-fonts/sc-icons/sc-icons.ttf?ipct98') format('truetype'), url('/sc-fonts/sc-icons/sc-icons.woff?ipct98') format('woff'), url('/sc-fonts/sc-icons/sc-icons.svg?ipct98#sc-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.mstm-smth tr td {
    border: 1px solid #d2d2d2;
    border-bottom: 0px;
}

.mstm-smth tr td:not([rowspan]) {
    border-bottom: 1px solid #d2d2d2;
}

.mstm-smth tr:last-of-type td:not([rowspan]) {
    border-bottom: 0px;
}


/**
.mstm-smth tr:first-child:nth-last-child(1) td {
    border-bottom: 0px solid #d2d2d2;
}

.mstm-smth tr:first-child:nth-last-child(1) td:not([rowspan]) {
    border-bottom: 1px solid #d2d2d2;
}

.mstm-smth tr:nth-last-child(2) td,
.mstm-smth tr:nth-last-child(3) td,
.mstm-smth tr:nth-last-child(4) td,
.mstm-smth tr:nth-last-child(5) td,
.mstm-smth tr:nth-last-child(6) td,
.mstm-smth tr:nth-last-child(7) td,
.mstm-smth tr:nth-last-child(8) td,
.mstm-smth tr:nth-last-child(9) td,
.mstm-smth tr:nth-last-child(10) td {
    border-bottom: 0px solid #d2d2d2;
}

.mstm-smth tr:nth-last-child(2) td:not([rowspan]),
.mstm-smth tr:nth-last-child(3) td:not([rowspan]),
.mstm-smth tr:nth-last-child(4) td:not([rowspan]),
.mstm-smth tr:nth-last-child(5) td:not([rowspan]),
.mstm-smth tr:nth-last-child(6) td:not([rowspan]),
.mstm-smth tr:nth-last-child(7) td:not([rowspan]),
.mstm-smth tr:nth-last-child(8) td:not([rowspan]),
.mstm-smth tr:nth-last-child(9) td:not([rowspan]),
.mstm-smth tr:nth-last-child(10) td:not([rowspan]) {
    border-bottom: 1px solid #d2d2d2;
}

.mstm-smth tr:nth-last-child(2) td:last-child,
.mstm-smth tr:nth-last-child(3) td:last-child,
.mstm-smth tr:nth-last-child(4) td:last-child,
.mstm-smth tr:nth-last-child(5) td:last-child,
.mstm-smth tr:nth-last-child(6) td:last-child,
.mstm-smth tr:nth-last-child(7) td:last-child,
.mstm-smth tr:nth-last-child(8) td:last-child,
.mstm-smth tr:nth-last-child(9) td:last-child,
.mstm-smth tr:nth-last-child(10) td:last-child {
    border-bottom: 0px;
}

.mstm-smth tr:nth-last-child(2) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(3) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(4) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(5) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(6) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(7) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(8) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(9) td:not([rowspan]):last-child,
.mstm-smth tr:nth-last-child(10) td:not([rowspan]):last-child {
    border-bottom: 1px solid #d2d2d2;
}
    
 */


/*responsive*/
@media screen and (max-width: 1600px) {
    #sendrequestviaemail .mail_body .btn_wrap .btn_send {
        font-size: 14px;
    }

    #sendrequestviaemail .mail_body input {
        font-size: 14px;
        height: 50px;
    }

    #sendrequestviaemail .mail_body label small {
        font-size: 13px;
    }

    #sendrequestviaemail .mail_header h1 {
        font-size: 20px;
    }

    #sendrequestviaemail .mail_header .btn_close {
        width: 24px;
        height: 24px;
    }

    #sendrequestviaemail .mail_body .form_field {
        margin-bottom: 20px;
    }

    #sendrequestviaemail .mail_body label {
        font-size: 14px;
    }
}


@media screen and (max-width: 1440px) {
    #sendrequestviaemail .mail_header {
        padding: 12px 30px;
    }

      #sendrequestviaemail  .mail_header h1 {
        font-size: 18px;
    }

    #sendrequestviaemail .mail_body .mail_overflow {
        padding: 20px 30px 0;
    }

    #sendrequestviaemail .mail_body .textarea {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) {

    #sendrequestviaemail .mail_body input {
        font-size: 13px;
        height: 45px;
    }

    #sendrequestviaemail .mail_body .textarea {
        font-size: 12px;
    }

    #sendrequestviaemail .mail_body .btn_wrap {
        padding: 25px 10px;
    }

        #sendrequestviaemail .mail_body .btn_wrap .btn_send {
            font-size: 13px;
            height: 45px;
            min-width: 180px;
        }

    #sendrequestviaemail .tables_wrapper {
        border-radius: 20px;
    }

    #sendrequestviaemail .mail_body label small {
        font-size: 12px;
    }

    #sendrequestviaemail .mail_header {
        padding: 12px 20px;
    }

    #sendrequestviaemail .mail_wrapper {
        padding: 40px 15px;
    }

    #sendrequestviaemail .mail_header h1 {
        font-size: 16px;
    }

    #sendrequestviaemail .mail_header .btn_close {
        width: 20px;
        height: 20px;
    }

    #sendrequestviaemail .mail_body .mail_overflow {
        padding: 20px 20px 0;
        max-height: calc(100vh - 130px);
    }

    #sendrequestviaemail .mail_body label {
        font-size: 13px;
    }
}
/***/
@font-face {
    font-family: 'synopsis-icons';
    src: url('/agent/font/synopsis-icons/synopsis-icons.eot?ybwfm2');
    src: url('/agent/font/synopsis-icons/synopsis-icons.eot?ybwfm2#iefix') format('embedded-opentype'), url('/agent/font/synopsis-icons/synopsis-icons.ttf?ybwfm2') format('truetype'), url('/agent/font/synopsis-icons/synopsis-icons.woff?ybwfm2') format('woff'), url('/agent/font/synopsis-icons/synopsis-icons.svg?ybwfm2#synopsis-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.nagicon-before-relative::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'synopsis-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
}

.nagicon-before-relative.icon-plane:before {
    content: "\e920";
}

.nagicon-before-relative.icon-close:before {
    content: "\e92e";
}
/*notifications*/
.notification_alert.alert {
    padding: 0;
    border: none;
    border-radius: 8px;
    background: #f9f9f9;
    box-shadow: 0px 12px 36px 0px rgba(0, 11, 108, 0.15);
    display: block;
    position: relative;
    overflow: hidden;
}

.notification_alert .notification-content {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: auto 1fr auto;
}

.notification_alert .notification-icon {
    line-height: 1;
    font-size: 28px;
    color: #5434f5;
}

.notification_alert .notification-content-txt {
    display: grid;
    gap: 4;
}

.notification_alert .notification-title {
    color: #1E1926;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.notification_alert .notification-message {
    color: #342C5D;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.notification-button-outer button {
    position: relative !important;
    right: unset !important;
    top: unset !important;
}

.notification_alert .progress {
    height: 2px;
    margin: 0;
    padding: 0;
    margin-top: 0 !important;
    background-color: #C2BFD1;
}

.notification_alert .progress-bar {
    background-color: #5434f5;
}


@media (max-width:1650px) {
    .new-req-footer > .row > .col-md-3 {
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        max-width: 0;
    }

    .new-req-footer > .row > .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}