@charset "utf-8";
/* CSS Document */

.button {
    border:1px solid #000000; 
    padding:8px 20px 9px 18px;
    margin: 0 3px;
    vertical-align: middle;
	font-size:12px;
}

.base_button {
    border:1px solid #a0a0a0; 
    border-radius: 3px;
    padding:5px 18px 5px 18px;
    margin: 0 1px;
	font-size:12px;
}

.search_button {
    border-radius: 3px;
    padding:9px 28px 8px 27px;
    margin: 0 3px;
	font-size:0.875rem;
   
}

.small_button{
    border-radius: 3px;
    padding:0 10px 0 10px;
    margin: 0 3px;
	font-size:12px;
}



.base_button:hover {
    box-shadow: none;
}


/* color */
.bg_black {
    background:#303030;
    color:#fff;
	border:1px solid #303030 !important;
}
.bg_black:hover {
    background: #747474;
    color:#fff;
	border:1px solid #a0a0a0 !important;
}

.bg_grey {
    background:#afafaf;
    color:#fff;
	border:1px solid #a0a0a0 !important;
}
.bg_grey:hover {
    background: #747474;
    color:#fff;
	border:1px solid #747474 !important;
}

.search_blue {
    background:#2a71b9;
    color:#fff;
	border:1px solid #1f63a9 !important;
}
.search_blue:hover {
    background: #19599a;
    color:#fff;
}

.bg_orange {
    background:#ff9c53;
    color:#fff;
	border:1px solid #ff9c53 !important;
}
.bg_orange:hover {
    background: #e8843a;
    color:#fff;
	border:1px solid #e8843a !important;
}

.bg_light {
    background:#FFF;
    color:#717171;
	border:1px solid #a0a0a0 !important;
}
.bg_light:hover {
    background: #717171;
    color:#fff;
}


.bg_warning {
    background:#ffc107;
    color:#fff;
	border:1px solid #ffc107 !important;
}

.bg_warning:hover {
    background: #e0a800;
    color:#fff;
	border:1px solid #e0a800 !important;
}

.bg_info {
    background:#31b0d5;
    color:#fff;
	border:1px solid #31b0d5 !important;
}
.bg_info:hover {
    background: #249bbe;
    color:#fff;
	border:1px solid #249bbe !important;
}

.bg_primary {
    background:#007bff;
    color:#fff;
	border:1px solid #007bff !important;
}
.bg_primary:hover {
    background: #0069d9;
    color:#fff;
	border:1px solid #0069d9 !important;
}

.bg_success {
    background:#28a745;
    color:#fff;
	border:1px solid #28a745 !important;
}
.bg_success:hover {
    background: #218838;
    color:#fff;
	border:1px solid #218838 !important;
}

.bg_danger {
    background:#dc3545;
    color:#fff;
	border:1px solid #dc3545 !important;
}
.bg_danger:hover {
    background: #c82333;
    color:#fff;
	border:1px solid #c82333 !important;
}

.btn_attachments{color:#666; display: inline-block; padding-bottom:3px;}
.btn_attachments:hover{color:#333;}

.login_button {
    border:1px solid #000000; 
    padding:10px 25px 11px 24px;
    margin: 0 3px;
	font-size:15px;
	border-radius: 5px;
}

/*2019-11-05 추가*/
.base_button_none{
    border:1px solid #a0a0a0; 
    border-radius: 3px;
    padding:5px 18px 5px 18px;
    margin: 0 1px;
	font-size:12px;
	cursor:not-allowed;
}

.small_button_none{
    border-radius: 3px;
    padding:0 10px 0 10px;
    margin: 0 3px;
	font-size:12px;
	cursor:not-allowed; 
}

.bg_none {
    background:#afafaf;
    color:#fff;
	border:1px solid #a0a0a0 !important;
}
.bg_none:hover{color:#fff;}

/**/
a.tooltips {
	position: relative;
	display:inline-block;
	background:url(../images/dvpms/icon_mainhelp.png) no-repeat 0 0 ;
	width:13px; height:13px;
	top:-63px;
	left:49px;
}
a.tooltips span {
	position: absolute;
	color: #333;
	width:200px;
	background: #fff;
	line-height: 22px;
	text-align: center;
	padding:10px 10px;
	display: none;
	border-radius: 6px;
	font-weight:600;
	border:solid 2px #106cb0;
	font-size:13px;
}
a.tooltips span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 37%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #106cb0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltips span {
	display: block;
	bottom: 30px;
	left: 50%;
	margin-left: -76px;
	z-index: 999;
}

a.tooltips1 {
	display:inline-block;
	background:#000 ;
	width:13px; height:13px;
	top:-40px;
	left:49px;
}
a.tooltips1 span {
	position: absolute;
	color: #333;
	width:200px;
	background: #fff;
	line-height: 22px;
	text-align: center;
	padding:10px 10px;
	display: none;
	border-radius: 6px;
	font-weight:600;
	border:solid 2px #106cb0;
	font-size:13px;
}
a.tooltips1 span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 37%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #106cb0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
a:hover.tooltips1 span {
	display: block;
	bottom: 30px;
	left: 50%;
	margin-left: -76px;
	z-index: 999;
}
.st_orange {
    background: #f86d2d;
}
.st_cobalt {
    background: #5a73df;
}



/* 추가 */
.main_btn {padding:5px 80px; color:#fff; font-weight: 500; border-radius: 3px; font-size: 0.8rem;} /* 20201120 수정 */
.big_btn {padding:3px 20px; color:#fff; font-weight: 500; border-radius: 3px; font-size: 0.8rem;} /* 20201120 수정 */
.small_btn {padding:3px 8px; color:#fff; font-weight: 300; border-radius: 3px; font-size: 0.8rem;} /* 20201120 수정 */
.line_blue {background: #fff; border:1px solid #2d89d7; color:#2d89d7;}
.line_red {background: #fff; border:1px solid #f15641; color:#f15641;}
.line_orange {background: #fff; border:1px solid #fe9423; color:#fe9423;}
.line_green {background: #fff; border:1px solid #0ebba1; color:#0ebba1;}
.line_gray {background: #fff; border:1px solid #969696; color:#969696;}
.line_purple {background: #fff; border:1px solid #ca74ff; color:#ca74ff;}

.line_blue:hover {border:1px solid #2171B4; color:#0F3B5F;}
.line_red:hover {border:1px solid #D73823; color:#0F3B5F;}
.line_orange:hover {border:1px solid #DB7D19; color:#0F3B5F;}
.line_green:hover {border:1px solid #0C9782; color:#0F3B5F;}
.line_gray:hover {border:1px solid #747474; color:#0F3B5F;}
.line_purple:hover {border:1px solid #9F40D9; color:#0F3B5F;}

.blue_bg {background: #2d89d7;}
.blue_bg:hover {background: #2171B4;}
.red_bg {background: #f15641;}
.red_bg:hover {background: #D73823;}
.orange_bg {background: #fe9423;}
.orange_bg:hover {background: #DB7D19;}
.green_bg {background: #0ebba1;}
.green_bg:hover {background: #0C9782;}
.gray_bg {background: #969696;}
.gray_bg:hover {background: #747474;}
.purple_bg {background: #ca74ff;}
.purple_bg:hover {background: #9F40D9;}
.black_bg {background: #5f656b;}
.black_bg:hover {background: #454545;}