@charset "utf-8";
/***********************************************************************************
					css 버튼 뱃지 라벨
*************************************************************************************/

/****************** 버튼 ******************/

.ksbtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent  !important;
  border-radius: 2px !important;
   -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
}
.ksbtn:focus,
.ksbtn:active:focus,
.ksbtn:active:focus,
.ksbtn:focus,
.ksbtn:active:focus,
.ksbtn:active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ksbtn:hover,
.ksbtn:focus,
.ksbtn:focus {
  color: #333;
  text-decoration: none;
}
.ksbtn:active,
.ksbtn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.ksbtn.disabled,
.ksbtn[disabled],
fieldset[disabled] .ksbtn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.ksbtn.disabled,
fieldset[disabled] a.ksbtn {
  pointer-events: none;
}


/* 크기 */
.ksbtn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ksbtn-md {
  padding: 8px 13px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
}

.ksbtn-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.ksbtn-ss {
  padding: 2px 7px;
  font-size: 12px;
  line-height: 1.5em;
  border-radius: 3px;
}
.ksbtn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5em;
  border-radius: 2px;
}
.ksbtn-xx {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.3em;
  border-radius: 2px;
}
.ksbtn-xxx {
  padding: 1px 5px;
  font-size: 10px;
  line-height: 1.1em;
  border-radius: 2px;
}

/* 뱃지 */
.ksbadge {
  display: inline-block;
  padding: 2px 3px;
  margin-bottom: 0;
  font-size: 0.95em;
  font-weight: normal;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em
}

/* 라벨 */
.kslabel {
  display: inline-block;
  padding: 2px 3px;
  margin-bottom: 0;
  font-size: 0.95em;
  font-weight: normal;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0.2em	;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em
}


/* 색상 */
.obje-white,a.obje-white {
  color: #333  !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}
.obje-white:focus {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #8c8c8c !important;
}
.obje-white:hover {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}
.obje-white:active {
  color: #333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}


.obje-blue,a.obje-blue {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}
.obje-blue:focus {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #122b40 !important;
}
.obje-blue:hover {
  color: #fff !important;
  background-color:#286090 !important;
  border-color: #204d74 !important;
}
.obje-blue:active{
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #204d74 !important;
}



.obje-green,a.obje-green {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}
.obje-green:focus {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #255625 !important;
}
.obje-green:hover {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}
.obje-green:active {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}


.obje-mint,a.obje-mint {
  color: #fff !important;
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
}
.obje-mint:focus {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #134F60 !important;
}
.obje-mint:hover {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #269abc !important;
}
.obje-mint:active {
  color: #fff !important;
  background-color: #1b6d85 !important;
  border-color: #269abc !important;
}



.obje-sky ,a.obje-sky {
  color: #fff !important;
  background-color: #00a7bc !important;
  border-color: #0095A6 !important;
}
.obje-sky:focus {
  color: #fff !important;
  background-color: #008897 !important;
  border-color: #1b6d85 !important;
}
.obje-sky:hover {
  color: #fff !important;
  background-color: #008897 !important;
  border-color: #1b6d85 !important;
}
.obje-sky:active {
  color: #fff !important;
  background-color: #008897 !important;
  border-color: #1b6d85 !important;
  
}


.obje-orange ,a.obje-orange{
  color: #fff !important;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}
.obje-orange:focus {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #985f0d !important;
}
.obje-orange:hover {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #d58512 !important;
}
.obje-orange:active{
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #d58512 !important;
}


.obje-red,a.obje-red {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}
.obje-red:focus {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #761c19 !important;
}
.obje-red:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
}
.obje-red:active {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
}


.obje-gray,a.obje-gray {
  color: #fff !important;
  background-color: #A2A2A2 !important;
  border-color: #7B7B7B !important;
}
.obje-gray.focus {
  color: #fff !important;
  background-color: #6A6A6A !important;
  border-color: #555555 !important;
}
.obje-gray:hover {
  color: #fff !important;
  background-color: #6A6A6A !important;
  border-color: #222222 !important;
}
.obje-gray:active {
  color: #fff !important;
  background-color: #494949 !important;
  border-color: #222222 !important;
}

.obje-black,a.obje-black {
  color: #fff !important;
  background-color: #111111 !important;
  border-color: #000000 !important;
}
.obje-black.focus {
  color: #fff !important;
  background-color: #252525 !important;
  border-color: #111111 !important;
}
.obje-black:hover {
  color: #fff !important;
  background-color: #252525 !important;
  border-color: #222222 !important;
}
.obje-black:active {
  color: #fff !important;
  background-color: #383838 !important;
  border-color: #222222 !important;
}



/***********************************************************************************
					css 페이지 스타일
*************************************************************************************/

/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:100px;margin:10px auto 20px auto;}
.paging{text-align:center;height:30px;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 3px;}
.paging ul li a{float:left;text-align:center;height:30px;line-height:30px;font-size:14px;padding:0 8px;color:#777;background:#f5f5f5;border:1px solid #ccc;}
.paging ul li a.on{color:#000;background:#ccc;font-weight:600;border:1px solid #ccc;}




.kpagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.kpagination > li {
  display: inline;
}
.kpagination > li > a,
.kpagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.kpagination > li:first-child > a,
.kpagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.kpagination > li:last-child > a,
.kpagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.kpagination > li > a:hover,
.kpagination > li > span:hover,
.kpagination > li > a:focus,
.kpagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.kpagination > .active > a,
.kpagination > .active > span,
.kpagination > .active > a:hover,
.kpagination > .active > span:hover,
.kpagination > .active > a:focus,
.kpagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.kpagination > .disabled > span,
.kpagination > .disabled > span:hover,
.kpagination > .disabled > span:focus,
.kpagination > .disabled > a,
.kpagination > .disabled > a:hover,
.kpagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.kpagination-lg > li > a,
.kpagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.kpagination-lg > li:first-child > a,
.kpagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.kpagination-lg > li:last-child > a,
.kpagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kpagination-sm > li > a,
.kpagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.kpagination-sm > li:first-child > a,
.kpagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.kpagination-sm > li:last-child > a,
.kpagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.kpager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.kpager li {
  display: inline;
}
.kpager li > a,
.kpager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.kpager li > a:hover,
.kpager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.kpager .next > a,
.kpager .next > span {
  float: right;
}
.kpager .previous > a,
.kpager .previous > span {
  float: left;
}
.kpager .disabled > a,
.kpager .disabled > a:hover,
.kpager .disabled > a:focus,
.kpager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* 폰트 */
.fred{color:#F00;}
.fblue{color:#00F;}
.fgreen{color:#0F0;}
.fgray{color:#DDD;}

.fs-08{font-size:0.8rem!important;}
.fs-085{font-size:0.85rem!important;}
.fs-09{font-size:0.9rem!important;}
.fs-095{font-size:0.95rem!important;}
.fs-1{font-size:1.1rem!important;}
.fs-11{font-size:1.1rem!important;}
.fs-12{font-size:1.2rem!important;}
.fs-14{font-size:1.4rem!important;}
.fs-16{font-size:1.6rem!important;}
.fs-18{font-size:1.8rem!important;}
.fs-2{font-size:2rem !important;}
.fs-21{font-size:2.1rem!important;}
.fs-22{font-size:2.2rem!important;}
.fs-24{font-size:2.4rem!important;}
.fs-26{font-size:2.6rem!important;}
.fs-28{font-size:2.8rem!important;}
.fs-3{font-size:3rem!important;}

.fw-1{font-weight:100;}
.fw-2{font-weight:200;}
.fw-3{font-weight:300;}
.fw-4{font-weight:400;}
.fw-5{font-weight:500;}
.fw-6{font-weight:600;}
.fw-7{font-weight:700;}
.fw-8{font-weight:800;}

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}

.w-100{width:100% !important;}
.w-95{width:95% !important;}
.w-90{width:90% !important;}
.w-85{width:85% !important;}
.w-80{width:80% !important;}
.w-75{width:75% !important;}
.w-70{width:70% !important;}
.w-65{width:65% !important;}
.w-60{width:60% !important;}
.w-55{width:55% !important;}
.w-50{width:50% !important;}
.w-45{width:45% !important;}
.w-40{width:40% !important;}
.w-35{width:35% !important;}
.w-30{width:30% !important;}
.w-25{width:25% !important;}
.w-20{width:20% !important;}
.w-10{width:10% !important;}
.w-auto{width:auto !important;}

.wp-35{width:35px !important;}
.wp-40{width:40px !important;}
.wp-45{width:45px !important;}
.wp-50{width:50px !important;}
.wp-55{width:55px !important;}
.wp-60{width:60px !important;}
.wp-65{width:65px !important;}
.wp-70{width:70px !important;}
.wp-80{width:80px !important;}
.wp-90{width:90px !important;}
.wp-100{width:100px !important;}
.wp-110{width:110px !important;}
.wp-120{width:120px !important;}
.wp-130{width:130px !important;}
.wp-150{width:150px !important;}
.wp-200{width:200px !important;}
.wp-250{width:250px !important;}
.wp-300{width:300px !important;}
.wp-400{width:400px !important;}
.wp-450{width:450px !important;}
.wp-500{width:500px !important;}
.wp-600{width:600px !important;}
.wp-700{width:700px !important;}
.wp-800{width:800px !important;}
.wp-900{width:900px !important;}
.wp-1100{width:1100px !important;}
.wp-1200{width:1200px !important;}


.mx-30p{max-width:30px;}
.mx-50p{max-width:50px;}
.mx-55p{max-width:55px;}

.mx-60p{max-width:60px;}
.mx-80p{max-width:80px;}
.mx-90p{max-width:90px;}

.mx-100p{max-width:100px;}
.mx-150p{max-width:150px;}
.mx-200p{max-width:200px;}
.mx-250p{max-width:250px;}
.mx-300p{max-width:300px;}
.mx-350p{max-width:350px;}
.mx-400p{max-width:400px;}
.mx-450p{max-width:450px;}
.mx-500p{max-width:500px;}
.mx-550p{max-width:550px;}
.mx-600p{max-width:600px;}
.mx-700p{max-width:700px;}
.mx-800p{max-width:800px;}
.mx-900p{max-width:900px;}
.mx-1000p{max-width:1000px;}
.mx-1100p{max-width:1100px;}


.mx-20{max-width:20%;}
.mx-25{max-width:25%;}
.mx-30{max-width:30%;}
.mx-35{max-width:35%;}
.mx-40{max-width:40%;}
.mx-45{max-width:45%;}
.mx-48{max-width:48%;}
.mx-50{max-width:50%;}
.mx-55{max-width:55%;}
.mx-60{max-width:60%;}
.mx-80{max-width:80%;}
.mx-90{max-width:90%;}
.mx-95{max-width:95%;}
.mx-100{max-width:100%;}

/* 테이블 css */
table th,table td{font-size:1.2rem;}
table td.empty_table{padding:0.35rem 0;}

.table-x {border-top:1px solid #adadad;  }
.table-x td,.table-x th{border-right:1px solid #adadad; border-bottom:1px solid #adadad; }
.table-x th { text-align:center;vertical-align:middle;font-weight:700;padding:0.7rem 0.3rem ;background:#f7f7f7;word-wrap:normal;white-space: nowrap;word-break: keep-all; overflow: hidden;}
.table-x td{text-align:center;vertical-align:middle;padding:0.35rem 0.2rem;}
.table-x td:last-child,.table-x th:last-child{border-right:none;}
.table-x tfoot td{background:#efefef; border-top:1px solid #adadad !important;}
.table-x td.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.table-y {border-top:1px solid #dbdbdb;  }
.table-y td, .table-y th{border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;height:3rem; }
.table-y th { text-align:center;vertical-align:middle;font-weight:700;padding:0.3rem;background:#f7f7f7;}
.table-y td{text-align:left;vertical-align:middle; padding:0.35rem 0.35rem;}
.table-y td:last-child,.table-x th:last-child{border-right:none;}
.table-y tfoot td{background:#efefef; border-top:1px solid #dbdbdb !important;}
.table-y td.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.table-y.table-div2 th{width:30%; }
.table-y.table-div2 td{width:70%; }

.table-clear-y {border-top:1px solid #dbdbdb; width:100%; }
.table-clear-y td, .table-clear-y th{ border-bottom:1px solid #dbdbdb;height:3rem; }
.table-clear-y th { text-align:center;vertical-align:middle;font-weight:700;padding:0.3rem;  font-size:0.9rem;}
.table-clear-y td{text-align:left;vertical-align:middle; padding:0.35rem 0;font-size:0.9rem;}
.table-clear-y td:last-child,.table-x th:last-child{border-right:none;}
.table-clear-y tfoot td{background:#efefef; border-top:1px solid #dbdbdb !important;}
.table-clear-y td.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.table-clear-y.table-div2 th{width:30%; }
.table-clear-y.table-div2 td{width:70%; }


tr.deleted td  {color:#aaa;}

.grid1-head{width:15%;min-width:90px;}
.grid2-head{width:25%;min-width:120px;}
.grid3-head{width:30%;min-width:150px;}
.grid4-head{width:40%;min-width:200px;}

td .s-tit{font-size:1.1rem;line-height:1.2rem;font-weight:500;color:#000;text-align:left;margin-bottom:0.5rem;}

table.responsive-form1 input[type=text],
table.responsive-form1 input[type=password],
table.responsive-form1 select,
table.responsive-form1 textarea {width:auto; display:inline-block;}
	
/*반응형 리스트 테이블 */
@media only screen and (max-width:768px) {
	table.responsive-tb1{border:none;}
	table.responsive-tb1 thead, table.responsive-tb1 tbody, table.responsive-tb1 th { 
		display: block; 
	}
	table.responsive-tb1 tr { 
		display: flex; 
		justify-content: flex-start;
		flex-wrap: wrap;
		
	}
	table.responsive-tb1 td { 		
		width:50%;		
	}
	table.responsive-tb1 td.block-td { 		
		width:100%;		
	}
	table.responsive-tb1 td img.thumb{ 		
		height:30px;
	}
	table.responsive-tb1 colgroup{display: none;visibility:collapse;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb1 tr { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin-bottom:0.8rem; 
	}
	
	table.responsive-tb1 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 		
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 
		text-align: left;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height:100%;		
	}
	table.responsive-tb1 td:nth-child(odd) { 
		border-right: 1px solid #eee; 
	}
	table.responsive-tb1 td:before { 
		/* Now like a table header */
		position: relative;
		width: 130px; 
		height:calc(100% + 0.6rem);
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 0.5rem;
		border-right: 1px solid #eee; 
		white-space: nowrap;
		background:#D9E5FC;
		font-weight:600;
		
	}
	table.responsive-tb1 td.block-td:before { 
		/* Now like a table header */		
		width: 130px; 
	}
	
	table.responsive-tb1 tfoot td:before,table.responsive-tb1 tfoot th:before { 
		position: relative;
		width: 130px; 
		height:calc(100% + 0.6rem);
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 0.5rem;
		border-right: 1px solid #eee; 
		white-space: nowrap;
		background:#D9E5FC;
		font-weight:600;
		text-align:left;
	}
	table.responsive-tb1 tfoot td,table.responsive-tb1 tfoot th { 
		display:flex; 
		align-items: center;
		border-right:0;
		border-left:0;		
		width:100%;
		padding:0;
	}
	
	table.responsive-tb1 td select,table.responsive-tb1 td input{max-width:100%; }
	/*
	Label the data
	*/
	

}

/*반응형 리스팅 테이블 */
@media only screen and (max-width:576px) {
	
	table.responsive-tb1 thead, table.responsive-tb1 tbody, table.responsive-tb1 th { 
		display: block; 
	}
	table.responsive-tb1 tr { 
		display: flex; 
		justify-content: flex-start;
		flex-wrap: wrap;
		
	}
	table.responsive-tb1 td { 
		display: flex; 
		width:100%;		
	}
	table.responsive-tb1 colgroup{display: none;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb1 tr { border-bottom: 1px solid #ccc; }
	
	table.responsive-tb1 td { 
		/* Behave  like a "row" */
		border: none !important ;
		border-bottom: 1px solid #eee!important; 	
		
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 
		text-align: left;
	}
	
	table.responsive-tb1 td:before { 
		/* Now like a table header */
		position: relative;		
		display: inline-block;
		width: 120px;
		min-width:120px;
		height:calc(100% + 0.6rem);
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 10px; 
		border-right: 1px solid #eee; 	
	}
	table.responsive-tb1 td.block-td:before { 
		/* Now like a table header */				
		width: 120px; 
	}
	
	
	
	
	
}


/*반응형 테이블 */
@media only screen and (max-width:576px) {
	
	/* 폼테이블 */ 
	table.responsive-form1 thead, table.responsive-form1 tbody, table.responsive-form1 th, table.responsive-form1 tr ,table.responsive-form1 td { 
		display: block; 	
		width:100%;		
	}	

	
	table.responsive-form1 tr { border-bottom: 1px solid #ccc; }
	table.responsive-form1 th { 
		text-align: left;
		display:flex;
		align-items: center;
		border:none;
		border-bottom: 1px solid #ededed;
	}
	table.responsive-form1 td { 
		/* Behave  like a "row" */
		border: none;		
		position: relative;
		padding:0.3rem 0.3rem 1rem 0.3rem; 
		text-align: left;		
		height:auto;
		
	}
	
	colgroup{display:none;}
	.grid1-head,.grid2-head , .grid3-head ,.grid4-head,col {width:100%;}
	
	table.responsive-form1 td input[type=text],
	table.responsive-form1 td input[type=password],
	table.responsive-form1 td textarea{ 
		max-width:calc(100% - 0.6rem) !important;		
	}
	
	
}



input[type=text].disabled{
background:#dfdfdf;
}
input.designed[type=checkbox] {  
    display: none;  
}
input.designed[type=checkbox].disabled+ label:before  {  
    background-color: #dddddd !important; 
}
input.designed[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 1.7rem;  
    margin-right: 0rem;  
    font-size: 0.9rem;
	vertical-align: middle;
}

input.designed[type=checkbox]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 1.4rem;  
    height:1.4rem;  
  
    margin-right: 2.5rem;  
	margin-top:-0.7rem;
    position: absolute;  
	top:50%;
    left: 0;  
    bottom: 1px;  
    background-color: #fff; 
	border:1px solid #999999;
    border-radius: 4px; 
}

input.designed[type=checkbox]:checked + label:before { 
    content: "\2713";  
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, .2);  
    font-size: 1rem; 
    font-weight:800; 
    color: #fff;  
    background:#343434;
    text-align: center;  
    line-height: 1.4;  
} 



input.designed[type=radio] {  
    display: none;  
}
input.designed[type=radio].disabled+ label:before  {  
    background-color: #dddddd !important; 
}
input.designed[type=radio] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 1.3rem;  
    margin-right: 0rem;  
    font-size: 1rem;
}

input.designed[type=radio]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 1.1rem;  
    height:1.1rem;  
  
    margin-right: 1.1rem;  
	margin-top:-0.6rem;
    position: absolute;  
	top:50%;
    left: 0;  
    bottom: 1px;  
    background-color: #fff; 
	border:1px solid #999999;
    border-radius: 50%; 
}

input.designed[type=radio]:checked + label:before { 
    content: "●";  
    /*text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, .2);  */
    font-size: 0.6rem; 
    /*font-weight:800; */
    color: #fff;  
    background:#2f87c1;
    text-align: center;  
    line-height: calc(1.1rem - 1px);  
} 



/*.btn{border-radius: 0.2rem;}*/

.btn-light{border:1px solid #dfdfdf;}
.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {    
    border-radius: 0.1rem!important;
}

.swal2-popup{
	border-radius: 0.1rem!important;
}
.swal2-title {
    font-size: 1.2rem!important;
}
.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel {
	border-radius: 0.1rem!important;
}

.form-control, .badge{border-radius: 0.2rem;}



.active>.page-link, .page-link.active {    
    color: #fff;
	border-color: #454545;
	background: #454545;
}
.page-link {    
    color: #565656;    
}


@keyframes text_blink {
  0% {
   opacity:1;
  }
  75% {
    opacity:1;
  }
  85% {
    opacity:0;
	background:#FF7200;
  }
  100% {
    opacity:1;
  }
}

.blink{
	animation-name : text_blink;
	animation-duration : 1.5s;
	animation-iteration-count : infinite; 
	animation-timing-function : linear;
}