/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 27, 2022 */

@font-face {
    font-family: 'th_sarabun_newregular';
    src: url('thsarabunnew-webfont.woff2') format('woff2'), url('thsarabunnew-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.alert,
.brand,
.btn-simple,
.navbar,
.td-name,
button,
a,
body,
button.close,
h6,
p,
td,
i {
    font-family: "th_sarabun_newregular";
    font-size: 24px;
}

option,
input {
    font-size: 20px;
}


/* .card-title{
    font-family: "th_sarabun_newregular";
    font-size: 25px;
    font-weight: 600;
} */

.form-select {
    font-size: 24px;
}

.form-control {
    font-size: 24px;
}

li .a {
    font-size: 23px;
}

.button-green {
    background-color: #009444;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-green:hover,
.button-green:focus {
    background-color: #07ae55;
}

.button-search {
    background-color: #f8f9fa;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-search:hover,
.button-search:focus {
    background-color: #d0d0d0;
}

.button-yellow {
    background-color: #fd9727;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    width: 70px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-yellow:hover,
.button-yellow:focus {
    background-color: #f9a040;
}

.button-blue {
    background-color: #1c67bd;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-blue:hover,
.button-blue:focus {
    background-color: #2e7cd5;
}

.button-export {
    background-color: #006600;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-export:hover,
.button-export:focus {
    background-color: #009900;
}

.button-export-2 {
    background-color: #20a220;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-export-2:hover,
.button-export-2:focus {
    background-color: #009900;
}

.button-pdf {
    background-color: #ff2216;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-pdf:hover,
.button-pdf:focus {
    background-color: #e52323;
}

.button-pdf-2 {
    background-color: #ff2216c6;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-pdf-2:hover,
.button-pdf2:focus {
    background-color: #e52323;
}

.button-blue-1 {
    background-color: #5a97dd;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-blue-1:hover,
.button-blue-1:focus {
    background-color: #83b6f1;
}

.button-red {
    background-color: #be1e2d;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    width: 70px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-red:hover,
.button-red:focus {
    background-color: #d32e3e;
}

.button-red-2 {
    background-color: #d64251;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    width: 70px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-red-2:hover,
.button-red-2:focus {
    background-color: #d64251;
}

.button-outher {
    background-color: #ffed97;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-outher:hover,
.button-outher:focus {
    background-color: #fdefa9;
}

.button-print {
    background-color: #e5edf9;
    border-radius: 3px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "th_sarabun_newregular";
    font-size: 23px;
    /* font-weight: 500; */
    height: 35px;
    line-height: 15px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-print:hover,
.button-print:focus {
    background-color: #c7d4e7;
}

@media only screen and (min-width: 960px) {
    .button-green-dash {
        background-color: #1c67bd;
        border-radius: 1px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 14px;
        font-weight: 400;
        height: 10px;
        line-height: 0px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 5px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        margin-left: 10px;
    }
    .button-green-dash:hover,
    .button-green-dash:focus {
        background-color: #1c67bd;
    }
    .button-green-dash-1 {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 14px;
        font-weight: 400;
        height: 10px;
        line-height: 0px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        margin-left: 10px;
    }
    .button-green-dash-1:hover,
    .button-green-dash-1:focus {
        background-color: #1c67bd;
    }
}

@media only screen and (min-width: 1440px) {
    .button-green-dash {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 14px;
        font-weight: 400;
        height: 10px;
        line-height: 0px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        margin-left: 28px;
    }
    .button-green-dash:hover,
    .button-green-dash:focus {
        background-color: #1c67bd;
    }
    .button-green-dash-1 {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 16px;
        font-weight: 500;
        height: 40px;
        line-height: 20px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
    }
    .button-green-dash-1:hover,
    .button-green-dash-1:focus {
        background-color: #1c67bd;
    }
}

@media only screen and (min-width: 2000px) {
    .button-green-dash {
        background-color: #1c67bd;
        border-radius: 1px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 14px;
        font-weight: 400;
        height: 10px;
        line-height: 0px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        margin-left: 25px;
    }
    .button-green-dash:hover,
    .button-green-dash:focus {
        background-color: #1c67bd;
    }
}

@media only screen and (min-width: 768px) {
    .button-green-dash {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 14px;
        font-weight: 400;
        height: 10px;
        line-height: 0px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        margin-left: 28px;
    }
    .button-green-dash:hover,
    .button-green-dash:focus {
        background-color: #1c67bd;
    }
    .button-green-dash-1 {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 16px;
        font-weight: 500;
        height: 40px;
        line-height: 20px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
    }
    .button-green-dash-1:hover,
    .button-green-dash-1:focus {
        background-color: #1c67bd;
    }
}

@media only screen and (max-device-width: 480px) {
    .button-green-dash {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 14px;
        font-weight: 400;
        height: 10px;
        line-height: 0px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        margin-left: 28px;
    }
    .button-green-dash:hover,
    .button-green-dash:focus {
        background-color: #1c67bd;
    }
    .button-green-dash-1 {
        background-color: #1c67bd;
        border-radius: 5px;
        border-style: none;
        box-sizing: border-box;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: "promptlight";
        font-size: 16px;
        font-weight: 500;
        height: 40px;
        line-height: 20px;
        list-style: none;
        margin: 0;
        outline: none;
        padding: 10px 16px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: color 100ms;
        vertical-align: baseline;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
    }
    .button-green-dash-1:hover,
    .button-green-dash-1:focus {
        background-color: #1c67bd;
    }
}