body {
}
.Nowrap {
    white-space:nowrap;
}
.ErrorShow {
    white-space: nowrap;
    position: absolute;
    margin-left: -12vw;
    margin-top: -0.8vh;
}
.ErrorBorder {
    box-shadow: 2px 2px 8px #c72830;
}
.ErrorIcon {
width: 1.5vw;
height: 1.5vw;
}
.ErrDescHidden {
    width: 50vw;
position: fixed;
margin-left: 250vw;
background-color: #c72830;
z-index: 999;
border-radius: 5px;
border-style: none;
font-size: 1.2vw;
padding: 3px;
height: 3vh;
margin-top: 1vh;
transition:all ease 1s;
}
.ErrDescShown {
width: 50vw;
position: fixed;
margin-left: -24vw;
background-color: #c72830;
z-index: 999;
border-radius: 15px;
border-style: none;
font-size: 1.2vw;
padding: 3px;
    padding-left: 2vw !Important ;
height: 3vh;
margin-top: 1vh;
transition: all ease 1s;
color: white;
font-weight: 800;
}
/*Header*/
.HelpInactive {
    transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;
background-position: 1vw 0.8vw;
background-image: url('../../RES/IMG/ICONS/phone.png');
background-repeat: no-repeat;
min-width: 5vw;
width: 5vw;
background-size: 2vw;
position: relative;
top: 0;
left: 0;
}
/*Order Summary*/
.OrderSummaryZone {
background-color: white;
position: fixed;
left: 0;
width: 50vw;
top: 9vh;
height: 91vh;
z-index: 10;
box-shadow: 1vw 0vw 1vw 0vw #02010166;
}
.SummaryTitles {
    text-align: right;
color: #404040;
font-size: 1.2vw;
font-weight: bold;
}
.CartPrice {
    font-size: 1.3vw !Important;
    color: black;
    white-space: nowrap;
}
/*Nav*/
.NavZone {
position: fixed;
top: 9vh;
left: 50vw;
width: 50vw;
background-color: #f98200;
text-align: center;
color: #ffffffe6;
font-size: 1.5vw;
height: 6vh;
cursor:pointer;
}
.InactiveNavZone {
background-color:#49bc95;
}
.ActiveNavZone {
background-color: #f2c009;
color: #49bc95;
/*color: #f2c009;*/
}
.ConcludedNavZone {
background-color: #f2c009;
color: #f2c009;
}
/*SideZones*/
.ZonePlacement {
    position: fixed;
    top: 15vh;
    width: 50vw;
    height: 85vh;
    z-index: 9;
    
    border-right-style: solid;
border-right-color: black;
border-right-width: thick;
transition:ease left 1s;
}
.ZoneFocus {
    left: 50vw;
}
.ZoneDone {
    left:-150vw !Important;
    transition:ease left 1s;
}
.ZonePending {
    left:105vw;
}
/*Contact Zone*/
.ZoneTB {
    width: 20vw;
border-radius: 5px;
font-size: 1.5vw;
padding-left: 1vw;
padding-right: 1vw;
border-color: #595454;
border-width: thin;
border-style: solid;
background-color: #fafafa;
}
.ZoneTBContact {
background-image: url('../../RES/IMG/Icons/PERSON.png');
width: 20vw;
border-radius: 5px;
border-style: none;
font-size: 1.5vw;
background-repeat: no-repeat;
padding-left: 3vw;
padding-right: 1vw;
background-size: 2vw 2vw;
}
.ZoneTBHalf {
    width: 10vw !Important;
}
.ShadowText {
    color: #9fa3a7;
font-size: 1.5vw !important;
opacity: 0.8;
}
.RegButton {
    background-color: #ffc80a;
border-style: none;
border-radius: 4px;
font-size: 1.5vw;
color: white;
padding: 1vw 3vw 1vw 3vw;
margin-top: 8px;
font-weight: 800;
}
.LoginButton {
    background-color: #ffc80a;
border-style: none;
border-radius: 4px;
font-size: 1.5vw;
color: white;
margin-top: 8px;
font-weight: 800;
padding: 1vw 3vw 1vw 3vw;
}
.SmallXButton {
    background-color: #ffc80a;
border-style: none;
border-radius: 4px;
font-size: 1vw;
color: white;
margin-top: 8px;
font-weight: 800;
padding: 0.5vw 2vw 0.5vw 2vw;
}

.LoginHeaderText {
    text-align: center;
color: #404040;
font-size: 2vw;
font-weight: bold;
}
.Lh {
    line-height: 1vh;
}
.LoginZone {
    transform-origin:top;
transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
.RegisterZone {
    transform-origin:bottom;
transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
.PreRegisterZone {
    transform-origin:center;
transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
}
.LoginRegZoneHidden {
transition: all cubic-bezier(.68,-0.55,.27,1.55) 1s;
    transform:scaleY(0);
}
.RegTypeNavButton {
background-repeat: no-repeat;
background-size: 100% 100%;
width: 30%;
padding-left: 1vw !important;
padding-top: 0vh !important;
cursor: pointer;
transform: translateY(0vh);
transition: all 1s cubic-bezier(.79,.14,.15,.86) 1s;
transform-origin: 50% 100%;
vertical-align: top;
text-align: center;
}
.RegTypeBar {
    position: fixed;
top: 70vh;
width: 50vw;
height: 30vh;
background-color: #80808080;
z-index: 9;
}
/*Err*/
.ErrOKButton {
        background-color: #ffc80a;
border-style: none;
border-radius: 4px;
font-size: 1.5vw;
color: white;
padding: 1vw 3vw 1vw 3vw;
margin-top: 8px;
font-weight: 800;
}
/*Order Zone*/
.TalkText {
    font-size:1vw;
    color:#000c;
}
.ProcButton {
background-color: #52ff40;
color: black;

background-size: 100% 100%;
font-weight: 800;
}
.OrderSummZoneShown {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
position: fixed;
top: 4vw;
background-color: #49bc95;
left: 0vw;
width: 50vw;
height: 96vh;
transform-origin: 100% 100%;
z-index: 94;
opacity: 1;
border-radius: 0;
}
.OrderSummZoneHidden {
        transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
    position: fixed;
    top: 4vw;
    background-color: #00801866;
    left: -100vw;
    width: 50vw;
    height: 96vh;
    transform-origin: 100% 100%;
    z-index: 94;
    background-color: black;
    opacity: 0.5;
    border-radius: 0;
}
/*ShippingZone*/
.NewAddZone {
}
.AutoCompleteAreaBlock {
    background-color:#49bc95;
    border-radius: 5px;
        margin-top: -0.5vh;
    	width: 21vw !important;
	padding-left: -1vw;
	padding-right: 0vw;
	margin-right: 0vw;
}
.AutoCompleteAreaItem {
    background-color:#b8bbbe;
    	display:block;
width: 20vw !important;
border-radius: 5px;
border-style: none;
font-size: 1.5vw;
background-repeat: no-repeat;
padding-left: 3vw;
padding-right: 1vw;
background-size: 2vw 2vw;
cursor:pointer;
	list-style: none;
	margin-left: -3vw;
	transition: all ease 1s;
}
.AutoCompleteAreaSelected {
    background-color:#ffca05;
    	display:block;
width: 20vw !important;
border-radius: 5px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-style: none;
font-size: 1.5vw;
background-repeat: no-repeat;
padding-left: 3vw;
padding-right: 1vw;
background-size: 2vw 2vw;
cursor:pointer;
	list-style: none;
	margin-left: -3vw;
	transition: all ease 1s;
       margin-left:-1vw;
}
.SummaryValues {
    text-align: left;
    color: #404040;
    font-size: 1.2vw;
    font-weight: bold;
}
/*Nav Coding*/
.NB {
    background-repeat: no-repeat;
vertical-align: top;
background-size: 100% 100%;
font-size:1vw;
transition: all ease 1s;
}
.startZ {
    width: 13vw;
    background-image: url('../IMG/LandScape/PageElements/StartingProgress.png')
}
.middleZ {
    width: 9vw;
    background-image: url('../IMG/LandScape/PageElements/MiddleProgress.png')
}
.endZ {
    width: 10vw;
    background-image: url('../IMG/LandScape/PageElements/EndProgress.png')
}