/**************************************************************************************************/
/***************************************** from nas.css *******************************************/
/**************************************************************************************************/
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew';
    src: url('../../fonts/THSarabunNew.eot');
    src: local('☺'), url('../../fonts/THSarabunNew.woff') format('woff'), url('../../fonts/THSarabunNew.ttf') format('truetype'), url('../../fonts/THSarabunNew.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew Bold';
    src: url('../../fonts/THSarabunNew Bold.eot');
    src: local('☺'), url('../../fonts/THSarabunNew Bold.woff') format('woff'), url('../../fonts/THSarabunNew Bold.ttf') format('truetype'), url('../../fonts/THSarabunNew Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew Italic';
    src: url('../../fonts/THSarabunNew Italic.eot');
    src: local('☺'), url('../../fonts/THSarabunNew Italic.woff') format('woff'), url('../../fonts/THSarabunNew Italic.ttf') format('truetype'), url('../../fonts/THSarabunNew Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv_THSarabunNew BoldItalic';
    src: url('../../fonts/THSarabunNew BoldItalic.eot');
    src: local('☺'), url('../../fonts/THSarabunNew BoldItalic.woff') format('woff'), url('../../fonts/THSarabunNew BoldItalic.ttf') format('truetype'), url('../../fonts/THSarabunNew BoldItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: KwamSook;
    src: url('../../fonts/kwamsook/KwamSook_regular.otf') format("opentype");
}
/*@font-face {
    font-family: KwamSook;
    font-weight: bold;
    src: url('../../fonts/kwamsook/KwamSook_bold.otf') format("opentype");
}
@font-face {
    font-family: KwamSook;
    font-weight: italic;
    src: url('../../fonts/kwamsook/KwamSook_italic.otf') format("opentype");
}*/

.center {
    text-align: center;
}
.middle {
    vertical-align: middle;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

.table-inner-border-less th,
.table-inner-border-less thead tr th
.table-inner-border-less td,
.table-inner-border-less tbody tr td {
    border: none;
}

.table-curved {
    /*border-collapse: separate;*/
}
.table-curved {
    border: solid #ccc 0px;
    border-radius: 6px;
}
.table-curved td, .table-curved th {
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}
.table-curved th {
    border: none;
}
.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
    border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.show_data_table thead th {
    background: #1da1f2; /*#ec7d16;*/
    /*background-image: -webkit-linear-gradient(top, #34d968, #0d5706);
    background-image: -moz-linear-gradient(top, #34d968, #0d5706);
    background-image: -ms-linear-gradient(top, #34d968, #0d5706);
    background-image: -o-linear-gradient(top, #34d968, #0d5706);
    background-image: linear-gradient(to bottom, #34d968, #0d5706);*/
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.show_data_table tbody td, .entry_data_table tbody td {
    /*font-family: "Athiti", sans-serif;
    font-weight:400; 
    font-size:0.9rem;*/
    font-family: KwamSook, Athiti;
    font-size: 0.9rem;
    color: #000;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    /*text-align: center;*/
    vertical-align: middle;
}

.show_data_table tfoot td {
    padding-top: 0px;
    text-align: center;
}

.show_data_table {
    text-align: center;
}

.show_data_table_small thead th {
    background: #1da1f2;
    /*background-image: -webkit-linear-gradient(top, #34d968, #0d5706);
    background-image: -moz-linear-gradient(top, #34d968, #0d5706);
    background-image: -ms-linear-gradient(top, #34d968, #0d5706);
    background-image: -o-linear-gradient(top, #34d968, #0d5706);
    background-image: linear-gradient(to bottom, #34d968, #0d5706);*/
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.8rem;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.show_data_table_small tbody td {
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.8rem;
    color: #000;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    /*text-align: center;*/
    vertical-align: middle;
}

.show_data_table_small {
    text-align: center;
}


.entry_data_table {
    background-color: #fff;
    text-align: left;
    padding: 8px 0px 8px 0px;
}

.table-center {
    margin-left:auto;
    margin-right:auto;
}

.odd {
    background: #f7f7f7;
}

.even {
    background: #ffffff;
}

/*.list th:hover,*/ .list tbody tr:hover {
    background: #cbe7f8;
}





/*** ตารางเงื่อนไขการค้นหา ***/
.condition-box{
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px 5px 5px 5px;
    padding-left: 3rem;
    padding-right: 3rem;
    margin: 0.5rem;
    height: fit-content;
}
.condition-title{
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:1rem;
}
.condition-box table{
    font-family: KwamSook, Athiti;
    font-weight:400; 
    font-size:0.9rem;
    margin-left: 3rem;
}

/** ปุ่มค้นหา **/
#search{
    background-image: url('../../../web/images/icon/search-white-icon.png'), linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); 
    background-repeat: no-repeat, no-repeat;
    background-size: 16px 16px, contain;
    background-color:#007dc1;
    padding-left: 18px; 
    background-position-y: center;
    margin-left: 0.5rem;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem; 
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
#search:hover {
    background-image: url('../../../web/images/icon/search-white-icon.png'), linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    background-color:#0061a7;
}
#search:active {
    position:relative;
    top:1px;
}

/** ปุ่ม Download **/
#download_btn{
    background-image: url('../../../web/images/icon/download.png'), linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); 
    background-repeat: no-repeat, no-repeat;
    background-size: 16px 16px, contain;
    background-color:#007dc1;
    padding-left: 18px; 
    background-position-y: center;
    margin-left: 0.5rem;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem; 
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
#download_btn:hover {
    background-image: url('../../../web/images/icon/download.png'), linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    background-color:#0061a7;
}
#download_btn:active {
    position:relative;
    top:1px;
}

/*** ปุ่มเพิ่มข้อมูล ***/
#add{
    background-image: url('../../../web/images/icon/plus_white_icon.png'), linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); 
    background-repeat: no-repeat, no-repeat;
    background-size: 16px 16px, contain;
    background-color:#007dc1;
    padding-left: 18px; 
    background-position-y: center;
    margin-left: 0.5rem;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem; 
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
#add:hover {
    background-image: url('../../../web/images/icon/plus_white_icon.png'), linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    background-color:#0061a7;
}
#add:active {
    position:relative;
    top:1px;
}

/*** ปุ่มอนุมัติ ***/
.approve-btn{
    background-image: url('../../../web/images/icon/pms.gif'), linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); 
    background-repeat: no-repeat, no-repeat;
    background-size: 16px 16px, contain;
    padding: 2px 5px 2px 18px; 
    background-position-y: center;
    background-color:#f9f9f9;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem; 
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.approve-btn:hover {
    background-image: url('../../../web/images/icon/pms.gif'), linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    background-color:#e9e9e9;
}
.approve-btn:active {
    position:relative;
    top:1px;
}
/*** ปุ่มไม่อนุมัติ ***/
.reject-btn{
    background-image: url('../../../web/images/icon/remove.png'), linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); 
    background-repeat: no-repeat, no-repeat;
    background-size: 16px 16px, contain;
    padding: 2px 5px 2px 18px;
    background-position-y: center;
    background-color:#f9f9f9;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem; 
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.reject-btn:hover {
    background-image: url('../../../web/images/icon/remove.png'), linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    background-color:#e9e9e9;
}
.reject-btn:active {
    position:relative;
    top:1px;
}
/*** ปุ่มผู้ดูแลระดับตำบล ***/
.assign-tambon-admin-btn{
    background-image: url('../../../web/images/icon/Add-Male-User-icon.png'), linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); 
    background-repeat: no-repeat, no-repeat;
    background-size: 16px 16px, contain;
    padding: 2px 5px 2px 18px;
    background-position-y: center;
    background-color:#f9f9f9;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family: KwamSook, Athiti;
    font-weight:500; 
    font-size:0.9rem; 
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.assign-tambon-admin-btn:hover {
    background-image: url('../../../web/images/icon/Add-Male-User-icon.png'), linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    background-color:#e9e9e9;
}
.assign-tambon-admin-btn:active {
    position:relative;
    top:1px;
}

/*** ตารางแสดงผลข้อมูล ***/
#content-box table {
    position: relative;
}
#content-box th{
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}

/*** pagination ***/
#pagination {
    /*margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: fit-content*/
}