.alert-container {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(171, 171, 171, 0.7);
    overflow-y: auto;
    padding-top: 6%;
}

    .alert-container::-webkit-scrollbar {
        background-color: #dddddd;
        width: 12px;
    }

    .alert-container::-webkit-scrollbar-thumb {
        background-color: #243e6e;
        border-radius: 20px;
    }

    .alert-container .content {
        margin: 0 auto 20px auto;
        max-width: 900px;
        padding: 40px 30px 40px;
        /*overflow: hidden;*/
        position: relative;
    }

    .alert-container .close-modal {
        position: absolute;
        right: 10px;
        top: 10px;
        filter: brightness(3);
    }

        .alert-container .close-modal.darker {
            filter: brightness(0.2);
        }

        .alert-container .close-modal:before {
            /*content: url("../../image/icon/close-modal.svg");*/
            content: url('data:image/svg+xml;charset=UTF-8,<svg width="22" height="22" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.4" d="M18.0722 15.8333L22.5514 11.3557C22.6985 11.2086 22.8152 11.0339 22.8948 10.8417C22.9744 10.6495 23.0154 10.4435 23.0154 10.2355C23.0154 10.0274 22.9744 9.82141 22.8948 9.62921C22.8152 9.437 22.6985 9.26236 22.5514 9.11525C22.4043 8.96814 22.2297 8.85145 22.0375 8.77184C21.8453 8.69222 21.6393 8.65125 21.4312 8.65125C21.2232 8.65125 21.0172 8.69222 20.825 8.77184C20.6328 8.85145 20.4581 8.96814 20.311 9.11525L15.8333 13.5945L11.3557 9.11525C11.0586 8.81815 10.6556 8.65125 10.2355 8.65125C9.8153 8.65125 9.41235 8.81815 9.11525 9.11525C8.81815 9.41235 8.65125 9.8153 8.65125 10.2355C8.65125 10.4435 8.69222 10.6495 8.77184 10.8417C8.85145 11.0339 8.96814 11.2086 9.11525 11.3557L13.5945 15.8333L9.11525 20.311C8.81815 20.6081 8.65125 21.011 8.65125 21.4312C8.65125 21.8514 8.81815 22.2543 9.11525 22.5514C9.41235 22.8485 9.8153 23.0154 10.2355 23.0154C10.6556 23.0154 11.0586 22.8485 11.3557 22.5514L15.8333 18.0722L20.311 22.5514C20.6081 22.8485 21.011 23.0154 21.4312 23.0154C21.8514 23.0154 22.2543 22.8485 22.5514 22.5514C22.8485 22.2543 23.0154 21.8514 23.0154 21.4312C23.0154 21.011 22.8485 20.6081 22.5514 20.311L18.0722 15.8333ZM15.8333 31.6667C7.08858 31.6667 0 24.5781 0 15.8333C0 7.08858 7.08858 0 15.8333 0C24.5781 0 31.6667 7.08858 31.6667 15.8333C31.6667 24.5781 24.5781 31.6667 15.8333 31.6667Z" fill="rgb(232,225,225)"/> </svg> ');
            width: 20px;
            height: 20px;
        }
    .alert-container.show {
        display: block;
    }

.alert-error-pop-up-section,
.alert-time-out-pop-up-section,
.nothing-found-pop-up-section,
.nothing-hotel-found-pop-up-section,
.confirm-pop-up-section,
.searching-flight-pop-up-section,
.searching-hotel-pop-up-section {
    display: none;
}

    .alert-error-pop-up-section.show,
    .alert-time-out-pop-up-section.show,
    .nothing-found-pop-up-section.show,
    .confirm-pop-up-section.show,
    .searching-flight-pop-up-section.show {
        display: block;
    }




.alert-container .nothing-found.content {
    padding: 0;
    border-radius: 22px;
    overflow: hidden;
}

    .alert-container .nothing-found.content img {
        vertical-align: bottom;
    }

.loading-airplane {
    position: absolute;
    min-width: 25%;
    height: 25px;
}

    .loading-airplane img {
        position: absolute;
        left: -34px;
        top: -77px;
    }


.loading-hotel {
    position: absolute;
    min-width: 25%;
    height: 25px;
}

    .loading-hotel img {
        position: absolute;
        left: -34px;
        top: -95px;
    }

.flight-searching-alert .description,
.hotel-searching-alert .description {
    margin-left: 26%;
    margin-top: -16px;
}

.flight-searching-alert .searching-pb-container,
.hotel-searching-alert .searching-pb-container {
    margin-top: 15px;
    background-color: #f4f4f4;
    border-radius: 22px;
    height: 12px;
    position: relative;
    width: 100%;
}

    .flight-searching-alert .searching-pb-container .searching-pb,
    .hotel-searching-alert .searching-pb-container .searching-pb {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: var(--mainColor);
        border-radius: 22px;
        width: 0%;
    }

.alert{
    border-bottom:1px solid #eee;
    padding:20px 0 20px 0;
    margin:0 20px 0 20px;
}

    .alert:last-child{
        border:none;
    }
    .alert.alert-success {
        color: #155724;
    }
    .alert.alert-info {
        color: #0c5460;
    }
    .alert.alert-warning {
        color: #856404;
    }
    .alert.alert-danger {
        color: #721c24;
    }


.confirm-container input.ok {
    background-color: var(--mainColor);
    color: white;
    min-width:120px;
}

.confirm-container input.cancel {
    background-color: #fff;
    border:1px solid #888;
    color: #888;
    min-width: 120px;
}