/*******************************
  Class Name : /css/common/jquery-ui-custom.css
  Description : 스타일
  Modification Information

       수정일       수정자           수정내용
    ----------------    ---------     ---------------------------
    2017.08.29     이영숙  		최초 생성

    author   :  웹 디자인팀 이영숙
*******************************/


.dialogbox {
	display: none;
}

.dialogbox.ui-dialog-content {
	display: block;
	padding:0;
}
.ui-dialog {
  border-radius: 0.3rem;
  padding:0;
}
.ui-dialog.ui-widget {
	background: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
	padding:15px;
	position: relative;
	background: #557dce;
	/* border-radius: 5px 5px 0 0; */
	border: 0;
	border-bottom: 0;
}

..ui-dialog.ui-widget .ui-dialog-titlebar {
	background: #f0f0f0;
/* 	border: 1px solid #e8e8e8; */
	border-bottom: 0;
}

.ui-dialog.ui-widget .ui-dialog-title {
	display: block©;
	float: none;
	width: auto;
	margin: 0;
	padding: 0 15px;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-weight: 600;
	font-size:22px;
	line-height:30px;
	font-weight:400;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog.ui-widget .ui-dialog-titlebar-close {
	position: absolute;
    width: 22px;
    height: 22px;
    top: 20px;
    right: 16px;
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icons/icon-close-1px.svg) no-repeat center center;
    opacity: .65;
}

.ui-dialog.ui-widget .ui-icon-closethick {
	display: none;
}

.ui-front {
	z-index:8889;
}
.ui-widget-overlay {
	z-index:8888;
	opacity:.0
}
.ui-widget-overlay.main {
   z-index:8888;
   opacity:.6
}

.pagelayer.ui-dialog.ui-widget .dialogbox { /*padding:20px;*/

}

.pagelayer.ui-dialog.ui-widget .dialogbox .dialog-body {
	padding: 20px;
}

.pagelayer.ui-dialog.ui-widget .ui-dialog-content {
	border-radius: 0 0 5px 5px;
}


/* alert */
.alert.ui-dialog.ui-widget {
	border:none;
}
.alert.ui-dialog.ui-widget .dialogbox {
/* 	padding-top:40px;
	padding-bottom:40px; */
	padding-bottom:40px;

}
.alert.ui-dialog.ui-widget .ui-dialog-titlebar {
	/* display:none; */
	background-color:#fff;
}
.alert.ui-dialog.ui-widget .ui-dialog-titlebar-close {
	background: url(../img/icons/icon-close-gray.svg) no-repeat 0 100%;
	background-size: 35px 35px;
	width: 35px;
    height: 35px;
    top:10px;
}
.alert.ui-dialog.ui-widget .ui-dialog-content {
	text-align:center;
}
.alert.ui-dialog.ui-widget .ui-dialog-content  .iconWrap {
	width:80px;
	height:80px;
	line-height:90px;
	border-radius:50%;
	background-color:#f9f9f9;
	text-align:center;
	padding-bottom:20px;
}
.alert.ui-dialog.ui-widget .ui-dialog-content  .icon-alert {
/* 	margin-bottom:20px;
	width:80px;
	height:80px; */
}
.tel-info {
	background-color:#f9f9f9;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	padding-left:50px;
	padding-right:50px;
}


.alert.ui-dialog.ui-widget .ui-dialog-content .text {
	/* margin-top:30px */;
	font-size: 20px !important;
	padding-left: 15px;
    padding-right: 15px;
    min-width: 300px;
}
.alert.ui-dialog.ui-widget .dialogbox .dialog-body {
	padding: 20px;
}

.alert.ui-dialog.ui-widget .ui-dialog-content {
	border-radius: 0 0 5px 5px;
}
.alert.ui-dialog.ui-widget .ui-dialog-buttonpane {
	padding:0;
	margin-top:0;
}

 /*******************************
ui.jqgrid-bootstrap custom
*******************************/
/* .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: inherit !important;
} */

/* .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td.jqgrid-rownum.active {
	background-color:#fff;
} */
.ui-jqgrid {
	border:none;
}
.ui-jqgrid .table {
	font-size:13px !important;
}
.ui-jqgrid .ui-jqgrid-hbox {
/* 	background-color:#9e9e9e;
	margin-top:-1px;
	margin-bottom:-1px; */
}
.ui-jqgrid .ui-jqgrid-htable {
	border-top:2px solid #969696;
	border-bottom:none;
	margin-top:1px;
}
.ui-jqgrid .ui-jqgrid-htable thead th {
	padding-left:0;
	padding-right:0;
	background-color:#f0f0f0;
	/* border-color:#fff !important; */
	font-weight:400;
	color:#000 ;
	cursor:default;
	text-align:center;
}
.ui-jqgrid .ui-jqgrid-htable thead th.active {
	background-color:#f0f0f0 !important;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
	height:auto;
	margin-top:0;
	display:inine-block;
}
.ui-jqgrid .ui-jqgrid-htable {
	margin-bottom:1px;
}
.ui-jqgrid .ui-pg-selbox,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {
	border:1px solid #dadada;
	min-width:49px;
}
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input {
	text-align:right;
	color:#0397d5;
	font-size:14px !important;
}
.ui-jqgrid .ui-jqgrid-pager .ui-paging-pager,
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager,
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info
{
	font-size:14px !important;
}
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info  {
	color:#999;
}

.ui-tabs .ui-tabs-panel {
	padding:0;
}


#pager_custInfo_center {
	width:auto;
	text-align:left !important;
}
#pager_custInfo_left {
	width:0%
}
#pager_custInfo_right {
	width:30%;
}
.tooltip {
	z-index: 9999 !important;
}
/*********************************
*		SPINNER
*********************************/
@-webkit-keyframes rotation{
	from{ -webkit-transform:rotate(0) }
	to{ -webkit-transform:rotate(359deg) }
}
@-moz-keyframes rotation{
	from{ -moz-transform:rotate(0) }
	to{ -moz-transform:rotate(359deg) }
}
@-o-keyframes rotation{
	from{ -o-transform:rotate(0) }
	to{ -o-transform:rotate(359deg) }
}
@keyframes rotation{
	from{ transform:rotate(0) }
	to{transform:rotate(359deg);}
}

.spinner,.spinner-small{
	height:40px;
	width:40px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	border:2px solid #fff;
	border-top:2px solid #007aff;
	border-radius:100%
}
.spinner,.spinner-small{
	-webkit-animation:rotation .6s infinite linear;
	-moz-animation:rotation .6s infinite linear;
	-o-animation:rotation .6s infinite linear;
	animation:rotation .6s infinite linear
}
.spinner-small{
	border:2px solid rgba(0,0,0,.05);
	border-top:2px solid #007aff;
	height:30px;
	width:30px;
	margin:-15px 0 0 -15px
}

.ui-dialog .ui-dialog-buttonpane {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 6px;
	/* border-top: 1px solid #e9ecef; */
}
.alert .ui-dialog-buttonset {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.alert .ui-dialog-buttonset button {
	border-radius:0px;
}

.ui-autocomplete {
    position: relative;
}
.ui-state-active {
	background-color: #eee;
}