﻿body {
    font-family: open-sans, sans-serif;
    padding: 0px;
    margin: 0px;
    overflow-y: hidden;
    position: relative;
top: 0vh;
left: -1vw;
height: 101vh;

}

.MainLinkIcons {
    width: 4vw;
    cursor:pointer;
}

.FrameContent {
    height: 101vh;
}
.ContentText {
    font-family: open-sans, sans-serif;
    font-size: 0.8vw;
}
.BigRedText {
    color: #ED1C24;
    font-weight: 800;
    font-size: 3.5vw;
}
.BigBlackText {
    color:black;
    font-size: 2.5vw;
    font-weight: bold;
}
.BigBlackAndRedZone {
padding-left: 18vw;
width: 35vw;
border-right-style: solid;
border-right-color: #e71313;
vertical-align: middle;
background-image: url('../RES/IMG/BCK/StudentPic.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0% 0%;
background-color: #ffffff80;
background-blend-mode: lighten;
}
.WordingZone {
width: 50vw;
padding-left: 4vw;
vertical-align: top;
padding-top: 6vh;
}
.RightPadZone {
    width: 6vw;
}
.CoreMenuOptionBut {
float: left;
width: 12vw;
margin-left: 1.5vw;
height: 28vh;
border-style: solid;
padding: 1vw;
border-radius: 20px;
background-color: aquamarine;
border-color: transparent;
box-shadow: 0px -1px 1vw #0b414d;
transform: translateY(0);
transition: all 1s cubic-bezier(.79,.14,.15,.86) 1s;
transform-origin: 50% 100%;
}
.CoreMenuOpt {
    border-style: solid;
height: 26vh;
border-radius: 5px;
text-align: center;
padding-top: 5vw;
font-size: 2vw;
background-color: cadetblue;
border-color: transparent;
box-shadow: 0px -1px 1vw #0b414d;
}
.TitleText {
    font-family: open-sans, sans-serif;
    font-size: 1.5vw;
    font-weight: 800;
}
.SubjectText {
    font-family: open-sans, sans-serif;
    font-size: 1.2vw;
    font-weight: 400;
}
.TextBox {
    font-family: open-sans, sans-serif;
    font-size: 1.1vw;
    font-weight: 400;
    width: 100%;
    }
/*Buttons*/
.YellowButton {
background-color: #1c2bed;

border-style: none;

border-radius: 4px;

font-size: 1.5vw;

color: white;

padding: 1vw 3vw 1vw 3vw;

margin-top: 8px;

font-weight: 800;

cursor: pointer;
background-image: url('/RES/IMG/LandScape/PageElements/Proceed.png');
background-size: 100% 100%;
color: black;
}
.ProceedButtonOverride {
    background-image: url('/RES/IMG/LandScape/PageElements/Proceed.png');
background-size: 100% 100%;
color: black;
}
.DisabledButton {
    background-color: grey;
border-style: none;
border-radius: 4px;
font-size: 1.5vw;
color: white;
padding: 1vw 3vw 1vw 3vw;
margin-top: 8px;
font-weight: 800;
cursor: pointer;
}

.RefreshButton {
background-image: url('../../RES/IMG/Icons/Refresh.png');
background-color: transparent;
border-color: transparent;
color: transparent;
background-repeat: no-repeat;
width: 4vw;
height: 4vw;
background-size: 4vw 4vw;
cursor: pointer;
}
.SmallCartMin {
background-repeat: no-repeat;
background-color: transparent;
border-color: transparent;
cursor: pointer;
font-size: 2.2vw;
font-weight: 800;
color: white;
margin-top: -0.9vw;
margin-bottom: -1vw;
}
.SmallCartPlus {
background-repeat: no-repeat;
background-color: transparent;
border-color: transparent;
cursor: pointer;
font-size: 1.5vw;
font-weight: 800;
color: white;
margin-top: -1vh;
}
.SmallCartRemove {
border-color: #9c181c;
color: white;
cursor: pointer;
width: 100%;
background-color: #ed1c24;
border-radius: 4px;
font-size: 1.2vw;
padding-bottom: 0.5vh;
}
/*Text*/
.YellowHeader {
    color: #ffca05;
font-size: 4vw;
font-weight: 800;
}
.BigGrey {
    text-align: center;
color: #404040;
font-size: 2vw;
font-weight: bold;
}