.f-modal-alert .f-modal-icon{border:4px solid gray;border-radius:50%;box-sizing:content-box;height:80px;margin:20px auto;padding:0;position:relative;width:80px}.f-modal-alert .f-modal-icon.f-modal-error,.f-modal-alert .f-modal-icon.f-modal-success{border-color:#a5dc86}.f-modal-alert .f-modal-icon.f-modal-error:after,.f-modal-alert .f-modal-icon.f-modal-error:before,.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-success:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.f-modal-alert .f-modal-icon.f-modal-error:before,.f-modal-alert .f-modal-icon.f-modal-success:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;transform:rotate(-45deg);transform-origin:60px 60px}.f-modal-alert .f-modal-icon.f-modal-error:after,.f-modal-alert .f-modal-icon.f-modal-success:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform:rotate(-45deg);transform-origin:0 60px}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder,.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder{border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix,.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line,.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line{background-color:#a5dc86;border-radius:2px;display:block;height:5px;position:absolute;z-index:2}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip,.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip{left:14px;top:46px;transform:rotate(45deg);width:25px}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long,.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long{right:8px;top:38px;transform:rotate(-45deg);width:47px}.f-modal-alert .f-modal-icon.f-modal-error{border-color:#f27474}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark{display:block;position:relative;z-index:2}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border:4px solid rgba(200,0,0,.2)}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:#f27474;top:37px;width:47px}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left{left:17px;transform:rotate(45deg)}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right{right:16px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-warning{border-color:#f8bb86}.f-modal-alert .f-modal-icon.f-modal-warning:before{animation:pulseWarning 2s linear infinite;background-color:#fff;border-radius:50%;content:"";display:inline-block;height:100%;opacity:0;position:absolute;width:100%}.f-modal-alert .f-modal-icon.f-modal-warning:after{background-color:#fff;border-radius:50%;content:"";display:block;height:100%;position:absolute;width:100%;z-index:1}.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body{background-color:#f8bb86;border-radius:2px;height:47px;left:50%;margin-left:-2px;position:absolute;top:10px;width:5px;z-index:2}.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot{background-color:#f8bb86;border-radius:50%;bottom:10px;height:7px;left:50%;margin-left:-3px;position:absolute;width:7px;z-index:2}.f-modal-alert .f-modal-icon+.f-modal-icon{margin-top:50px}.animateSuccessTip{animation:animateSuccessTip .75s}.animateSuccessLong{animation:animateSuccessLong .75s}.f-modal-icon.f-modal-error.animate:after,.f-modal-icon.f-modal-success.animate:after{animation:rotatePlaceholder 4.25s ease-in}.animateErrorIcon{animation:animateErrorIcon .5s}.animateXLeft{animation:animateXLeft .75s}.animateXRight{animation:animateXRight .75s}.pulseWarningIns{animation:pulseWarningIns .75s infinite alternate}@keyframes animateSuccessTip{0%,54%{left:1px;top:19px;width:0}70%{left:-8px;top:37px;width:50px}84%{left:21px;top:48px;width:17px}to{left:14px;top:45px;width:25px}}@keyframes animateSuccessLong{0%,65%{right:46px;top:54px;width:0}84%{right:0;top:35px;width:55px}to{right:8px;top:38px;width:47px}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}12%,to{transform:rotate(-405deg)}}@keyframes animateErrorIcon{0%{opacity:0;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}to{left:17px;top:37px;width:47px}}@keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}to{right:16px;top:37px;width:47px}}@keyframes scaleWarning{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulseWarning{0%{background-color:#fff;opacity:.5;transform:scale(1)}30%{background-color:#fff;opacity:.5;transform:scale(1)}to{background-color:#f8bb86;opacity:0;transform:scale(2)}}@keyframes pulseWarningIns{0%{background-color:#f8d486}to{background-color:#f8bb86}}.f-modal-alert p{display:flex;font-size:22px;font-weight:700;justify-content:center}.modal-backdrop{background:transparent}.modal-content{border:none;border-radius:10px;box-shadow:0 3px 30px #00000029;opacity:1}.modal-content .btn-secondary:hover{background-color:#7e7e7e;border-color:#7e7e7e;color:#fff}.color-picker .btn-primary,.color-picker .btn-primary:hover{background-color:#7e0000!important;border-color:#6f0000!important;color:#fff}.color-picker .btn-primary,.color-picker .btn-secondary{flex:0 0 auto;height:45px;width:50%}.color-picker .btn-secondary,.color-picker .btn-secondary:hover{background-color:#1d0000;border-color:#1d0000;color:#fff}.color_pickerhead h4{color:#797979;font-size:24px;font-weight:700}
