@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/EOT/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('/fonts/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2') format('woff2'),
         url('/fonts/WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'),
         url('/fonts/OTF/SourceSansPro-Regular.otf') format('opentype'),
         url('/fonts/TTF/SourceSansPro-Regular.ttf') format('truetype');
}

body {
        font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	margin: 5px;
}

h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
	margin-top: 0.5em;
}

.status {
        float: right;
        font-size: 0.8em;
}

.status h2 {
	margin-bottom: 5px;
}

.contcont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
	align-items: flex-start;
}

.contentbox {
        background:#f7f7f7;
        margin:10px;
        border-color: #B0003B;
        border-width: 1px;
        border-left-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        box-shadow: 2px 2px 10px #5E5F61;
	overflow: hidden;
/*	overflow: auto; */
}

.wide {
        max-width: 1900px;
        width: 96%;
}

.dynamic {
	min-width: unset;
	max-width: unset;
	width: unset;
}

.halfhd {
        min-width: 920px;
        max-width: 960px;
        width: 46%;
        margin: 5px;
}

.nottoowide {
	max-width: 900px;
}

.contentbox h2 {
        background: #B0003B;
        color: #ffffff;
        padding-left: 15px;
        padding-right: 15px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        margin: 0;
	font-size: 1.2em;
}

.contentbox h2 a {
        color: #ffffff;
        text-decoration: none;
}

.contentbox .contentboxes {
        margin: 5px;
	display: flex;
	flex-wrap: wrap;
}

.contentbox .content {
        margin: 5px;
}


.contentbox .content li {
        line-height: 1.5em;
}

.contentbox .content form label {
	display: inline-block;
	width: 120px;
	text-align: right;
	margin-right: 5px;
	margin-bottom: 8px;
}

.contentbox .content form button.justified {
	display: inline-block;
	margin-left: 105px;
	margin-bottom: 8px;
}

.contentbox .content table {
	width:100%;
}

.contentbox .content tr:nth-child(odd) {
        background-color: #f2f2f2;
}
.contentbox .content tr:nth-child(even) {
        background-color: #ffffff;
}

.contentbox .content tr:hover {
	background-color: #ceeeff;
}

.contentbox .content #zonerecords {
	width:100%;
	display: table;
}

.contentbox .content #zonerecords>* {
	display: table-row;
}
.contentbox .content #zonerecords>div {
	font-weight: bold;
	text-align: center;	
}
.contentbox .content #zonerecords>*:nth-child(odd) {
        background-color: #f2f2f2;
}
.contentbox .content #zonerecords>*:nth-child(even) {
        background-color: #ffffff;
}
.contentbox .content #zonerecords>*:hover {
	background-color: #ceeeff;
}

.contentbox .content #zonerecords>*>* {
	display: table-cell;
}

.contentbox .content input:disabled {
	background-color: inherit;
	border-width: 0px;
	color: inherit;
}
.contentbox .content select:disabled {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	background-color: inherit;
	border-width: 0px;
	color: inherit;
}

.dashbox {
	font-size: 0.8em;
	color:white;
        margin:0;
        width:90px;
        min-width:90px;
	height:90px;
        margin:2px;
	padding:5px;
        border-width: 1px;
        border-style: solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;

}

.dashbox:hover {
        box-shadow: 2px 2px 5px #5E5F61;
}

.dashbox:active {
        box-shadow: 0px 0px 0px #FFF;
}

.db2w {
        width:196px;
        min-width:196px;
}

.db2h {
        height:196px;
}

.dashbox h3 {
	margin-top: 2px;
	margin-bottom: 2px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

a.dashbox {
	text-decoration: none;
}

.button {
        display: inline-block;
        zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
        *display: inline;
        vertical-align: baseline;
        margin: 0 2px 4px 2px;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font-size: 0.8em;
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        box-shadow: 1px 1px 3px #5E5F61;
        border-width: 1px;
        border-style: solid;
}

.button:hover, .button:focus {
        text-decoration: none;
}
.button:active {
        position: relative;
        top: 1px;
	box-shadow: 0px 0px 0px #FFF;
}

button {
	font: inherit;
}

.sig1 {
        background: #B0003B;
        color: #ffffff;
        border-color: #B0003B;
        border-width: 1px;
        border-style: solid;
}

.sig1:hover, .sig1:focus {
        color: #B0003B;
        background: #ffffff;
}

.sig1:active {
        background: #ffffff;
        color: #B0003B;
}

.red {
        background: #ed1c24;
        color: #ffffff;
        border-color: #ed1c24;
        border-width: 1px;
        border-style: solid;
}

.red:hover, .red:focus {
        color: #ed1c24;
        background: #ffffff;
}

.red:active {
        background: #ffffff;
        color: #ed1c24;
}

.pink {
        background: #F660AB;
        color: #ffffff;
        border-color: #F660AB;
        border-width: 1px;
        border-style: solid;
}

.pink:hover, .pink:focus, .pink:active {
        color: #F660AB;
        background: #ffffff;
}

.lime {
        background: #41A317;
        color: #ffffff;
        border-color: #41A317;
        border-width: 1px;
        border-style: solid;
}

.lime:hover, .lime:focus, .lime:active {
        color: #41A317;
        background: #ffffff;
}

.blue {
        background: #0000ff;
        color: #ffffff;
        border-color: #0000ff;
        border-width: 1px;
        border-style: solid;
}

.blue:hover, .blue:focus, .blue:active {
        color: #0000ff;
        background: #ffffff;
}

.warning {
	color: yellow!important;
}

.bad {
	color: #ed1c24!important;
}

.critical {
	color: white;
	background: black;
}

.good {
        color: green;
}

div#copyright {
	float: left;
}

div#runtime {
	float: right;
}

footer {
        margin-top: 1.5em;
        clear: both;
}

/* Standard */
.primary-0 { background-color: #B0003B; color: #FFFFFF; border-color: #B0003B; }
.primary-1 { background-color: #F30052; color: #FFFFFF; border-color: #F30052; }
.primary-2 { background-color: #D10046; color: #FFFFFF; border-color: #D10046; }
.primary-3 { background-color: #A40037; color: #FFFFFF; border-color: #A40037; }
.primary-4 { background-color: #81002B; color: #FFFFFF; border-color: #81002B; }

.secondary-1-0 { background-color: #C78100; color: #FFFFFF; border-color: #C78100; }
.secondary-1-1 { background-color: #FFA500; color: #FFFFFF; border-color: #FFA500; }
.secondary-1-2 { background-color: #ED9A00; color: #FFFFFF; border-color: #ED9A00; }
.secondary-1-3 { background-color: #B97800; color: #FFFFFF; border-color: #B97800; }
.secondary-1-4 { background-color: #925F00; color: #FFFFFF; border-color: #925F00; }

.secondary-2-0 { background-color: #0D3785; color: #FFFFFF; border-color: #0D3785; }
.secondary-2-1 { background-color: #1259DC; color: #FFFFFF; border-color: #1259DC; }
.secondary-2-2 { background-color: #0A3E9E; color: #FFFFFF; border-color: #0A3E9E; }
.secondary-2-3 { background-color: #062F7B; color: #FFFFFF; border-color: #062F7B; }
.secondary-2-4 { background-color: #022461; color: #FFFFFF; border-color: #022461; }

.complement-0 { background-color: #57B300; color: #FFFFFF; border-color: #57B300; }
.complement-1 { background-color: #77F400; color: #FFFFFF; border-color: #77F400; }
.complement-2 { background-color: #68D500; color: #FFFFFF; border-color: #68D500; }
.complement-3 { background-color: #51A600; color: #FFFFFF; border-color: #51A600; }
.complement-4 { background-color: #408300; color: #FFFFFF; border-color: #408300; }

/* Active/Hover/Focus */
.primary-0:hover, .primary-0:focus, .primary-0:active { color: #B0003B; background-color: #FFFFFF; border-color: #B0003B; }
.primary-1:hover, .primary-1:focus, .primary-1:active { color: #F30052; background-color: #FFFFFF; border-color: #F30052; }
.primary-2:hover, .primary-2:focus, .primary-2:active { color: #D10046; background-color: #FFFFFF; border-color: #D10046; }
.primary-3:hover, .primary-3:focus, .primary-3:active { color: #A40037; background-color: #FFFFFF; border-color: #A40037; }
.primary-4:hover, .primary-4:focus, .primary-4:active { color: #81002B; background-color: #FFFFFF; border-color: #81002B; }

.secondary-1-0:hover, .secondary-1-0:focus, .secondary-1-0:active { color: #C78100; background-color: #FFFFFF; border-color: #C78100; }
.secondary-1-1:hover, .secondary-1-1:focus, .secondary-1-1:active { color: #FFA500; background-color: #FFFFFF; border-color: #FFA500; }
.secondary-1-2:hover, .secondary-1-2:focus, .secondary-1-2:active { color: #ED9A00; background-color: #FFFFFF; border-color: #ED9A00; }
.secondary-1-3:hover, .secondary-1-3:focus, .secondary-1-3:active { color: #B97800; background-color: #FFFFFF; border-color: #B97800; }
.secondary-1-4:hover, .secondary-1-4:focus, .secondary-1-4:active { color: #925F00; background-color: #FFFFFF; border-color: #925F00; }

.secondary-2-0:hover, .secondary-2-0:focus, .secondary-2-0:active { color: #0D3785; background-color: #FFFFFF; border-color: #0D3785; }
.secondary-2-1:hover, .secondary-2-1:focus, .secondary-2-1:active { color: #1259DC; background-color: #FFFFFF; border-color: #1259DC; }
.secondary-2-2:hover, .secondary-2-2:focus, .secondary-2-2:active { color: #0A3E9E; background-color: #FFFFFF; border-color: #0A3E9E; }
.secondary-2-3:hover, .secondary-2-3:focus, .secondary-2-3:active { color: #062F7B; background-color: #FFFFFF; border-color: #062F7B; }
.secondary-2-4:hover, .secondary-2-4:focus, .secondary-2-4:active { color: #022461; background-color: #FFFFFF; border-color: #022461; }

.complement-0:hover, .complement-0:focus, .complement-0:active { color: #57B300; background-color: #FFFFFF; border-color: #57B300; }
.complement-1:hover, .complement-1:focus, .complement-1:active { color: #77F400; background-color: #FFFFFF; border-color: #77F400; }
.complement-2:hover, .complement-2:focus, .complement-2:active { color: #68D500; background-color: #FFFFFF; border-color: #68D500; }
.complement-3:hover, .complement-3:focus, .complement-3:active { color: #51A600; background-color: #FFFFFF; border-color: #51A600; }
.complement-4:hover, .complement-4:focus, .complement-4:active { color: #408300; background-color: #FFFFFF; border-color: #408300; }