z-index: 100000000 !important;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: opacity .15s;
transition: opacity .15s;
.jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
.jBox-Tooltip .jBox-title,
.jBox-Mouse .jBox-title {
.jBox-hasTitle.jBox-Tooltip .jBox-content,
.jBox-hasTitle.jBox-Mouse .jBox-content {
.jBox-pointer-top { top: 0; }
.jBox-pointer-bottom { bottom: 0; }
.jBox-pointer-left { left: 0; }
.jBox-pointer-right { right: 0; }
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
.jBox-pointer-top:after {
box-shadow: -1px -1px 4px rgba(0, 0, 0, .2);
.jBox-pointer-right:after {
box-shadow: 1px -1px 4px rgba(0, 0, 0, .2);
.jBox-pointer-bottom:after {
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
.jBox-pointer-left:after {
box-shadow: -1px 1px 4px rgba(0, 0, 0, .2);
/* jBox Modal & jBox Confirm */
.jBox-Modal .jBox-container,
.jBox-Confirm .jBox-container {
box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
.jBox-Confirm .jBox-title {
border-radius: 3px 3px 0 0;
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 {
.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-content {
.ninja-forms-settings #jBox-overlay .jBox-closeButton,
.ninja-forms-app #jBox-overlay .jBox-closeButton {
.jBox-Confirm .jBox-content {
border-top: 1px solid #e2e2e2;
border-radius: 0 0 3px 3px;
-webkit-transition: color .2s, background-color .2s;
transition: color .2s, background-color .2s;
.jBox-Confirm-button-cancel {
text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
.jBox-Confirm-button-cancel:hover {
.jBox-Confirm-button-submit {
text-shadow: 0 -1px 1px rgba(0, 0, 0, .2);
.jBox-Confirm-button-submit:hover {
.jBox-Confirm-button-cancel:active,
.jBox-Confirm-button-submit:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .26);
-webkit-transition: margin .2s;
.jBox-Notice .jBox-container {
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 #000;
background-image: linear-gradient(to bottom, #444, #222);
.jBox-Notice .jBox-content {
.jBox-Notice .jBox-title {
.jBox-hasTitle.jBox-Notice .jBox-content {
.jBox-Notice-color .jBox-container {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
.jBox-Notice-gray .jBox-container {
text-shadow: 0 1px 0 #fff;
background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
.jBox-Notice-red .jBox-container {
background-image: linear-gradient(to bottom, #ee2222, #b02222);
.jBox-Notice-green .jBox-container {
background-image: linear-gradient(to bottom, #95cc2a, #70a800);
.jBox-Notice-blue .jBox-container {
background-image: linear-gradient(to bottom, #5abaff, #2b91d9);
.jBox-Notice-yellow .jBox-container {
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
background-image: linear-gradient(to bottom, #ffd665, #ffb11f);
.jBox-Image .jBox-content {
background: #fff center center no-repeat;
padding: 0 90px 5px 10px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .3s;
.jBox-image-label.active {
.jBox-image-pointer-next,
.jBox-image-pointer-prev {
background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
background-size: 11px auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-transition: opacity .2s;
.jBox-image-pointer-next:hover,
.jBox-image-pointer-prev:hover {
.jBox-image-pointer-next {
-webkit-transform: scaleX(-1);
.jBox-image-pointer-prev {
.jBox-image-open #jBox-overlay {
background-color: rgba(0, 0, 0, .86);
.jBox-Image.jBox-loading .jBox-container:before {
-webkit-transition: fill .2s;
.jBox-closeButton:hover path {
.jBox-closeButton:active path {
/* Close button in overlay */
#jBox-overlay .jBox-closeButton {
#jBox-overlay .jBox-closeButton svg {
#jBox-overlay .jBox-closeButton path {
#jBox-overlay .jBox-closeButton:hover path {
#jBox-overlay .jBox-closeButton:active path {
/* Close button in title */
.jBox-closeButton-title .jBox-closeButton {
.jBox-closeButton-title .jBox-closeButton svg {
/* Close button in box */
.jBox-closeButton-box .jBox-closeButton {
.jBox-closeButton-box .jBox-closeButton svg {
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
.jBox-closeButton-box:before {
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
.jBox-pointerPosition-top.jBox-closeButton-box:before {
.jBox-pointerPosition-right.jBox-closeButton-box:before {
background-color: rgba(0, 0, 0, .6);
z-index: 99999999 !important;
body[class^="jBox-blockScroll-"],
body[class*=" jBox-blockScroll-"] {