body { background-color: lightgray; } #mapid { height: 360px; } .exportbutton .dropdown-menu>li>a { color: #777; display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .exportbutton .dropdown-menu>li>a:hover { background-color: #e1e3e9; color: #333; } label.required:after { content: '*'; } legend.required:after { content: '*'; } .form-check-label:after { content: '' !important; } .leaflet-container { z-index: 4; } .card-text img, .card-header img { max-width: 100%; height: auto; } .kohinos-montant-radio .form-check { margin: 10px; } .kohinos-montant-radio label { margin-left: 5px; } #formPrestataireInfos_media .custom-file-label { border: 0px; } /*For captcha bundle : https://github.com/Gregwar/CaptchaBundle*/ .invalid-feedback { display: inline-block !important; } .header-placeholder { height: 0.5rem; } .payment-page-header { display: flex; justify-content: space-between; } #code-digits-container { display: flex; flex-wrap: wrap; justify-content: center; width: 300px; margin: 10px auto 30px auto; } .payment-code-button, .payment-code-correction-button { display: inline-block; background-color: white; height: 80px; width: 80px; font-size: 1.5rem; border: 3px solid #106a8c; color: #117298; font-weight: bold; text-align: center; text-decoration: none; margin: 4px 2px; border-radius: 50%; } .payment-code-button:active, .payment-code-correction-button:active { background-color:#106a8c; color: white; } .payment-code-button-placeholder { height: 80px; width: 80px; } #code-visual { height: 50px; display: flex; justify-content: center; align-items: center; font-size: 3rem; } #payment-validation-subheader { display: flex; justify-content: center; font-style: italic; margin-top: -10px; margin-bottom: 20px; } .formEncaisserCotisationAdherent-no-cotisation-amount { font-style: italic; color: #ff4136; } form[name="formEncaissement"] label { font-size: 1.3rem; } .payment-done-container { display: flex; flex-direction: column; align-items: center; gap: 15px; } .payment-done-title { color: #4CAF50; font-weight: bold; } /** * Success check animation. * Extracted from: SweetAlert * Modified by: Istiak Tridip */ .success-checkmark { width: 80px; height: 115px; margin: 0 auto; } .success-checkmark .check-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #4CAF50; } .success-checkmark .check-icon::before { top: 3px; left: -2px; width: 30px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .success-checkmark .check-icon::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; animation: rotate-circle 4.25s ease-in; } .success-checkmark .check-icon::before, .success-checkmark .check-icon::after { content: ''; height: 100px; position: absolute; background: #FFFFFF; transform: rotate(-45deg); } .success-checkmark .icon-line { height: 5px; background-color: #4CAF50; display: block; border-radius: 2px; position: absolute; z-index: 10; } .success-checkmark .icon-line.line-tip { top: 46px; left: 14px; width: 25px; transform: rotate(45deg); animation: icon-line-tip 0.75s; } .success-checkmark .icon-line.line-long { top: 38px; right: 8px; width: 47px; transform: rotate(-45deg); animation: icon-line-long 0.75s; } .success-checkmark .icon-circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid rgba(76, 175, 80, .5); } .success-checkmark .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(-45deg); background-color: #FFFFFF; } @keyframes rotate-circle { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } /** * END Success check animation. */ #display-balance-text-container { display: flex; justify-content: center; align-items: center; gap: 10px; } #login-password-container { position: relative; } #show-login-password-icon { cursor: pointer; position: absolute; right: 23px; top: 7px; } #show-login-password-icon:hover + #show-login-text { display: block; } #show-login-text { position: absolute; right: 16px; top: 32px; background-color: black; color: white; padding: 2px 12px; border: 1px solid black; border-radius: 6px; text-align: center; font-size: 0.95em; display: none; } #show-login-text::after { content: " "; position: absolute; bottom: 100%; /* At the top of the tooltip */ left: 90%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .global-evaluation-container { background-color:powderblue; border-radius:10px; border: 5px solid powderblue; } .review-container { background-color:#CBC3E3; border-radius:10px; border: 5px solid #CBC3E3; } /** * END Success check animation. */ .prestaquizz_temporary_save_container { position: fixed; bottom: 0; right: 1rem; z-index: 2; } .presta-products-family { display: flex; margin-bottom: 1rem; } .presta-products-family-fields { width: 95%; } .presta-products-family-delete { width: 5%; text-align: end; } .presta-products-family-form-group { display: flex; gap: 5px; align-items: center; margin-bottom: 0.25rem !important; } .presta-products-family-form-group label { width: 40%; margin-bottom: 0; } .delete-icon { color: #ff4136; } .delete-icon:hover { cursor: pointer; color: #a02923; } .presta-products-family-duplicate-warning { display: none; color: #ff4136; margin-top: -0.25rem; text-align: right; font-style: italic; } .presta-conventionnement-applied-text { margin-top: -0.75rem !important; margin-bottom: 1rem; font-size: 100%; } .montant-panier-error { margin-top: -0.75rem !important; margin-bottom: 1rem; font-size: 100%; color: #ff4136; } .input-error { border-color: #ff4136 !important; } .input-error:focus { box-shadow: 0 0 0 0.2rem #ff403667 !important; } .text-error { color: #ff4136; } .tav-cotisation-payment-form { display: none; margin-top: 1rem; }