@charset "utf-8";
*:focus { outline: none; }
/* fade */
.dlgbox-fade { background-color:#000000; }
/* drag */
.dlgbox-drag { border:1px dashed #AAAAAA; }
/* dlgbox */
div.dlgbox { padding:0px; border: solid 1px #CCC; font-size:14px; border-radius:3px; -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5); }
div.dlgbox-tip div.dlgbox { border:none; -moz-box-shadow:none; box-shadow:none; }
/* border */
div.dlgbox .dlgbox-border { background:none; display:none; }
/* container */
div.dlgbox .dlgbox-container { background-color:#FFFFFF; border:0px solid #21B0E2; }
/* title-panel */
div.dlgbox .dlgbox-title-panel { border-radius:2px 2px 0px 0px; background:#F7F8FD; border-bottom:0px solid #CCCCCC; padding:0; height:35px; }
div.dlgbox .dlgbox-title { float:left; overflow:hidden; text-overflow:ellipsis; word-break:break-all; padding-left: 5px !important; margin-left: 5px; line-height:35px; cursor:default; }
div.dlgbox .dlgbox-close { position:absolute; width:24px; height:24px; border-radius:50%; top:5px; right:8px; background-position:center center; background-repeat:no-repeat; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAt0lEQVQ4T62TMQrCQBBFX3qP4kEEK+uQRtJai4WNjaQOdnaS2krwIB7FA8jADIyb2bCQpNvs/Dd/9u9WzPyqmXoWB3yAI/DKONsCHbC2/dRBDdyBHfBOIBvgCbTAkAPI/wgSiqU4dwYeInWjzlMObG8P3HTxZ9uPNpWCuHhocePnLgGY+KJjnoEQEjkwscR10m5XjXcEiWIU215sjkNICvgCveuc3ieBHIBVSQpFz2Txt1DU1Rf9AM/YIBHdHCe9AAAAAElFTkSuQmCC'); }
div.dlgbox .dlgbox-close:hover { background-color:#e1e1e1; }
div.dlgbox .dlgbox-close:active { background-color:#d7d7d7; }
/* content */
div.dlgbox .dlgbox-content { position:relative !important; min-height:37px; max-height:600px; line-height:30px; color:#444444; padding:6px 0px 6px 0; *padding:12px 0px 2px 0;
left: 0px !important; }
div.dlgbox .dlgbox-content-loading { background-color:#FFFFFF; position: absolute; z-index: 99; left: 0px; right: 0px; top: 35px; bottom: 0px; }
div.dlgbox .dlgbox-content-loading-image { background:url(image/dlgbox-content-loading.gif) no-repeat bottom center; }
/* button-panel */
div.dlgbox .dlgbox-button-panel { background-color: #EEEEEE; padding: 10px 0 !important; height: auto !important; border-radius:0px 0px 3px 3px; }
div.dlgbox .dlgbox-bottom-text { text-indent:10px; color:#444444; }
div.dlgbox .dlgbox-button { border-radius: 2px; background-color:#0d9cf6; border:none; color:#FFFFFF; margin:0 10px 0 0; width:90px; height:27px; font-size: 13px; cursor:default; }
div.dlgbox .dlgbox-button:hover { background:#41aaf7; }
div.dlgbox .dlgbox-button:focus { background:#41aaf7; }
div.dlgbox .dlgbox-button:active { background:#0288dd; }
div.dlgbox .dlgbox-button[value='cancel'] { background:#fafafa; border:1px solid #bebebe; color:#000; }
div.dlgbox .dlgbox-button[value='cancel']:hover { background:#fff; border-color:#41AAF7; color:#0d9cf6; }
div.dlgbox .dlgbox-button[value='cancel']:focus { background:#fff; border-color:#0d9cf6; color:#0d9cf6; }
div.dlgbox .dlgbox-button[value='cancel']:active { background:#fafafa; color:#0288DD; }
div.dlgbox .dlgbox-button-hover { background-color:#1BA0CF; }
div.dlgbox .dlgbox-button-active { background-position:0px -40px; }
div.dlgbox-warning:not(.dlgbox-tip) .dlgbox {
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
div.dlgbox-warning .dlgbox .dlgbox-title-panel { color:#999; }
/* tip-color */
div.dlgbox .dlgbox-tip-color { background-color: rgba(0, 0, 0, .3); border:none; color:#FFFFFF; border-radius: 4px; padding:0; }
/* icons */
div.dlgbox span.dlgbox-icon { position:absolute; width:38px; height:38px; top:16px; left:16px; text-align:center; vertical-align:middle; background-position:center center; background-repeat:no-repeat; }
div.dlgbox span.dlgbox-icon i:before { display: inline-block; width:38px; height:38px; line-height:38px; font-size:30px; border-radius:38px; color:#FFF; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div.dlgbox span.dlgbox-icon-info i:before { background-color:#10aeff; content: "\ee1c"; }
div.dlgbox span.dlgbox-icon-success i:before { background-color:#3FB618; content: "\e64d"; }
div.dlgbox span.dlgbox-icon-question i:before { background-color:#45ABF8; content: "\ee35"; }
div.dlgbox span.dlgbox-icon-warning i:before { background-color:#FFB602; content: "\ee1c"; }
div.dlgbox span.dlgbox-icon-error i:before { background-color:#FC6162; content: "\e615"; }
div.dlgbox span.dlgbox-icon-none { background-image:none; }
div.dlgbox span.dlgbox-icon-loading { /*background:url(image/dlgbox-loading.gif) no-repeat scroll 0 0 transparent;*/ }
div.dlgbox .dlgbox-tip-color p { line-height:normal; }
div.dlgbox .dlgbox-tip-color p:first-child { margin:18px 30px 24px 24px; }
div.dlgbox .dlgbox-tip-color p:last-child { margin:18px 24px 24px 24px; }
div.dlgbox .dlgbox-tip-color p i { width: 4px; height: 4px; margin-left: 16px; display: inline-block; background: #fff; border-radius: 100%; animation: loading linear 1.2s infinite; -webkit-animation: loading linear 1.2s infinite; }
div.dlgbox .dlgbox-tip-color p i { transform: scale(0); }
div.dlgbox .dlgbox-tip-color p i:nth-child(1) {
 animation-delay:0s;
}
div.dlgbox .dlgbox-tip-color p i:nth-child(2) {
 animation-delay:0.1s;
}
div.dlgbox .dlgbox-tip-color p i:nth-child(3) {
 animation-delay:0.2s;
}
div.dlgbox .dlgbox-tip-color p i:nth-child(4) {
 animation-delay:0.3s;
}
div.dlgbox .dlgbox-tip-color p i:nth-child(5) {
 animation-delay:0.4s;
}
@keyframes loading { 0%, 100%, 80% {
transform: scale(0);
}
 40% {
transform: scale(4);
}
}
@-webkit-keyframes loading { 0%, 100%, 80% {
transform: scale(0);
}
 40% {
transform: scale(4);
}
}
div.dlgbox-messager .dlgbox-content { min-height:20px; line-height:20px; padding:0 0px 0 0; background-color:#FFF9EB; color: #da8b03; }
div.dlgbox-messager span.dlgbox-icon { width:30px; height:30px; top:4px; background-size:16px 16px; }