body {
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/montserrat-regular-webfont.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('/fonts/montserrat-regularitalic-webfont.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/montserrat-bold-webfont.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('/fonts/montserrat-bolditalic-webfont.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato-Medium';
    src: url('/fonts/Lato-Medium.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato-Medium-Italics';
    src: url('/fonts/Lato-MediumItalic.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('/fonts/Lato-Light.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato-Light-Italics';
    src: url('/fonts/Lato-MediumItalic.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('/fonts/Lato-Bold.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato-Bold-Italics';
    src: url('/fonts/Lato-BoldItalic.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.woff2') format('woff2');
    font-display: fallback;
}

@font-face {
    font-family: 'NotoSans-Thin';
    src: url('/fonts/NotoSans_SemiCondensed-Light.ttf') format('truetype');
    font-display: fallback;
}

@font-face {
    font-family: 'Jost';
    src: url('/fonts/Jost-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Dancing Script';
    src: url('/fonts/DancingScript-VariableFont_wght.ttf') format('truetype');
    font-display: fallback;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/opensans-regular-webfont.woff') format('woff');
    font-display: fallback;
}

.montserrat {
    font-family: Montserrat, Arial, Verdana;
    font-size: 10pt;
    color: #000000;
}

.montserrat-large {
    font-family: Montserrat, Arial, Verdana;
    font-size: 12pt;
    color: #000000;
}

.montserrat-bold {
    font-family: Montserrat-Bold, Arial, Verdana;
    font-size: 10pt;
    color: #000000;
}

.formheaderdd {
    font-family: Lato, Arial, Verdana;
    font-size: 12pt;
    background-color: #eeeeee;
    font-weight:700;
    border-bottom: solid 1px #000000;
    padding:8px;
    color: #000000;
}

.formdd {
    font-family: Lato, Arial, Verdana;
    font-size: 12pt;
    background-color: #ffffff;
    font-weight: 100;
    color: #000000;
}

.lato
{
    font-family:Lato, Arial, Verdana;
    font-size:10pt;
    color:#000000;
}


.latoform {
    font-family: Lato, Arial, Verdana;
    font-size: 14pt;
    color: #000000;
}

.latoformheader {
    font-family: Lato-Bold, Arial, Verdana;
    font-size: 15pt;
    color: #000000;
}

.latoformheader2 {
    font-family: Lato-Bold, Arial, Verdana;
    font-size: 17pt;
    color: #000000;
}

.latoformdivider {
    font-family: Lato-Bold, Arial, Verdana;
    font-size: 15pt;
    color: #FFFFFF;
    background-color: #B57AB4;
    padding: 8px 8px 8px 8px;
    width: 100%;
}

.latoformtypeheader {
    font-family: Lato-Bold, Arial, Verdana;
    font-size: 15pt;
    color: #FFD966;
}

.lato-large {
    font-family: Lato, Arial, Verdana;
    font-size: 12pt;
    color: #000000;
}

.lato-medium {
    font-family: Lato-Medium, Arial, Verdana;
    font-size: 10pt;
    color: #000000;
}

.lato-bold {
    font-family: Lato-Bold, Arial, Verdana;
    font-size: 10pt;
    color: #000000;
}

.lato-light {
    font-family: Lato-Light, Arial, Verdana;
    font-size: 10pt;
    color: #000000;
}

.yugothic-large {
    font-family: 'Yu Gothic',Lato, Arial, Verdana;
    font-size: 12pt;
    color: #000000;
}

.yugothic-bold {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 11pt;
    font-weight:700;
    color: #000000;
}

.yugothic-boldred {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 11pt;
    font-weight: 700;
    color: red;
}

.yugothic-boldgreen {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 11pt;
    font-weight: 700;
    color: green;
}

.yugothic-bolddivider {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 10pt;
    font-weight: 700;
    background-color: #202020;
    padding: 8px 8px 8px 8px;
    color: #ffffff;
    width: 100%;
}

.yugothic-boldheader {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 14pt;
    font-weight: 700;
    color: #ffffff;
}

.yugothic-boldheaderdark {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 14pt;
    font-weight: 700;
    color: #000000;
}

.yugothic-boldheaderdark2 {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 16pt;
    font-weight: 700;
    color: #000000;
}

.yugothic-pageheader {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 16pt;
    font-weight: 700;
    color: #000000;
}

.yugothic-button {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 10pt;
    color: #000000;
    background-color:#ffffff;
    border: solid 1px #202020;
}

.yugothic-buttonbig {
    font-family: 'Yu Gothic', Arial, Verdana;
    font-size: 12pt;
    color: #000000;
    background-color: #ffffff;
    border: solid 1px #202020;
}

.yugothic {
    font-family: 'Yu Gothic', 'Source Han Sans', Lato-Light, Arial, Verdana;
    font-size: 11pt;
    color: #000000;
}

.yugothic-small {
    font-family: 'Yu Gothic',Lato-Light, Arial, Verdana;
    font-size: 10pt;
    color: #000000;
}

.yugothic-smaller {
    font-family: 'Yu Gothic',Lato-Light, Arial, Verdana;
    font-size: 9pt;
    color: #000000;
}

.scrollbox {
    max-height: 400px;
    width: 550px;
    overflow-y: auto;
}

.scrollboxmem {
    max-height: 400px;
    width: 370px;
    overflow-y: auto;
}

.box {
    width: 375px;
    border: solid 1px #959595;
    padding: 8px 8px 8px 8px;
    text-align: left;
}

.pillbutton {
    margin: 5px 0px 5px 0px;
    cursor: pointer;
    height: 35px;
    min-width: 150px;
    padding: 0px 8px 0px 8px;
    border-radius: 20px;
    background-image: linear-gradient(0.25turn,#D4D4D4, #EFEFEF);
    border: solid 1px #C2C2C1;
    transition: 0.3s;
    font-family: lato-bold;
    font-size: 14px;
    text-transform: uppercase;
}

.pillprofile {
    height: 80px;
    width: 300px;
    border-radius: 50px;
    background-image: linear-gradient(0.25turn,#BBB4B9, #F4F5F7);
    border: solid 1px #C2C2C1;
    transition: 0.3s;
    font-family: lato-bold;
    border: solid 4px #827F91;
    color: #7A7576;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}

.pillprofile:hover {
    color: #ffffff;
    background-image: linear-gradient(to bottom right, #42548C, #9D4C9D);
}

.pillbutton:hover {
    color: #ffffff;
    background-image: linear-gradient(to bottom right, #42548C, #9D4C9D);
}

.layerfooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    width: 100%;
    text-align: right;
    padding-right: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #ffffff;
    border-top: solid 1px #555555;
}