@font-face {
    font-family: Sarabun;
    src: url('/src/font/Sarabun/Sarabun-Regular.ttf');
}

@font-face {
    font-family: Mitr;
    src: url('/src/font/Mitr/Mitr-Regular.ttf');
}

@font-face {
    font-family: Athiti;
    src: url('/src/font/Athiti/Athiti-Regular.ttf');
}

@font-face {
    font-family: Maitree;
    src: url('/src/font/Maitree/Maitree-Regular.ttf');
}

@font-face {
    font-family: Pridi;
    src: url('/src/font/Pridi/Pridi-Regular.ttf');
}

@font-face {
    font-family: Thasadith;
    src: url('/src/font/Thasadith/Thasadith-Regular.ttf');
}

@font-face {
    font-family: SF Thonburi;
    src: url('/src/font/SF_Thonburi/SFThonburi-Regular.ttf');
}

@font-face {
    font-family: IBM Plex Sans Thai;
    src: url('/src/font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Regular.ttf');
}


@font-face {
    font-family: Kanit;
    src: url('/src/font/Kanit/Kanit-Regular.ttf');
}

@font-face {
    font-family: Prompt;
    src: url('/src/font/Prompt/Kanit-Regular.ttf');
}

@font-face {
    font-family: Bai Jamjuree;
    src: url('/src/font/Bai_Jamjuree/BaiJamjuree-Regular.ttf');
}

@font-face {
    font-family: CS PraJad;
    src: url('/src/font/CS_PraJad/CSPraJad-v2.otf');
}

@font-face {
    font-family:Niramit ;
    src: url('/src/font/Niramit/Niramit-Regular.ttf');
}

* {
    box-sizing: border-box;
    font-family:Prompt;
}


#main {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    margin-top: 80px !important;
    position: relative;
}

.ac-btn {
    border: 0;
    outline: 0;
    padding: 4px 8px;
}

.ac-btn:hover {
    cursor: pointer !important;
    filter: brightness(80%);
}

a.ac-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a.ac-btn:hover {
    filter: brightness(80%);
}

a.ac-btn:active {
    filter: brightness(80%);
}

.border-radius-4 {
    border-radius: 4px;
}

.border-radius-7 {
    border-radius: 7px;
}


table thead tr {
    border-bottom: 2px solid black;
}

.validate-empty {
    color: #FF0000;
    font-weight: bolder;
}

.wrapper {
    width: 100%;
}

.card {
    z-index: 0;
    border-radius: 12px !important;
    border: 0 !important;
    background-color: #EAECEE;
    box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}


.card-img-top {
    width: 100%;
    height: 250px;
    object-fit: cover;

}

.form-control {
    color: #424242 !important;
    font-weight: bolder !important;
    background-color: #F5F5F5 !important;
    border: 2px solid #D0D3D4 !important;
    border-radius: 22px !important;
}

.form-control::placeholder {
    color: #757575 !important;
}

.form-control:focus {
    box-shadow: none !important;
    border: 2px solid #0066FF !important;
}

.form-control:focus::placeholder {
    color: #BDBDBD !important;
}

.form-select {
    font-weight: bolder !important;
    background-color: #F5F5F5 !important;
    border: 2px solid #D0D3D4 !important;
    border-radius: 22px !important;
}

.form-select:focus {
    background-color: #EEEEEE !important;
    color: #626567;
    box-shadow: none !important;
    border: 2px solid black !important;

}

.form-check-input {
    font-size: 1.2rem;
}

.check-input-group {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.check-input-group.inline-flex {
    margin: 8px;
}

.check-input {
    width: 22px;
    height: 22px;
}


.check-label {
    font-weight: bold;
    margin-left: 12px;
}

.check-input:hover,
.check-label:hover {
    cursor: pointer;
}

.form-label {
    font-weight: bolder;
    color: #212121;
    margin-bottom: 0 !important;
}