.ez-horizontal-list {
    list-style: none;
}
.ez-horizontal-item {
    float: left;
}

.ez-font-color-custom {
    /* color: white; */
    color: grey;
}
/*
    div content align center
 */
.ez-content-center { 
    margin: auto;
/*    color: azure;*/
    display: flex;
    justify-content: center;
}

.ez-form-category-width {
    width: 300px;
}

.ez-margin-top {
    margin-top: 60px;
}

.fixedHeader {
	position: sticky;
	top: 0;
}
		
/*
 * effect of disabled input text box  
 */
.disabled-effect {
    background-color: #e9ecef !important;
}
    
/* 
 * button icons
 */ 

/* horisontal-justify */
.btn-justify {
  	display: flex;	    
  	justify-content: flex-end;
}
/* remove person */
.btn-ico-person-remove {
 	 /* Add dimensions to span */
 	 /* display: inline-block; */
 	 margin-top: 11px;
	  margin-right: 18px;
	  width: 21px;
	  height: 21px;
	  /* Add background image */
	  background-image: url("/assets/images/icons/buttons/person-remove.svg");
	  filter: opacity(0.5) drop-shadow(0 0 0 grey);
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
}

/* cancel */
.btn-ico-cancel {
 	 /* Add dimensions to span */
 	 /* display: inline-block; */
 	 margin-top: 11px;
	  margin-right: 18px;
	  width: 21px;
	  height: 21px;
	  /* Add background image */
	  background-image: url("/assets/images/icons/buttons/cancel.svg");
	  filter: opacity(0.5) drop-shadow(0 0 0 grey);
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
}

/*
 * button style of used/unused toggle
 */
.btn-used-toggle {
    content: attr(id);
    padding : 7px 15px;
    border-radius: 6px;
    color: #ffffff;
    font-weight:600;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    cursor: pointer;
    /* background-color: #8DBA65;       */
}
.btn-used-toggle:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    cursor: pointer;
}

/* 사용 */
.btn-toggle-used {
    background-color: #44719B;
}
.btn-toggle-used::before {
    visibility: visible; 
    content: "사용";
    line-height: 2em;
}
.btn-toggle-used.no-text::before{
	visibility: hidden;
    line-height: 1.2em;
 }

/* 미사용 */
.btn-toggle-unused {
    background-color: #C8CDD0;

}
.btn-toggle-unused::before {
    visibility: visible;
    content: "미사용";
    line-height: 1.2em;
}

/* 삭제 */
.btn-toggle-remove {
    background-color: #DC143C;

}

.btn-toggle-remove::before {
    visibility: visible;
    content: "삭제";
    line-height: 1.2em;
}

/*
 * tg-pb0m 대체 style 
 */
.tbl-base-style {
    border-color: inherit;
    text-align: center;
    vertical-align: bottom;
    height: 50px;
    line-height: 25px;
    font-weight: 400;
    color: #4b5563;
    vertical-align : middle;
}

/*
 * input valid / invalid border color 
 */



.invalid-value {   
  border-color: rgba(220, 53, 69, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(220, 53, 69, 0.3);
  outline: 0 none;
}
.valid-value {
  border-color: rgba(126, 239, 104, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.3);
  outline: 0 none;			
}

/*
 * cell color 
 */
 .cell-color-grey {
 	background-color: #F3F4F8 !important;
 }
 
/* --- */

/*
 *  버튼 박스 값
 */
 
 .w-50-h-40{
  display: inline-table;
  width: 50px;
  height: 40px;
  margin-right:8px;
 }
 .w-70-h-40{
   display: inline-table;
   width:70px;
   height:40px;
   margin: 0 auto;
 }
 .w-100-h-40{
   display: inline-table;
   width:100px;
   height:40px;
   margin: 0 auto;
 }
 
 
 /* common */
 svg{
	overflow: visible;
    box-sizing: content-box;
 }  
  /*
    초기화 버튼 컬렉션 
  */
  /* 초기화 */
 .btn-toggle-reset{
    padding: 4px 18px;
    background-color: #EFEFEF;
    margin-left:3px;
 }
 .btn-toggle-reset:before {
	visibility: visible; 
    content: "초기화";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 .icon-rotate{
	 margin:8px 0 0 9px;
	 color: #747474;
	 font-size: 14px;
 }
 /* 초기화 디테일*/
 .btn-toggle-reset-detail{
	 display: block;
	 color:#ffffff;
	 background-color: #44719B;
	 padding:5px 9px;
	 text-align: center;
 }
 .btn-toggle-reset-detail:before{
	visibility: visible; 
    content: "초기화";
    line-height: 2.3em;
    font-size: 14px;
    margin-right: 5px;
 }
  /* 파일초기화 */
 .btn-toggle-reset-file{
	float: right;
    padding: 4px 18px;
    background-color: #EFEFEF;
    margin-left:3px;
 }
 .btn-toggle-reset-file:before {
	visibility: visible; 
    content: "파일 초기화";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
  /* 첨부파일삭제버튼 */
  .btn-toggle-remove-file{
	float: right;
    padding: 4px 18px;
    background-color: #EFEFEF;
    margin-left:3px;
 }
 .btn-toggle-remove-file:before {
	visibility: visible; 
    content: "첨부파일삭제";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 
  /* 검색(돋보기) 아이콘 버튼 */
 .btn-toggle-icon-glasses {
	 color:#ffffff;
	 background-color: #44719B;
	 padding:12px 17px;
	 margin-right:5px;
 }
 
  .btn-toggle-icon-glasses-disable {
	 color:#ffffff;
	 background-color: gray;
	 padding:12px 17px;
	 margin-right:5px;
	 cursor: not-allowed !important;
 }
 
 /* 검색(돋보기) + 아이콘 버튼 */
.btn-toggle-glasses{
  font-size: 14px;
  padding: 4px 23px;
  background-color: #44719B !important;
 }
.btn-toggle-glasses:before {
	visibility: visible; 
    content: "검색";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:8px;
 }
 
  /* 상세 검색 */
 .btn-toggle-detail-glasses {
	 color:#ffffff;
	 background-color: #44719B;
	 padding:4px 9px;
	 margin-right:8px;
	 float: right;
	 position: absolute;
     top: 32px;
     right: 24px;
 }
 
 .btn-toggle-detail-glasses:before {
	visibility: visible; 
    content: "상세검색";
    line-height: 2.3em;
    font-size: 14px;
    margin-right: 8px;
 }
 
 /*
 * button style of Detail-btn toggle
 */ 
 
/* detail-button common*/
 .btn-detail{
	width: 95%;
	margin: 0 auto;
	height:40px;
	margin-top:40px;
 }
 .btn-toggle-detail{
	float: right;
	margin-right:10px;
	width: 100px;
	height: 40px;
	margin: 0 auto;
 }

 /* 수정 */
  .btn-toggle-correction{
	  float: right;
	  padding: 4px 23px;
	  background-color: #44719B !important;
	  line-height: 0px;
  }
  .btn-toggle-correction:before {
	visibility: visible; 
    content: "수정";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:8px;
  }
 
 /* 목록 */
  .btn-toggle-list{
 	  float: right;
	  padding: 4px 24px;
	  margin-left: 10px;
	  background-color: #EFEFEF !important;
  }
  .btn-toggle-list:before {
	visibility: visible; 
    content: "목록";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 .icon-list{
	color: #747474;
 }
 
 /* 목록 detail 버튼 */
.btn-toggle-list-detail{
	float: right;
  	padding: 4px 24px;
	font-size: 14px;
  	background-color: #44719B !important;
}
.btn-toggle-list-detail:before{
	visibility: visible; 
    content: "목록";
    line-height: 2.3em;
    color: #ffffff;
}
 
/* 전송 icon */
/* 전송 아이콘 버튼 */
.btn-toggle-icon-send{
/*  float: right;*/
  font-size: 17px;
  padding: 10px 16px;
  margin-right: 20px;
  background-color: #44719B !important;
 }
 
 /* 전송 텍스트 + 아이콘 버튼 */
.btn-toggle-send{
  float: right;
  font-size: 17px;
  padding: 4px 23px;
  background-color: #44719B !important;
 }
.btn-toggle-send:before {
	visibility: visible; 
    content: "전송";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:8px;
 }
 
/* 등록 버튼 */
.btn-toggle-registration {
	float: right;
	font-size: 14px;
  	padding: 6px 24px;
  	background-color: #EFEFEF;
  	color: rgb(116, 116, 116);
}

/*.btn-toggle-registration:before{*/
/*	visibility: visible; */
/*    content: "등록";*/
/*}*/

/* 등록 detail 버튼 */
.btn-toggle-registration-detail{
	float: right;
  	padding: 4px 24px;
	font-size: 14px;
  	background-color: #44719B !important;
}
.btn-toggle-registration-detail:before{
	visibility: visible; 
    content: "등록";
    line-height: 2.3em;
    color: #ffffff;
}

 /* 삭제 버튼 */
 .btn-toggle-delete {
	 float: right;
	 padding: 4px 24px;
	 margin-left: 10px;
	 background-color: #EFEFEF !important;
 }
 .btn-toggle-delete:before{
	visibility: visible; 
    content: "삭제";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 
  /* 저장 버튼 */
  
 .btn-toggle-save {
	 float: right;
	 padding: 4px 24px;
	 margin-left: 10px;
	 background-color: #44719B !important;
 }
 .btn-toggle-save:before{
	visibility: visible; 
    content: "저장";
    line-height: 2.3em;
    font-size: 14px;
 }
 
 /* 적용 */
 .btn-toggle-apply {
	 float: right;
	 padding: 4px 24px;
	 margin-right: 12px;
	 background-color: #44719B !important;
 }
 .btn-toggle-apply:before{
	visibility: visible; 
    content: "적용";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:8px;
 }
 
/* 임계치일괄 적용 */
  
 .btn-toggle-batch {
	 float: right;
	 padding: 4px 24px;
	 margin-left: 10px;
	 background-color: #44719B !important;
 }
 .btn-toggle-batch:before{
	visibility: visible; 
    content: "임계치일괄등록";
    line-height: 2.3em;
    font-size: 14px;
 }
 
 /* 하위메뉴일괄 적용 */
 
 .btn-toggle-under {
	 float: right;
	 padding: 4px 24px;
	 margin-left: 10px;
	 background-color: #EFEFEF !important;
 }
 .btn-toggle-under:before{
	visibility: visible; 
    content: "하위메뉴 일괄적용";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 
/* 닫기 버튼 */
 .btn-toggle-close {
	 float: right;
	 padding: 4px 24px;
	 background-color: #EFEFEF !important;
 }
 .btn-toggle-close:before{
	visibility: visible; 
    content: "닫기";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }

 /* 확인 버튼 */
.btn-toggle-check{
	margin: 0 auto;
  	padding: 9px 13px;
	font-size: 14px;
  	background-color: #44719B !important;
}
.btn-toggle-check:before{
	visibility: visible; 
    content: "확인";
    line-height: 2.3em;
    color: #ffffff;
}

  /* 다운로드 버튼 */
.btn-toggle-download{
	float: right;
	margin: 0 auto;
  	padding: 6px 8px;
	font-size: 14px;
  	background-color:#ffffff;
  	border: 1px solid #ddd;
}
.btn-toggle-download:before{
	visibility: visible; 
    content: "다운로드";
    line-height: 2.3em;
    color:rgb(116, 116, 116);
    margin-right: 2px;
}
 
 /* 소명요청 버튼*/
.btn-toggle-request{
	float: right;
	margin: 0 auto;
  	padding: 4px 11px;
	font-size: 14px;
  	background-color: #44719B !important;
}
.btn-toggle-request:before{
	visibility: visible; 
    content: "소명요청";
    line-height: 2.3em;
    margin-right: 2px;
}
 /* 선택 버튼 - */ 
 .btn-toggle-choose{
	margin: 0 auto;
  	padding: 4px 11px;
	font-size: 14px;
  	background-color: #44719B !important;
  	justify-content:center;
}
 /* 통계마감 버튼 */
 .btn-toggle-statistics{
	float: right;
	margin: 0 auto;
  	padding: 4px 9px;
	font-size: 14px;
  	background-color: #44719B !important;
 }
 .btn-toggle-statistics:before{
	visibility: visible; 
    content: "통계마감";
    line-height: 2.3em;
    margin-right: 6px;
}

 /* 실행 버튼 */
 .btn-toggle-start{
	margin: 0 auto;
  	padding: 4px 23px;
	font-size: 14px;
  	background-color: #44719B !important;
 }
 .btn-toggle-start:before{
	visibility: visible; 
    content: "실행";
    line-height: 2.3em;
    margin-right: 6px;
}

 /* 보고서 목록 버튼 */
 .btn-toggle-report {
	 float: right;
	 padding: 4px 18px;
	 margin-left: 10px;
	 background-color: #EFEFEF !important;
 }
 .btn-toggle-report:before{
	visibility: visible; 
    content: "보고서";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 
 /* 보고서 생성 버튼 */
 .btn-toggle-report-produce {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
  	padding: 4px 23px;
	font-size: 14px;
	text-align: center;
  	background-color: #44719B !important;
 }
 .btn-toggle-report-produce:before{
	visibility: visible; 
    content: "보고서 생성";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:8px;
 }

  /* PDF 버튼 */
  .btn-toggle-Pdf{
	display: block;
  	padding: 4px 13px;
	font-size: 14px;
	text-align: center;
  	border:1.5px solid #dc3545 !important;
  	color:#dc3545;
  	opacity: 0.8;
  }
  .btn-toggle-Pdf:before{
	visibility: visible; 
    content: "PDF";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:5px;
  }
  /* WORD 버튼 */
   .btn-toggle-Word{
	display: block;
  	padding: 4px 6px;
	font-size: 14px;
	text-align: center;
  	border:1.5px solid #0d6efd !important;
  	color:#0d6efd;
  	opacity: 0.8;
  }
  .btn-toggle-Word:before{
	visibility: visible; 
    content: "WORD";
    line-height: 2.3em;
    font-size: 14px;
    margin-right:5px;
  }
  
 /* 결재 생성 버튼 */
  .btn-toggle-Approval{
	float: right;
  	padding: 4px 26px;
	font-size: 14px;
  	background-color: #44719B !important;
  	color: #ffffff !important;
 }
  .btn-toggle-Approval:before{
	visibility: visible; 
    content: "결재";
    line-height: 2.3em;
    color: #ffffff;
 }
 
 .btn-toggle-blue-style{
 	float: right;
  	padding: 4px 26px;
	font-size: 14px;
  	background-color: #44719B !important;
  	color: #ffffff !important;
  	line-height: 2.3em;
  	visibility: visible;
 }
 
 /* 소명제출 버튼 */
  .btn-toggle-summon-submit{
	float: right;
  	padding: 4px 26px;
	font-size: 14px;
  	background-color: #44719B !important;
  	color: #ffffff !important;
 }
  .btn-toggle-summon-submit:before{
	visibility: visible; 
    content: "소명 제출";
    line-height: 2.3em;
    color: #ffffff;
 }
 
 /* 비밀번호 변경 버튼 */
  .btn-toggle-pw-change{
	float: right;
  	padding: 4px 24px;
	font-size: 14px;
  	background-color: #44719B !important;
 }
  .btn-toggle-pw-change:before{
	visibility: visible; 
    content: "변경";
    line-height: 2.3em;
    color: #ffffff;
 }
 
  /* 비밀번호 초기화 버튼 */
  .btn-toggle-pw-reset{
	float: right;
  	padding: 4px 24px;
	font-size: 14px;
  	background-color: #44719B !important;
  	margin-left: 10px;
 }
  .btn-toggle-pw-reset:before{
	visibility: visible; 
    content: "비밀번호 초기화";
    line-height: 2.3em;
    color: #ffffff;
 }
 
 
 /* 비밀번호 취소 버튼 */
  .btn-toggle-pw-cancel{
 	  float: right;
	  padding: 4px 23px;
	  margin-left: 10px;
	  background-color: #EFEFEF !important;
  }
  .btn-toggle-pw-cancel:before {
	visibility: visible; 
    content: "취소";
    line-height: 2.3em;
    font-size: 14px;
    color: #747474;
 }
 
  /* 비밀번호 재확인 버튼 */
  .btn-toggle-pw-check{
	display: block;
	width:100%;
	height:48px;
	margin: 0 auto;
	padding: 4px 24px;
	text-align: center;
	background-color: #254d71 !important;
  }
  .btn-toggle-pw-check:before {
	visibility: visible; 
    content: "비밀번호 재확인";
    line-height: 3em;
    font-size: 14px;
 }
 
 /* 신규 버튼 */
  .btn-toggle-new{
	float: right;
	font-size: 14px;
  	padding: 6px 25px;
  	background-color: #EFEFEF;
  	color: rgb(116, 116, 116);
  }
  .btn-toggle-new:before {
	visibility: visible; 
    content: "신규";
    line-height: 2.3em;
    font-size: 14px;
 }
 
/* 
환경관리 -> 관리자 관리 
초기인원 버튼
*/
.btn-toggle-inum-people{
	font-size: 14px;
  	padding: 6px 25px;
  	background-color: #EFEFEF;
  	color: rgb(116, 116, 116);
  	margin-right: 5px;
  }
  .btn-toggle-inum-people:before {
	visibility: visible; 
    content: "초기인원";
    line-height: 2.3em;
    font-size: 14px;
 }
 
/* 
환경관리 -> 관리자 관리 
변경인원 버튼
*/
.btn-toggle-change-people{
	font-size: 14px;
  	padding: 6px 25px;
  	background-color: #EFEFEF;
  	color: rgb(116, 116, 116);
  }
  .btn-toggle-change-people:before {
	visibility: visible; 
    content: "변경인원";
    line-height: 2.3em;
    font-size: 14px;
 }
/*
 환경관리 -> 관리자 관리 
 관리부서 저장 버튼
*/
 
.btn-toggle-mg-depart{
	margin: 0 auto;
	padding: 0px 13px;
	text-align: center;
	background-color: #44719B !important;
  }
  .btn-toggle-mg-depart:before {
	visibility: visible; 
    content: "관리부서 저장";
    line-height: 3em;
    font-size: 14px;
 }

 
 /*
 환경관리 -> 관리자 관리 
 관리인원 저장 버튼
*/

.btn-toggle-mg-people{
	margin: 0 auto;
	padding: 0px 13px;
	text-align: center;
	background-color: #44719B !important;
  }
  .btn-toggle-mg-people:before {
	visibility: visible; 
    content: "관리인원 저장";
    line-height: 3em;
    font-size: 14px;
 }


 /* 응답자 로그인 버튼 */
.btn-toggle-respondent{
	margin: 0 auto;
  	padding: 12px 18px;
	font-size: 14px;
  	background-color: #44719B !important;
}
.btn-toggle-respondent:before{
	visibility: visible; 
    content: "응답자 로그인";
    line-height: 2.3em;
    color: #ffffff;
}

 /* 결재자 로그인 버튼 */
.btn-toggle-approver{
	display: ruby;
	margin: 0 auto;
  	padding: 12px 18px;
	font-size: 14px;
  	background-color: #44719B !important;
}
.btn-toggle-approver:before{
	visibility: visible; 
    content: "결재자 로그인";
    line-height: 2.3em;
    color: #ffffff;
}

/* new - button */
.btn-filter{
 margin-left:auto;
}
 
 /* 버튼 width 사이즈 */
 .w-50-btn{
  width: 50px;
 }
 .w-70-btn{
  width:70px;
 }
 .w-100-btn{
  width:100px;
 }
 .w-auto{
   padding: 0 20px;
 }
 .w-full-btn{
  width:100%;
 }
 
/* 버튼 사이즈 */
 .btn-toggle-box{
  height:40px;
  float: right;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  margin-left: 10px;
 }
 
/* 다운로드 버튼 */
  .btn-toggle-box.white{
   color:rgb(116, 116, 116);
   border: 1px solid #ddd;
 }
 .btn-toggle-box.white img{
   height:20px;
   margin-left:5px;
 }
 
 .btn-toggle-box.left{
  margin-left:0px;
  float: left !important;
 }
 .btn-toggle-box.none{
  float: none !important;
 }

.btn-toggle-box:hover {
   box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
   cursor: pointer;
 }
  /* 버튼 color */
  .btn-blue{
	color:#fff;
    background-color: #44719B;
  }
  .btn-grey{
	color:rgb(116, 116, 116);
    background-color: #EFEFEF;
  }
  .btn-red{
	color:#fff;
	background-color: #DC143C;
  }
 
  
/*  아이콘 스타일 */
  .icon-style{
	margin-left: 5px;
 }