div#nowloading{
	position:fixed;
	z-index:2000;
	top:50%;
	left:0;
	right:0;
}
div#nowloading div.msg{
	top:50%;
	background-color:rgba(0,0,0,0.3);
	text-align:center;
	padding:1em;
	margin:0 auto;
	width:200px;
	border-radius:6px;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	color:#fff;
	font-size:18px;
	font-family:Arial;
}



#error-msg{
    position:fixed;
    top:0;
    z-index:9999;
    background-color:#ffe;
    width:100%;
    padding:8px;
    border-bottom:1px solid #999;
    text-align:center;
    color:#c00;

}
#non-modal-msg{
    position:fixed;
    top:0;
    z-index:9999;
    background-color:#efe;
    width:100%;
    padding:8px;
    border-bottom:1px solid #090;
    text-align:center;
    color:#090;

}

.modal-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1500;
	background-color:#000;
	opacity:0.3;
}
.modal{
	display:none;
	position:fixed;
	top:50px;
	left:10%;
	width:80%;
	z-index:1501;
}
/* .modal .modal-dialog{
	border:1px solid #666;
	background-color:#fff;
	border-radius:8px;
	box-shadow:2px 2px 8px rgba(0,0,0,0.75);
} */
/* .modal .modal-dialog .modal-header{
	border-bottom:1px solid #666;
	border-radius:8px 8px 0 0;
	padding:16px;
	background:linear-gradient(#fff, #ddd);
} */
.modal .modal-dialog .modal-header h4{
	margin:0;
}
.modal .modal-dialog .modal-body{
	padding:8px 16px;
	height:540px;
	overflow-y:scroll;
}
.modal .modal-dialog .modal-footer{
	padding:16px;
	border-top:1px solid #666;
	background-color:#eee;
	border-radius:0 0 8px 8px;
	text-align:right;
}
.ns-overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.75;
	color:#fff;
	text-align:center;
}
.ns-overlay > *{
	margin:2em;
}

div.tgl{
	display:none;
}

.dev-page-information{
	padding:16px;
	margin:0;
	background-color:#222;
}
.dev-page-information table{
	font-size:12px;
	border-collapse:collapse;
	width:100%;
	color:#fff;
}
.dev-page-information table th,
.dev-page-information table td{
	border-bottom:1px dotted #ccc;
	padding:2px 4px;
}
.dev-page-information table th{
	border-right:1px solid #ccc;
}
.dev-page-information table td{
}

.dev-page-information .template-variables{
}
.dev-page-information .template-variables pre{
	padding:1em 2em;
	border:1px solid #ccc;
	border-radius:6px;
	color:#eee;
	overflow:hidden;
}
.dev-page-information div.exception{
	padding:1em 2em;
	border:1px solid #0cc;
	border-radius:6px;
	color:#0cc;
	
}

.after-confirm{
	display:none;
}
span.ip-cfm{
	white-space:pre-wrap;
}

div.upload-thumbnail{
	padding:2px;
	border:1px solid #ccc;
	display:inline-block;
	vertical-align:middle;
}
div.upload-thumbnail img{
	width:100px;
}

.js-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
}

#js-lottie-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
  width: 200px;
  height:200px;
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
}

div.password-str-meter{
	margin:0.25em 0;
	display:flex;
	font-size:0.85em;
	color:#999;
}
div.password-str-meter span.msg{
	padding:0 2px;
	white-space:nowrap;
}
div.password-str-meter.DANGER span.msg{
	color:#f00;
}
div.password-str-meter.LOW span.msg{
	color:#f93;
}
div.password-str-meter.MEDIUM span.msg{
	color:#39c;
}
div.password-str-meter.HIGH span.msg{
	color:#3a3;
}
div.password-str-meter.GREAT span.msg{
	color:#3c3;
}
div.password-str-meter span.unmask-pass{
	text-align:right;
	margin-left:auto;
	cursor:pointer;
}
div.password-str-meter span.masked .label-mask,
div.password-str-meter span.unmasked .label-unmask{
	display:none;
}