@font-face {
    font-family: "DINOT-Regular";
    src: url("/assets/fonts/DINOT.woff2") format("woff2"),
    url("/assets/fonts/DINOT.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DINOT-Black";
    src: url("/assets/fonts/DINOT-Black.woff2") format("woff2"),
    url("/assets/fonts/DINOT-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


* { touch-action: pan-y; }
:root {
    scroll-behavior: auto !important;
}
.font-regular {
    font-family: "DINOT-Regular";
}
.font-black {
    font-family: "DINOT-Black";
}

html,
body {

}
body {
    background-color: #6dae90;
    color: #151d18;
    -webkit-overflow-scrolling: touch;
    font-family: "DINOT-Regular";
}
.start-scrolling {
    position: relative;
}

.stop-scrolling {
    position: fixed;
    overflow: hidden;
}
a {
    color: #151d18;
}
a:hover {
    color: #25392d;
}
.btn,
.form-control {
    border-radius: 0;
}
.btn-acc {
    color: #a0cd4d;
    background-color: #007a53;
    border-color: #a0ce4e;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #a0cd4d;
    background-color: #007a53;
    border-color: #a0ce4e;
    box-shadow: none;
}
.btn-check:focus+.btn-acc, .btn-acc:focus {
    color: #fff;
    background-color: #007a53;
    border-color: #a0ce4e;
    box-shadow: none;
}
.btn-acc:hover {
    color: #fff;
    background-color: #009867;
    border-color: #a0ce4e;
}
.btn-check:active+.btn-acc, .btn-check:checked+.btn-acc, .btn-acc.active, .btn-acc:active, .show>.btn-acc.dropdown-toggle {
    color: #ffffff;
    background-color: #007a53;
    border-color: #a0ce4e;
}
.btn-check:active+.btn-acc:focus, .btn-check:checked+.btn-acc:focus, .btn-acc.active:focus, .btn-acc:active:focus, .show>.btn-acc.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-acc-danger {
    color: #a0cd4d;
    background-color: #7a0041;
    border-color: #a0ce4e;
}

.btn-check:focus+.btn-acc-danger, .btn-acc-danger:focus {
    color: #a0cd4d;
    background-color: #8a064c;
    border-color: #a0ce4e;
    box-shadow: none;
}
.btn-acc-danger:hover {
    color: #a0cd4d;
    background-color: #8a064c;
    border-color: #a0ce4e;
}
.btn-check:active+.btn-acc-danger, .btn-check:checked+.btn-acc-danger, .btn-acc-danger.active, .btn-acc-danger:active, .show>.btn-acc-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #8a064c;
    border-color: #a0ce4e;
}
.btn-check:active+.btn-acc-danger:focus, .btn-check:checked+.btn-acc-danger:focus, .btn-acc-danger.active:focus, .btn-acc-danger:active:focus, .show>.btn-acc-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.form-control-acc {
    background: transparent
}
.form-control-acc:focus {
    color: #212529;
    background-color: transparent;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}
.form-control-acc::placeholder {
    color: #fff;
}
.form-check-acc .form-check-input {
    background: transparent;
    border: 4px solid white;
    border-radius: 50px;
}
.form-check-acc .form-check-input:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}
.comp_logo {
    width: 250px;
    box-shadow: 0px 0px 170px white;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
input::placeholder {
    font-family: "DINOT-Regular";
}
.form-check-input:checked[type=checkbox] {
    background-size: 120%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23007a53' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.comp_desc {
    margin-top: 250px;
}
.signature_wrapper {
    position: relative;
    width: 100%;
    height: 20vw;
}
.signature_placeholder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.signature {
    position: absolute;
    width: 100%;
    height: 20vw;
    border: 2px solid #98c947;
    background-color: #fff;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
}
.signature_image {
    width: 100%;
    height: auto;
}
.sketchIt {
    width: 100%;
    height: 100%;
}
.signature_tools {
    position: absolute;
    right: 0;
    transform: translateY(-100%);
}
hr.hr-style1 {
    border-top: 2px solid #cdec99;
    opacity: 1;
}
.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    background: rgba(68,68,68,0.90);
}