﻿body {
}
.SI {
    width:2vw;
}
.I {
    width:8px;
}
.ST {
    width:100%;
    height:100%;
}
.Hidden {
    display:none;
}
/*Main*/
.M {
    position:fixed;
    left:0;
    top:0;
    height:100vh;
    width:100vw;
}
/*Header*/
.HB {
background-position: 10vh center;
    background-color: #2a0f54;
    height: 8vh;
    vertical-align: top;
    color: white;
    background-image: url('/RES/IMG/Branding/LogoTransparent.png');
    background-size: 8vh;
    background-repeat: no-repeat;
}
.BackButton {
    height: 8vh;
    cursor: pointer;
    width: 8vh;
    border-color: white;
    background-color: transparent;
    color: white;
    font-size: 3vw;
    border-style: dashed;
    text-align: center;
}
.SitesTitle {
    font-size: 3vw;
}
.BZ {
    text-align: right;
}
.HOB {
    height: 8vh;
cursor: pointer;
width: 10vh;
border-color: white;
background-color: transparent;
color: white;
font-size: 1vw;
border-style: dashed;
text-align: center;
margin-left: 0.5vw;
}
/*Content*/
.CZ {
    vertical-align: top;
    max-height: 86vh;
overflow-y: auto;
overflow-x: hidden;
}
.H {
    height:1px;
}
.MainTitle {
    font-size: 2vw;

text-decoration: underline;

font-weight: 800;

text-align: center;
}
.FieldTitle {
    font-size: 2vw;

white-space: nowrap;

vertical-align: top;

width: 8px;
}
.FieldValue {
    font-size: 2vw;
}
.FieldDescriptor {
    font-size: 1.2vw;

white-space: nowrap;

vertical-align: top;

color: #6b2323;
}
.FieldTextBox {
    font-size: 1.5vw;

width: calc(100% - 2vw);

padding-left: 1vw;

padding-right: 1vw;

border-style: double;

border-width: 0.2vw;

border-color: darkgray;

border-radius: 0.5vw;
}
.ErrLabel {
    font-size: 2vw;
text-align: center;
text-shadow: 0.01vw 0.01vw 0.1vw red;
color: brown;
height: 3vw;
}
/*Footer*/
.FZ {
    background-color:#2a0f54;
    height:2vh;
}

/*Buttons*/
.AB {
height: 14vh;
cursor: pointer;
width: 14vh;
border-color: black;
background-color: transparent;
color: #000000;
font-size: 2.5vw;
border-style: hidden;
text-align: center;
box-shadow: 0vw 0.6vw 1vw gray;
border-width: 0.15vw;
transition: all ease 0.5s;
border-style: solid;
border-width: 0.1vw;
}
    .AB:hover {
         box-shadow: 0vw 0.3vw 0.5vw black;
    }
.InlineB {
    height: 5vh;
cursor: pointer;
width: 15vh;
border-color: black;
background-color: transparent;
color: #000000;
font-size: 1.5vw;
border-style: hidden;
text-align: center;
box-shadow: 0vw 0.6vw 1vw gray;
border-width: 0.15vw;
transition: all ease 0.5s;
border-style: solid;
border-width: 0.1vw;
}
 .InlineB:hover {
         box-shadow: 0vw 0.3vw 0.5vw black;
    }
 .GridB {
height: 5vh;
cursor: pointer;
width: 5vh;
border-color: black;
background-color: transparent;
color: #000;
font-size: 2vw;
border-style: hidden;
text-align: center;
box-shadow: 0vw 0.6vw 1vw gray;
border-width: 0.15vw;
transition: all ease 0.5s;
border-style: dashed;
border-width: 0.1vw;
color: transparent;
background-size: 5vh;
}
 .GridB:hover {
         box-shadow: 0vw 0.3vw 0.5vw black;
    }
 /*Grid*/
.CatGrid {
    font-size:2vw;
}
