@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
@import url("/css/basic/01.gl.icon.css");
@import url("/css/basic/02.font-awesome.min.css");
@import url("/css/select2/select2.min.css");
@import url("/css/basic/05.video-js.css");
@import url("/css/basic/06.jquery-ui.min.css");
@import url("/css/all.min.css");
@import url("/css/loading-ui.css");
@import url("/tw/theme-MDA/waves.css");
@import url("/tw/theme-MDA/animate.css");
@import url("/tw/theme-MDA/all-themes.css");
@import url("/tw/theme-MDA/materialize.css");
@import url("https://cdn.jsdelivr.net/npm/lightgallery@2.7.1/css/lightgallery-bundle.min.css");
@import url("https://unpkg.com/photoswipe@5/dist/photoswipe.css");
@import url("/theme-mis/absbmdm/plugins/dropzone/dropzone.css");
@import url("/theme-mis/absbmdm/plugins/nouislider/nouislider.min.css");
@import url("/css/style.css?v=2");
@import url("/css/font-db_hevethica.css");
@import url("/css/initmap.css");
@import url("/css/modal-fullscreen.v.1.css");
@import url("/owl/owl.theme.default.min.css");
@import url("/owl/owl.carousel.min.css");
@import url("/owl/owl.custom.css");
@import url("/css/menu-slide-advanced.css");
@import url("/alertifyjs/css/alertify.min.css");
@import url("/css/uicons-regular-rounded.css");
@import url("/css/mis/mis.css");
@import url("/css/dataTables.bootstrap.min.css");
@import url("/css/responsive.bootstrap.min.css");
@import url("/css/datatable-button/buttons.bootstrap.min.css");
@import url("/theme-mis/absbmdm/plugins/sweetalert/sweetalert.css");
@import url("/theme-mis/absbmdm/plugins/nestable/jquery-nestable.css");
@import url("/app-dev.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
@import url("https://vjs.zencdn.net/8.6.1/video-js.css");
@import url("/css/csp.css");
@import url("/css/style2.css");
@import url("/ColReorder-1.7.0/css/colReorder.bootstrap.min.css");

/* Overlay เต็มหน้าจอ */
.sso_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    /* ครึ้ม ๆ มืด */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1051;
}

/* กล่องข้อความตรงกลาง */
.sso_modal {
    background: white;
    border-radius: 12px;
    padding: 30px 40px;
    width: 320px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    color: #c3860c;
}

.sso_modal .sso_title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.sso_modal .sso_subtitle {
    font-size: 20px;
    margin-bottom: 25px;
    color: rgb(210, 94, 0);
}

.sso_loading_icon {
    margin: 0 auto 20px;
    width: 48px;
    height: 48px;
    border: 5px solid #f2d1a2;
    border-top: 5px solid #fc7c20;
    border-radius: 50%;
    animation: sso_spin 1.3s linear infinite;
}

@keyframes sso_spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}