@charset "UTF-8";
/* CSS Document */

body {
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    min-width: 320px;
    padding-top: 60px;
}

p {
    color: #fff;
}

h1 {
    background-color:#21295C;
    color: #fff;
    font-weight: bold;
    font-family: Helvetica;
    padding:10px;
    margin: 0px;
}

h2 {
    color:#fff;
    background-color:#2F4C7C;
    padding:5px;
    text-align:left;
    margin:2px;
}

.barHeight36 {
    line-height: 36px;
}

h3 {
    color:#FFF;
    background-color:#1B3B6F;
    font-size: small;
    font-weight: 200;
    padding:10px;
    margin:5px;
    position: relative;
    text-align:center;
}

section {
    background-color:#333;
    border: thin solid #666;
    margin: 10px 0px 0px 10px;
    width: 300px;
    float: left;
    border-radius: 5px;
    
}

table {
    /*border: 1px solid black;*/
    border-collapse: collapse;
    padding: 5px;
    margin: 2%;
}

th {
    text-align: left;
    background-color:#002244;
    padding: 5px;
    color: #fff;
}

td {
    padding: 5px;
    color: #fff;
}

label {
    color:#FFF;
    width: 80%;
    display:block;
    float: left;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 5px;
}

/*label {
    color:#FFF;
    width: 35%;
    display:inline-block;
}*/

input, select, textarea {
    font-size: 100%;
    width: 95%;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 5px;
    line-height: 18px;
    min-height: 18px;
    font-size: medium;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

input[type='checkbox']{
    width: 6%;
}

input:focus, textarea:focus, option:focus, select:focus {
    background-color: #FFFACD;
}

aside {
    margin: 0 auto;
    width: 25%;
    border: 2px solid #666;
    border-radius: 5px;
    background-color: #333;
    min-width: 250px;
}

.center {
    text-align: center;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.zindex5 {
    position: fixed;
    top: 58px;
    right: 0%;
    z-index: 5;
}

.filter {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color:black;
    opacity: 0.7;
    min-width: 100%;
    min-height: 100%;
}

.groupScreen {
    background-color:#0859aa;
    color: #fff;
}

.discDevices {
    background-color:#21295C;
    border: thin solid #666;
    margin: 0px 5px;
    width: 350px;
    float: left;
    border-radius: 0px 0px 5px 5px;
}

.button {
    color:#FFF;
    background-color:#5386e4;
    font-size: small;
    font-weight: 700;
    padding:10px;
    margin:5px;
    text-align: center;
    opacity: 1;
    border-radius: 5px;
    cursor: pointer;
}

.offline {
    background-color:#be2929;
}

.pointer {
    cursor: pointer;
}

.button:hover, .buttonH:hover, .opacity7 {
    opacity: 0.7;
}

.topFixed {
    position: fixed;
    top: 0px;
    width:100%;
}

.topSticky {
    position: sticky;
    top: 0px;
}

.bottomSticky {
    position: sticky;
    bottom: 0px;
}

.settingsMenu {
    position: fixed;
    width: 250px;
    height: 25px;
    right: 80px;
    top: 13px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.screenEditMenu, .groupEditMenu {
    width: 150px;
    height: 20px;
}

.logout{
    position: fixed;
    top: 16px;
    right: 10px;
}

.settings {
    position: fixed;
    top: 16px;
    right: 50px;
}

.logo {
    width: 96px;
    height: auto;
    top: 3px;
    left: .6%;
    position: fixed;
    z-index: 11;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.dragOver {
    box-shadow: 0px 0px 10px #fff;
}

.margin0{
    margin: 0px;
}

.margin10{
    margin: 10px;
}

.marginTB10{
    margin-top: 7px;
    margin-bottom: 7px;
}

.marginTable{
    margin: 7px 0px 20px 0px;
    width:100%;
}

.marginB4{
    margin-bottom: 4px;
}

.marginL10{
    margin-left: 10px;
}

.marginR10{
    margin-right: 10px;
}

.paddingLR20{
    padding: 0px 20px;
}

.paddingLR10{
    padding: 0px 10px;
}

.small {
    font-size: small;
    color:orange;
}

.medium{
    font-size: medium;
}

tr:nth-child(odd) {
  background-color: #065A82
}

tr:nth-child(even) {
  background-color: #1B3B6F
}

.overflow
{
    overflow-y: scroll;
    height: 80%;
}

.white {
    color: #FFF;
}

.red {
    color: #F00;
}

.backgroundRed {
    background-color: #F00;
}

.wide3 {
    width: 40%;
}

.wide6 {
    width: 90%;
}

.wide5 {
    width: 8%;
}

.wide10 {
    width: 10%;
}

.wide15 {
    width: 15%;
}

.wide35 {
    width: 35%;
}

.wide40 {
    width: 40%;
}

.wide50 {
    width: 49%;
}

.wide80{
    width: 80%;
}

.wide100 {
    width: 100%;
}

.bottom {
    position: fixed;
    bottom: -4px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearL {
    clear: left;
}

.hidden {
    display: none;
}