.cliente{
	float: left;
	width: 98%;
	min-height: 500px;
	margin-top: 30px;
}

.cliente_login{
	width: 100%;
	max-width: 350px;
	margin: auto;
	margin-top: 30px;
}

.cliente_login_r1{
	width: 100%;
float: left;
font-size: 60px;
text-align: center;
color: #cccccc;
}

.cliente_login_r2{
	width: 100%;
float: left;
margin-top: 30px;
}

.cliente_login_red{
	width: 100%;
float: left;
margin-top: 10px;
color: #ff0000;
text-align: center;
}

.cliente_login_r3{
	width: 100%;
float: left;
margin-top: 30px;
text-align: center;
}


.cliente_f1{
	width: 100%;
	border: none;
	border-bottom: 1px #cccccc solid;
	font-size: 16px;
	padding-left: 8px;
	padding-bottom: 4px;
	background-color: #ffffff;

}

.cliente_f1:focus{

	border-color: #000000;
	
}

.login_button {
    background-color: #000000;
    border: none;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}

.cliente_loginb{
	float: left;
	width: 98%;
	text-align: center;
	margin-top: 30px;
}


.cliente_l_r1{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}


.cliente_l_menu{
	float: left;
	width: 280px;
padding-left: 20px;
}




.cliente_l_menu_r{
	float: left;
		width: 100%;
		border-bottom: 1px #CCCCCC solid;
		
}

.cliente_l_menu_a{
	float: left;
		width: 30px;
		line-height: 76px;
		padding-left: 5px;
		font-size: 15px;
}
.cliente_l_menu_b{
	float: left;
		width: 200px;
}
.cliente_l_menu_c{
	float: left;
		width: 30px;
}

.cliente_l_menu_b_a{
	float: left;
		width: 100%;
		font-size: 15px;
		font-weight: 600;
		margin-top: 15px;
		color: #000000;
}

.cliente_l_menu_b_b{
	float: left;
		width: 100%;
		font-size: 13px;
		color: #8c8c8c;
		margin-top: 5px;
		margin-bottom: 15px;
}


.cliente_l_main{
	float: left;
	width: 440px;

	margin-left: 40px;
   box-sizing: border-box;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}


.cliente_l_main_rub{
	float: left;
width: 100%;
font-size: 18px;
font-weight: 600;

}


.cliente_l_main_text{
	float: left;
width: 100%;
font-size: 15px;
margin-top: 20px;
line-height: 24px;

}

.cliente_l_dados_rub{
	float: left;
width: 100%;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
text-align: center;

}


.cliente_l_dados_r1{
	float: left;
width: 100%;
	font-size: 13px;
	padding-left: 8px;
   box-sizing: border-box;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     color: green;
   
}

.cliente_l_dados_r2{
	float: left;
width: 100%;
margin-bottom: 25px;
   box-sizing: border-box;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
   

}

.cliente_l_dados_r3{
	float: left;
width: 100%;
margin-bottom: 25px;
   box-sizing: border-box;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
   

}


.cliente_l_dados_r3a{
	float: left;
width: 100%;
margin-bottom: 15px;
color: green;
text-align: center;
line-height: 35px;
   

}

.cliente_l_button{
	width: 100%;
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
	border:0;
	cursor: pointer;
}


.cliente_l_check{
font-size: 24px;

}


.cliente_l_f2{
	width: 100%;
	border: none;
	border-bottom: 1px #cccccc solid;
	font-size: 16px;
	padding-left: 8px;
	padding-bottom: 4px;
	background-color: #ffffff;

}
.cliente_l_f2:focus{

	border-color: #000000;
	
}

.cliente_l_comp_con{
width: 100%;
float: left;
   box-sizing: border-box;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;

}


.cliente_l_comp_rowa{
width: 100%;
float: left;
border-bottom: 1px #cccccc solid;
font-size: 16px;
padding-left: 10px;

}

.cliente_l_comp_row{
width: 100%;
float: left;
border-bottom: 1px #cccccc solid;
font-size: 16px;
padding-left: 10px;
cursor: pointer;

}

.cliente_l_a{
width: 110px;
float: left;
font-size: 15px;
color: #666666;
font-weight: 600;
line-height: 26px;
}

.cliente_l_a2{
width: 110px;
float: left;
font-size: 15px;
line-height: 40px;

}


.cliente_l_b{

float: left;
font-size: 15px;
color: #666666;
font-weight: 600;
line-height: 26px;
}

.cliente_l_b2{

float: left;
font-size: 15px;
line-height: 40px;

}




.cliente_l_c2{

float: right;
font-size: 30px;
line-height: 40px;
padding-right: 10px;
color: #999999;

}

.cliente_encomenda_r1{

	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 30px;
margin-bottom: 20px;
}

.cliente_encomenda_r2{

	float: left;
	width: 100%;
	margin-bottom: 5px;
	}

	.cliente_encomenda_r2a{

	float: left;
	width: 160px;
	}

	.cliente_encomenda_r2b{

	float: left;

	}


	.cliente_encomenda_r3{

	float: left;
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px #cccccc solid;
	padding-top: 20px;
		border-bottom: 1px #cccccc solid;
	}


		.cliente_encomenda_r3_1{

	float: left;
	width: 100%;
	margin-bottom: 10px;

	}


		.cliente_encomenda_r3_1a{

	float: left;
	width: 180px;

	}


		.cliente_encomenda_r3_1b{

	float: left;


	}


	.cliente_encomenda_r4{

	float: left;
	width: 100%;
	
	padding-top: 5px;
		text-align: right;
	}


.cliente_cartao_r1{
float: left;
width: 100%;
padding-top: 5px;
font-size: 18px;
font-weight: 600;
}

.cliente_cartao_r2{
float: left;
width: 100%;
margin-top: 20px;
}

.cliente_notificacoes_r1{
float: left;
width: 100%;
padding-top: 5px;
font-size: 16px;


}

.cliente_notificacoes_r2{
float: left;
width: 100%;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 15px;
}

.cliente_notificacoes_r3{
float: left;
width: 100%;
}

.cliente_notificacoes_r3a{
float: left;

}
.cliente_notificacoes_r3b{
float: left;
margin-left: 10px;
line-height: 18px;
}

.cliente_notificacoes_r4{
float: left;
width: 100%;
margin-top: 20px;
}

.cliente_notificacoes_r40{
float: left;
width: 100%;
margin-top: 20px;
color: green;
}


.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #000000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 14px;
}

.slider.round:before {
  border-radius: 50%;
}



 /* Small devices (phones) */
       @media only screen and (max-width: 767px){

.cliente_l_main{
	width: 98%;
	margin-left: auto;
	float: none;
}

}