/* body */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

body { font-family: 'Noto sans KR' !important; }

html, body{margin: 0;overflow: auto; height: 100%;}
.hidden {display: none;}
body.ios-noscroll {	position: fixed;	left: 0;	right: 0;}
body.non-ios-noscroll {	overflow: hidden;	position: relative;}

form {margin: 0;}
a {color: #087FDC;}

/* header */
.main-header .navbar-nav .nav-item {/* margin: 0 .25rem; */}
.content-header {padding: 0 .5rem;}

/* 메뉴 탭 */
.tab-content {padding-top: 1rem;}

/* 기본정보 테이블  - 팝업*/
.c_title {font-weight: 700; display: inline-block; margin-bottom: .5rem;}


/* 그리드 그룹 헤더 */
.grid-group-header .ag-header-group-cell-label{
  text-align: center;
  display: inline-grid;
}

/* 그리드 헤더  */
.ag-header-cell-label{
  text-align: center;
  justify-content: center;
}

/* 그리드 상태 status */
.grid_row_status_alert {
  position: fixed;
}

.grid_row_status_alert  small{
    padding: 1px 3px;
    border-radius: 3px;
    color: #fff !important;
}

.search-bt-wrapper {
	position: relative;
 	text-align: right;
}

/* 조회Box */
.navbar-dark .navbar-nav .nav-link {
	display: flex;
	align-items: center;
}

/* input창이 두개이상일 때 */
input[id="searchSDttm"], [id="searchEDttm"]{
	display: inline;
	width: 48%;
}

.text-group {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

@media (min-width: 768px) {
	.text-group {
		display: inline;
	}
}

@media (min-width: 768px) {
	input[id=searchEmpNum], input[id="searchEmpName"], [id="searchSDttm"], [id="searchEDttm"], [id="searchBusNumber"], [id="searchCcode"], [id="searchBusName"]{
		width: 25% !important;
	}
	select[name=searchYYYY]{width:120px;}
	select[name=searchMM]{width:100px;}
}

/* select[name=searchYYYY]{width:120px;}
select[name=searchMM]{width:100px;} */
/* 부서 Select box */
/* select[name=searchDeptCode]{width:150px;}
 */
/* 해약진행상태 Select box*/
/* select[name=searchProgst]{width:150px;} */

/* .form-control{display: inline;} */
.inbound-tab label {width: 10% !important;}

.search-wrapper {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  border-left: 1px solid #d2d6de;
  border-right: 1px solid #d2d6de;
  border-bottom: 1px solid #d2d6de;
  margin: 10px 0;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.search-wrapper .box-title {
  font-size: .9rem;
  font-weight: bold;
  border-bottom: 1px solid #f4f4f4;
  background: #d2d6de;
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
}

.search-wrapper .box-body {
  font-size: .8rem;
  color: #444;
  display: block;
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.card-body {
  overflow: hidden;
}

.col-md-12 {
  padding: 0;
  margin-bottom: 10px;
}

/* .col-md-4, .col-md-6 {padding: 0} */


/* .col-md-3 {
	max-width: 24%;
} */

.col-md-3, .col-md-6 {
  display: inline-block;
}

.form-group label {
 /*  margin-right: 10px; */
  /* width: 20%; */
  white-space: nowrap;
}

@media (min-width: 768px) {
	.form-group label {
 	 	margin-right: 10px;
	}
}

/* @media (min-width: 768px) {
	.col-md-6 {flex: 0 0 50%; max-width: 49%;}
} */

.search-wrapper .box-body  li {
  white-space: nowrap;
  padding: .1rem 1rem;
  font-weight: bold;
}

/* 검색버튼 */
.form-group .btn-lg {vertical-align: top; margin-left: 2px;}
.form-group .btn-md {vertical-align: top; margin-left: 2px;}
.form-group .btn-sm {vertical-align: baseline; margin-left: 2px;}
.form-group .btn-xs {vertical-align: top; margin-left: 2px;}

.grid-wrapper ul.primary {
  /* background-image: -webkit-gradient(linear, left top, right bottom, from(#0084e7), to(#0067b4)); */
  /* background-image: linear-gradient(to bottom right, #4c5eff, #4c5eff); */
  border-bottom: none;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  font-size: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  height: 35px;
  text-overflow: ellipsis;
  overflow: auto;
}


.grid-wrapper ul.primary li {
		/* margin-top: .5rem; */
	  white-space: nowrap;
	  /* padding: 0 .5rem; */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  align-items: center;
	}

.grid-wrapper .note {
	font-size: .6rem; color: #d45769;
}

.grid-wrapper ul.primary li form {
	margin: 0;
}

.grid-wrapper ul.primary li button {
	margin: 0 .1rem;
}

.grid-wrapper ul.primary>li:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1rem;
  color: #353535;
  display: flex;
  align-items: center;
}

/*매출관리 - 파일첨부 */
.filedown {color: rgba(255,255,255,0.75); display: flex; align-items: center;}

/* 게시판 table, 고객정보 펼치기 */

/* mobile */
#testCustomerShow .table .titleTh { border-radius: 0px; }
@media(max-width: 768px) {
	.table-bordered { box-shadow: 0 0px 5px rgb(135 135 135 / 20%); background: #fff; overflow: hidden; width: 100%; margin: 0 auto; position: relative; border-top: 2px solid #0d4ea1; border-left: none; border-right: none; border-radius: 0 !important;}
	.table-bordered thead, .sorting_1, .subject img{display: none;}
	.table-bordered th, .table-bordered td {vertical-align: middle; border: none !important; }
	.table-bordered thead, .sorting_1, .subject img{display: none;}
	.table-bordered tbody {display: table-caption !important; margin: 0 0.5%; background-color: #fff; font-size: .8rem; }
	.table-bordered tbody > tr > td {padding: 0rem; text-align: left !important;}
	.table-bordered tbody > tr:hover{background:#f4f6f9; color: #0d4ea1; }
	
	.table-bordered .subject{width: auto; display: block; overflow: hidden; text-overflow: ellipsis;}
	.table-bordered .user, .date {font-size: .8rem; color: rgba(0,0,0,0.6); width: 100%; display: block; overflow: hidden;}
	.table-bordered #toggleBtn { color: #fff; font-weight: 100; }

/* web */
.table-bordered {border-collapse: collapse; border-spacing: 0; background: #fff;/*  border-radius: .5rem; */ overflow: hidden; width: 100%; margin: 0 auto; position: relative; border-bottom: 2px solid #dee2e6;
    border-top: 2px solid #0d4ea1;}
.table th {border-bottom: 1px solid #000;}
.table td {vertical-align: middle; }
.table-bordered thead {text-align: center;}
.table-bordered thead > tr > th {color: #000; border: none; font-size: .9rem}
/* .table-bordered thead > tr {background: #0d4ea1; border-radius: .25rem;} */
.table-bordered thead > tr > td {font-weight: bold; color: #fff; text-align: center;}
.table-bordered tbody {font-size: .9rem;}
.table-bordered tbody tr:hover{background:#f4f6f9; color: #0d4ea1;}
.table-bordered tbody > tr > td {padding: .4rem; text-align: center;}

.table-bordered .subject {text-align: left !important;}

/* 게시판 상세보기 */




/* button */
/* .btn-info {background-color: #01B2D8; border-color: #018abc; color: #fff;}
.btn-info:hover {background-color: #018abc; border-color: #018abc;}
.btn-success {background-color: #368dd2; border-color: #0d4ea1; color: #fff;}
.btn-success:hover {background-color: #0d4ea1; border-color: #0d4ea1;}
.btn-danger {background-color: #fe879a; border-color: #d45769; color: #fff;}
.btn-danger:hover {background-color: #d45769; border-color: #d45769;}
.btn-default {background-color: #fff; border-color: #bcbdbf; color: #58575c; box-shadow: 0 2px 4px rgba(72, 72, 72, 0.21);}
.btn-default:hover {background-color: #bcbdbf; border-color: #bcbdbf; color:#fff;}
.btn-warning {background-color: #f6c231; border-color: #e0a800; color: #58575c;}
.btn-warning:hover {background-color: #e0a800; border-color: #e0a800; color: #fff;}
.btn-primary {background-color: #74c9c6; border-color: #22a4b1;}
.btn-primary:hover {background-color: #22a4b1; border-color: #22a4b1;} */
.btn-mps{position: absolute;z-index: 1;right: 4px; top: 14px;}
.btn-jps{position: absolute;z-index: 1; right: 4px; top: 14px;}
.btn-pss{position: absolute; top: 76px; z-index: 1;right: 852px;}
.btn-ps{position: absolute;top: 14px ;z-index: 1;right: 4px;}
.btn-default { background-color: #fff; border-color: #bcbdbf; color: #58575c; box-shadow: 0 0 6px 1px rgba(72, 72, 72, 0.1);}
.btn-default:hover {background-color: #bcbdbf; border-color: #bcbdbf; color:#fff;}
.btn-primary {background-color: transparent; border: 1px solid #01B2D8; color: #01B2D8;}
.btn-primary:hover {background-color: #01B2D8; border: 1px solid #01B2D8; color: #fff;}
.btn-success {background-color: #01B2D8; border: 1px solid #01B2D8; color: #fff; box-shadow: 0 0 6px 2px rgba(1, 178, 216, 0.2); white-space: pre;}
.btn-success:hover {background-color: #fff; border: 1px solid #fff; color: #01B2D8;}
.btn-success:not(:disabled):not(.disabled):active{background-color: #fff; border: 1px solid #fff; color: #01B2D8;}
.btn-danger {background-color: transparent; border: 1px solid #bcbdbf; color: #58575c;}
.btn-danger:hover {background-color: #bcbdbf; border: 1px solid #bcbdbf; color: #fff;}
.btn-info {background: transparent; border: none; color: rgba(0,0,0,0.54);}
.btn-info:hover{background: #01B2D8; border: none; color: #fff;}

/* .btn-cancel {background-color: #ddd; border-color: #ccc;}
.btn-cancel:hover {background-color: #ccc; border-color: #ccc;}
.btn-check {background-color: #cbe6ea; border-color: #74c9c6;}
.btn-check:hover {background-color: #74c9c6; border-color: #74c9c6;} */

/* sign */
#si {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 200px;
    max-height: 200px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
}
/*장비 체크 */
.eq_check{
	background-color : #e8f6ff;
}

.sick-days-warning {
    background-color: sandybrown !important;
}
.sick-days-breach {
    background-color: lightcoral !important;
}
.state-days-inbound{
	background-color : #BCA9F5 !important;
}

table.workerTB{}
table.workerTB th{font-size:13px; font-weight:normal;}
table.workerTB td input{width:100%; border:none;}