/*
	jAlert v.2
	Made with love by Versatility Werks (http://flwebsites.biz)
	MIT Licensed 
*/
#jAlertBack{
	background: black;
	background: rgba(0,0,0,.75);
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0px; left: 0px;
	z-index: 99998;
	display: none;
}
.jAlertWrap{
	position: absolute; z-index: 99999; width: 100%; height: 100%; display: none; top: 0px; left: 0px;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}
.jAlertWrap:after{
	content:' ';
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;
	background: var(--dark-grey);
	opacity:.8;
}
.jAlert{
	background: white; width: 550px; max-width: 100%; margin: 0px auto; margin-top: 100px; margin-bottom: 100px; display: block;-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.8); box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.8);
}
.jAlert > div{
	position: relative;
}
.jAlert.sm{ width: 300px; } .jAlert.md{ width: 500px; } .jAlert.lg{ width: 800px; } .jAlert.full{ width: 100%; }
.jTitle{
	/*width: 100%; */border-top-left-radius: 3px; border-top-right-radius: 3px; background: #f3f3f3; border: 3px solid #E2E2E2;text-align:center;display:none;
}
.jTitle > div{
	color: #555; font-size: 18px; font:400 18px/24px "robotoregular",Arial,sans-serif; padding: 10px 20px 10px 20px;
}
.jContent{
	padding: 20px;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-o-user-select: text;
	user-select: text;
	text-align:center;
	text-align: center;
    font-size: 1.3rem;
    line-height: 1.5;
    font-weight: 500;
}
.jContent .hint{
	color: var(--secondary-text-color);
    margin-top: 10px;
    font-size: 1.3rem;
}
.jSuccess .jTitle > div, .jDark .jTitle > div, .jInfo .jTitle > div, .jError .jTitle > div{ color: white !important; }

.jInfo .jTitle{
	background: #0684ce;
	background: -moz-linear-gradient(top,  #0684ce 0%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0684ce), color-stop(100%,#1e5799));
	background: -webkit-linear-gradient(top,  #0684ce 0%,#1e5799 100%);
	background: -o-linear-gradient(top,  #0684ce 0%,#1e5799 100%);
	background: -ms-linear-gradient(top,  #0684ce 0%,#1e5799 100%);
	background: linear-gradient(to bottom,  #0684ce 0%,#1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0684ce', endColorstr='#1e5799',GradientType=0 );
	border: 3px solid #1e5799;
}
.jSuccess .jTitle{
	background: #00C600;
	background: -moz-linear-gradient(top,  #00C600 0%, #1d8d11 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C600), color-stop(100%,#1d8d11));
	background: -webkit-linear-gradient(top,  #00C600 0%,#1d8d11 100%);
	background: -o-linear-gradient(top,  #00C600 0%,#1d8d11 100%);
	background: -ms-linear-gradient(top,  #00C600 0%,#1d8d11 100%);
	background: linear-gradient(to bottom,  #00C600 0%,#1d8d11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00C600', endColorstr='#1d8d11',GradientType=0 );
	border: 3px solid #1D8D11;
}
.jDark .jTitle{
	background: #535353;
	background: -moz-linear-gradient(top,  #535353 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #535353 0%,#000000 100%);
	background: -o-linear-gradient(top,  #535353 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #535353 0%,#000000 100%);
	background: linear-gradient(to bottom,  #535353 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#000000',GradientType=0 );
	border: 3px solid #000;
}
.jError .jTitle{
	background: #af2222;
	background: -moz-linear-gradient(top,  #af2222 0%, #981717 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af2222), color-stop(100%,#981717));
	background: -webkit-linear-gradient(top,  #af2222 0%,#981717 100%);
	background: -o-linear-gradient(top,  #af2222 0%,#981717 100%);
	background: -ms-linear-gradient(top,  #af2222 0%,#981717 100%);
	background: linear-gradient(to bottom,  #af2222 0%,#981717 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af2222', endColorstr='#981717',GradientType=0 );
	border: 3px solid #981717;
}
.jError .jTitle > div, .jSuccess .jTitle > div, .jDark .jTitle > div{
	 color: white;
}
.jBtnWrap{
	text-align: center !important; margin-top: 20px;
}
.jBtn,.jBtn:hover,.jBtn:active,.jBtn:visited{
	color: white;
	text-decoration: none !important;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 14px;
	text-transform:uppercase !important;
	
}
@media screen and (max-width: 350px){
	.jBtn{
		width: 100%; display: block;
	}
}
.jBtn.green{
	min-width:75px;
    background: var(--yellow);
    color: var(--primary-text-color);
    font-weight: 500;
    font-size: 1.1rem;
    transition:0.5s;
    padding: 10px;
    min-width: 100px;
}
.jBtn.green:hover{
	background: var(--primary-text-color);
	color:var(--yellow);
}

.jBtn.red, 
.jBtn.undefined{
	color: var(--primary-text-color);
    border: 1px solid #C4C4C4;
    font-size: 1.1rem;
    text-transform: none;
    padding: 9px 10px 9px;
    width: 100px;
    margin-left: 0px;
    transition: 0.5s;
}
.jBtn.red:hover,
.jBtn.undefined:hover{
	background: var(--primary-text-color);
	color:var(--yellow);
	border-color:var(--primary-text-color)
}

.jClose{
	position: absolute; top: 3px; right: 3px; border-top-right-radius: 1px; border-bottom-left-radius: 5px; background: #F3F3F3; color: #555; padding: 5px 10px 5px 10px; cursor: pointer; font-weight: bold;
}
.jClose:hover{
	background: #d4d4d4;
}

.jMsgTitleConfirm {
	content:'Увага!';
}
.jMsgTitleAlert {
	content:'Повідомлення';
}
/*.jMsgTitleAlert[lang=ru] {
	content:'lalala';
}*/
.jMsgButtonClose,
*[data-msg="jAlert Close"]:after {
	content:'Закрити';
}
.jMsgButtonOK,
*[data-msg="jAlert OK"]:after {
	content:'OK';
}
.jMsgPromptTextarea {
	content:'Введіть текст повідомлення';
}
.jAlert .uploaded_info {
	display: block;
	padding:20px 0 0;
	font:400 12px/20px Arial,sans-serif;
}