/**
 * Optimized CSS for public-specific functionality with overlay for modal.
 */

:root {
    --ck-items-primary-color: #14375d;
    
}



.sqwire_money_box h1 {
      font-size: 25px !important;
        font-weight: 500 !important;
        color: #fff !important;
        border-bottom: 2px solid !important;
        margin-bottom: 20px !important;
}

.sqwire_money_box {
    background: #0dbbb8 !important;
    padding: 20px  19px !important;
        border-radius: 10px !important;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

.sqwire_money_box form.sqwire-money-container-box {
    margin: 10px auto !important;
    border-radius: 8px !important;
    color: #fff !important;
}

.sqwire_money_box form.sqwire-money-container-box label {
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
}
.sqwire_money_box form.sqwire-money-container-box input[type='checkbox'] {
        appearance: none; /* Removes default styling */
        -webkit-appearance: none;
        -moz-appearance: none;
        
       width: 30px !important;
        height: 30px !important;
         border-radius: 50% !important;
        background-color: #fff !important;
        display: inline-block !important;
        position: relative !important;
        cursor: pointer !important;
        margin-right: 10px !important;
    }

    .sqwire_money_box form.sqwire-money-container-box input[type='checkbox']:checked {
        background-color: green !important;
        border: 1.5px solid green !important;
     }

    .sqwire_money_box form.sqwire-money-container-box input[type='checkbox']:checked::after {
        content: '\e876' !important;
        font-size: 21px !important;
        color: #fff !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        font-family: bb-icons;
        font-style: normal;
        font-weight: 400;
    }

   /* .sqwire_money_box form.sqwire-money-container-box  input.checklist_lists::after {
        content: '\e828' !important;
        font-size: 22px !important;
        color: #ff0000 !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        font-weight: bold;
        font-family: bb-icons;
        font-style: normal;
        font-weight: 400;
    }*/

.sqwire_money_box form.sqwire-money-container-box input.checklist_lists.uncompleted {
    border: 1.5px solid red !important;
    background: red !important;
}