@charset "UTF-8";

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 5px;
  margin: 5px;
}
input[type=text]{
	letter-spacing: -0.06rem;
	/* padding: 0.4rem 0.6rem 0.3rem;
    line-height: 1.5;
    font-size: .9rem;
    font-weight: 400; */
}
input:not([type="range"]):not([type="color"]) {
    writing-mode: horizontal-tb !important;
}
input:disabled {
    cursor: default;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: #E5E5E5;
    background-color: #bfc2c9;
}
input:-internal-autofill-selected {
	background-color: -internal-light-dark(rgb(243, 243, 243), rgba(70, 90, 126, 0.4)) !important;
}
select:not(:-internal-list-box) {
    overflow: visible !important;
}
select:disabled {
    color: -internal-light-dark(graytext, rgb(170, 170, 170));
    opacity: 0.7;
    border-color: #E5E5E5;
    background-color: #F0F1F4;
}
option {
    display: block;
    white-space-collapse: collapse;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    font-size: .787rem;
	font-weight: 500;
	text-wrap: nowrap;
    letter-spacing: -0.06rem;
    align-items: center;
    color: #475770 !important;
	border-bottom: 1px solid #aaa;
}
.btn-default {
  color: #333;
  background-color: #ffffff;
  border: 1px solid #ced4da;
}
/* 탭메뉴 관련 항목 */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 0px solid #ddd;
  padding-bottom: 1rem;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: .5rem;
  line-height: 1.42857143;
  /* border: 1px solid transparent; min-width: 150px; */
  border-radius: 50rem;
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
  letter-spacing: -0.05rem;
  font-size: 1rem;
}

.nav-tabs > li > a strong {
  font-weight: 400;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
  background-color: #8a929a;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #4880EE;
  border-color: #4880EE;
  /* border: 1px solid #ddd; border-bottom-color: transparent; */
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.navbar-nav{
	height:100%;
}

/****/

table.dashboard-table{
	color: #747e98;
    font-size: 0.776rem;
    font-weight: 600;
    letter-spacing: -0.05rem;
	padding: 1rem;
}

table.dashboard-table tr th:first-child{
	border-left: 0px solid #b5b5b5;
}

table.dashboard-table tr th{
	background-color: #F0F1F4;
    border-left: 1px solid #b5b5b5;
    border-right: 0px solid #ddd;
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	color: #3a435a;
    font-size: 0.776rem;
    font-weight: 500;
    letter-spacing: -0.05rem;
	padding: .5rem 1rem;
	text-align: center;
}

table.dashboard-table tr td:first-child{
	border-left: 0px solid #b5b5b5;
}

table.dashboard-table tr td{
	background-color: #ffffff;
    border-left: 1px solid #d9d9d9;
    border-right: 0px solid #ddd;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	color: #747e98;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.05rem;
	padding: .5rem 1rem;
	text-align: center;
}

/****/

table{
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 4px;
}
table th{
	background-color: #ffffff;
    border-left: 0px solid #ddd;
    border-right: 0px solid #ddd;
	color: #747e98;
    font-size: 0.776rem;
    font-weight: 600;
    letter-spacing: -0.05rem;
	padding: 1rem;
}

.table td, .table th{
	margin: auto;
	padding:0.4rem;
	vertical-align:middle;
}

.form-group {
	margin: 5px;	
}
.form-group label{
	margin-right:10px;
}

.options-div {
    display: table;
    height: 100%;
    width: 80%;
}
.option-div {
    display: table-cell;
    vertical-align: middle;
}

.container-fluid{
	min-height:100%;
}
.sticky-footer{
	position: fixed;
	width:100%;
	height:50px;
	bottom: 0;	
}
.drxs-layout-content{
	position:relative;
	min-height:100%;

}

.drxs-container{
	
}
.drxs-title{	

}
.drxs-search{
	margin:0;
}
.drxs-search input{
	height:30px;
	padding:0;
	padding-left:6px;
	padding-right:6px;
	vertical-align:middle;

}
.drxs-search input[type=text]{
	height:30px;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	vertical-align:middle;
}
.drxs-search input[type=checkbox]{
	height:13px;
	margin:8px;
}
.drxs-search input[type=radio]{
	height:13px;
}
.drxs-search select{
	height: 30;
    padding: 0px;
    padding-left:6px;
	padding-right:6px;
}
.drxs-search td{
	vertical-align:middle;
	margin:0px;
}
.drxs-search button{
	height: 30px;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
}
.drxs-button{
	margin-bottom:10px;
}
.drxs-button button{
	height: 30px;
	padding: 3px;
	padding-left:6px;
	padding-right:6px;
}
.drxs-content{
	min-height:100%;
}
.drxs-jqgrid{
	position:relative;
}
.drxs-jqgrid-button{
	margin-bottom:10px;
	
}
.drxs-jqgrid-content{
	margin-top:10px;

}
#gridArea{
		overflow-x:hidden;
		overflow-y:hidden;
		height:auto; /* 510px; */
}
#gridAreaPopUp{
		overflow-x:hidden;
		overflow-y:hidden;
		height:360px;
}
#gridAreaSub{
		overflow-x:hidden;
		overflow-y:hidden;
}
.drxs-tab{
	
}
.drxs-tabmenu{
	
}
.drxs-tabcontent{
	
}

.drxs-modal-content{
	
}
.drxs-modal-header{
	
}
.drxs-modal-body{
	
}
.drxs-modal-footer{
	
}

.drxs_align_left *{
	float: left;
}
.drxs_align_select{
	min-width:100px;
	padding-bottom: 0;
    padding-top: 0;
    margin-left:3px;
    margin-right:3px;
}
#content-wrapper{
	overflow-y:hidden;
}
body{
	-ms-overflow-style:none;
	background-size: cover;
	 }
body::-webkit-scrollbar { display:none; }
.drxs-bottom{
	
}
.ui-jqgrid-titlebar{
	display:none;
}
.ui-jqgrid{
    height:320px;
    background-color: #f8f9fc;
    border: 0;
}
.ui-jqgrid tr.jqgrow td {
	padding: .5rem .5rem;
}
/* .datepicker-dropdown{
	top:15%;
} */
#content{
	margin-bottom:80px;
}
#pagenate{
	width:100%;
}
red{
	color:#ff0001;
}
.texttitle{
	width: 15%
}
.textinput{
	width: 35%
}
.topbutton{
	margin-top: -7px;
}

.bottombutton{
	padding-bottom: 10px;
}

.textright{
	text-align: right;
}

#Progress_Loading
{
 position: absolute;
 left: 50%;
 top: 50%;
 background: #ffffff;
 margin:-50px 0 0 -50px;
 z-index: 999;
}

#Progress_Loading1
{
 position: absolute;
 left: 50%;
 top: 50%;
 background: #ffffff;
 margin:-50px 0 0 -50px;
 z-index: 999;
}




.pop-layer {
  display: none;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}








.pop-layer_member {
  display: none;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer_member {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer_member .dimBg_member {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer_member .pop-layer_member {
  display: block;
}

.pop-layer_merber {
  display: none;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer_merber {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer_merber .dimBg_merber {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer_merber .pop-layer_merber {
  display: block;
}

.pop-layer_pharm {
  display: none;
  top: 50%;
  left: 50%;
  width: 410px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.dim-layer_pharm {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer_pharm .dimBg_pharm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer_pharm .pop-layer_pharm {
  display: block;
}


.btn{
	padding:5px 8px 4px;
	/* margin:8px 1px; */	
}
.btn-s{
	display: inline-block;
	font-size: .798rem;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
	padding:2px 8px 1px;
	/* margin:8px 1px; */	
}

.theader{
	text-align:center;
}

.oneLine{
	position:relative;
	display:flex;
	text-align:left;
	vertical-align:middle;
	margin:30px;
}
