/* Full-width input fields */
.login_textbox {
    width: 100%;
    padding: 12px ;
    margin: 8px 0;                                                                                                 
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    outline:0;
}
.msg{
      float:left;
      padding:10px;
            padding-left:0px;
      text-align:left;
      font-family: 'Oswald', sans-serif;
      font-size:18px;
      color:#a19000;
      text-transform: uppercase;
      width:100%;

}
.msg_concluido{
      float:left;
      padding:10px;
      padding-left:0px;
      text-align:left;
      font-family: 'Oswald', sans-serif;
      font-size:18px;
      color:#a19000;
      margin-bottom:80px;
      text-transform: uppercase;
      width:100%;

}


.newpass_wrap{
      float:left;
      text-align:left;
      border:0px solid red;
      width:100%;
      margin-bottom:20px;
      outline:0;
}
.newpass_wrap_bt{
      float:left;
      border:1px solid #494949;
      padding:10px;
      outline:0;
}
.newpass_wrap_bt:hover{
      float:left;
      border:1px solid #000;
      background: #000;
      color:#fff;
      padding:10px;
      outline:0;
}



.newpass{
      float:left;
      padding:5px;
      padding-left:5px;
      text-align:left;
      font-size:14px;
      border:1px solid #dedede;
      outline:0;
      color:#000;
      width:250px;
      
}
.newpass1{
      float:left;
      padding:5px;
      padding-left:5px;
      text-align:left;
      font-size:12px;
      border:0px solid #dedede;
      outline:0;
      color:#000;
      width:120px;
}
/* Set a style for all buttons */
.bt_login {
    background-color: #000;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    font-size:1.3em;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    outline:0;
}

.bt_logina {
    background-color: #000;
    color: white;
    padding: 8px;
    margin: 8px 0;
    border: none;
    font-size:1.2em;
    text-align:center;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    outline:0;
}






.bt_login_label {
    font-size:1em;
    text-transform: uppercase;
    color:#000;
}

.polpriva 
{
font-size:0.8em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   
color:#000;
font-weight:normal;
}

button:hover {
    opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #dedede;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 0px;
    border:0px solid blue;
    margin-top:0px;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container_login {
    padding: 8px;
}
.container_login1 
{
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size:10px;
      border:0px solid blue;
}
.container_login1 {
    height:30px;
   color:#000;
    font-size:1em;
}

span.psw {
    float: right;
    padding-top: 8px;
}

.left_50 {
    float: left;
    width:35%;
    margin-left:3%;    
    border:0px solid red;
    font-size:1em;
    color:#000;

}
.right_50 {
    float: right;
    width:60%;
    margin-right:2%;    
    border:0px solid blue;
     font-size:1em;   
     text-align:right;
    text-decoration:none;
}
.link1{
    font-size:1em;
    color:#000;
    text-decoration:none;
}

.span_1_of_login {
	width: 47.2%;
}
.col_1_of_login {
	display: block;
	float: left;
	margin: 1% 0 1% 4.6%;
}
.col_1_of_login:first-child {
	margin-left: 0;
}
h4.title {
	color: #000;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	line-height: 1.2;
	text-transform: uppercase;
}
.span_1_of_login p {
	color:#999;
	font-size:0.8125em;
	line-height: 1.8em;
}

/* The Modal (background) */
.modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index:99999; /* Sit on top */
      left: 0;
      top: 0;
      width: 100vw;
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
     // background-color: rgba(0,0,0,0.4); 
      padding-top: 10px;
}
.modal2 {
      display: block; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index:99999; /* Sit on top */
      left: 0;
      top: 0;
      width: 100vw;
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
    //  background-color: rgba(0,0,0,0.4);
      padding-top: 10px;
}


/* The Modal (background) */
.modal1 {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 99999; /* Sit on top */
      left: 0;
      top: 0;
      //   width: 100%; /* Full width */
      width: 100vw;
      height: 100%; /* Full height */
      overflow: hidden; /* Enable scroll if needed */
     // background-color: rgba(0,0,0,0.4); 
     
      padding-top: 10px;
      
}       

.carro_linha
{
    float:right;
    width:100%;
    height:80px;
    border-bottom:1px solid #dedede;
      display:block;
}
.carro_linha_foto
{
    float:left;
    width:26%;
    height:75px;
    border-right:0px solid #dedede;
}
.ajusta_foto_carro
{
    float:left;
    width:65px;
    margin-left:2px;
    max-height:74px;        
    height:auto;
        border:0px solid blue;
}
.carro_linha_desc
{
    float:left;   
    padding-top:5px;    
    width:140px;                                                                       
    height:75px;    
    font-size:1em;        
    border-right:1px solid #dedede;
}      
.carro_linha_desc_gr
{
    float:left;   
    padding-top:0px;    
    width:64%;
    height:75px; 
    text-align:left;   
    font-size:1em;  
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;          
    border:0px dotted purple;
}      
.carro_linha_desc_gr_line
{
    float:left;     
    width:100%; 
    margin-top:0px;
    text-align:right;   
    font-size:13px; 
    line-height:14px; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   
    border:0px solid blue; 
}  
.carro_linha_desc_gr_line1
{
    float:left;     
    width:100%; 
    text-align:left;   
    font-size:15px; 
    line-height:16px; 
    height:40px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   
  
}  
.carro_linha_desc_gr_size
{
    float:left;     
    width:45%; 
    text-align:left;   
    font-size:1em;   
    border:0px solid red;
}  
.carro_linha_desc_gr_tot
{
    float:right;     
    width:45%; 
    text-align:right;   
    font-size:1.5em;  
    border:0px solid red;
} 
.carro_linha_size
{
    padding-top:20px;
    float:left;
    width:35px;
    height:55px;   
    font-size:0.9em;    
    border:0px solid blue;
}
.carro_linha_total
{               
     padding-top:25px;
    float:left;
    width:50px;
    height:75px;     
        font-size:1.1em;    
    border-left:0px solid #dedede;
}
.carro_linha_op
{
    float:left;
    width:26px; 
    text-align:center;
    margin-top:16px;       
    height:45px;
    border:0px solid #000;
}   
.carro_todas_linhas
{
    float:right;
    width:100%; 
    height:340px;
    border-top:1px solid #494948;      
  //  border-bottom:1px solid #494948;    
    padding-top:5px;
    padding-bottom:5px;    
    overflow-x:hidden; 
    overflow-y:auto;       
}
.carro_linha_totais
{        
    float:right;
    width:100%;
    height:40px;
    padding-top:5px;
    font-size:1.4em;
    color: #494948; 
    background:#fff ;
    border-top:1px solid  #494948; 
    border-bottom:1px solid  #494948; 
    font-family: 'Oswald', sans-serif;
}

.carro_linha_totais_desc
{        
    float:left;
    width:40%;
    height:35px;
       font-size:24px;

}
.carro_linha_totais_qt
{        
    float:left;
    width:18%;
    height:35px;
       font-size:24px;
}


.carro_linha_totais_tot
{        
    float:left;
    width:35%;
    height:35px;
   font-size:24px;
    text-align:right;
}
.carro_linha_totais_pagar
{        
    float:left;
    width:100%;
    height:52px;
    padding-top:10px;
    border:0px solid red;
    text-align:center;
     color:#494948;
    text-transform: uppercase;
    border-bottom-left-radius:5px;  
    border-bottom-right-radius:5px;  
    font-size:28px;
    background: #dedede;
    font-family: 'Oswald', sans-serif;
}

.carro_linha_totais_continua
{        
    float:left;
    width:100%;
    height:40px;
    padding-top:10px;
    margin-bottom:5px;
    border:1px solid #dedede;
    text-align:center;
    color:#000;
    background:#fafafa ;
    text-transform: uppercase;
    font-size:1.2em;
    font-family: 'Oswald', sans-serif;
    cursor:pointer;
}


/* Modal Content/Box */
.modal-content {
      background-color: #fefefe;
      margin:0px auto;
      /* border-radius:5px;    */
      width: 300px; /* Could be more or less, depending on screen size */    
      /*
      -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      */
}
.modalautor {
    background-color: #fefefe;
    margin:0px auto;
    border-radius:5px;    
    width: 320px; /* Could be more or less, depending on screen size */    
    border:1px solid #000;
    font-size:1.3em;
    height:480px;
    line-height:24px;
    padding:10px;
    display:block;
}                                                            
.modal-content1 {
    background-color: #fefefe;
    margin:0px auto;
    border-radius:5px;    
    width: 300px; /* Could be more or less, depending on screen size */    
    border:1px solid #d6c10f;
    height:150px;
    -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
}

.modal-content_msg {
      background-color: #fefefe;
      margin-left:50%;
      /* border-radius:5px;    */
      width: 40%; /* Could be more or less, depending on screen size */    
      height:60%;
      padding:10px;
      margin-top:10%;
     -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      
}
.verpol { 
float:left;
width: 100%;
color:#000;   
font-size:0.8em;
text-align:center;
  border:0px solid red;    
       
}

.msg_5sec { 
position:relative;
top:-250px;
height:80px;
width: 100%;
color:#d6c10f;   
font-weight:bold;
font-size:1.7em;
text-align:center;

       
}

.mc_tit_msg {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding-top:10px; 
      margin-bottom:20px; 
      height:40px;
      text-align:center;
      font-size:1.5em;
      border-bottom:1px solid #000;     
}
.mc_desc_msg {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      height:20px;
      text-align:left;
      font-size:1.1em;
      border:0px solid red;
}
.mc_input_msg {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      text-align:left;
      font-size:1em;
      border:0px solid blue;
}
.mc_input {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding:5px;
      text-align:left;
      font-size:1em;
      border:1px solid #dedede;
      outline:0;
}
.mc_input:focus {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding:5px;
      text-align:left;
      font-size:1em;
      border:1px solid #494949;
      outline:0;
}
.msg_box_ra {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding:5px;
      text-align:left;
      font-size:1em;
            height:50px;
      border:1px solid #dedede;
      outline:0;
}
.bt_enviar {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding:5px;
      margin-top:10px;
      text-align:center;
      text-transform: uppercase;
      font-size:1.3em;
      border:1px solid #000;
            background: #FFF;
      color:#000;
      outline:0;
}
.bt_enviar:hover {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding:5px;
      margin-top:10px;
      text-align:center;
      text-transform: uppercase;
      font-size:1.3em;
      border:1px solid #000;
      background: #000;
      color:#fff;
      outline:0;
}


.msg_box_ra:focus {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding:5px;
      height:50px;
      text-align:left;
      font-size:1em;
      border:1px solid #494949;
      outline:0;
}

.sm_opc_tit_cart_fecha
{
    position:relative;
    top:-35px;
    left:85%;
    width:40px;
    z-index:9999;
    border:0px solid #dedede;    
    height:40px;
    text-align:center;
    cursor:pointer;
    background:url(../imagens/cruz.png)  no-repeat center;
}



.carrinho_tit
{
position:relative;
top:0px;
left:0px;
height:40px;
padding-top:10px;
font-size:1.5em;
font-family: 'Oswald', sans-serif;
color:#494948;
text-transform: uppercase;
   border:0px dotted red;  
   background: #dedede; 

}

.modal-carrinho {
    background-color: #fefefe;
    margin: 10px auto; /* 5% from the top, 15% from the bottom and centered */
   // border:2px solid #d6c110;
  border:3px solid #fff;
    
    border-radius:5px;   
   width:350px; /* Could be more or less, depending on screen size */
   max-height:90%;
   
        -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
   
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.close_modal {
    float:right;
    width:35px;
    height:35px;
    border:0px solid red;
    color: #000;
    background:url(../icons/cruz2.png) no-repeat ;
}


.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 480px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }


.carro_linha_totais_pagar
{        
    float:left;
    width:100%;
    height:50px;
    padding-top:10px;
    border:0px solid red;
    text-align:center;
    color: #494948;
    background: #fff;
    text-transform: uppercase;
    /*
    border-bottom-left-radius:5px;  
    border-bottom-right-radius:5px;  
    */
    font-size:1.7em;
    font-family: 'Oswald', sans-serif;
}
.modal-content {
    background-color: #fff;    
    float:right;    
    margin-right:12%;
    border:1px solid #b3b3b3;
    width:80%; /* Could be more or less, depending on screen size */


    /*
    -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    */
}   

.modal-content_msg {
      background-color: #fefefe;
      margin-left:5%;
      /* border-radius:5px;    */
      width: 85%; /* Could be more or less, depending on screen size */    
      height:75%;
      margin-top:10%;
     -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
      
}

.mc_tit_msg {
      float:left;
      /* border-radius:5px;    */
      width: 100%; /* Could be more or less, depending on screen size */  
      padding-top:30px; 
      margin-bottom:20px; 
      height:50px;
      text-align:center;
      font-size:1em;
      border-bottom:1px solid #000;     
}
.carro_todas_linhas
{
  
    float:right;
    width:100%;
    height:235px;
    border:0px solid red;      
    overflow-x:hidden; 
    overflow-y:auto;       
} 
.ajusta_foto_carro
{
    float:left;
    width:70px;
    margin-left:2px;
    max-height:74px;
    height:auto;
}
.carro_linha_desc
{
    float:left;
    padding-top:5px;
    width:90px;
    height:75px;
    font-size:0.8em;    
    border-right:1px solid #dedede;
}
.carro_linha_size
{
    padding-top:20px;
    float:left;
    width:30px;
    height:55px;
    font-size:0.9em;
    border:0px solid blue;
}
.carro_linha_total
{
     padding-top:25px;
    float:left;
    width:50px;
    height:75px;
        font-size:1.1em;
    border-left:1px solid #dedede;
}
.carro_linha_op
{
    float:left;
    width:26px;
    text-align:center;
    height:75px;
    border-left:0px solid #dedede;
}
    
.modal-carrinho {
    background-color: #fff;
    float:right;
    margin-right:7%;
   // border:1px solid #b3b3b3;
   /* border:2px solid #000;*/
    width:87%; /* Could be more or less, depending on screen size */
    overflow:hidden;

        -webkit-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 26px 10px rgba(0,0,0,0.75);   


    
}

}