﻿
body 
{
   
	background: #28292d;
   
    margin: 0;
    
}

.AllDivs
{
 width:95%;
 height:800px;
 
 margin-left:2%;   
}
.center {
 
 margin-left:60%;
  text-align:center;
 
 
}

.TextBox
{
    width:80%;
    height:40px;
     display:table;
    margin:0 auto;
     border: 1px solid #28292d;
      border-radius:7px;
}


.lbl
{
    display:table;
    margin:0 auto;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:16px;
}

.lbl_Reg
{
    
  float:right;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:14px;
}

.lbl_Reg2
{
    
  display:table;
  margin-bottom:20px;
    margin:0 auto;
    font-size:15px;
}
.lbl_ForgetPass
{
    display:table;
    margin:0 auto;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:12px;
}


.Button
{
   
     display:table;
    margin:0 auto;
    
     width: 90%;
    height:30px;
    background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);

   color:#28292d;
   border: 1px solid #28292d;
      border-radius:7px;
   
}

.ButtonContact
{
     display:table;
    margin:0 auto;
    margin-top:7px;
    width: 20%;
    height:30px;
    
  background-color:Orange;
   color:#28292d;
   border: 1px solid #28292d;
      border-radius:7px;
   
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

.BoxTbAndLbl
{
    
     width:90%;
    height:30px;
    display: table;
    margin: 0 auto;
   padding:10px;
   
  
    margin-top:10px;
}



 


.Button78910JQKA
{
     
  
  background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);

   color:#28292d;
    width:13%;
    height:30px;
    
   margin-top:7px;
   margin-left:10px;
 
   
}

.PanelTitleIfream
{
 background-color:#28292d;
	
  
     width:100%;
    height:42px;
   
    
}

.BoxLogin
{
    
    width:95%;
    height:350px;
    display:none;
    margin: 0 auto;
    padding-top:30px;
    margin-top:3%;
   
    
   border: 1px solid #28292d;
   
   border-radius:25px;
}

.BoxLogin2
{
    width:90%;
    height:70%;
    display: table;
    margin: 0 auto;
    
    border: 1px solid #28292d;
   
   border-radius:25px;
}





/*---------------------------------------*/


.BoxReg
{
    margin-top:2%;
    
   float:left;
     width:100%;
    height:55%;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}

.BoxTerms
{
    margin-top:2%;
  
   float:left;
     width:100%;
    height:50%;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}
.BoxContact
{
    margin-top:5%;
    margin:0 auto;
     width:90%;
    height:480px;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}
.BoxTbAndLbl_Reg
{
    float:right;
     width:60%;
    height:30px;
   
   
   padding:10px;
   
  
    margin-top:7px;
}


.TextBox_Reg
{
    width:90%;
    height:30px;
    float:right;
     border: 1px solid #28292d;
      border-radius:7px;
}

.TextBox_ContactNote
{
    width:100%;
    height:80px;
    
     border: 1px solid #28292d;
      border-radius:7px;
}

.TextBoxCode_Reg
{
    width:30%;
    height:30px;
    margin-top:20px;
    float:left;
    margin-left:20%;
     border: 1px solid #28292d;
      border-radius:10px;
}

.lbl_Reg
{
    display: table;
    margin: 0 auto;
    font-family: Varela Round, Helvetica, sans-serif;
    font-size:16px;
}


.DivCodeReg
{
    
    width:100%;
    height:40px;
    
    
   
    
}


.ButtonCodeReg
{
   
   background-color:Orange;
  
    margin-top:20px;
    height:33px;
    float:left;
    /*
    background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
	background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
    */
   color:#28292d;
   border: 1px solid #28292d;
      border-radius:7px;
   
}


.DivFullNameReg
{
    width:70%;
    height:55px;
    margin-top:30px;
   
    margin-left:15%;
    
}

.DivFullNoteContect
{
    width:80%;
    height:90px;
    
    
    margin:0 auto;
}

.DivLlb_Reg
{
    width:60%;
    height:20px;
    
    float:right;
    margin-top:20px;
    margin-right:15%;
}

.DivTitleReg
{
    
    width:100%;
    height:10%;
   
    margin-top:25px;
    
}

.TextTitle1
{
    margin-top:10px;
  font-size:18px;
  display: table;
    margin: 0 auto;
    padding-top:7px;
    color:Black;
    /*
  		-webkit-mask-image: -webkit-linear-gradient(top, rgba(143,107,42,1), rgba(213,160,30,.5) 50%, rgba(254,224,141,1));
	-webkit-mask-image: linear-gradient(top, rgba(143,107,42,1), rgba(213,160,30,.5) 50%, rgba(254,224,141,1));
 */
}


.BoxForgetPass
{
    display:none;
    margin-top:5%;
    margin:0 auto;
     width:90%;
    height:230px;
    
    
    border: 1px solid #28292d;
   
   border-radius:18px;
}

.DivCloseForgetPass
{   margin-top:5px;
    margin-left:10px;
     width:10%;
     height:25px;
     float:left;
    
}