/*========================================================
 LED Poster ZA
 File ID : WWW-CSS-730ED0DE
 File    : www/assets/css/ledposter-global.css
 Module  : Global Styles
 Version : RC31d
 Build   : 2026.07.11.031d
 Purpose : Provides styles for ledposter global.
========================================================*/

/* LED Poster ZA shared checkbox standard - RC29l */
input[type="checkbox"]:not([role="switch"]) {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-grid !important;
    place-content: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 .35rem 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: 1.5px solid #8f9bad !important;
    border-radius: 3px !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease !important;
}

input[type="checkbox"]:not([role="switch"]):hover,
input[type="checkbox"]:not([role="switch"]):focus-visible {
    border-color: #2dd4bf !important;
    box-shadow: 0 0 0 2px rgba(45,212,191,.16) !important;
    outline: none !important;
}

input[type="checkbox"]:not([role="switch"]):checked {
    border-color: #14b8a6 !important;
    background-color: #14b8a6 !important;
}

input[type="checkbox"]:not([role="switch"]):checked::after {
    content: "✓" !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translateY(-.25px) !important;
}

input[type="checkbox"]:not([role="switch"]):disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}