/*! 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,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .navbar,
    .td-name,
    button,
    a,
    body,
    button.close,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    td,
    i,
    span {
        font-family: "th_sarabun_newregular";
    }
    
    .sarabum {
        font-family: "th_sarabun_newregular";
    }
    
    .icon-home-dash {
        font-size: 35px;
    }
    
    .icon-insert {
        font-size: 18px;
    }
    
    .card-dashboard {
        height: 180pt;
    }
    
    option,
    input {
        font-size: 28px;
    }
    /* .card-title{
    font-family: "th_sarabun_newregular";
    font-size: 25px;
    font-weight: 600;
} */
    
    .form-select {
        font-size: 21px;
    }
    
    .form-control {
        font-size: 21px;
    }
    
    li .a {
        font-size: 23px;
    }
    
    .label {
        text-align: right;
    }
    
    .box-border {
        width: auto;
        padding: 10px;
        border: 1px solid #1C1917;
        margin: 2px;
    }
    
    .box-border-1 {
        width: auto;
        padding: 10px;
        border: 2px solid #FF3333;
        margin: 2px;
    }
    
    .box-border-2 {
        width: auto;
        padding: 10px;
        border: 2px solid #33CC00;
        margin: 2px;
    }
    
    .box-border-3 {
        width: auto;
        padding: 10px;
        border: 2px solid #FFD700;
        margin: 2px;
    }
    
    .box-border-4 {
        width: auto;
        padding: 10px;
        border: 2px solid #66FF00;
        margin: 2px;
    }
    
    .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: #b5b5e675;
        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: #b5b5e6;
    }
    
    .button-yellow {
        background-color: #FFB900;
        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: #ffbb00d3;
    }
    
    .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-print-f {
        background-color: #FFFFFF;
        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: 50px;
        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;
        border: 2px solid red;
    }
    
    .button-print-f:hover,
    .button-print-f:focus {
        background-color: #FFFFFF;
    }
    
    .i-e {
        color: #006600;
    }
    
    .i-f {
        color: red;
    }
    
    .button-print-e {
        background-color: #FFFFFF;
        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: 50px;
        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;
        border: 2px solid #006600;
    }
    
    .button-print-e:hover,
    .button-print-e:focus {
        background-color: #FFFFFF;
    }
    
    .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-add {
        background-color: #00cc6a;
        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-add:hover,
    .button-add:focus {
        background-color: #00cc69d2;
    }
    
    .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: #E74856;
        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: #e74855d0;
    }
    
    .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;
    }
    
    .upload-box {
        font-size: 18px;
        background: white;
        border-radius: 50px;
        box-shadow: 2px 2px 5px black;
        width: 250px;
        outline: none;
    }
    
     ::-webkit-file-upload-button {
        color: white;
        background: #206a5d;
        padding: 10px;
        border: none;
        border-radius: 50px;
        box-shadow: 1px 0 1px 1px #6b4559;
        outline: none;
    }
    
     ::-webkit-file-upload-button:hover {
        background: #438a5e;
    }
    
    @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;
        }
    }