/*-- environment ------------------------------------------------------------*/

html,
body {
	margin: 0;
	height: 100%;
}


/* https://css-tricks.com/box-sizing/ */

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

code.debug {
	cursor: pointer;
	color: #c2c;
}

textarea {
	resize: none;
}

a {
	text-decoration: none !important;
}

#header .alarms {
    display:inline-block;
    vertical-align:middle;
    height:20px;
    width:20px;
    position:relative;
	cursor:pointer;	
}

#master-content {
    position:relative;
}

input.error {
border-color:#f00; }


#page-message {
    color:#fff;
    border-style:solid;
    border-width: var(--primary-border-width);
    border-color: #000;
    background-color:#aaa;
    width:50%;
    margin:0 auto;
    cursor:pointer;
    padding:5px;
    position:fixed;
    top:10px;
    left:25%;

}

#page-message.success {
    background-color:#080; }
    
.clipboard {
color: var(--primary-link-color);
cursor: pointer; }

.banner {
  z-index:1000;
  position:absolute;
  top:0;
  right:0;
  left:0;
}

.banner.info {
background-color:#99bbff;
padding:3px;
text-align:center;
color:#fff; }

.construction { 
    border:1px dashed #ccc;
    padding:5px;
}

.construction.ribbon {
  background-image:url(/coreimages/backgrounds/bg.under.construction.001.png);  
  background-position: center top;
  background-repeat:repeat-x;
  background-color:#ffa;
  padding-top:20px;
  height:90%;
}


/*-- error handling ---------------------------------------------------------*/
#page-error {
	min-width:50%;
	margin: 50px;
	font-size:1.15em;
	border: 2px solid #f00;
	padding: 20px;
	background-color: #fee;
	border-radius: 15px;
	min-height: 400px;
	text-align: center;
	color: #000;
	
}

 h2.error {
color: var(--error-color); }

 #system-error h2 
,#system-error h3 {
font-size:1.5em;
font-weight:normal;
}

#system-error td {
	font-family: arial;
	font-size: 18px;
}

 #system-error td.response 
,#system-error a {
	color: #fff;
}

#system-error td.label {
	white-space: nowrap;
	color: #ff0;
	text-align: right;
}

#system-error .message {
	display: inline-block;
	margin: 0 auto;
	border: 2px solid #000;
	padding: 20px;
	background-color: #00205b;
	border-radius: 15px;
	min-width: 30%;
	max-width: 80%;
	text-align: left;
}

/* spinners */
.spinner {
 position:absolute;
 background: url(/coreimages/animated/ani.loader.disc.003.gif) no-repeat;
 background-size:cover;
 display:none; }
 
 .spinner.spinning {
 display:inline-block; }
 
  .spinner.done {
 display:none; }
 
/* popups */

.popup {
    position:fixed;
    top:50%;
    left:50%;
    box-sizing:initial;
	min-width: 350px;
    ppadding:10px;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9100;
    background-color: var(--primary-bgcolor);
    display:none;
}

.detail.popup {
height:80%; }

.popup-content {
    margin:10px;
    
}


.popup.generic {
 border-style:var(--popup-border-style);
 border-width:var(--popup-border-width);
 border-color:var(--popup-border-color);
 background-color:var(--popup-bgcolor);
}

.popup.message {
	text-align: left;
	min-width: 500px;
	min-height: 120px;
	padding: 10px 20px 10px 130px;
	border: 2px solid #000;
	z-index: 20001;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 105px 100px;
}

 #popup-content {
margin:10px 0;     
min-height: 80px;
max-height: 300px;
overflow: auto;
font-size: 18px;
color:#000;
}

.popup.message h1 {
	margin: 0px;
	font-size: 18px;
}

.popup.message.ico-bad {
	background-image: url('/coreimages/icons/system/ico.pop.message.bad.png');
}

.popup.message.ico-caution {
	background-image: url('/coreimages/icons/system/ico.pop.message.caution.png');
}

.popup.message.ico-checklist {
	background-image: url('/coreimages/icons/system/ico.pop.message.checklist.png');
}

.popup.message.ico-confirm {
	background-image: url('/coreimages/icons/system/ico.pop.message.cofirm.png');
}

.popup.message.ico-conflict {
	background-image: url('/coreimages/icons/system/ico.pop.message.conflict.png');
}

.popup.message.ico-custom {
	background-image: url('/coreimages/icons/system/ico.pop.message.custom.png');
}

.popup.message.ico-database {
	background-image: url('/coreimages/icons/system/ico.pop.message.database.png');
}

.popup.message.ico-datafail {
	background-image: url('/coreimages/icons/system/ico.pop.message.datafail.png');
}

.popup.message.ico-draft {
	background-image: url('/coreimages/icons/system/ico.pop.message.draft.png');
}

.popup.message.ico-error {
	background-image: url('/coreimages/icons/system/ico.pop.message.error.png');
}

.popup.message.ico-info {
	background-image: url('/coreimages/icons/system/ico.pop.message.info.png');
}

.popup.message.ico-kaboom {
	background-image: url('/coreimages/icons/system/ico.pop.message.kaboom.png');
}

.popup.message.ico-oops {
	background-image: url('/coreimages/icons/system/ico.pop.message.oops.png');
}

.popup.message.ico-redirect {
	background-image: url('/coreimages/icons/system/ico.pop.message.redirect.png');
}

.popup.message.ico-security {
	background-image: url('/coreimages/icons/system/ico.pop.message.security.png');
}

.popup.message.ico-stylesheet {
	background-image: url('/coreimages/icons/system/ico.pop.message.stylesheet.png');
}

.popup.message.ico-success {
	background-image: url('/coreimages/icons/system/ico.pop.message.success.png');
}

.popup.message.ico-system {
	background-image: url('/coreimages/icons/system/ico.pop.message.system.png');
}

.popup.message.ico-todo {
	background-image: url('/coreimages/icons/system/ico.pop.message.todo.png');
}

.popup.message.ico-wizard {
	background-image: url('/coreimages/icons/system/ico.pop.message.wizard.png');
}