/* Mirtech Co. */ 
/*============================================================
	
	[MIRL - 미르도서관 전용 css 페이지 입니다.]
	mir_home_sub_common_button 이용자용 css
	
	copyright (c)all mirtech

============================================================*/


/* 인코딩 설정 */
@charset "utf-8";


/* button 설정  ******************************************************************************************* */
.btn[disabled]{opacity:0.45;}

.btn-xs{padding:1px 8px;}
.btn-sm{padding:5px 15px;}
.btn-group-xs > .btn,
.btn-xs{
    line-height:1.42857;
	font-size:12px;
	}
		
/* 기본 */	
.btn_mir_default{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
	}
	.btn_mir_default:hover{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
	.btn_mir_default:focus{color:#333333 !important;}
		
/* 저장 */
.btn_mir_save{
	background-color:#39b7ac;
	border-color:#32a39a;
	color:#fff;
	}
	.btn_mir_save:hover{
		background-color:#32a39a;
		border-color:#32a39a;
		color:#fff;
		}

/* 수정 */
.btn_mir_modify{
	background-color:#39b7ac;
	border-color:#32a39a;
	color:#fff;
	}
	.btn_mir_modify:hover{
		background-color:#39b7ac;
		border-color:#39b7ac;
		color:#fff;
		}
		
/* 삭제 */
.btn_mir_delete{
	background-color:#d9534f;
	border-color:#d43f3a;
	color:#fff;
	}
	.btn_mir_delete:hover{
		background-color:#c02e29;
		border-color:#ac2925;
		color:#fff;
		}
		
/* 불가 */
.btn_mir_impossible{
	background-color:#d9534f;
	border-color:#d43f3a;
	color:#fff;
	}
	.btn_mir_impossible:hover{
		background-color:#c02e29;
		border-color:#ac2925;
		color:#fff;
		}
	
/* 취소 */	
.btn_mir_cancel{
	background-color:#bebebe;
	border-color:#a8a8a8;
	color:#fff;
	}
	.btn_mir_cancel:hover{
		background-color:#a8a8a8;
		border-color:#a8a8a8;
		color:#fff;
		}

/* 확인 */
.btn_mir_confirm{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_confirm:hover{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}

/* 인쇄 */
.btn_mir_print{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_print:hover{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}
			
/* 검색 */	
.btn_mir_search{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_search:hover{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}
	
/* 복사 */	
.btn_mir_copy{
	background-color:#5e96c0;
	border-color:#5385ab;
	color:#fff;
	}
	.btn_mir_copy:hover{
		background-color:#5385ab;
		border-color:#5385ab;
		color:#fff;
		}

/* 이동 */
.btn_mir_move{
	background-color:#5e96c0;
	border-color:#5385ab;
	color:#fff;
	}
	.btn_mir_move:hover{
		background-color:#5385ab;
		border-color:#5385ab;
		color:#fff;
		}

/* 추가 */
.btn_mir_add{
	background-color:#5e96c0;
	border-color:#5385ab;
	color:#fff;
	}
	.btn_mir_add:hover{
		background-color:#5385ab;
		border-color:#5385ab;
		color:#fff;
		}

/* 보기 */
.btn_mir_view{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_view:hover{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}
		
	/* 추천도서 (추가) - 조회버튼 */
	div#sb_choice_content a.btn.btn_mir_view.btn-sm {
	    background-color: #dfeff6;
	    color: #333333;
	}
	div#sb_choice_content a.btn.btn_mir_view.btn-sm:hover {
		background-color: #337ab7;
		color: #ffffff;
	}

/* 쓰기,저장 */
.btn_mir_write{
	background-color:#39b7ac;
	border-color:#32a39a;
	color:#fff;
	}
	.btn_mir_write:hover{
		background-color:#32a39a;
		border-color:#32a39a;
		color:#fff;
		}

/* 다시쓰기 */	
.btn_mir_rewrite{
	background-color:#9b9b9b;
	border-color:#919191;
	color:#fff;
	}
	.btn_mir_rewrite:hover{
		background-color:#919191;
		border-color:#919191;
		color:#fff;
		}

/* 처리 */
.btn_mir_prss{
	background-color:#39b7ac;
	border-color:#32a39a;
	color:#fff;
	}
	.btn_mir_prss:hover{
		background-color:#39b7ac;
		border-color:#39b7ac;
		color:#fff;
		}

/* 신규 */
.btn_mir_new{
	background-color:#5e96c0;
	border-color:#5385ab;
	color:#fff;
	}
	.btn_mir_new:hover{
		background-color:#5385ab;
		border-color:#5385ab;
		color:#fff;
		}

/* 링크형 */
.btn_mir_link{
	background-color:transparent;
	box-shadow:none;
	}
	.btn_mir_link:hover{
		background-color:transparent;
		color:#23527c;
		text-decoration:underline;
		}

/* 라인형 */	
.btn_mir_line{
	background-color:transparent;
	box-shadow:none;
	color:#fff;
	border:1px solid #fff;
	}
	.btn_mir_line:hover{
		background-color:transparent;
		color:#fff;
		text-decoration:underline;
		}

/* 라디오버튼 */	
.btn_mir_radio{
	padding-left:22px;
	color:#333;
    background-color:#fff;
    border-color:#ccc;
	}
	.btn_mir_radio.active{
		background-color:#39b7ac;
		border-color:#39b7ac;
		color:#fff;
		}
	.btn_mir_radio:hover{
		background-color:#32a39a;
		border-color:#32a39a;
		color:#fff;
		}
	.btn_mir_radio:focus{}
	.btn_mir_radio > input[type=radio]{
		left:6px;
		clip:auto !important;
		}
		
/* 로그아웃 */
.btn_mir_logout{
	background-color:#bebebe;
	border-color:#a8a8a8;
	color:#fff;
	}
	.btn_mir_logout:hover{
		background-color:#a8a8a8;
		border-color:#a8a8a8;
		color:#fff;
		}	
.dropdown,.dropup{display:inline-block;}

.btn .caret{
	position: absolute;
    right: 8px;
    top: 13px;
	}
	
/* 리스트 */	
.btn_mir_list{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
	}
	.btn_mir_list:hover{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
	.btn_mir_list:focus{color:#333333 !important;}
		
/* 버튼토글 설정 */
label.switch {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:75px; height:25px;
	background-color:white;
	border-radius:18px;
	cursor:pointer;
	}
.switch-input {
	position:absolute;
	top:0px; left:0px;
	opacity:0;
	}
.switch-label {
	position:relative;
	display:block;
	width:75px; height:inherit;
	font-size:13px;
	text-transform:uppercase;
	background:#eceeef;
	border-radius:inherit;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition:0.15s ease-out;
	-moz-transition:0.15s ease-out;
	 -o-transition:0.15s ease-out;
	transition:0.15s ease-out;
	-webkit-transition-property:opacity background;
	moz-transition-property:opacity background;
	-o-transition-property:opacity background;
	transition-property:opacity background;
	}
.switch-label:before, .switch-label:after {
	position:absolute;
	top:50%;
	margin-top:-.5em;
	line-height:1;
	-webkit-transition:inherit;
	-moz-transition:inherit;
	-o-transition:inherit;
	transition:inherit;
	}
.switch-label:before {
	content:attr(data-off);
	right:11px;
	color:#aaa;
	text-shadow:0 1px rgba(255, 255, 255, 0.5);
	}
.switch-label:after {
	content:attr(data-on);
	left:11px;
	color:white;
	opacity:0;
	}
.switch-input:checked ~ .switch-label {
	background:#52c6d6;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
	}
.switch-input:checked ~ .switch-label:before {opacity:0;}
.switch-input:checked ~ .switch-label:after {opacity:1;}
.switch-handle {
	position:absolute;
	top:2px; left:4px;
	width:20px; height:20px;
	background:white;
	border-radius:10px;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-transition:left 0.15s ease-out;
	-moz-transition:left 0.15s ease-out;
	-o-transition:left 0.15s ease-out;
	transition:left 0.15s ease-out;
	}
.switch-handle:before {
	content:'';
	position:absolute;
	top:50%; left:50%;
	margin:-6px 0 0 -6px;
	width:12px; height:12px;
	background:#f9f9f9;
	border-radius:6px;
	box-shadow:inset 0 1px rgba(0, 0, 0, 0.02);
	}
.switch-input:checked ~ .switch-handle {
	left:52px;
	box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.2);
	}
.switch-input:disabled ~ .switch-handle::before {
	margin-top:-8px; margin-left:-5px;
	content:"\e033";
	color:#cccccc;
	font-family:Glyphicons Halflings; font-size:11px; font-weight:normal;  
	}
	
	
/* 하단 버튼 설정 ***************************************************************************************** */
.btn_list{
	width:100%;
	padding:15px 0 10px;
	overflow:hidden;
	text-align:center;
	}
	.btn_list .btn_left{
		display:inline-block;
		float:left;
		}
	.btn_list .btn_right{
		display:inline-block;
		float:right;
		}
	.btn_list .btn_center{display:inline-block;}

/* 모바일 설정 =============================================================================================*/
@media (max-width:767px){
	.btn_list{
		padding:10px 0;
		overflow:hidden;
		text-align:center;
		}
		.btn_list .btn_left,
		.btn_list .btn_right,
		.btn_list .btn_center{	
			display:block;
			float:left;
			width:100%;
			margin-bottom:5px;
			}
}

/* 버튼그룹 설정 ****************************************************************************************** */
.ui-checkboxradio-radio-label .ui-icon-background{width:10px; height:10px;}
	.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
	.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
		width:10px; height:10px;
		border-color:#fff;
		background-color:#337ab7;	
		}	
.ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button{font-family:"Malgun Gothic","맑은 고딕",sans-serif;}

.dropdown-menu>li>a{font-size:13px;}


/* 라디오버튼 설정 **************************************************************************************** */
#radio input{vertical-align:-2px;}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
a.ui-button:active, 
.ui-button:active,
.ui-button.ui-state-active:hover{box-shadow:none;}
.ui-checkboxradio-label .ui-icon-background{box-shadow:none;}
.ui-checkboxradio-checked,
.ui-state-active{background-color:#2d6ba1;}