/**
* Copyright 2012 ONEsite, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

@CHARSET "UTF-8";

.modalJS {
	border-radius:0.308em;
	-moz-border-radius:0.308em;
	-webkit-border-radius:0.308em;
	box-shadow: 0px 3px 3px #333;
	-moz-box-shadow: 0px 3px 3px #333;
	-webkit-box-shadow: 0px 3px 3px #333;
	max-width: 95%;
	position: fixed;
	width:500px; /* Default modal width */
	z-index: 9998;
}
.modalJS,
.modalJS.dark .modalBodyContainer {
	background:#fff;
}
.modalJS .modalHeaderContainer,
.modalJS .modalBodyContainer,
.modalJS .modalFooterContainer {
	padding:0.769em;
}
.modalJS .modalHeaderContainer {
	border-bottom:1px solid #e4e4e4;
	border-radius:0.308em 0.308em 0 0;
	-moz-border-radius:0.308em 0.308em 0 0;
	-webkit-border-radius:0.308em 0.308em 0 0;
}
.modalJS.ui-draggable .modalHeaderContainer,
.modalJS button {
	cursor:pointer;
}
.modalJS .hasSubTitle .subTitle {
	margin: 6px 0 0;
}
.modalFooterContainer {
	background:#f1f1f1;
	border-top:1px solid #e4e4e4;
	border-radius:0 0 0.308em 0.308em;
	-moz-border-radius:0 0 0.308em 0.308em;
	-webkit-border-radius:0 0 0.308em 0.308em;
}
.modalJS .spreader {
	clear: both;
}
.modalJS .windowActions {
	float:right;
}
.modalJS .windowActions button {
	background:transparent;
	border:none;
	color:#555;
	font-weight:bold;
	padding:0;
	margin: 0 0 0 5px;
}
.modalJS .windowActions button:hover {
	color:#2c2c2c
}
.modalJS .hasMinimize .modalTitle {
	padding-right: 55px;
}
.modalJS .modalTitle {
	padding-right: 25px;
}
.modalJS .title,
.modalJS .subTitle {
	font-weight:normal;
	margin: 0;
}
.overlay {
	background-color:#000;
	height:100%;
	left:0;
	position:fixed;
	width:100%;
	top:0;
	z-index:9997;
}
/* Class Names Tools */
.modalJS.modalHasPhoto img,
.modalJS.modalHasVideo video,
.modalJS.modalHasIframe iframe {
	max-width: 100%;
}
.modalJS.modalHasIframe iframe {
	display:block;
}
.modalJS.modalDocked {
	border:none;
	box-shadow:none;
	max-width:30%;
	top:0;
}
.modalJS.modalDocked,
.modalJS.modalDocked .modalInner,
.modalJS.modalDocked .modalHeaderContainer,
.modalJS.modalDocked .modalBodyContainer {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.modalJS.modalDocked.dockLeft {left:0;}
.modalJS.modalDocked.dockLeft .modalInner {
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.modalJS.modalDocked.dockRight {right:0;}
.modalJS.modalDocked.dockRight .modalInner {
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

/* Dark Theme */
.modalJS.dark,
.modalJS.ONEsite {
	background:transparent;
	border:1px solid #000;
}
.modalJS.dark .modalHeaderContainer {
	background: #4c4c4c;
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #232323 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#232323));
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#232323 100%);
	background: -o-linear-gradient(top,  #4c4c4c 0%,#232323 100%);
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#232323 100%);
	background: linear-gradient(top,  #4c4c4c 0%,#232323 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#232323',GradientType=0 );
	border-color:#000;
	color:#fff;
}
.modalJS.dark .modalHeaderContainer button {
	background:#333;
	border:1px solid #000;
	border-radius:0.308em;
	-moz-border-radius:0.308em;
	-webkit-border-radius:0.308em;
	box-shadow:inset 0 1px 0 #666, 0 1px 0 #000;
	-o-box-shadow:inset 0 1px 0 #666, 0 1px 0 #000;
	-ms-box-shadow:inset 0 1px 0 #666, 0 1px 0 #000;
	-moz-box-shadow:inset 0 1px 0 #666, 0 1px 0 #000;
	-webkit-box-shadow:inset 0 1px 0 #666, 0 1px 0 #000;
	color: #fff;
	padding: 2px 5px;
	text-transform: lowercase;
}
.modalJS.dark .windowActions button:hover {
	background-color:#444;
}

/* ONEsite Theme */
.modalJS.ONEsite {
	border-width:10px;
	border-color: rgb(0,0,0);
	border-color: rgba(0,0,0, 0.3);
}
.modalJS.ONEsite .modalInner {
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: auto;
}
.modalJS.ONEsite .modalHeaderContainer .modalExit {
	background: url("/resources/images/icons/close-btn-rnd-defined.png") no-repeat 0 0 transparent;
	height:17px;
	text-indent: -9999px;
	width:17px;
}
.modalMinimizedContainer {
	bottom:0;
	position: fixed;
}
.modalMinimizedContainer span {
	background:#f4f4f4;
	border:1px solid #aaa;
	border-bottom:none;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	cursor: pointer;
	display: block;
	float: left;
	padding: 6px 12px;
	margin: 0 5px;
}

/* Ribbon Notification */
.modalJS .notifyRibbon {
	display: none;
	padding: 8px;
	text-align: center;
}
.modalJS .notifyRibbon.notifyYellow {
	color: #000;
	border: 1px solid #FFE500;
	background-color: #FFF7AF;
}
.modalJS .notifyRibbon.notifyRed {
	color: #000;
	border: 1px solid #FF7070;
	background-color: #FFE0E0;
}
.modalJS .notifyRibbon.notifyGreen {
	color: #000;
	border: 1px solid #70FF70;
	background-color: #E0FFE0;
}

/* Spinner */
.modalJS .modalBodyContainer.spinner-wrapper {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modalJS .spinner {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.modalJS .spinner div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}
.modalJS .spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #000;
	margin: -3px 0 0 -3px;
}
.modalJS .spinner div:nth-child(1) {
	animation-delay: -0.036s;
}
.modalJS .spinner div:nth-child(1):after {
	top: 50px;
	left: 50px;
}
.modalJS .spinner div:nth-child(2) {
	animation-delay: -0.072s;
}
.modalJS .spinner div:nth-child(2):after {
	top: 54px;
	left: 45px;
}
.modalJS .spinner div:nth-child(3) {
	animation-delay: -0.108s;
}
.modalJS .spinner div:nth-child(3):after {
	top: 57px;
	left: 39px;
}
.modalJS .spinner div:nth-child(4) {
	animation-delay: -0.144s;
}
.modalJS .spinner div:nth-child(4):after {
	top: 58px;
	left: 32px;
}
.modalJS .spinner div:nth-child(5) {
	animation-delay: -0.18s;
}
.modalJS .spinner div:nth-child(5):after {
	top: 57px;
	left: 25px;
}
.modalJS .spinner div:nth-child(6) {
	animation-delay: -0.216s;
}
.modalJS .spinner div:nth-child(6):after {
	top: 54px;
	left: 19px;
}
.modalJS .spinner div:nth-child(7) {
	animation-delay: -0.252s;
}
.modalJS .spinner div:nth-child(7):after {
	top: 50px;
	left: 14px;
}
.modalJS .spinner div:nth-child(8) {
	animation-delay: -0.288s;
}
.modalJS .spinner div:nth-child(8):after {
	top: 45px;
	left: 10px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#oneModal1.modalJS.plain {
	background: white;
	width: fit-content !important;
	height: fit-content !important;
}
#oneModal1.modalJS.plain .modalInner {
	background: white !important;
}