/*start max-width: 992px===================================================================================================================*/
@media only screen and (max-width: 992px) {
	
	@charset "utf-8";
		/* CSS Document */
		
		html, body {margin:0; padding:0; background-color: #A1D490;background-color: #060;}
		
		#all_centered { 
		width: 96%; max-width:400px; margin:0 auto !important;
		position:relative; padding:0px; padding-top:10px;
		}
		
		
		.vpb_main_wrapper {
		width:96%; height:auto;
		margin: 0 auto;
		border: solid 1px #cbcbcb;
		 background-color: #FFF;background-color: #060; /*influence outside white border*/
		 box-shadow: 0 0 5px #cbcbcb;
		-moz-box-shadow: 0 0 5px #cbcbcb;
		-webkit-box-shadow: 0 0 5px #cbcbcb;
		-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
		padding:5px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		text-align:center;
		}
		
		.vpb_main_wrapper form {
			background-color:#090; padding-bottom:20px;
		}
		
		
		.vpb_main_wrapper form .form_title {
				display:inline-block;color:#030 !important; width:100%; height:40px; line-height:40px; text-align:center; background-color:#060; border-radius:0px; font-size:16px; font-weight:bold;color:#fff !important;
		}
		.vpb_main_wrapper form .form_title a {
				color:#fff !important; cursor:pointer; text-decoration:none;
		}
		.vpb_main_wrapper form .form_title a i {
				font-size:25px; margin-top:5px; float:left; margin-left:10px; cursor: pointer;
		}
		
		
		.vpb_main_wrapper form .lang_inc {
				display:inline-block; width:150px; height:38px;line-height:38px; background-color:#; color:#fff;float:right;border-left:solid; border-left-width:0px; border-left-color:#0c0; cursor:pointer; margin-top:-3px;
		}
		
		
		.vpb_main_wrapper form .username {
				width:94%; text-align:center; overflow-x:hidden; margin:0 auto;
		}
		.vpb_main_wrapper form .username input {
				height:40px; line-height:40px; width:90%; font-size:20px;
		}
		
		.vpb_main_wrapper #user_icon {
			position:absolute;margin-top:-50px; color:#060;margin-left:2%; cursor:pointer;
		}
		.vpb_main_wrapper #user_icon i {
			font-size:30px; margin-top:14px; margin-left:15px;
		}
		
		.vpb_main_wrapper form .password {
				width:94%; text-align:center; overflow:hidden; margin:0 auto;
		}
		.vpb_main_wrapper form .password input {
				height:40px; line-height:40px; width:90%; font-size:20px;padding-right:50px;
		}
		
		.vpb_main_wrapper #password_icon {
			position:absolute;margin-top:-50px; color:#060;margin-left:2% !important; cursor:pointer;
		}
		.vpb_main_wrapper #password_icon i {
			font-size:30px; margin-top:14px; margin-left:15px;
		}
		.vpb_main_wrapper .vpb_textAreaBoxInputs {
		color:#000 !important; padding-left:70px; margin-top:10px;
		}
		
		.vpb_main_wrapper #password_show {
			position:relative;color:#060; float:right;margin-right:5%;margin-top:-38px;  cursor:pointer; font-size:36px; z-index:1;
		}
		
		.vpb_main_wrapper .log_remember {
			width:80%; height:30px; line-height:30px; background-color:; margin: 0 auto; text-align:center; border:solid; border-width:1px; border-color:#0c0; padding:5px; border-radius:10px;
		}
		
		.vpb_main_wrapper .log_remember .log_remember_label {
			display:inline-block;height:30px; line-height:30px;float:left; margin-left:5px; font-size:20px; color:#fff;
		}
		
		
		/*custom checkbox*/
		.vpb_main_wrapper input[type="checkbox"] {
			zoom: 1.9; margin-top:1.0px;
		}
		
		
		
		.vpb_main_wrapper form .submit {
				padding:0 !important;width:100%; font-size:20px; padding-top:10px !important;padding-bottom:10px !important; color:#FFF; font-weight:bold; text-align:center; background-color: #09C; border:none; border-radius:0px; margin-top:20px !important; margin-bottom:20px;
		}
		
		.vpb_main_wrapper form .submit input {
				width:100%; font-size:20px; padding:3px !important; color:#FFF; font-weight:bold; text-align:center;background-color: #39F; border:none; border-radius:10px; margin-top:4px;
				
		}
				
		
		.vpb_main_wrapper .connect_with {
				background-color:; width:100%;margin-top:20px !important; font-size:18px !important; color:#FFF; border-top:solid; border-top-width:2px; border-top-color:#0c0; padding-top:5px; padding-bottom:5px;
		}
		.vpb_main_wrapper .connect_with .label {
				width:100%; height:30px; background-color:; color:#060;font-size:20px !important;
		}
		
		
		.vpb_main_wrapper .connect_with .connect_box {
				display:block; width:100%; text-align:center;
		}
		
		.vpb_main_wrapper .connect_with .connect_box a {
				display:inline-block; width:22%; text-align:center; margin-top:0px !important;margin-bottom:4px !important;border:solid; border-color:#0c0; border-radius:20px; border-width:1px; padding:1%; background-color:#060 !important;
		}
		
		.vpb_main_wrapper .connect_with .connect_box i {
				font-size:20px; margin-left:5% !important;color:#FFF !important;
		}
		
		.vpb_main_wrapper .info_links {
				display:block; width:92%; text-align:center; background-color:#090; margin:10px auto; font-size:16px; border:none;border-radius:10px;
		}
		
		.vpb_main_wrapper .info_links .message {
			width:100%; height:40px; line-height:40px; background-color:#fff; margin-top:2px;	
		}


  /*.outer_box {
	position:absolute; width:100%; border-radius:10%; border:solid; border-width:1px; border-color: #9C3; margin:1vh auto; padding:1vh; background-color: #9CC; background-image: url(/images/general/bg2.jpg); background-size:200px 200px; background-repeat:repeat; 
}*/ /*https://br.123rf.com/photo_87746972_c%C3%ADrculos-de-m%C3%ADdia-de-rede-social-no-fundo-branco-.html*/
.info_links {
				display:block; width:92%; text-align:center; background-color:#090; margin:10px auto; font-size:16px; border:none;border-radius:10px;
		}
		
		.info_links .message {
			width:100%; height:40px; line-height:40px; background-color:#fff; margin-top:2px;	
		}

  .left_box, .right_box {
    display:none;
  }
}
/*end max-width: 992px=====================================================================================================================*/	





/*start min-width: 992px===================================================================================================================*/
@media only screen and (min-width: 992px) {
	
		@charset "utf-8";
		/* CSS Document */
		
		html, body {margin:0; padding:0; background-color: #A1D490;background-color: #060;}
		
	   body {
		  background-image: url('media/x1h.png'); background-size:20%; background-repeat:repeat; overflow-y:auto;
	  } /*https://br.123rf.com/photo_87746972_c%C3%ADrculos-de-m%C3%ADdia-de-rede-social-no-fundo-branco-.html*/
	  
	  
	  .outer_box {
		  position:absolute; left:20%; top:0; bottom:0;width:60%;border-radius:30%; border:solid; border-width:1px; border-color: #9C3; margin:1vh auto; padding:1vh; background-color: #9CC; background-image: url('media/y1.png'); background-size:200px 200px; background-repeat:repeat; overflow-y:auto;
	  } /*https://br.123rf.com/photo_87746972_c%C3%ADrculos-de-m%C3%ADdia-de-rede-social-no-fundo-branco-.html
	  
	  background-color:#003399;
	  https://gdpr.ninjateam.org/wp-content/uploads/2018/05/ninja-gdprlogo-150.png
	  
	  /images/general/bg2.jpg
	  */
		
		#all_centered { 
		width: 80%; max-width:400px; margin:0 auto !important;
		position:relative; padding:5px; padding-top:10px;
		}
		
		
		.vpb_main_wrapper {
		width:100%; height:auto; background-color:red;
		margin: 0 auto;
		border: solid 1px #cbcbcb;
		 background-color: #FFF;
		 box-shadow: 0 0 15px #cbcbcb;
		-moz-box-shadow: 0 0 15px #cbcbcb;
		-webkit-box-shadow: 0 0 15px #cbcbcb;
		-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
		padding:10px;
		padding-left:20px;
		padding-right:20px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		text-align:center;
		}
		
		.vpb_main_wrapper form {
			background-color:#090; padding-bottom:20px;
		}
		
		
		
		.vpb_main_wrapper form .form_title {
				display:inline-block;color:#030 !important; width:100%; height:40px; line-height:40px; text-align:center; background-color:#060; border-radius:0px; font-size:16px; font-weight:bold;color:#fff !important;
				
		}
		.vpb_main_wrapper form .form_title a {
				color:#fff !important; cursor:pointer; text-decoration:none;
		}
		.vpb_main_wrapper form .form_title a i {
				font-size:25px; margin-top:5px; float:left; margin-left:10px; cursor: pointer;
		}
		.vpb_main_wrapper form .lang_inc {
				display:inline-block; width:150px; height:40px;line-height:40px; background-color:#; color:#fff;float:right;border-left:solid; border-left-width:0px; border-left-color:#0c0; cursor:pointer;
		}
		
		
		.vpb_main_wrapper form .username {
				width:94%; text-align:center; overflow-x:hidden; margin:0 auto;
		}
		.vpb_main_wrapper form .username input {
				height:40px; line-height:40px; width:90%; font-size:20px;
		}
		
		.vpb_main_wrapper #user_icon {
			position:absolute;margin-top:-50px; color:#060;margin-left:2%; cursor:pointer;
		}
		.vpb_main_wrapper #user_icon i {
			font-size:30px; margin-top:14px; margin-left:15px;
		}
		
		.vpb_main_wrapper form .password {
				width:94%; text-align:center; overflow:hidden; margin:0 auto;
		}
		.vpb_main_wrapper form .password input {
				height:40px; line-height:40px; width:90%; font-size:20px;padding-right:50px;
		}
		
		.vpb_main_wrapper #password_icon {
			position:absolute;margin-top:-50px; color:#060;margin-left:2% !important; cursor:pointer;
		}
		.vpb_main_wrapper #password_icon i {
			font-size:30px; margin-top:14px; margin-left:15px;
		}
		.vpb_main_wrapper .vpb_textAreaBoxInputs {
		color:#000 !important; padding-left:70px; margin-top:10px;
		}
		
		.vpb_main_wrapper #password_show {
			position:relative;color:#060; float:right;margin-right:5%;margin-top:-38px;  cursor:pointer; font-size:36px; z-index:1;
		}
		
		.vpb_main_wrapper .log_remember {
			width:80%; height:30px; line-height:30px; background-color:; margin: 0 auto; text-align:center; border:solid; border-width:1px; border-color:#0c0; padding:5px; border-radius:10px;
		}
		
		.vpb_main_wrapper .log_remember .log_remember_label {
			display:inline-block;height:30px; line-height:30px;float:left; margin-left:5px; font-size:20px; color:#fff;
		}
		
		
		/*custom checkbox*/
		.vpb_main_wrapper input[type="checkbox"] {
			zoom: 1.9; margin-top:1.0px;
		}
		
		
		
		.vpb_main_wrapper form .submit {
				padding:0 !important;width:80%; font-size:20px; padding:5px !important;padding-bottom:5px !important; color:#FFF; font-weight:bold; text-align:center; background-color: #09C; border:none; border-radius:10px; margin-top:20px !important; margin-bottom:20px;
		}
		
		.vpb_main_wrapper form .submit input {
				width:100%; font-size:20px; padding-top:10px !important;padding-bottom:10px !important; color:#FFF; font-weight:bold; text-align:center;background-color: #39F; border:none; border-radius:10px; margin-top:4px;
				
		}
				
		
		.vpb_main_wrapper .connect_with {
				background-color:; width:100%;margin-top:20px !important; font-size:18px !important; color:#FFF; border-top:solid; border-top-width:2px; border-top-color:#0c0; padding-top:5px; padding-bottom:5px;
		}
		.vpb_main_wrapper .connect_with .label {
				width:100%; height:30px; background-color:; color:#060;font-size:20px !important;
		}
		
		
		.vpb_main_wrapper .connect_with .connect_box {
				display:block; width:100%; text-align:center;
		}
		
		.vpb_main_wrapper .connect_with .connect_box a {
				display:inline-block; width:22%; text-align:center; margin-top:0px !important;margin-bottom:4px !important;border:solid; border-color:#0c0; border-radius:20px; border-width:1px; padding:1%; background-color:#060 !important;
		}
		
		.vpb_main_wrapper .connect_with .connect_box i {
				font-size:20px; margin-left:5% !important;color:#FFF !important;
		}
		
		.vpb_main_wrapper .info_links {
				display:block; width:93%; text-align:center; background-color:#090; margin-top:10px; font-size:16px; border:none;border-radius:10px;
		}
		
		.vpb_main_wrapper .info_links .message {
			width:100%; height:40px; line-height:40px; background-color:#fff; margin-top:2px;	
		}



.info_links {
				display:block; width:93%; text-align:center; background-color:#090; margin-top:10px; font-size:16px; border:none;border-radius:10px;
		}
		
		.info_links .message {
			width:100%; height:40px; line-height:40px; background-color:#fff; margin-top:2px;	
		}

  .left_box, .right_box {
    display: inline-block;
  }
}
/*end min-width: 992px=====================================================================================================================*/



/*start common ============================================================================================================================*/
.consent_title i, .consent_options i{
  float:right; font-size:25px; cursor:pointer; margin-right:2px;
}

.consent_options div:first-of-type {
  /*display: flex;*/
  /*align-items: flex-start;*/
  margin-bottom: 5px;
}

.consent_options .hidden_option {
 display:none;
}

.consent_options .select_option {
  background-color:; width:auto !important;margin:0 auto;text-align:center; color:#fff; font-size:14px;
  padding:0 !important
}


.consent_options label {
  margin-right: 15px;
  margin-left:0px;
  line-height: 32px;
  text-align:center;
}

.consent_options input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  border-radius: 50%;
  width: 16px;
  height: 16px;

  border: 2px solid #fff;
  transition: 0.2s all linear;
  margin-right: 1px;  

  position: relative;
  top: 4px;
  outline: none;
}

.consent_options input:checked {
  border: 6px solid yellow;
  outline: none;
}

.consent_options button,
.consent_options legend {
  color: white;
  background-color: #0c0;
  padding: 5px 10px;
  border-radius: 0;
  border: 0;
  font-size: 14px;
}

.consent_options button:hover,
.consent_options button:focus {
  color: #999;
  outline: none;
}

.consent_options button:active {
  background-color: white;
  color: black;
  outline: 1px solid black;
  outline: none;
}



/* Tooltips */
.tooltip {
  display: block;
  position: absolute;
  width:200px; max-height:50%; overflow-y:auto;
  background-color:#363;
  padding: 0.8rem 1rem;
  border-radius: 3px;
  font-size: 0.8rem;font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  transform: translate(-50%, -100%);
  transition: all 0.3s ease;
  z-index: 1; text-align:left;
  
}
.tooltip-inner {
	background-color:red!important; 
	color:#fff !important; 
	opacity:1; 
	text-align:left;
}

.form_title .form_title_link{
	background-color: #060;text-decoration:none;
}
.form_title .form_title_link img{
	width:32px; height:32px; margin-top:4px; margin-left:10px; float:left; cursor:pointer;
}

.consent_title{
	width:calc(100% - 0px); height:30px; line-height:30px; background-color:#090; text-align:center; font-size:18px; color:#fff;
}
.consent_options{
	width:100%; height:35%; margin:5px auto; background-color: #090; 
}
.consent_options img{
	display: !important;width:100%;height:100%; background-color:#FF0; z-index:999999999999999999999999999999999;
}
.submit{
	width:60%; background-color:#; color:#fff; margin:0 auto; border-radius:20px; padding:5px !important; cursor:pointer; 
}
.submit input{
	margin-bottom:5px;cursor:pointer;
}
	
/*end common ============================================================================================================================*/