/* .log_img{background: black;}

@media (max-width:1299px){
    .log_img{display: none}
} */

.login_back_img{background-image:url("../resource/field/login_field.png")}
.t_img{background-image:url("../resource/headlogo.png")}
.ta_img{background-image:url("../resource/noimage.png")}

.chart_resize_btn{ position: absolute; bottom: 10px; right: 10px; }
.resize_img{ width: 30px; cursor:pointer;  }


.background_bk {background-color: black;}

.info_table {width: 100%;}
.info_table tr td {padding: 5px;}
.info_header {width: 200px;}
.info_label_search { color: #4285f4; cursor: pointer; font-weight:bold; border-bottom:1px solid  #4285f4;}

.activetab { background-color: rgb(35, 73, 144) !important; color: white;}
.activetab > p {  color: white !important;}
.active { background-color: rgb(35, 73, 144); color: white;}

.submenu_open{overflow: visible !important; }
 
.field_navtab_active { border-bottom: 2px solid #878e8f !important; background: #002060 !important; }    
.field_navtab_item {  text-align: center; margin: 5px; width: 36px; font-size: 20px; border-bottom: 2px solid #a0a8a9;
    font-weight: bold; background: #b3ccff; color: white; cursor: pointer; border-radius: 5px;}

.tab_header div {float: left; padding: 10px; width: 200px; border: 1px solid #ccc; border-radius: 0px 20px 0px 0px; cursor: pointer; }
.tab_header a {font-size:15px; float:left; font-weight :bold; }    
.tab-content {border: 1px solid #ccc; padding: 10px; min-height: 400px;}

.support_title {width: 120px; font-size: 20px; font-weight: bold; color: rgb(66, 133, 244); border-left: 5px solid rgb(66, 133, 244); 
padding-left: 5px; margin-bottom: 10px;}
.support_sub { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed lightgray; }
.support_sub_title {width: 120px; font-size: 15px; font-weight: bold; margin-bottom: 10px;}


.SearchForm {font-size: 12px; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; padding: 10px; }
.SearchForm table {width: 100%; }

.CardForm { font-size: 12px;}
.card_cs { width:274px; height: 400px; margin:10px; border: 1px solid lightgray; padding:10px; cursor: pointer; }
.card_cs div { margin-top: 5px; }

.table-list {width: 100%;}
.table-list thead {background-color: #f9f9f9;}
.table-list tr td {text-align: center; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; margin: 5px 0px; padding: 5px; }

tr.row_detailtoggle { display: none; width: 100%; }
tr.row_detailtoggle div { display: none; }









.jsgrid-pager { text-align: center;}


select {height: 30px; padding :3px 10px;}

.pagetitle {margin: 10px; height: 35px; position: relative;}
.pagetitle h2 {text-align: left; }
.pagetitle span {text-align: right; }
.pagetitle .btn{right: 0;} 
/* .pagetitle .btn{position:absolute;right: 0;transform: translateY(-100%);} */


.searchtitle {display: none; width: 60px; text-align: center; font-weight: 500; background-color: #e7e7e7; border-radius: 15px; }
.fa-search{ font-size: 27px; margin: 4px; cursor: pointer; color: #4285f4;} 
.fa-edit { font-size: 24px; margin: 4px; cursor: pointer; } 
.fileicon {font-size: 20px !important;}

.anone { display: none; }

.jsgrid-grid-header,.jsgrid-grid-body{overflow-y:hidden;}
.jsgrid-grid-body { height: auto !important;}

.grid_row_alert { color:  red;}
.grid_row_bold { font-weight: 900; border-left: 1px solid; cursor: pointer;}
.grid_row { cursor: pointer;}

.txt_right{text-align: right;}


.pageinfo {margin: 10px 0px 15px 0px; height: 35px; display: flex;}
.pageinfo span {text-align: right; width: 100%;}


.popup_page {padding :0px 10px;}
.popup_header {height: 60px; background-color: #f6f6f6; padding :0px 20px; display:flex; justify-content: space-between; align-items: center;
                 position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
.popup_body {padding: 50px 10px 10px;}
.popup_title {width:100%; font-size: 24px;  font-weight: bold; border-bottom: 1px solid #ccc; margin-block: 10px;} 

.popup_subtitle { padding: 10px 0px 15px;}   
.popup_subtitle span { padding: 10px 0px; font-size: 15px;  font-weight: bold; } 
.popup_btnlist button { width:65px; float:right; margin: 10px 0px 0px 10px; }
.popup_table {width: 100%; font-size: 11px;}
.popup_table tr {height: 40px;}
.popup_table tr td {border: 1px solid #d2d2d2; }

.search_table tr {width: 100%;}
.search_table tr {height: 40px;}
.search_table tr td {border-top: 1px solid #d2d2d2;  padding: 10px; border-bottom: 1px solid #d2d2d2; }

.table_title {width: 200px; font-size: 15px; font-weight: bold; color:dimgrey; text-align:center; background-color: #e7e7e7;}
.table_contents {padding: 0px 10px;}    
.table_contents input {width: 100%;}    



.imgicon { margin:2px; cursor: pointer; width: 25px;}

.page_harf {width:50%; float:left; padding : 0px 5px;}



.pastdate {background-color: lightgray; color:dimgray; padding: 3px;}

.alertinfo {color: red; font-weight: 600;}
.progress_date{ font-size: 11px; white-space: break-spaces; }


p.tit{ border-bottom:1px solid #ccc;font-size:24px;font-weight: bold;}
p.tit .btn{float:right;padding: 5px 10px;}

.form-group input[type='radio']{display:none;}
.form-group input[type='checkbox']{display:none;}

input[type="radio"]{  width: 20px; height: 20px; margin: 7px;  -webkit-appearance:auto;}