@font-face {
    font-family: "noto-sans";
    src: url("../font/NotoSansThai-Regular.otf");
    font-weight: 400;
}

:root {
    --color-zomp: #008970;
    --color-cultured: #F3F6F6;
    --color-nickel: #66706F;
    --primary-darker: #00705C;
}

.bg-header {
    background: linear-gradient(360deg, #ECF9F4 0%, #F7FCFB 88.32%);
}
.btn {
    padding: 8px 16px !important;
    border-radius:12px !important;
}
.btn.btn-success-zomp {
    color:#fff;
    background: linear-gradient(108.43deg, #06AA8C -7.87%, #008970 107.74%);
    transition:0.5s;
}
    .btn.btn-success-zomp:hover {
        color: #fff!important;
    }
.btn.btn-outline-success-zomp {
    color: var(--color-zomp);
    background: #fff;
    border: 1px solid #ACE2D8;
}
.btn.btn-outline-success-zomp:hover {
    color: var(--color-zomp);
}
.text-nickel {
    color:var(--color-nickel);
}
.text-zomp {
    color: var(--color-zomp) !important;
}
.text-zomp:hover{
    color: var(--primary-darker) !important;
}

a.decoration-none {
    text-decoration: none !important;
}
.cursor-pointer {
    cursor: pointer !important;
}

.form-check-input:checked {
    background-color: #06AA8C !important;
    border-color: #06AA8C !important;
}

.form-check-input:focus {
    box-shadow: none !important;
}

#form-record-commemtperiod {
    font-family: "noto-sans";
}