body {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 16px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

th, td {
    font-size: 14px !important;
}

label {
    font-size: 16px !important;
}

.btn {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

.bg-light {
    background-color: #FFFFFF !important;
}

.bg-primary {
    background-color: #0C5495 !important;
}

.font-footer-en {
    font-size: 12px !important;
    color: #666;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 4.25rem;
    color: #fff;
    text-align: left !important;
}

.menu-title {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    color: #2366A2 !important;
}

.menu-text {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 16px;
}

.title-oap {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-weight: bold;
    clear: both;
}

.wpr-oap {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    float: left;
    clear: both;
}

.app-title {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 18px;
    font-weight: 900;
    color: #FFFFFF;
    margin: 5px 0px 0px 10px;
    position: absolute;
}

.app-subtitle {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 18px;
    font-weight: 900;
    color: #FFFFFF;
    margin: 25px 0px 0px 10px;
    position: absolute;
}

.org-name-th {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 18px;
    font-weight: 900;
    color: #2366A2;
    margin: 5px 0px 0px 10px;
    position: absolute;
}

.org-name-en {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 18px;
    font-weight: 900;
    color: #2366A2;
    margin: 25px 0px 0px 10px;
    position: absolute;
}

.org-name-th-2 {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 16px;
    color: #FFFFFF;
    margin: 5px 0px 0px 10px;
    position: absolute;
}

.org-name-en-2 {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 16px;
    color: #FFFFFF;
    margin: 25px 0px 0px 10px;
    position: absolute;
}

.footer-dt-1 {
    font-size: 16px;
    color: #2365a0;
    margin: 5px 0px 0px 10px;
    position: absolute;
}

.footer-dt-2 {
    font-size: 16px;
    color: #2365a0;
    margin: 25px 0px 0px 10px;
    position: absolute;
}

.footer-dt-3 {
    font-size: 16px;
    color: #2365a0;
    margin: 45px 0px 0px 10px;
    position: absolute;
}

.footer-dt-4 {
    font-size: 16px;
    color: #2365a0;
    margin: 65px 0px 0px 10px;
    position: absolute;
}

.header-fixed:not([data-kt-sticky-header=on]) .topbar .btn.btn-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #a1a5b7;
}

.breadcrumb-bar {
    background-image: url("../img/nav.png");
    background-color: #cccccc;
    height: 180px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.breadcrumb-title {
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

.header-fixed .wrapper {
    padding-top: 0px;
}

.navbar-text {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

.oap-breadcrumb {
    color: #FFFFFF;
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

.breadcrumb-app {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    color: #F64E60;
}

.header-fixed .wrapper {
    padding-top: 0px;
}

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

.bg-head-color {
    background-color: rgba(240, 243, 245, 1) !important;
}

.pad-modal {
    margin: 0 15%;
    padding: 0 10%;
}

.pad-modal-type {
    margin: 0 15%;
    padding: 0 5%;
}

.pt-7px {
    padding-top: 7px !important;
}

.pt-30px {
    padding-top: 30px !important;
}

.pb-30px {
    padding-bottom: 30px !important;
}

.pl-5per {
    padding-left: 5%;
}

.mt-10px {
    margin-top: 10px !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.mt-25px {
    margin-top: 25px !important;
}

.mt-30px {
    margin-top: 30px !important;
}

.mt-40px {
    margin-top: 40px;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.mb-25px {
    margin-bottom: 25px !important;
}

.mb-30px {
    margin-bottom: 30px !important;
}

.mb-35px {
    margin-bottom: 35px !important;
}

.mb-40px {
    margin-bottom: 40px;
}

.ml-15px {
    margin-left: 15px !important;
}

.ml-50px {
    margin-left: 50px !important;
}

.mr-20px {
    margin-right: 20px;
}

.mr-25px {
    margin-right: 25px;
}

.mr-50px {
    margin-right: 50px;
}

.btn-can-sty {
    background-color: rgba(248, 108, 107, 1);
    color: rgba(255, 255, 255, 1);
}

.btn-app-sty {
    background-color: rgba(66, 157, 240, 1);
    color: rgba(255, 255, 255, 1);
}

.btn-add {
    background-color: rgba(229, 243, 255, 1) !important;
    color: rgba(66, 157, 240, 1) !important;
}

.title-tab {
    background-color: rgba(245, 245, 249, 1) !important;
    color: rgba(66, 157, 240, 1) !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
}

.color-title-blue {
    color: rgba(35, 102, 162, 1) !important;
}

.hr-dot {
    border-top: 3px dashed #E5F3FF;
    border-bottom: 0px;
}

.hr-end {
    border-top: 2px solid #E5F3FF;
    border-bottom: 0px;
}

.br-10px {
    border-radius: 10px !important;
}

.bk-blue {
    background-color: #E5F3FF;
    margin: 0px calc((100% - 56px) - 100%) 20px calc((100% - 56px) - 100%);
    padding: 10px 40px 10px 55px;
}

.bk-blue-nat {
    background-color: #E5F3FF;
    margin: 0px calc((100% - 79px) - 100%) 20px calc((100% - 56px) - 100%);
    padding: 10px 40px 10px 55px;
}

.pad0 {
    padding: 0px;
}

.mar0 {
    margin: 0px;
}

.border-g {
    /*border: 1px solid rgba(191, 191, 191, 1);*/
    border: #00b300;
}

.bg-tab3en {
    background-color: rgba(66, 157, 240, 1) !important;
    border-radius: 7px;
    color: white !important;
}

.bg-tab3gr {
    background-color: rgba(201, 250, 218, 1);
    border-radius: 7px;
    color: rgba(76, 189, 116, 1) !important;
}

.txt-red {
    color: rgb(255, 0, 0) !important;
}

.req-input {
    border: 1px solid red !important;
}

.fn-title {
    font-style: normal;
    font-weight: 100;
    font-size: 30px;
}

.sty-sub-t {
    font-weight: 400;
    font-size: 17px;
    color: rgb(0, 0, 0);
}

.sty-sub-b {
    font-weight: 400;
    font-size: 14px;
    color: rgba(99, 99, 99, 1);
}

.rcorners1 {
    border-radius: 10px;
    padding: 5px;
}

.t1 {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
}

/*@media only screen and (min-width: 991px) {*/
/*    .disp-none{*/
/*        display: none;*/
/*    }*/
/*}*/

.menu-color{
    color: black !important;
}

.menu-color:hover{
    color: #3699FF !important;
}

.min-w-8{
    min-width: 66.66% !important;
}

.set-m-t{
    margin-top: 0px;
}

.org-name-th-ed {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    /*font-size: 18px;*/
    font-weight: 900;
    color: #2366A2;
    margin: 5px 0px 0px 10px;
    position: absolute;
}

.org-name-en-ed {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    /*font-size: 18px;*/
    font-weight: 900;
    color: #2366A2;
    margin: 25px 0px 0px 10px;
    position: absolute;
}

@media screen and (max-width: 991px) {
    .set-m-t{
        margin-top: 55px;
    }
}

.readOnly{
    background-color: #F3F6F9 !important;
}

.radio > span {
    background-color: #b9b9b9 !important;
}

.radio > input:checked ~ span {
    background-color: #3699FF !important;
}