:root { --app-header-bg: #000000; --app-header-link: #000000; --app-header-link2: #000000; --app-footer-bg: ; --app-footer-link: ; --app-footer-link2: ; --app-font: "Dancing Script", cursive; --app-font-2: Georgia, serif; --app-color-link: #3498db; --app-color-link2: #2980b9; --app-color-1: #3498db; --app-color-2: #6d2c2c; --app-color-3: #3498db; --app-color-4: #14ffa5; --app-color-5: #ee1717; --app-color-6: #45f75a; --app-color-7: #46d7fb; --app-color-8: #903bf7; --app-color-body: #ffffff; --app-color-light: #ffffff; --app-color-dark: #121212; --app-color-valid: #2ecc71; --app-color-valid2: #126335; --app-color-delete: #dd3636; --app-color-delete2: #a81f1f; --app-color-cancel: #e74c3c; --app-color-cancel2: #982b1f; --app-color-show: #60a5fa; --app-color-show2: #0c3f83; --svg-base-size: 16px; --svg-size-1: 12px; --svg-size-2: 24px; --svg-size-3: 48px; --app-size-1: ; --app-size-2: ; --app-size-3: ; --border-width-1: 2px; --border-width-2: 4px; --border-width-3: 6px; --rad-1: 4px; --rad-2: 8px; --rad-3: 12px; --trans-1: 0.2s; --trans-2: 0.4s; --trans-3: 0.6s; --trans-4: 0.8s; --trans-del-1: 0.2s; --trans-del-2: 0.4s; --trans-del-3: 0.6s; --trans-del-4: 0.8s; --scale-1: 0.75; --scale-2: 1.05; --scale-3: 1.25; --scale-4: 1.35; --percent-pos-1: 5%; --percent-pos-2: 10%; --percent-pos-3: 20%; }/* ============================== INPUT / SELECT / TEXTAREA ================================ */ .theme-form input,.theme-form select,.theme-form textarea{color:#000000;font-size:16px;font-family:Arial,sans-serif;background:#ffffff;border-style:solid;border-color:#000000;border-width:2px;border-radius:8px;padding:8px 20px;max-width:100%;transition:.2s;}.theme-form input::placeholder,.theme-form textarea::placeholder{color:#000000;}/* ============================== HOVER ================================ */ .theme-form input:hover,.theme-form select:hover,.theme-form textarea:hover{background:#ecd9d9;border-color:#000000;}/* ============================== FOCUS ================================ */ .theme-form input:focus,.theme-form select:focus,.theme-form textarea:focus{border-color:#000000;box-shadow:0 0 0 3px #00000055;outline:none;}/* ============================== FILE BUTTON ================================ */ .theme-form .label-file{display:inline-block;cursor:pointer;margin-bottom:6px;color:#146090;font-size:18px;font-family:Arial,sans-serif;background:#ffffff;border-style:solid;border-color:#146090;border-width:1px;border-radius:4px;padding:15px 32px;transition:.2s;}.theme-form .label-file:hover{background:#ffffff;border-color:#000000;color:#000000;}/* ============================== SUBMIT BUTTON ================================ */ .theme-form .btn-valid-form{cursor:pointer;color:#16ad0b;font-size:20px;font-family:Arial,sans-serif;background:#ffffff;border-style:solid;border-color:#16ad0b;border-width:1px;border-radius:4px;padding:13px 21px;transition:.2s;}.theme-form .btn-valid-form:hover{background:#ffffff;border-color:#000000;color:#000000;}.custom-check label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px;}.custom-check input[type="checkbox"],.custom-check input[type="radio"]{position:absolute;opacity:0;}.custom-check span{width:18px;height:18px;border:2px solid #337a15;display:flex;align-items:center;justify-content:center;transition:.2s;}.custom-check .checkbox span{border-radius:4px;}.custom-check .radio span{border-radius:50%;}.custom-check input:hover+span{border-color:#337a15;}.custom-check input:checked+span{background:#337a15;border-color:#337a15;}.custom-check .checkbox input:checked+span::after{content:"";width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);}.custom-check .radio input:checked+span::after{content:"";width:7.2px;height:7.2px;background:#ffffff;border-radius:50%;}.custom-check input:focus+span{box-shadow:0 0 0 3px #337a1555;}
