*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.remove-interval-disableb {
  color: #b8bbc5;
}

.radio-button {
  margin-right: 5px;
}

.radio-button-field {
  padding-right: 0;
}

.input-error {
  color: red;
  font-size: small;
  margin-bottom: 20px;
}

.input-alert {
  color: #ffd633;
  font-size: small;
}

.w-input-error {
  border-color: red;
  margin-bottom: 0;
}

.text-field-error {
  margin-bottom: 5px;
}

.w-input:focus,
.w-select:focus {
  border-color: #faba53;
  outline: 0;
}

.vs--open, .vs--searchable, .vs__dropdown-toggle:focus {
	border-color: #faba53;
	/* display: block;
	width: 100%;
	height: 38px;
	padding: 8px 12px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc; */
}

.buttonload {
  background-color: #faba53; /* Green background */
  border-radius: 5px; /* Remove borders */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  font-size: 11px; /* Set a font-size */
  width: 100%;
}

.buttonload-loading {
  opacity: 0.5;
}

/* Add a right margin to each icon */
.fa {
  margin-left: -12px;
  margin-right: 8px;
}

.resend-email-code {
  cursor: pointer;
}

/* Loader 1 */
.loader-1 {
	height: 32px;
	width: 32px;
  position: absolute;
	-webkit-animation: loader-1-1 4.8s linear infinite;
	        animation: loader-1-1 4.8s linear infinite;
  left: 49.1%;
}
@-webkit-keyframes loader-1-1 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-1-1 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader-1 span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 32px;
	width: 32px;
	clip: rect(0, 32px, 32px, 16px);
	-webkit-animation: loader-1-2 1.2s linear infinite;
	        animation: loader-1-2 1.2s linear infinite;
}
@-webkit-keyframes loader-1-2 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(220deg); }
}
@keyframes loader-1-2 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(220deg); }
}

.loader-1 span::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 32px;
	width: 32px;
	clip: rect(0, 32px, 32px, 16px);
	border: 3px solid #FFF;
	border-radius: 50%;
	-webkit-animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-1-3 {
	0%   { -webkit-transform: rotate(-140deg); }
	50%  { -webkit-transform: rotate(-160deg); }
	100% { -webkit-transform: rotate(140deg); }
}
@keyframes loader-1-3 {
	0%   { transform: rotate(-140deg); }
	50%  { transform: rotate(-160deg); }
	100% { transform: rotate(140deg); }
}

.loader-page {
	height: 64px;
	width: 64px;
  position: absolute;
	-webkit-animation: loader-1-1 4.8s linear infinite;
	        animation: loader-1-1 4.8s linear infinite;
  /* left: 49%; */
}
@-webkit-keyframes loader-1-1 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-1-1 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader-page span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 64px;
	width: 64px;
	clip: rect(0, 64px, 64px, 32px);
	-webkit-animation: loader-1-2 1.2s linear infinite;
	        animation: loader-1-2 1.2s linear infinite;
}
@-webkit-keyframes loader-1-2 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(220deg); }
}
@keyframes loader-1-2 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(220deg); }
}

.loader-page span::after {
	content: "";
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	margin: auto;
	height: 64px;
	width: 64px;
	clip: rect(0, 64px, 64px, 32px);
	border: 3px solid #faba53;
	border-radius: 50%;
	-webkit-animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-1-3 {
	0%   { -webkit-transform: rotate(-140deg); }
	50%  { -webkit-transform: rotate(-160deg); }
	100% { -webkit-transform: rotate(140deg); }
}
@keyframes loader-1-3 {
	0%   { transform: rotate(-140deg); }
	50%  { transform: rotate(-160deg); }
	100% { transform: rotate(140deg); }
}

.dropbtn {
  background-color: #fff;
  color: white;
  padding: 0;
  font-size: 16px;
  border: none;
  cursor: pointer;
	/* line-height: normal; */
}

.dropdown {
  /* position: relative; */
  /* display: inline-block; */
	float: right;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 0;
  text-decoration: none;
  /* display: block; */
	display: flex;
	flex-direction: row;
}


.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #fff;
	color: black;
}

.vf-icon {
	font-size: 30px;
	color: black;
	/* margin-top: 10px; */
	/* width: 100%; */
	/* height: 50%; */
}

/* .vf-icon, .vf-icon-background {
	background-position: 100% !important;
} */

/* .dropdown-content a {
	padding: 0px 5px;
	height: 30px;
} */

.dropdown-language {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.iti {
	width: 100%;
	margin-bottom: 10px;
}

/* .div-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
} */



/* <!-- sample html for this button-->
<link rel="stylesheet" type="text/css" href="//loading.io/css/loading.css"/>
<link rel="stylesheet" type="text/css" href="//loading.io/css/loading-btn.css"/>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<!-- sample html for this button-->
<div class="button running ld ld-over">
  <div class="ld ld-ring ld-spin"></div>
  SIGNUP
  <div></div>
  <i class="fa fa-none"></i>'
</div>
<!-- stylesheet for this button -->
<style type="text/css">
  .button {
    backface-visibility: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background: #952;
  border-radius: 6px;
  border: 0px solid #444;
  border-width: 0px 0px 0px 0px;
  padding: 10px 20px 10px 20px;
    color: #fff;
  font-size: 16px;
  font-family: Helvetica Neue;
  font-weight: 900;
  font-style: normal
  }
  .button > div {
    color: #999;
  font-size: 10px;
  font-family: Helvetica Neue;
  font-weight: initial;
  font-style: normal;
  text-align: center;
  margin: 0px 0px 0px 0px
  }
  .button > i {
    font-size: 1em;
  border-radius: 6px;
  border: 1px dashed #fff;
  border-width: 1px 1px 1px 1px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px
  }
  .button > .ld {
    font-size: initial
  }
</style> */