@charset "UTF-8";

/* --- MODAL / DIALOG UI --- */
.ui-dialog-titlebar {
    display: none !important;
}

/* Close Icon Styling */
.fa-times-circle {
    cursor: pointer;
    text-align: right;
    font-size: 32px;
    color: #299973;
    padding: 9px 13px 0 0;
    margin-right: -30px;
    margin-top: -30px;
}

p.EJ-mbox-close {
    float: right;
}

/* --- NOTIFICATION CONTAINER (The Rectangle) --- */
#notification_loader_form {
    width: 600px !important; /* Your target rectangle width */
    max-width: 95vw;        /* Responsive: won't overflow mobile screens */
    box-sizing: border-box;
    margin: 0 auto;
}

/* Ensure the jQuery UI wrapper respects the width */
.ui-dialog.ui-widget-content {
    max-width: 95vw !important;
}

/* --- SLIDER WRAPPER --- */
.enzacta-slider-wrapper {
    width: 100%;
    height: 335px; /* Standard Rectangle Height */
    position: relative;
    margin: 10px 0;
    overflow: hidden;
    background: #000;
    border-radius: 5px;
}

/* Ensure images fill the rectangle without distorting */
.enzacta-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crops image to fill rectangle perfectly */
    display: block;
}

/* Slider Arrows */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    text-shadow: 0 0 5px #000;
    padding: 10px;
}

/* --- MOBILE RESPONSIVENESS --- */

/* Small Phones */
@media only screen and (max-width: 640px) {
    .enzacta-slider-wrapper {
        height: 220px; /* Adjust height for mobile so it's not too tall */
    }

    #notification_loader_form {
        width: 100% !important;
    }

    h4.EJ-mbox-sec-code-title {
        font-size: 18px !important;
        padding-bottom: 10px;
    }

    /* Adjust checkbox spacing for thumbs */
    #dont_show_today + label {
        font-size: 12px;
    }
}

/* Table / Structure reset */
caption, th, td {
    text-align: unset;
}

.EJ-mbox-foreigners-space {
    padding: 15px;
}