/* ===== Custom ExamCookie Styles ===== */

/* Force Segoe UI font for IE compatibility */
html, body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Reset body and html for full window layout */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background: white !important;
}

/* Full window container - no border, fills entire viewport */
.full-window-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box;
}

/* ManLogin specific - center content vertically */
.full-window-container.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Compact styles for systest - Default for Edge/Chrome */
.compact-header {
    margin-bottom: 12px;
}

.compact-title {
    font-size: 18px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #002b3f;
}

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

.compact-item {
    padding: 8px 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
}

.compact-item:last-child {
    margin-bottom: 0;
}

.compact-label {
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 600;
    display: block;
    color: rgb(30, 41, 59);
}

.compact-message {
    font-size: 15px;
    line-height: 1.3;
    display: block;
    color: rgb(71, 85, 105);
}

/* IE10/11 specific styles - larger fonts */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .compact-title {
        font-size: 30px !important;
        margin-bottom: 8px !important;
    }
    .compact-header {
        margin-bottom: 16px !important;
    }
    .compact-item {
        padding: 12px 16px !important;
        margin-bottom: 10px !important;
    }
    .compact-label {
        font-size: 24px !important;
        margin-bottom: 4px !important;
    }
    .compact-message {
        font-size: 23px !important;
        line-height: 1.4 !important;
    }
}

/* Loading overlay - IE10/11 compatible centering */
#waitOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.4);
}

#waitOverlay.show {
    display: table;
    width: 100%;
    height: 100%;
}

#waitOverlay-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#waitOverlay-content {
    display: inline-block;
    background-color: white;
    border-radius: 12px;
    padding: 24px 32px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    max-width: 320px;
    width: 90%;
    margin: 0 auto;
}

#waitOverlay-spinner {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 12px;
    color: #4ecac2;
}

/* Stronger red background for error states */
.bg-red-50 {
    background-color: rgb(254, 226, 226) !important;
}
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-16{height:4rem}.h-5{height:1.25rem}.h-8{height:2rem}.min-h-\[2rem\]{min-height:2rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-3>:not([hidden])~:not([hidden]){margin-top:calc(.75rem*(1 - 0));margin-bottom:calc(.75rem*0)}.space-y-4>:not([hidden])~:not([hidden]){margin-top:calc(1rem*(1 - 0));margin-bottom:calc(1rem*0)}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-green-500{border-color:rgb(34, 197, 94)}.border-red-500{border-color:rgb(239, 68, 68)}.border-slate-300{border-color:rgb(203, 213, 225)}.bg-\[\#4ecac2\]{background-color:rgb(78, 202, 194)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-green-50{background-color:rgb(240, 253, 244)}.bg-red-50{background-color:rgb(254, 242, 242)}.bg-slate-50{background-color:rgb(248, 250, 252)}.bg-white{background-color:rgb(255, 255, 255)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,#002b3f, #004d6b)}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-\[\#002b3f\]{color:rgb(0, 43, 63)}.text-\[\#4ecac2\]{color:rgb(78, 202, 194)}.text-green-600{color:rgb(22, 163, 74)}.text-red-600{color:rgb(220, 38, 38)}.text-slate-500{color:rgb(100, 116, 139)}.text-slate-600{color:rgb(71, 85, 105)}.text-slate-700{color:rgb(51, 65, 85)}.text-slate-800{color:rgb(30, 41, 59)}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,0 0 transparent}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,0 0 transparent}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important}.focus\:ring-2:focus,.focus\:ring-\[\#4ecac2\]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #4ecac2!important}.hover\:bg-\[\#3ab5ae\]:hover{background-color:rgb(58, 181, 174)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:0 0 #0000,0 0 #0000,0 0 transparent}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important}.focus\:border-\[\#4ecac2\]:focus{border-color:rgb(78, 202, 194)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 transparent,0 0 transparent,0 0 #0000}