body {
}

@font-face {
 font-family: 'BOLDERGraph';
 src: url('/RES/FONTS/Rubik-Regular.ttf');
}
@font-face {
 font-family: 'HEADText';
 src: url('/RES/FONTS/TitilliumWeb-SemiBold.ttf');
}
.NoWrap {
    white-space:nowrap;
}
.CompanyName {
font-family: 'HEADText';
text-align: left;
font-size: 3vw;
margin-top: -1.1vw;
position: absolute;
padding-left: 1vw;
}
.TextOnGraphic {
font-family: 'BOLDERGraph';
font-size: 7vw;
text-align: right;
padding-right: 2vw;
line-height: 26vh;
padding-left: 2vw;
color: #eff7ff;
text-shadow: 0px 0px 8px #394a5d;
background-blend-mode: luminosity;
border-style: solid;
border-color: #004c68;
border-width: 1px;
box-shadow: 0px 0px 4px #006668;
background-size: cover;
height: 80vh;
border-radius: 16px;
margin-right: 2vw;
margin-left: 2vw;
}
.FullScreen {
    position:fixed;
    left:0;
    width:100vw;
    top:0;
    height:100vh;
    transition:all ease 0.5s;
    background-color:white;
    opacity:1;

    /*background-image: url('/RES/IMG/BCK/SITE.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position-y: 13vh;*/
}
.asLeft {
    left:-101vw !important;
}
.asRight {
    left:101vw !important;
}
.asHidden {
    opacity:0;
}
.asShown {
    opacity:1;
}
.ST {
    width:100%;
    height:100%;
    border-collapse:collapse;
}
.H {
    height:1px;
}
.I {
    width:8px;
}
.Hidden {
    display:none;
}
/*Footer*/
.FooterSmallOpt {
width: 3vw;
white-space: nowrap;
text-decoration: underline;
cursor: pointer;
border-left-style: solid;
border-right-style: solid;
border-width: thin;
border-color: #e4dfdc;
padding-right: 1vw;
padding-left: 1vw;
font-size: 0.8vw;
box-shadow: 0px 0px 0px cadetblue;
transition: all ease 0.5s;
text-align: center;
}
    .FooterSmallOpt:hover {
        box-shadow: 0px -12px 0px cadetblue;
background-color: #87ceeb5c;
    }
/*Top Nav*/
.TopNav_Option {
cursor: pointer;
transition: all ease 0.5s;
border-bottom-style: solid;
border-width: thin;
border-color: #e4dfdc;
width: max-content;
white-space: nowrap;
padding-right: 2vw;
float: right;
margin-top: -1.5vh;
padding-left: 0.5vw;
box-shadow: 0px 0px 0px #6B0C12;
padding-top: 1vh;
padding-left: 1.5vw;
}
    .TopNav_Option:hover {
border-color: cadetblue;
box-shadow: 0px 12px 0px cadetblue;
background-color: #87ceeb5c;
    }
    .TopNav_Option_Selected {
    background-color: turquoise;
}
.TopNav_Option_Image {
width: 1.5vw;
height: 1.5vw;
margin-top: -0.25vw;
margin-bottom: -0.25vw;
}
.TopNav_Option_Header {
line-height: 1.8vw;
font-size: 1.2vw;
padding-left: 0.5vw;
}

/*Header*/
.Header_Div {
    /*background-color: black;*/
    color: white;
    text-decoration: underline;
    font-size: 2vw;
}
.Header_Line1 {
    height: 4vh;
}
.Header_BackBar {
   text-align: left;
background-color: #394a5d;
padding-top: 1vh;
padding-left: 1vw;
cursor: pointer;
padding-bottom: 1vh;
width: 0vw;
}
.Header_ImgZone {
    width: 5vw;
    border-bottom-left-radius: 25px;
    background-color: #394a5d;
    border-bottom-right-radius: 25px;
    height: 10vh;
    text-align: center;
    padding-top: 1vh;
        padding-bottom: 1vh;
}
.Header_NextBar {
   text-align: right;
background-color: #394a5d;
padding-top: 1vh;
padding-right: 3vw;
cursor: pointer;
padding-bottom: 1vh;
font-size: 1.5vw;

}
.Header_CurveLeft {
    height: 3vh;
    background-color: white;
    border-top-right-radius: 30px;
    position: relative;
    top: -3vh;
    /*width: 37vw;*/
    text-align: center;
    color: transparent;
    text-decoration: underline;
    font-size: 4vw;
}
.Header_CurveRight {
    height: 3vh;
    background-color: white;
    border-top-left-radius: 30px;
    position: relative;
    top: -3vh;
    /*width: 37vw;*/
    text-align: center;
    color: transparent;
    text-decoration: underline;
    font-size: 4vw;
}
/*Basic Button*/
.NextButton {
    font-size: 6vw;
    padding: 2vw 6vw;
    background-color: springgreen;
    border-style: solid;
    border-width: thin;
    border-radius: 4px;
    box-shadow: 0vw 1vw 1vw darkseagreen;
    border-color: chartreuse;
    font-weight: 800;
    color: #15482a;
}
/*Text*/
.HeaderText {
    text-align: center;
    font-size: 6vw;
}
.MedText {
    text-align: left;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 4vw;
}
.LinkText {
    text-align: center;
    color: blue;
    text-decoration: underline;
    font-size: 1vw;
    cursor: pointer;
}
.TextBoxFullLine {
    font-size: 7vw;
    width: 88vw;
    border-style: solid;
    border-color: steelblue;
    text-align: left;
    padding: 1vw 2vw;
}
.ErrText {
    text-align: center;
    color: #6B0C12;
    font-size: 3vw;
}
.TitleDescription {
    font-size: 0.8vw;
padding-left: 0.4vw;
line-height: 1vw;
border-left: solid 0.2vw #6B0C12;
background-color: #87ceeb5c;
font-style: italic;
}
/*Crumbs*/
.CrumbLink {
    color:black !Important;
}
.CrumbLink::before {
  content: "> ";
}
/*Accordion*/
.AccordionHeader_Image {
width: 3vw;
height: 3vw;
background-color: azure;
border-radius: 30px 30px 0px 30px;
border-style: solid;
border-color: #004c68;
padding: 0.2vw;
border-width: medium !important;
}
.AccordionHeader_Text {
border-bottom-style: solid;
border-color: #004c68;
margin-bottom: 0.5vh;
margin-left: -2vw;
height: 3.65vw;
line-height: 4vw;
padding-left: 3vw;
font-size: 2vw;
border-top-right-radius: 25px;
background-image: url('/Res/IMG/HeaderBar.jpg');
background-blend-mode: color-burn;
background-size: cover;
color: white;
text-shadow: 0px 0px 4px #6b0c12;
background-color: teal;
}
.AccordionPanel_Container {
    transition: all ease 0.5s;
transform-origin: top left;
overflow-y: auto;
}
.AccordionPanel_Panel {
background-color: whitesmoke;
background-color: #f5f5f5d6;
margin-left: 3.7vw;
border-style: none solid solid solid;
border-color: #004c68;
margin-top: -1vh;
/*width: calc(99% - 5.7vw);*/
padding: 1vh 1vw;
/*min-height: 20vh;*/
border-radius: 0px 0px 10px 10px;
box-shadow: 0px 0px 4px #006668;
/*width: 89.6%;*/
}
.AccordionPanel_HeadText {
    font-size: 1.5vw;
}
.AccordionPanel_InfoText {
    font-size: 1vw;
font-style: italic;
}
.AccordionPanel_FieldText {
    font-size: 1.25vw;
}
.AccordionPanel_CompactField {
    width: 8px;
white-space: nowrap;
padding-left: 1vw;
padding-right: 1vw;
}
.AccordionPanel_TextBox {
    font-size: 1.5vw;
padding: 0.5vh 0.5vw;
width: calc(100% - 1.25vw);
border: 0.1vw solid;
border-color: lightgray;
border-radius: 4px;
transition:all ease 0.5s;
}
.AccordionPanel_TextBoxHalf {
    font-size: 1.5vw;
padding: 0.5vh 0.5vw;
width: calc(50% - 1.25vw);
border: 0.1vw solid;
border-color: lightgray;
border-radius: 4px;
transition:all ease 0.5s;
}

.AccordionPanel_TextBox_Err {
    border-left-color: #6B0C12;
border-left-width: 1vw;
width: calc(100% - 2.25vw);
}
.AccordionPanel_errText {
    font-size: 1vw;
color: #6B0C12;
font-weight: bold;
vertical-align: top;
text-align: left;
}
.AccordionPanel_ConfirmButton {
float: right;
font-size: 1.5vw;
padding: 1vh 1vw;
border-style: solid;
border-width: thin;
border-color: #005669;
border-radius: 4px;
box-shadow: 0px 0px 1px #004c68;
cursor: pointer;
transition: all ease 0.2s;
background-image: url('/Res/IMG/NextTexture.jpg');
background-size: cover;
background-position: center;
background-blend-mode: color-burn;
background-color: seagreen;
color: white;
text-shadow: 0px 0px 8px #394a5d;
}
    .AccordionPanel_ConfirmButton:hover {
        background-color: steelblue;
box-shadow: 1px 1px 1px transparent;
text-decoration: underline;
    }
.AccordionPanel_CancelButton {
    float: left;
font-size: 1.5vw;
padding: 1vh 1vw;
border-style: solid;
border-width: thin;
border-color: sienna;
border-radius: 4px;
box-shadow: 0px 0px 1px #004c68;
cursor: pointer;
transition: all ease 0.2s;
background-image: url('/Res/IMG/CancelTexture.jpg');
background-size: cover;
background-position: center;
background-blend-mode: color-burn;
background-color: darkgoldenrod;
color: white;
text-shadow: 0px 0px 8px #394a5d;
}
    .AccordionPanel_CancelButton:hover {
        background-color: burlywood;
box-shadow: 1px 1px 1px transparent;
text-decoration: underline;
    }
.AccordionPanel_EditIcon {
    width: 2vw;
height: 2vw;
float: left;
padding-right: 0.5vw;
}
.AccordionPanel_OptionIcon {
    width: 3vw;
height: 3vw;
float: left;
padding-right: 0.5vw;
}
.AccordionPanel_OptionButton {
height: 3vw;
width: 14vw;
background-color: honeydew;
padding: 1vh 1vw;
  padding-right: 1vw;
  padding-left: 1vw;
border-radius: 16px;
padding-right: 1.5vw;
box-shadow: 1px 1px 1px black;
border-style: solid;
cursor: pointer;
border-width: thin;
background-size: 2.5vw;
background-repeat: no-repeat;
background-position: 1vw center;
font-size: 1vw;
line-height: 1.5vw;
font-weight: normal;
text-align: left;
padding-left: 4vw;
transition: all ease 0.5s;
border-color: black;
}
    .AccordionPanel_OptionButton:hover {
        background-color: paleturquoise;
box-shadow: 1px 1px 1px transparent;
text-decoration: underline;
    }
.AccordionPanel_OptionButton_Disabled {
    opacity: 0.5;
background-color: silver !Important;
}
.AccordionPanel_RefreshHolder {
    width:3.5vw;
    height:3.5vw;
    overflow:hidden;
}
.AccordionPanel_RefreshButton {
width: 3vw;
height: 3vw;
background-image: url('../IMG/Icons/Refresh.png');
background-size: 3vw 3vw;
background-color: transparent;
border-style: none;
background-repeat: no-repeat;
position: relative;
top: -0.75vw;
cursor: pointer;
transition: all ease 0.5s;
transform-origin: center;

}
    .AccordionPanel_RefreshButton:hover {
        transform: rotate(180deg);
    }
    .AccordionPanel_CloseButton {
width: 3vw;
height: 3vw;
background-image: url('../IMG/Icons/Close.png');
background-size: 3vw 3vw;
background-color: transparent;
border-style: none;
background-repeat: no-repeat;
position: relative;
top: -0.75vw;
cursor: pointer;
transition: all ease 0.5s;
transform-origin: center;

}
    .AccordionPanel_CloseButton:hover {
        transform: rotate(180deg);
    }
/*Menu*/
.MenuPanel {
background-image: url('/Res/IMG/HeaderBar.jpg');
background-blend-mode: color-burn;
background-size: cover;
background-color: teal;
border-right-style: solid;
border-width: 0.5vw;
border-color: white;
width: 18vw;
}
.MenuPanel_Option {
    cursor: pointer;
background-color: honeydew;
margin-bottom: 1vw;
transition:all ease 0.5s;
border-style: solid;
border-width: thin;
border-radius: 4px;
border-color: blanchedalmond;
}
    .MenuPanel_Option:hover {
        border-color: cadetblue;
box-shadow: 0px 0px 4px cadetblue;
background-color: paleturquoise;
    }
.MenuPanel_Selected {
    background-color: skyblue;
}
.MenuPanel_Image {
width: 2vw;
height: 2vw;
}
.MenuPanel_Line {
    border-bottom-style: solid;
border-width: 0.1vw;
border-color: #6B0C12;
height: 1px;
}
.MenuPanel_Header {
line-height: 1.8vw;
font-size: 1.8vw;
padding-left: 0.5vw;
}
.MenuPanel_Description {
font-size: 1vw;
padding-left: 2.7vw;
font-style: italic;
text-align: left;
background-color: powderblue;
padding-right: 1vw;
}
/*Content*/
.Content_ZoneBlock {
    /*background-color: snow;*/
border-radius: 8px;
padding: 0vh 0vw 2vh 0vw;
box-shadow: 0px 0px 2px slategray;
text-align: center;
}
/*Grid*/
.Grid_Header {
    font-size: 1.2vw;
}
.Grid_Text {
    font-size: 1vw;
}
.Grid_Icon {
    width: 2vw;
height: 2vw;
background-image: url('../IMG/Icons/GridSelect.png');
background-size: 2vw 2vw;
background-color: transparent;
border-style: none;
background-repeat: no-repeat;
}
.Grid_Empty {
font-size: 1vw;
font-style: italic;
font-weight: bold;
color: white;
padding-top: 1vh;
padding-bottom: 1vh;
padding-left: 1vw;
background-image: url('/Res/IMG/CancelTexture.jpg');
background-size: cover;
background-position: center;
background-blend-mode: color-burn;
background-color: darkmagenta;
}
/*Misc*/
.ClearTextButton {
    float: right;
    position: absolute;
    margin-left: -2vw;
    height: 2.5vw;
    background-color: transparent;
    border-color: transparent;
    font-size: 1vw;
    cursor: pointer;
    color: #6B0C12;
    font-weight: 800;
    transition:all ease 0.5s;
}
    .ClearTextButton:hover {
        color: brown;
    }
/*TabNavigation*/
.TopTabButton {
cursor: pointer;
background-color: #B0E0E6;
transition: all ease 0.5s;
border-style: solid;
border-width: thin;
border-radius: 4px;
border-color: skyblue;
font-size: 1.25vw;
padding: 0.11vw 1vw 0.1vw 1vw;
width: 9.5vw;
margin: 0.1vw;
}
    .TopTabButton:hover {
        border-color: cadetblue;
box-shadow: 0px 0px 4px cadetblue;
background-color: #93a0d2;
    }
.TopTabButton_Selected {
    background-color: turquoise;
}
/*MSG*/
.MsgAsLine {
    cursor: pointer;
background-color: #cee7f2;
margin-bottom: 1vw;
transition: all ease 0.5s;
border-style: solid;
border-width: thin;
border-radius: 4px;
border-color: cadetblue;
text-align: left;
}
.MsgAsLine_Image {
width: 5vw;
height: 5vw;
padding-right: 2vh;
padding-left: 2vh;
}
.MsgAsLine_Image_Block {
    border-right-style: ridge;
border-width: medium;
border-color: cadetblue;
}
.MsgAsLine_Header {
    line-height: 1.8vw;
font-size: 1.8vw;
padding-left: 1.5vw;
}
.MsgAsLine_Description {
font-size: 1vw;
font-style: italic;
text-align: left;
word-break: break-word;
width: 55vw;
display: inline-block;
overflow: hidden;
}
.MsgAsLine_DateTime {
    font-size: 0.8vw;
font-style: italic;
text-align: right;
word-break: break-word;
padding-right: 1vw;
width: 5vw;
border-left-style: solid;
border-width: 0.1vw;
border-color: #6B0C12;
}
.MsgAsLine_ReadUnread {
    height: 2vw;
width: 2vw;
padding-right: 1vw;
float: right;
}
.MsgAsLine_Read {
    background-color: #e9f0e1;
border-color: #e3d1d1;
}
.MsgAsLine_Description_Read {
    background-color: #eff2eb;
}
/*Top Menu*/
.TOPMenuPanel_Option {
    cursor: pointer;
background-color: #E4DFDC;
transition:all ease 0.5s;
border-style: solid;
border-width: thin;
border-radius: 4px;
border-color: blanchedalmond;
}
    .TOPMenuPanel_Option:hover {
        border-color: cadetblue;
box-shadow: 0px 0px 4px cadetblue;
background-color: #87ceeb5c;
    }
.TOPMenuPanel_Selected {
    background-color: turquoise;
}