html, body {
   font-family: "Nunito Sans", Sans-serif;
   margin:0;
   box-sizing:border-box;
   max-width:100%;
}

.rColor {
   color:#ff6700;
}

.rColor-bg {
   background-color:#ff6700;
}



@media screen and (max-width:1007px) {
   .header {
      height:63px;
   }

   .logoImg {
      margin:16px 16px;
      height:30px;
   }
   
}

@media screen and (min-width:1008px) {
   .header {
      height:110px;
   }

   .logoImg {
      margin:38px 38px;
      height:34px;
   }
   
}


.trade-bg {
   background:url("../images/trade-bg.jpg");
   background-position:50%;
   background-size:cover;
}

.h100 {
   display:flex;
   flex-direction: column;
   height:100%;
}

.h100 .tradeBox {
   flex-grow: 1;
}

.loginBox {
   display:flex;
   align-items: center;
   justify-content: center;
   align-self:center;
   height:100%;
}

.loginBox div {
   width:70vw;
   height:70vh;
   max-height:530px;
   max-width:400px; 
   border-radius:10px;
   padding:30px;
}

.loginBox div.login1 {
   background-color:rgba(0,0,0,0.5);
   color:#fff; 
}

.registerBox {
   display:flex;
   align-items: center;
   justify-content: center;
   align-self:center;
   padding:20px;
   flex-direction:column;
}

.registerBox div.box {
   width:400px; 
   max-width:100%;
   border-radius:10px;
   padding:20px;
}

.rColor-btn {
   background-color:#ff6700;
   border-radius:8px;
   color:#fff;
   padding:10px 20px;
   border-width:0px;
   font-size:18px !important;
   font-weight: 600;
}

.rColor-btn:hover {
   background-color: #565656;
}

.btn-fixed {
   width:200px;
   display:inline-block;
}

.btn-small {
   padding:5px 10px !important;
   font-size:14px !important;
}

a {
   text-decoration:none;
   color:unset;
}

a:hover {
   color:#fff;
}

.form-control {
   margin-bottom:20px!important;
}

input,select {
   font-size:12px!important;
}

.formBox {
   padding:50px 50px 0px 50px;
}

.margin-auto {
   margin-left:auto;
   margin-right:auto;
   display:block;
}

#form label {
   display:block;
   font-size:14px;
}

#results {
   border: 2px solid #ff6700
}

.bReq {
   /* border: 1px solid #ff6700; */
}

label.error {
   margin-top:-20px;
   color:#f00;
}

input.error {
   border-color: #ff6700;
}

.aLink {
   color:#565656;
}

.aLink:hover {
   color:#ff6700;
}

.errorMsg {
   padding:0px !important;
   text-align: center;
 }