consentFatima/mplus-fatima/WebContent/resources/css/mobile/consent/common.css

@charset "UTF-8";
@import url('/mcare-plus/resources/css/font-awesome.css');

@font-face {
	font-family: ngttf;
	src: url(/mcare-plus/resources/css/font/NanumGothic.ttf);
}

@font-face {
	font-family: ngeot;
	src: url(/mcare-plus/resources/css/font/NanumGothic.eot);
}

@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 300;
  src: url('/mcare-plus/resources/css/font/KoPubDotumLight-compact.eot');
  src: url('/mcare-plus/resources/css/font/KoPubDotumLight-compact.eot?#iefix') format('embedded-opentype'),
       url('/mcare-plus/resources/css/font/KoPubDotumLight-compact.woff') format('woff'),
       url('/mcare-plus/resources/css/font/KoPubDotumLight-compact.ttf') format('truetype');
}
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 400;
  src: url('/mcare-plus/resources/css/font/KoPubDotumMedium-compact.eot');
  src: url('/mcare-plus/resources/css/font/KoPubDotumMedium-compact.eot?#iefix') format('embedded-opentype'),
       url('/mcare-plus/resources/css/font/KoPubDotumMedium-compact.woff') format('woff'),
       url('/mcare-plus/resources/css/font/KoPubDotumMedium-compact.ttf') format('truetype');
}
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 700;
  src: url('/mcare-plus/resources/css/font/KoPubDotumBold-compact.eot');
  src: url('/mcare-plus/resources/css/font/KoPubDotumBold-compact.eot?#iefix') format('embedded-opentype'),
       url('/mcare-plus/resources/css/font/KoPubDotumBold-compact.woff') format('woff'),
       url('/mcare-plus/resources/css/font/KoPubDotumBold-compact.ttf') format('truetype');
}
html{width: 100%; height: 100%}
body{width: 100%}
body,ul,ol,li{margin: 0;padding: 0;}
ul,ol{list-style: none;}
body {
	font-family: 'KoPub Dotum';
	font-size:16px;
	/*letter-spacing: 0.01em;*/
	font-weight: 400;
	margin: 0;
	padding: 0;}
a{text-decoration: none !important;}
.clearfix:after{display: block;content:'';clear: both;}

.modal-header .close{
	margin-top: -5px;
}
.container{width: 100%;}
.fat-gnb li{margin: 5px 0;}
.fat-page-container {margin-top: 60px;}
.fat-contents-container{border: 1px dashed #f00;}
.fat-p10{padding: 10px;}
.dummy-text{height: 300px;}
.fat-form-group-5{width: 50%;}
.fat-ovys{overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;}
.fat-p10 .tab-content{height: 100%;}


    /* 레이아웃 부분 */
	*{margin:0;padding:0;box-sizing: border-box;}
	body{background-color:#ebeff2;}
	.mb10{margin-bottom: 10px !important;}
	.mb20{margin-bottom: 20px !important;}
	.pl0{padding-left: 0 !important;}
	.pr0{padding-right: 0 !important;}

	#page{position:relative;
	width:100%;
	height:100%;
	overflow: hidden;}
	

	#header{
	/* left: 0px;
    position: fixed;	
    top: 0px;
    z-index: 999; */
	background-color: #fff;
	width: 100%;
	height: 75px;}
	
	#header h1{position: absolute;
	width: 145px;
	height: 24px;
	left:15px;top:-3px;margin: 0;}

	#header h1 img{max-width: 100%;}

	/*상단 GNB*/
	.topArea{float: right;
	padding: 7px 15px;
	font-weight:700;
	color: #000;}
	.topArea span{display: inline-block;
	padding-right:2px;}
	.topArea .medical{color: #1280d7;}
	.topArea .username{padding-right:10px;}
		
	#gnb{position:absolute;
			top: 35px;
			width: 100%;
			background-image: -webkit-linear-gradient(#0c6dc3,#005bac); /* For Safari 5.1 to 6.0 */
			background-image: -o-linear-gradient(#0c6dc3,#005bac); /* For Opera 11.1 to 12.0 */
			background-image: -moz-linear-gradient(#0c6dc3,#005bac); /* For Firefox 3.6 to 15 */
			background-image: linear-gradient(#0c6dc3,#005bac); /* Standard syntax */
			padding:0 15px}

	#gnb>li{float: left;}

	#gnb>li>a{
		font-size: 18px;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 1.5em;
		color: #fff;
		font-weight: 500;
		text-decoration: none;
		border-radius: 3px;}

	#gnb>li>a:hover,#gnb>li>a:focus,#gnb>li>a:active,#gnb>li>a.active{background-color: #f89b10;}

	#logoutBtn,#settingBtn{padding: 0px 10px; 
	height: 25px;
	line-height: 25px;
	border: 0;
	background-image:none;}

	#settingBtn{margin-right:10px;
	background-color: #797979 !important;}

	#settingBtn:hover{background-color: #333 !important;}

	#logoutBtn{margin-right:10px;
	background-color:#f05050 !important}

	#logoutBtn:hover{background-color: #c9302c !important;}

	#logoutBtn,#logoutBtn i.fa,#settingBtn,#settingBtn i.fa{color:#fff !important;}

	#logoutBtn:hover,#logoutBtn:hover i.fa,#settingBtn:hover,#settingBtn:hover i.fa{color:#fff !important;}

	#sidebar{position: absolute;
	width: 60px;
    left: 0;
	top: 0;
	/* z-index:100; */
	padding-top: 75px;
	background-color:#fff;
	min-height:100%;
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);}

	#sidebar a{display: block;
	height: 50px;
	line-height: 50px;
	color: #777;
	text-align: center;
	position: relative;
	padding-top:10px;
	text-decoration: none;
	font-weight:700;}
	
	#sidebar li a .txt{padding-top: 10px;}

	
	#sidebar li a.active{border-left: 3px solid #1280d7;color: #1280d7;}
	

	#sidebar ul li a i{position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	color: #777 !important;
	opacity:0.9;
	transition:all .2s ease}

	#sidebar li a:hover ,#sidebar li a:focus ,#sidebar li a:active,#sidebar li a.active {border-left: 3px solid #0066b3;
	background-color:#f4f8fb;
	opacity:1}
	
	#sidebar li a.active i{color:#0066b3 !important;}
	
	.fat-container{
	/* margin-top:80px; */
	margin-top:5px;
	margin-left: 65px;
	padding:0;
	overflow: hidden;}
	
	.col{position: relative;
    float: left;
    padding-right: 10px;
    padding-left: 5px;}

	#maincontent{width:30%;
	position: relative;
	border: 1px solid #dedede;
	background-clip: padding-box;
	background-color: #ffffff;
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	padding: 15px 10px;
	overflow: hidden;}

	#maincontent .col-sm-6{padding-left: 0;}

	.patientList{overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;}
	
	#rside{width:70%;
	overflow: hidden;}

	.inner {
	    position: relative;
	    width: 100%;
	    padding:5px 0;
	    display: inline-block;
	    border: 1px solid #dedede;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    background-clip: padding-box;
	    margin-bottom: 20px;
	    background-color: #ffffff;
	    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);}

    .left,.right{width:50%;
     float:left;
     padding: 10px;}

     h2.page-title {
         font-size: 20px;
         font-weight: 700;
         margin-bottom: 20px;
         margin-top: 7px;
		 color: #014da7;
		 border-left:3px solid #014da7;
		 padding-left:7px;
		 margin-left: 15px;
     }

.m-b-20{margin-bottom: 20px;}

.page-title.info{height: 42px;
	line-height: 42px;
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;
	background-color: #ddd;
	margin-top: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 10px !important;}

.page-title.info.mt{margin-top:10px !important;}
.page-title.info i.fa{color: #666 !important;padding-right: 3px;}
#sub1 .page-title .btn{
	font-size: 12px;
    padding: 4px;
    position: absolute;
    margin-top: 7px;
    left: 35%;
}
.sub-title{background-color: #00ac98;
color: #fff !important;
font-size: 18px;
font-weight: 700;
line-height: 40px;
padding:0 10px;
text-align: center;
margin-bottom: 10px;}

h4{color: #333;font-weight: 700;border-left: 3px solid #333;padding-left: 8px;margin-top: 10px;}


/*버튼요소*/
.radio3.radio-inline{/* margin-right:5px !important; */}
.btn-default-bootStrap{
	 color: #333;
  background-color: #eee;
  border: #ccc;
}
.btn-default{background-color: #1280d7;
border-color: #1280d7;
color: #fff;}

.btn-success{background-color: #53b44d;
border-color: #53b44d;}

.btn-danger{background-color: #f8931d;
border-color: #f8931d;}

.btn-default:hover,.btn-default:focus,.btn-default:active{background-color: #0066b3;
border-color: #0066b3;
color: #fff;}

button[type="submit"]{border: 0;
background-color: transparent;}

.btn-lg, .btn-group-lg > .btn{min-width:120px;
line-height: 1.2em;}

.max{width: 98%;
margin: 0 1%;}
.max i{color: #fff !important;}

/*1차탭디자인*/
.tabDepth1 .nav-tabs{border-bottom:1px solid #ddd;}
.nav > li{text-align:center;}

.tabDepth1 .nav > li > a{
height:40px;
line-height:40px;
background-color:#f99411;
border-radius:0;
border-bottom:1px solid #ddd;
padding:0 2em;
color: #fff;
cursor:pointer;
margin-right:1px;
border-radius: 5px 5px 0px 0px;}

.tabDepth1 .nav-tabs > li.active > a,
.tabDepth1  .nav-tabs > li.active > a:focus,
.tabDepth1 .nav > li > a:focus {
color: #ff6600;
cursor: default;
background-color: #fff;
border:1px solid #ddd;
border-top: 2px solid #ff6600;
border-bottom:0;
font-weight: 700;
font-size: 18px;}

.tabDepth1>.tab-content{
padding: 15px 0;
border: 1px solid #ddd;
border-top: 0;
background-color: #fff;
overflow: hidden;}


/*2차 탭디자인*/
.tabDepth2 .nav-tabs{border-bottom:1px solid #666;}

.tabDepth2 .nav > li{width:33.333%;
text-align:center;}

.tabDepth2 .nav > li > a{height:40px;
line-height:40px;
background-color:#797979;
border-radius:0;
border:1px solid #666;
padding:0;
color: #fff;
cursor:pointer;
margin-right: 0;
margin-left: -1px;
border-radius: 8px 8px 0px 0px;}

.tabDepth2 .nav-tabs > li.active > a,.tabDepth2 .nav-tabs > li.active > a:focus,.tabDepth2 .nav > li > a:focus {
color: #222;
cursor: default;
background-color: #fff;
border:1px solid #666;
border-bottom:0;
font-weight: 700;}

.tabDepth2> .tab-content {
	background: #ffffff;
    padding:10px 0;   
}

/*테이블스타일*/
.patientData{width: 98%;
	margin: 0 auto;
	margin-bottom: 10px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
	border-right: 1px solid #ddd;
	font-size: 18px;}
	

.patientData th{border-bottom: 1px solid #ddd;
    background: #f8f8f8;
    padding: 5px 8px ;
    border-left: 1px solid #ddd;
	text-align: center;
	min-width: 65px;}

.patientData td{padding:5px 8px;
    border-bottom: 1px solid #ddd;
    line-height: 150%;
    font-weight: 700;}

.patientData .infoalert{vertical-align: top;}
.patientData .infoalert th{color:#f05050;font-weight: bold;}


/*리스트*/

.list-group-item{position: relative;
    display: block;
    padding: 5px 7px;
    font-size: 18px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
	border-top: 0;
	line-height: 1.7em;
}



.list-group{border-top: 3px solid #333;}

.list-group-item:focus,
.list-group-item:active {
    background-color: #00ac98 !important;
    border-color: #00ac98;
	color: #fff !important;
}

.list-group-item.active,.list-group-item.active:focus {
    background-color: #00ac98;
    border-color: #00ac98;
	color: #fff !important;
}



.list-group-item:last-child{
border-radius: 0px !important;
border-radius: 0px !important;}


.list-group li:first-child .list-group-item{border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;}

.list-group-item span{display: inline-block;}

.num{position: absolute;
font-weight: 700;
width:30%;}

.name{margin-left:30%;
margin-right: 15%;}
span[name^="sort_"] span{
	display:none;
	top: 5px;
	font-size: 14px;
} 

span[name^="sort_"][sortType="up"] .sortUpIcon{
	display: none;
}
span[name^="sort_"][sortType="down"] .sortUpIcon{
	display: inline-block;
}
span[name^="sort_"][sortType="up"] .sortDownIcon{
	display: inline-block;
}
span[name^="sort_"][sortType="down"] .sortDownIcon{
	display: none;
}

.doctorConsentNum{
width:90%;}

.doctorConsentNum.patientCode{
	color: #1280d7;
}
.doctorConsentNum .hngNm{
	font-weight: bold;
	color: #333;
}
.doctorConsentName{position: absolute;
right: 10px;}

.list-group-item .list-row:last-child .name{font-weight: bold;}

.list-group-item .list-row:first-child .num{font-weight: bold;
color: #1280d7;}

.list-group-item .list-row:last-child .num{color: #fb6d9d;;}

.date,.doctor,.period,.treat{
position: absolute;
right:10px;
padding: 2px 0;}


.list-group-item:focus span, .list-group-item:active span {
	color: #fff !important;}


.list-group-item.active span , .list-group-item.active:focus span {
	color: #fff !important;}


/*로그인 페이지*/
.login-page{position: relative;
width: 100%;
height: 100%;
background:url(/mcare-plus/resources/css/images/mobile/agsquare.png) ;}

.login-box{width: 500px;
height: 150px;
padding-top: 250px;
margin:0 auto;}

 .logo-wrap{padding: 20px;}

#fatimalogo{float: left;}

#mcarelogo{float: right;}

 h1.logo{margin-bottom: 40px;text-align: center;margin-top: 20px;}

#inputID{margin-bottom: 10px;}
.form-login button{height: 78px;}

.login-box{position: absolute;
	left: 50%;
	top:50%;
	width: 420px;
	height: 330px;
	padding: 20px;
	margin-left: -210px;
	margin-top: -200px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);}

	#loginBtn{background-color:#00ac98;
	height: 45px;
	line-height: 45px;
	padding:0;
	font-size: 18px;}


	/*아코디언 효과*/
	.panel{border: 0;
	box-shadow:none}

	.panel-default > .panel-heading{background-color: #53b44d;
    border-color: #53b44d;
	color: #fff;}

	h4.panel-title{border: 0;}

	.panel-body{border: 1px solid #ddd;
	font-size: 16px;
	line-height: 1.7em;
	background-color: #f1f1f1;}

	h4.panel-title i.fa{color: #fff !important;}

/*동의서*/
.topLine {border-top: 2px solid #333;}
.bottomLine {border-bottom: 2px solid #333;}

.agreementCheck.bordernone,
.unfinishedList.bordernone{
	border-top: 0;
}
.agreementCheck>li{
	position: relative;
	padding: 7px 20px 4px;
	border-top: 1px solid #d6d6d6;
}
.unfinishedList>li{
	position: relative;
	padding: 7px 5px 4px;
	border-top: 1px solid #d6d6d6;
}
.agreementCheck>li:last-child,
.unfinishedList>li:last-child{
	border-bottom: 1px solid #d6d6d6;
}
.agreementCheck>li:first-child,
.unfinishedList>li:first-child{
	border-top: 0;
}
.agreementCheck>li .checkbox3{
	padding: 6px 60px 6px 30px;
}
.unfinishedList>li .checkbox3{
	padding: 6px 110px 6px 30px;
}

.agreementCheck>li .checkbox3 span,
.unfinishedList>li .checkbox3 span{
	display: inline-block;
}
.agreementCheck>li .checkbox3 input,
.unfinishedList>li .checkbox3 input{
	margin-top: 15px !important;
}
.agreementCheck>li .checkbox3 label,
.unfinishedList>li .checkbox3 label{
	display:table-row;
}
.checkbox3 .chkLabel{
	padding: 11px 0 11px 25px;
}


.agreementCheck>li .checkbox3 .detail,
.unfinishedList>li .checkbox3 .detail{
	display: inline-block;
	font-size: 16px;
	color:#111;
	font-weight: normal;
	white-space: normal;
	word-break:break-all;}

.agreementCheck>li .checkbox3 label::before,
.unfinishedList>li .checkbox3 label::before{
	top:50%;
	margin-top:-10px
}
.agreementCheck>li .checkbox3 label::after,
.unfinishedList>li .checkbox3 label::after{
	top: 50%;
	margin-top: -9px;
}
.agreementCheck>li.checked,
.unfinishedList>li.checked {
	background-color: #53b44d !important;
}
.agreementCheck>li .checkbox3 input:checked+label,
.agreementCheck>li .checkbox3 input:checked+label .detail,
.unfinishedList>li .checkbox3 input:checked+label .detail{color: #fff;}

.agreementCheck>li .checkbox3.checkbox-light input:checked+label::before,
.unfinishedList>li .checkbox3.checkbox-light input:checked+label::before{border-color: #fff;}
.agreementCheck>li .checkbox3.checkbox-check.checkbox-light label::after,
.unfinishedList>li .checkbox3.checkbox-check.checkbox-light label::after{color: #fff;}

/* 레이블명 색상 */
.label-unfinished{background-color:#f05050 !important;}
.label-temp{background-color:#4c5667 !important;}
.label-electrCmp{background-color:#148ceb !important;}
.label-paperOut{background-color:#7e57c2!important;}
.label-certifyCmp{background-color:#fb6d9d !important;}
.label-verbal{background-color:#ff9e08 !important;}
.label-default{background-color:#888 !important;}
.agreementCheck>li .label{
	position: absolute;
	right: 0;
	display: inline-block;
	width: 50px;
	padding:5px 0 ;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}
.unfinishedList>li .label{
	position: absolute;
	right: 55px;
	display: inline-block;
	width: 50px;
	padding:5px 0 ;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}

.agreementCheck>li .doctorConsentLabel,
.unfinishedList>li .doctorConsentLabel{
	position: initial !important;
right: 0;
display: inline-block;
width: 50px;
padding:5px 0 ;
font-size: 14px;
font-weight: normal;
vertical-align: top;}

.agreementCheck>li button{
	position: absolute;
    right: 0;
    display: inline-block;
    width: 50px;
    padding: 3px 0;
    font-weight: normal;
    top: 0;}
.unfinishedList>li button{
	position: absolute;
    right: 0;
    display: inline-block;
    width: 50px;
    padding: 3px 0px;
    font-weight: normal;
    top: 3px;
}

.selectDumy .bootstrap-select .btn-default{background-color: #fff;
border-color: #ccc;
color: #000;
font-size: 16px;}

.btn-group .btn-round{border: 1px solid #d6d6d6 !important;
	background-image:none;
    background-color: #d6d6d6 !importantt; 
    color: #000;
	 border-radius: 2em !important;
    padding:7px 20px;
	margin-right:10px;
	box-shadow:none}

.btn-group .btn-round .btn-label{
	background: rgba(0, 0, 0, 0.1);
    display: inline-block;
    border-radius: 2em 0 0 2em;
    margin: -7px -13px;
    margin-right: 12px;
	padding: 7px 10px 7px 15px;
    margin-left: -20px;
	}

.btn-group .btn-round i.fa{color: #000 !important;
font-size: 16px !important;}

.btn-group .btn-round.active{background-color: #1380d7 !important;
border-color:  #1380d7 !important;;
color: #fff;}
.btn-group .btn-round.active i.fa{color: #fff !important;}

.consentSearchBox {
	margin-bottom: 20px;
}

/* 모달팝업 */
.modal-content{border: 3px solid #1280d7;
    border-top: 3px solid #1c7ce6;
    background: #fcfcfc;
	-webkit-border-radius: 0;
	-moz-border-radius:0 ;
	border-radius:5px;}

.modal-header{padding:10px 10px 10px 5px;
background-color: #1280d7;}


.modal-content h4.modal-title{color: #fff;
font-size: 20px;
font-weight: 700;
border: 0;}

.modal-content h4.modal-title:before{
display: inline-block;
width: 25px;
height: 20px;
content:'\f05a';
font: normal normal normal 22px/1 FontAwesome;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 top: 2px;
 padding-right: 5px;}

.modal-content .close {
    float: right;
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: none;
	opacity:1}

.modal-content .close:hover, .close:focus{opacity:1;
	color: #fff;}

.modal-body{text-align: center;
	line-height: 1.4em;
	font-size: 18px;
	font-weight: bold;
	color: #111;}

.modal-content p.error{color: #f05050;}

.modal-content	p.msg{color: #111;}

.modal-footer{text-align: center;
	border-top: 1px solid #d9d9d9;}

.modal-footer .btn-success{width: 120px;}

.modal-footer .btn-default{width: 120px;
	background-color: #797979;
	border-color: #797979;}
	
/*설정 팝업 */
.hidden {display: none;}

.popover{border: 1px solid #ccc;
	background-color: #f6f6f6;}

.popover-title{padding:10px;
	 background-color:#e5e5e5;
	 border-bottom: 1px solid #ccc;}

.popover h3{font-size: 16px;
	font-weight: bold;
	 font-family: 'KoPub Dotum';
	 margin:0;
	 color: #111;}

.popover .btn-default{padding:6px 30px ;}

.popover .container{width: 50%;}

.popover.left,.popover.right,.popover.bottom{padding:0;}

.popover.left > .arrow:after{border-left-color: #e0e0e0;}
	
.popover.bottom > .arrow:after{border-bottom-color: #e0e0e0;}

.popover.right > .arrow:after{border-right-color: #e0e0e0;}
	
/*탭별 헤더*/
.patientHeader{border: 1px solid #ddd;
	border-top: 3px solid #333;
	background-color: #eee;
	padding: 5px 0;
	margin-top: 10px;
	font-size: 18px;}

.headerGroup .list-row {position: relative;}

.headerGroup .list-row>span{display: inline-block;
font-weight: 700;}

.headerGroup .list-row>span:first-child{width:28%;
padding-left: 7px;}

.headerGroup .list-row>span:nth-child(2){width:40%; text-align: center;}

.headerGroup .list-row>span:nth-child(3){position: absolute;
top: -2px}

/*주치의별 동의서 헤더 */

.patientHeader.checkHeader{padding:5px 0 !important}

.consentHeader{font-weight: 700;color: #333;     padding: 0px 80px 0px 50px;}

.agreementCheck > li .checkbox3 label span.list-row{display:block;position:relative;
	color:#555}

.agreementCheck > li .checkbox3 label span.list-row .detail{padding-left:0;
	font-weight:700;}

.agreementCheck > li .checkbox3 label span.list-row .consentName{position: absolute;
   right: 10px;
   padding: 2px 0;}
   
/* 모달팝업 */
.modal-content{border: 3px solid #1280d7;
    border-top: 3px solid #1c7ce6;
    background: #fcfcfc;
	-webkit-border-radius: 0;
	-moz-border-radius:0 ;
	border-radius:5px;}

.modal-header{padding:10px 10px 10px 5px;
background-color: #1280d7;}


.modal-content h4.modal-title{color: #fff;
font-size: 20px;
font-weight: 700;
border: 0;}

.modal-content h4.modal-title:before{
display: inline-block;
width: 25px;
height: 20px;
content:'\f05a';
font: normal normal normal 22px/1 FontAwesome;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 top: 2px;
 padding-right: 5px;}

.modal-content .close {
    float: right;
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: none;
	opacity:1}

.modal-content .close:hover, .close:focus{opacity:1;
	color: #fff;}

.modal-body{text-align: center;
	line-height: 1.4em;
	font-size: 18px;
	font-weight: bold;
	color: #111;}

.modal-content p.error{color: #f05050;}

.modal-content	p.msg{color: #111;}

.modal-footer{text-align: center;
	border-top: 1px solid #d9d9d9;}

.modal-footer .btn{width: 120px;}

.modal-footer .btn-default{
	background-color: #797979;
	border-color: #797979;}
	   
   
#settingModal .radio3 label,
#mplusConsentDeleteForm .radio3 label{
	font-size: 16px;
	padding: 8px 0 11px 25px;
}   

.datetimepicker input{
	font-size: 16px;
}
.radio3 label{
	font-size: 14px;
	padding: 10px 0 11px 25px;
}
.form-control{
	font-size: 16px;
}
.checkbox3 label{
	font-size: 14px;
}
.fat-container button{
	font-size: 16px !important; 
} 

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 99999;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
    
}
    .wrap-loading div{ /*로딩 이미지*/
        position: fixed;
        top:50%;
        left:50%;
        margin-left: -21px;
        margin-top: -21px;
    }
    .display-none{ /*감추기*/
        display:none;
    }
    
#mplusAlert .modal-body p,
#mplusConfirm .modal-body p{
	white-space: pre-wrap;
}     

#mplusConsentImageForm .modal-header{
	padding: 10px 10px 25px 5px;
}
#mplusConsentImageForm .modal-body{
	padding: 5px;
}
.dropdown-menu{
	font-size: 16px;
}

.consentSignBox{
	padding-right: 0px;
}
.consentSignBox label{
	font-size:14px;
	margin-right: 5px;
}
.bootstrap-switch-label{
	font-size: 14px !important;
	padding: 3px !important;
	font-weight: bold !important;
}
       
#consentImgBox{
	overflow-y: auto;
}
#consentImgBox div{
	padding: 5px;
    border-bottom: 1px solid #ccc;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}