/* GLOBAL */ 
.jBox-wrapper { text-align: left; } 
.jBox-wrapper,.jBox-title,.jBox-content, .jBox-container {position: relative;word-break: break-word; } 
.jBox-container { background: #fff; } 
.jBox-content { padding: 3px 3px; overflow: auto; -webkit-transition: opacity .15s; transition: opacity .15s; }

/* JBOX TOOLTIP */
.jBox-Tooltip .jBox-container,.jBox-Mouse .jBox-container { border-radius: 3px; 
 box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.3);
 }
.jBox-Tooltip .jBox-title,.jBox-Mouse .jBox-title { padding: 8px 10px 0; font-weight: bold; }
.jBox-hasTitle .jBox-Tooltip .jBox-content, .jBox-hasTitle .jBox-Mouse .jBox-content { padding-top: 5px; }

/* POINTER */
 .jBox-pointer { position: absolute; overflow: hidden; }
 .jBox-pointer-top { top: 0; }
 .jBox-pointer-bottom { bottom: 0; }
 .jBox-pointer-left { left: 0; }
 .jBox-pointer-right { right: 0; }
 .jBox-pointer-top, .jBox-pointer-bottom { width: 30px; height: 8px; }
 .jBox-pointer-left, .jBox-pointer-right { width: 12px; height: 30px; }
 .jBox-pointer:after {
position: absolute; content: ''; width: 20px;height: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg);
background: #fff; 
}
.jBox-pointer-top:after { left: 5px; top: 6px;box-shadow: -1px -1px 4px rgba(0, 0, 0, .2); } 
.jBox-pointer-right:after { top: 5px; right: 6px; box-shadow: 1px -1px 4px rgba(0, 0, 0, .2); }
.jBox-pointer-bottom:after { left: 5px; bottom: 6px;box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); }
.jBox-pointer-left:after { top: 5px; left: 6px; box-shadow: -1px 1px 4px rgba(0, 0, 0, .2); }

/* JBOX MODAL & JBOX CONFIRM */ 
.jBox-Modal .jBox-container, .jBox-Confirm .jBox-container {
border-radius: 3px;
box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
 .jBox-Modal .jBox-title, .jBox-Confirm .jBox-title { 
 border-radius: 3px 3px 0 0; padding: 10px 15px;
 background: #f4f5f6;
 border-bottom: 1px solid #ddd;
 text-shadow: 0 1px 0 #fff;
 }
 .jBox-Modal.jBox-closeButton-title .jBox-title, .jBox-Confirm.jBox-closeButton-title .jBox-title { padding-right: 55px; }
 .jBox-Modal.jBox-closeButton-box:before, .jBox-Confirm.jBox-closeButton-box:before { 
 box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4); 
 }

/* JBOX MODAL */
 .jBox-Modal .jBox-content { padding: 12px 15px; }

/* JBOX CONFIRM */
 .jBox-Confirm .jBox-content { text-align: center; padding: 45px 35px; }
 .jBox-Confirm-footer { 
text-align: center; padding: 10px 0;
background: #fafafa; border-top: 1px solid #e2e2e2;border-radius: 0 0 3px 3px;
}
 .jBox-Confirm-button { 
 display: inline-block; cursor: pointer; font-size: 15px; line-height: 30px; height: 30px; border-radius: 3px; padding: 0 20px;
-webkit-transition: color .2s, background-color .2s;transition: color .2s, background-color .2s;	
}
 .jBox-Confirm-button-cancel { 
 margin-right: 25px; 
color: #999; text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
background: #ddd;
}
 .jBox-Confirm-button-cancel:hover { 
 color: #666; background: #ccc;
}
 .jBox-Confirm-button-submit { text-shadow: 0 -1px 1px rgba(0, 0, 0, .2);
	background: #5fc04c;
	color: #fff; }
 .jBox-Confirm-button-submit:hover { background: #53a642; }
 .jBox-Confirm-button-cancel:active, .jBox-Confirm-button-submit:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .26); }

/* JBOX NOTICE */
 .jBox-Notice { -webkit-transition: margin .2s; transition: margin .2s; }
 .jBox-Notice .jBox-container { 
 color: #E0E3E8; text-shadow: 0px 1px 0px #262626;
background: rgba(255, 255, 255, 0.772);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.275);
border: 1px solid rgba(22, 22, 22, 0.275); 
border-top: 1px solid rgba(222, 222, 222, 0.200);
	}
 .jBox-Notice .jBox-content { border-radius: 3px; padding: 12px 20px; }
 .jBox-Notice .jBox-title { padding: 8px 20px 0; font-weight: bold; }
 .jBox-hasTitle.jBox-Notice .jBox-content { padding-top: 5px; }
 .jBox-Notice-color .jBox-container { text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); }
 .jBox-Notice-gray .jBox-container {  
 color: #666; text-shadow: 0 1px 0 #fff; 
 background: #f4f4f4; background-image: linear-gradient(to bottom, #fafafa, #f0f0f0); 
 }
 .jBox-Notice-red .jBox-container { background: #b02222; background-image: linear-gradient(to bottom, #ee2222, #b02222); }
 .jBox-Notice-green .jBox-container { background: #70a800; background-image: linear-gradient(to bottom, #95cc2a, #70a800); }
 .jBox-Notice-blue .jBox-container { background: #2b91d9; background-image: linear-gradient(to bottom, #5abaff, #2b91d9); }
 .jBox-Notice-yellow .jBox-container { 
 color: #744700; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); 
 background: #ffb11f; background-image: linear-gradient(to bottom, #ffd665, #ffb11f); 
 }

/* JBOX IMAGE */
 .jBox-Image {  padding: 8px 8px 45px; border-radius: 5px;  background: #fff; }
 .jBox-Image .jBox-content { padding: 0; width: 100%; height: 100%; }
 .jBox-image-container { border-radius: 5px; position: absolute; width: 100%;height: 100%; opacity: 0; 
 background: #fff center center no-repeat;
 }
 .jBox-image-label { 
 box-sizing: border-box; position: absolute;
	top: 100%; left: 0; width: 100%; margin-top: -35px;
	padding: 0 90px 5px 10px; border-radius: 0 0 5px 5px;
	-webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; 
	color: #333; background: #fff;
	}
 .jBox-image-label.active { opacity: 1; }
 .jBox-image-pointer-next, .jBox-image-pointer-prev { 
 position: absolute;
	bottom: 0px;
	width: 22px;
	height: 45px;
	background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
	 background-size: 11px auto; cursor: pointer;opacity: .6;
	-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;
	-webkit-transition: opacity .2s;transition: opacity .2s;
	}
 .jBox-image-pointer-next:hover, .jBox-image-pointer-prev:hover { opacity: 1; }
 .jBox-image-pointer-next { right: 8px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }
 .jBox-image-pointer-prev { right: 30px; }
 .jBox-image-open #jBox-overlay { background-color: rgba(0, 0, 0, .86); }
 .jBox-Image.jBox-loading .jBox-container:before { 
 left: auto; top: auto;bottom: -33px;right: 55px; margin-top: -9px; margin-left: -9px; 
 }

/* Close button */
 .jBox-closeButton { cursor: pointer; position: absolute; }
 .jBox-closeButton svg { position: absolute; top: 50%; right: 50%; }
 .jBox-closeButton path { -webkit-transition: fill .2s; transition: fill .2s; }
 .jBox-closeButton path { fill: #aaa; }
 .jBox-closeButton:hover path { fill: #888; }
 .jBox-closeButton:active path { fill: #666; }

/* Close button in overlay */

#jBox-overlay .jBox-closeButton { top: 0; right: 0; width: 40px; height: 40px; }
#jBox-overlay .jBox-closeButton svg { width: 20px; height: 20px; margin-top: -10px; margin-right: -10px; }
#jBox-overlay .jBox-closeButton path { fill: #d2d4d6; }
#jBox-overlay .jBox-closeButton:hover path { fill: #fff; }
#jBox-overlay .jBox-closeButton:active path { fill: #b2b4b6; }

/* Close button in title */
 .jBox-closeButton-title .jBox-closeButton { top: 0;right: 0;bottom: 0; width: 40px; }
 .jBox-closeButton-title .jBox-closeButton svg { width: 12px; height: 12px; margin-top: -6px; margin-right: -6px; }

/* Close button in box */
 .jBox-closeButton-box .jBox-closeButton { 
 top: 2px; right:2px;width: 12px; height: 12px;
 dbackground: #ddd;
 border-radius:1px; 
	}
 .jBox-closeButton-box .jBox-closeButton svg { width: 10px; height: 10px; margin-top: -5px; margin-right: -5px; }
 .jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton { background: #f4f5f6; }
 .jBox-closeButton-box:before { 
 -content: ''; -position: absolute; -top: -8px;-right: -10px;-width: 24px;-height: 24px;
 -box-shadow: 0 0 5px rgba(0, 0, 0, .3); -border-radius: 50%;
	}
 .jBox-pointerPosition-top.jBox-closeButton-box:before { top: 4px; }
 .jBox-pointerPosition-right.jBox-closeButton-box:before { right: 2px; }

/* Overlay */

#jBox-overlay {
 position: fixed; top: 0; left: 0; width: 100%; height: 100%;
 background: #000;
 background-color: rgba(0, 0, 0, .6); 
	}

/* Block scrolling */

body[class^="jBox-blockScroll-"],
body[class*=" jBox-blockScroll-"] { overflow: hidden; }

/* Draggable */
 .jBox-draggable { cursor: move; }

/* Spinner */

@keyframes jBoxLoading { to {transform: rotate(360deg); }}

@-webkit-keyframes jBoxLoading { to {-webkit-transform: rotate(360deg); }}
 .jBox-loading .jBox-content { min-height: 32px; min-width: 38px; opacity: 0; }
 .jBox-spinner {    position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; }
  .jBox-spinner:before {   
  content: 'Loading…'; display: block; width: 20px; height: 20px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .jBox-spinner:not(:required):before {
  content: ''; border-radius: 50%; border: 2px solid rgba(0, 0, 0, .3); border-top-color: rgba(0, 0, 0, .6);
    animation: jBoxLoading .6s linear infinite; -webkit-animation: jBoxLoading .6s linear infinite; }

/* IE8 fixes */
 .jBox-IE8.jBox-Tooltip .jBox-container, .jBox-IE8.jBox-Mouse .jBox-container { border: 1px solid #aaa; }
 .jBox-IE8 .jBox-pointer:after { display: none; }
 .jBox-IE8 .jBox-pointer {
 border: 0; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNq01l0OwyAIAGAlvY+n8ZJ6Gk/EqqkNtf7ApCQ+LM34iuCmRUQzihjj6FH+kjWL8N4/Ph9GHpiTnC9SwDbhLGyvspSScc71KkOa/HpuuRhIK+psE2pjONouCQg7kBSEXUgC2tHo52mTTBpnaEATWlaYK6MrhIAaceWpOcsCrYp6FV4H/90zTWjUQ/gSevVQq0ecHqoOxWpYoO7p5O9ku2fnVtp7QAik2rsK3fnpWfjynJWpbw+1BkghurrYDjiCptg/4AxaYhJwBbEwDsiB2NgM5EIirAdKIDFGQSmU1+NaIPjJYt2I25vxT4ABAMhWvtle2YvmAAAAAElFTkSuQmCC); 
 }
 
 .jBox-IE8 .jBox-pointer-top { background-position: center top; }
 .jBox-IE8 .jBox-pointer-bottom { background-position: center bottom; }
 .jBox-IE8 .jBox-pointer-left { background-position: left center; }
 .jBox-IE8 .jBox-pointer-right { background-position: right center; }
 .jBox-IE8.jBox-Modal .jBox-container { border: 3px solid #aaa; }

/* No SVG support fixes */
 .jBox-nosvg .jBox-closeButton:before {
 font-family: Verdana, sans-serif; content: 'x'; text-align: center; font-size: 11px; color: #888;
	}

/* /////////////////////////////////////////////////////////////////// */


/* Container */
 .jBox-TooltipDark .jBox-container { 
 border-radius: 3px;
 color: #fff;
background: #222;
box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	}
/* Pointer */
 .jBox-TooltipDark .jBox-pointer:after { background: #222; }
/* Close button */
 .jBox-TooltipDark .jBox-closeButton { background: #222; }
 .jBox-TooltipDark.jBox-closeButton-box:before { box-shadow: 0 0 6px rgba(0, 0, 0, .4); }
 .jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path { fill: #d2d4d6; }
 .jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path { fill: #fff; }
 .jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path { fill: #b2b4b6; }

 
 
 
/*  TOOLTIPBORDER */

/* Container */ 
.jBox-TooltipBorder .jBox-container { border-radius: 5px; border: 2px solid #52a2cb; }

/* Pointer */
 .jBox-TooltipBorder .jBox-pointer:after { border: 2px solid #52a2cb; }
 .jBox-TooltipBorder .jBox-pointer-top, .jBox-TooltipBorder .jBox-pointer-bottom { width: 34px;height: 12px; }
 .jBox-TooltipBorder .jBox-pointer-left, .jBox-TooltipBorder .jBox-pointer-right { width: 12px; height: 34px; }

/* Close button */
 .jBox-TooltipBorder.jBox-closeButton-box:before { width: 28px; height: 28px; background: #52a2cb; }

/*  NOTICEBORDER.  */

/* jBox: Notice */
 .jBox-NoticeBorder .jBox-container { border-radius:0px 0px 0px 0px; }
 .jBox-NoticeBorder .jBox-content,  .jBox-title {padding:15px 26px 15px 26px;    }
 .-jBox-container a {color: #E0E3E8;  } 
 .-jBox-container a:hover {color: #E9ECF1!important;  }
 .jBox-NoticeBorder.jBox-Notice-color .jBox-container {  
color: #292C35;  text-shadow: 0px 1px 0px #fff;
background: rgba(255, 255, 255, 0.922);
background: linear-gradient(to bottom, #FFFFFF 0px, #EAEAEA 100%) ;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.275);
 
 border-top: 1px solid rgba(222, 222, 222, 0.100);
	}
 .jBox-NoticeBorder.jBox-Notice-color .jBox-container:after { 
 content: '';position: absolute; top: 0; left: 0; bottom: 0; width:8px; 0border-radius: 2px 0 0 2px;
	background-image:  
linear-gradient( 
/*
45deg, 
rgba(255, 255, 255, .5) 16%, transparent 35%, transparent 47%, 
rgba(255, 255, 255, .5) 50%, 
rgba(255, 255, 255, .5) 78%, transparent 157%, transparent 
*/
100deg, rgba(255, 255, 255, .5) 0%, transparent 0%, transparent 0%, rgba(255, 255, 255, .5) 85%, rgba(255, 255, 255, .5) 0%, transparent 1%, transparent

)
	 ;
	background-size: 18px 14px; }
 .jBox-NoticeBorder.jBox-Notice-red .jBox-container:after { background-color: #D84242; }
 .jBox-NoticeBorder.jBox-Notice-green .jBox-container:after { background-color: #2FD686; }
 .jBox-NoticeBorder.jBox-Notice-blue .jBox-container:after { background-color: #2FA6E4; }
 .jBox-NoticeBorder.jBox-Notice-yellow .jBox-container:after { background-color: #ECAD64; }
 .jBox-NoticeBorder.jBox-Notice-dark .jBox-container:after { background-color: #2F5B6B; }

/*  MODALBORDER.  */



/* Wrapper */
 .jBox-ModalBorder {
 padding: 8px; border-radius: 8px;
 background: rgba(0, 0, 0, .4);
 box-shadow: 0 0 6px rgba(0, 0, 0, .2); 
 }

/* Container */
 .jBox-ModalBorder .jBox-container { border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

/* Close button */
 .jBox-ModalBorder.jBox-closeButton-box { border-top-right-radius: 0; }
 .jBox-ModalBorder.jBox-closeButton-box:before { display: none; }
 .jBox-ModalBorder.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton, .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton {
 right: -32px; top: -8px; 
 background: rgba(0, 0, 0, .4);
 border-radius: 0 50% 50% 0;
}
 .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton path { fill: #d2d4d6; }
 .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:hover path { fill: #fff; }
 .jBox-ModalBorder.jBox-closeButton-box .jBox-closeButton:active path { fill: #b2b4b6; }