@import 'css_vars.css';

		.registration-form {
			color: #424242;
		}
		.registration-form INPUT[type="checkbox"]{
			width:20px;
			height:20px;
			vertical-align:middle;
			margin-bottom:40px;
			margin-right:10px;
			margin-top:3px;
			float:left;
			border-radius:0px;
		}
		.registration-form INPUT:-webkit-autofill {
			transition: background-color 50000s ease-in-out 0s;
			-webkit-text-fill-color: #555 !important;
    }
		.sr-custom-checkbox {
			margin-top: 10px;
			margin-bottom: 20px;
		}
		.registration-form .hide {
			display:none;
		}
		.registration-form label {
			font-weight:400 !important;
		}
		.sr-float-label input:focus {
			border: 1px solid var(--global_main_color);
		}
		#country {
			height:54px;
			width:100%;
			padding-left:18px;
			font-weight: 700;
			color:#878787;
		}
		#country:focus + .sr-control-label {
			color: #ca4249 !important;
		}
		.sr-float-label {
			margin: 0;
			padding: 0;
			border: 0;
			height: 54px;
			box-sizing: border-box;
			box-shadow: none;
			position: relative;
		}
		.sr-float-label .sr-control-label {
			z-index: 2;
			height: 0;
			position: absolute;
			top: 17px;
			left: 21px;
			font-weight: 700 !important;
			color: #878787;
			transform: translate3d(0, 0, 0);
			transition: all 0.2s ease-in-out;
			width: auto;
			pointer-events: none;
			font-size: 15px;
		}
		.sr-float-label .sr-form-control {
			height: 54px;
		}
		.sr-float-label .sr-form-control:valid,
		.sr-float-label .sr-form-control:focus,
		.sr-float-label .sr-form-control.error
		 {
			padding: 20px 8px 5px 20px;
		}
		.sr-float-label .sr-form-control:focus {
			background: white;
		}
		.sr-float-label.has-value .sr-form-control + .sr-control-label,
		.sr-float-label.has-value .sr-control-label,
		.sr-float-label .sr-form-control:focus + .sr-control-label,
		.sr-float-label .sr-form-control:valid + .sr-control-label,
		.sr-float-label .sr-form-control.error + .sr-control-label {
			color: var(--global_main_color);
			font-size: 12px;
			transform: translate3d(0, -10px, 0);
		}
		.sr-input-group {
			position: relative;
			display: flex;
			width: 100%;
		}
		.sr-input-group .sr-form-control {
			position: relative;
			z-index: 2;
			flex: 1 1 auto;
			width: 1%;
			margin-bottom: 0;
		}
		.sr-input-group-addon,
		.sr-input-group .sr-form-control {
			display: flex;
			align-items: center;
		}
		.sr-input-group-addon {
			z-index: 3;
			white-space: nowrap;
			vertical-align: middle;
			padding: 10px 20px;
			margin-bottom: 0;
			font-size: 14px;
			color: #000;
			text-align: center;
			background-color: #eeeeee;
			border: 1px solid #ebebeb;
			border-radius: 0;
		}
		.sr-input-group-addon-checked {
			color: #78b15a;
		}
		.sr-input-group-addon-right {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			border-left: 0;
			cursor: pointer;
		}
		.sr-form-control-feedback {
			top: 12px;
			right: 10px;
			font-size: 12px;
			color: #ff6d6d;
			position: absolute;
			z-index: 2;
			display: block;
			width: 34px;
			height: 34px;
			line-height: 34px;
			text-align: center;
			pointer-events: none;
		}
		.sr-form-control-ok {
			top: 12px;
			right: 12px;
			font-size: 12px;
			color: #78b15a;
			position: absolute;
			z-index: 2;
			display: block;
			width: 34px;
			height: 34px;
			line-height: 34px;
			text-align: center;
			pointer-events: none;
		}
		.has-error .sr-input-group-addon {
			border-color: #ff6d6d;
		}
		.sr-input-icon-times {
				width: 7px;
				height: 7px;
		}

		.sr-input-group-addon ~ .sr-form-control-ok,
		.sr-input-group-addon ~ .sr-form-control-feedback {
			right: 50px;
		}

		.sr-float-label-group .sr-control-label {
			z-index: 2;
			left: 100px;
		}

		.sr-float-label-group .sr-form-control:valid,
		.sr-float-label-group .sr-form-control:focus {
			padding-left: 100px;
		}
		
		.has-error .sr-form-control,
		.sr-form-control.error,
		.has-error .sr-form-control:focus {
			border-color: var(--global_main_color) !important;
		}
		.sr-form-control.error {
			background-image: url('../img/error.png');
			background-repeat: no-repeat;
			background-position: center right;
			background-position: center right;
		}
		
		.help-block {
				display: block;
				margin-top: 5px;
				margin-bottom: 10px;
				margin-left:4px;
				color: #ff0080;
				font-size: 13px;
				font-style: italic;
		}
		#pw_error div {
			color: var(--global_main_color) !important;
			font-size: 12px;
			font-weight: 600;
			margin-top:-5px;
			margin-bottom: 12px;
			margin-left:5px;
		}