/**********************************************************************************************
 **********************************************************************************************
 ***  Copyright(c) 2020 Leeward Digital, LLC. Henderson, NV. All Rights Reserved.
 ***
 ***  Filename      : leewardx-input.css
 ***  Author        : Leeward Digital
 ***  Created On    : April 9, 2020 GMT-7
 ***
 ***  Modified By   :
 ***  Modified On   :
 ***
 ***  Description   : A supplementary style sheet for input fields
 ***
 ***  Requirement/s :
 *********************************************************************************************
 *********************************************************************************************/

.input-group-wrapper { position: relative; }

.input-group-wrapper > textarea,
.input-group-wrapper > select,
.input-group-wrapper > input,
.wrapperInput > textarea,
.wrapperInput > select,
.wrapperInput > input { width: 100%; }

.light label { color: white; }

label {
    color: #BAC1CA;
    display: block;
    font-weight: 400;
    margin: 0;
    max-width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-shadow: 0.3px 0.3px #BAC1CA;
}

.ldx-cc-dropdown-wrapper,
label ~ input,
label ~ select,
label ~ textarea,
label ~ .input-group-wrapper { margin-top: 3px !important; }

label + select, label + textarea, label + input { width: 100%; }

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
    background-color: white;
    max-width: 100%;
    border-radius: 3px;
    border: 1px solid #BAC1CA;
    padding: 7px 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1.3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.3s;
}

input:focus, select:focus, textarea:focus { border-color: #157efb; }

/*   START: COMMON   */
label { transition: color 0.3s; }

::-webkit-input-placeholder, /* Chrome/Opera/Safari */
::-moz-placeholder, /* Firefox 19+ */
:-ms-input-placeholder, /* IE 10+ */
:-moz-placeholder { /* Firefox 18- */
    color: #BAC1CA;
}
/*   END: COMMON   */

/*   ADDITIONAL CSS: START   */
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

input::-moz-focus-inner,
input[type="checkbox"],
input[type="radio"] { padding: 0; }

input::-moz-focus-inner { border: 0; }

input[type="radio"],
input[type="checkbox"],
input { line-height: normal; }

input[type="checkbox"],
input[type="radio"],
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select[multiple],
select[size] { height: auto; }

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"] { -webkit-appearance: none; }

input[type="radio"] { margin: 6px; }
input[type="checkbox"] { margin: 11px 7px 3px 7px; }

.flex-row { display: flex; }

.flex-row:after {
    clear: right;
    content: "\00a0";
    display: table;
}

.flex-row label { margin-left: 14px; }

input[type="file"],
input[type="range"] { display: block; }

input[type="range"] { width: 100%; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input[type="checkbox"]:before,
input.chk-outline[type="radio"]:before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    left: 0;
    background-color: white;
    border: 1px solid #157efb;
    top: 0;
    border-radius: 3px;
}

input[type="checkbox"].small {
	outline: none;
	margin: 0;
}

input[type="checkbox"].small ~ label { margin: 0 0 0 7px; }

input[type="checkbox"].small,
input[type="checkbox"].small:before {
	width: 19px !important;
	height: 19px !important;
}

input[type="checkbox"]:checked:after,
input.chk-outline[type="radio"]:checked:after {
    width: 13px;
    height: 6px;
    position: absolute;
    content: "";
    border: 2px solid white;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    top: 7px;
    left: 6px;
}

input[type="checkbox"].small:checked:after {
	width: 10px;
	height: 4px;
	top: 7px;
	left: 5px;
}

.capitalize,
[type=radio] ~ label,
[type=checkbox] ~ label { text-transform: capitalize; }

[type=radio] ~ label,
[type=checkbox] ~ label {
    font-size: unset;
    display: inline;
    color: #000;
    letter-spacing: unset;
    line-height: 1.7;
    margin-top: 3px;
}

textarea { overflow: auto; }

select { text-transform: none; }

/*   ADDITIONAL CSS: END   */


/**********************************************************************************************************************/
/**********************************************************************************************************************/

*[readonly], *.readonly,
*[disabled], *.disabled {
    cursor: not-allowed !important;
}

*[readonly]:not(#generateJavascript), *.readonly:not(#generateJavascript),
*[disabled], *.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.margin-top-zero { margin-top: 0 !important; }
.margin-top-14 { margin-top: 14px; }
.margin-top-21 { margin-top: 21px; }

/* START: CHECKBOX CHECK */
input[type="radio"]:checked:before {
	background-color: #157efb;
}

input[type="radio"]:checked:after {
    background-color: white;
    width: 12px;
    height: 12px;
    top: 6px;
    left: 6px;
    border-radius: 8px;
    border: none;
    position: absolute;
    content: "";
    transform: rotate(-45deg);
}

input[type="checkbox"],
input.chk-outline[type="radio"] {
	width: 14px;
	height: 14px;
	margin: 5px 15px 5px 5px;
	position: relative;
	cursor: pointer;
}

input[type="checkbox"]:checked:before,
input.chk-outline[type="radio"]:checked:before {
	background-color: #157efb;
}

input[type="checkbox"],
input[type="radio"] {
	width: 24px !important;
	height: 24px !important;
	margin: 5px 15px 5px 5px;
	position: relative;
	-moz-appearance: initial;
	vertical-align: bottom;
}

input[type="radio"]:before {
	border-radius: 15px;
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-color: #ffffff;
    border: 1px solid #157efb;
}

input[type="radio"].small:checked:before {
	background-color: #ffffff;
}

input[type="radio"].small:checked:after {
	background-color: #157efb;
	width: 9px;
	height: 9px;
	top: 4px;
	left: 4px;
}

input[type="radio"].small {
	width: 17px !important;
	height: 17px !important;
}

input[type="radio"].small:before {
	width: 17px;
	height: 17px;
	left: 0;
	border: 1px solid #cccccc;
}
/* END: CHECKBOX CHECK */

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

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

.switch > .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 0;
	bottom: -1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch.small {
    width: 42px;
    height: 19px;
}

.switch.small > .slider:before {
	height: 21px;
	width: 21px;
}

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

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

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

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

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

.slider.round:before {
	border-radius: 50%;
	border: 1px solid #BAC1CA;
}

/* Search icon within input */
input ~ .ld-icon.icon-search {
	top: -30px;
    right: 10px;
    background-color: white;
    padding: 5px 0 5px 5px;
    height: 25px;
    width: 25px;
}

/* remove spinners */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance:textfield;
  width: 100%;
  text-align: center;
}

/* EDGE CHECKBOX UI */
input[type=checkbox]::-ms-check,
input[type=radio]::-ms-check {
    border: 1px solid #157efb;
}

input[type=checkbox]:checked::-ms-check,
input[type=radio]:checked::-ms-check {
    background-color: #157efb;
    color: white;
}

input[type=checkbox]::-ms-check {
    border-radius: 3px;
}

input[type=radio]::-ms-check {
    border-radius: 50%;
}

label > input[type="radio"] ~ * {
    font-family: "Roboto-Regular", serif;
	text-transform: none;
	color: #000000;
}

/* LDX DROPDOWN */
.ldx-cc-dropdown-wrapper {
	display: flex;
	align-items: center;
	border: 1px solid #BAC1CA;
	border-radius: 3px;
	padding-left: 7px;
}

.ldx-cc-dropdown-wrapper.invalid { border-color: #ff0000; }

.ldx-cc-dropdown-wrapper,
.ldx-dropdown-wrapper { position: relative; }

.ldx-cc-dropdown-wrapper ul,
.ldx-dropdown-wrapper ul,
.ldx-cc-dropdown-wrapper ul li,
.ldx-dropdown-wrapper ul li { transition: opacity ease-in-out 300ms, color ease-in-out 300ms, background-color ease-in-out 300ms, display ease-in-out 300ms; }

.ldx-cc-dropdown-wrapper ul,
.ldx-dropdown-wrapper ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	padding: 3px 0;
	margin: 0;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #BAC1CA;
	overflow-x: auto;
	z-index: 1;
}

.ldx-cc-dropdown-wrapper ul {
	min-width: 49px;
	max-width: 100%;
}

.ldx-dropdown-wrapper ul { width: 100%; }

.ldx-cc-dropdown-wrapper ul li,
.ldx-dropdown-wrapper ul li { cursor: pointer; }

.ldx-dropdown-wrapper ul li { background-size: 14px !important; }
.ldx-cc-dropdown-wrapper ul li { background-size: 28px !important; }

.ldx-dropdown-wrapper ul li { padding: 7px 14px; }
.ldx-cc-dropdown-wrapper ul li { padding: 7px 14px 7px 42px; }

.ldx-cc-dropdown-wrapper ul.check li,
.ldx-dropdown-wrapper ul.check li { padding-left: 28px; }

.ldx-cc-dropdown-wrapper ul li.selected,
.ldx-dropdown-wrapper ul li.selected,
.ldx-cc-dropdown-wrapper ul li:hover,
.ldx-dropdown-wrapper ul li:hover { color: #ffffff; }

.ldx-cc-dropdown-wrapper ul li.selected,
.ldx-dropdown-wrapper ul li.selected,
.ldx-cc-dropdown-wrapper ul li:hover,
.ldx-dropdown-wrapper ul li:hover { background-color: rgba(21, 126, 251, 0.3); }

.ldx-cc-dropdown-wrapper ul li.selected { background-color: #157efb; }

.ldx-cc-dropdown-wrapper input {
	border: none !important;
	padding-left: 3px;
}

.ldx-cc-dropdown-wrapper input:not(.country-code) { width: calc(100% - 86px); }
.ldx-dropdown-wrapper input { width: 100%; }

.ldx-dropdown-wrapper input { padding-right: 28px; }

.ldx-cc-dropdown-wrapper input.country-code {
	width: 42px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.ldx-dropdown-wrapper input::placeholder,
.ldx-cc-dropdown-wrapper input::placeholder { opacity: 0.3; }

.ldx-cc-dropdown-wrapper .dd-flag {
	background-image: url(../images/contact-us/flags/other.png);
	background-size: 28px;
	background-position: center;
	width: 28px;
	height: 100%;
	cursor: pointer;
}

.ldx-cc-dropdown-wrapper .dd-flag,
.ldx-cc-dropdown-wrapper ul li { background-repeat: no-repeat; }

.ldx-cc-dropdown-wrapper ul li { background-position: 7px center; }


.ldx-cc-dropdown-wrapper ul li#usa,
.ldx-cc-dropdown-wrapper .dd-flag[data-flag=usa] { background-image: url(../images/contact-us/flags/usa.png); }

.ldx-cc-dropdown-wrapper ul li#vietnam,
.ldx-cc-dropdown-wrapper .dd-flag[data-flag=vietnam] { background-image: url(../images/contact-us/flags/vietnam.png); }

.ldx-cc-dropdown-wrapper ul li#china,
.ldx-cc-dropdown-wrapper .dd-flag[data-flag=china] { background-image: url(../images/contact-us/flags/china.png); }

.ldx-cc-dropdown-wrapper ul li#philippines,
.ldx-cc-dropdown-wrapper .dd-flag[data-flag=philippines] { background-image: url(../images/contact-us/flags/philippines.png); }

.ldx-cc-dropdown-wrapper ul li#india,
.ldx-cc-dropdown-wrapper .dd-flag[data-flag=india] { background-image: url(../images/contact-us/flags/india.png); }

.ldx-cc-dropdown-wrapper ul li#thailand,
.ldx-cc-dropdown-wrapper .dd-flag[data-flag=thailand] { background-image: url(../images/contact-us/flags/thailand.png); }

.ldx-cc-dropdown-wrapper ul li.others { background-image: url(../images/contact-us/flags/other.png); }

.ldx-cc-dropdown-wrapper .dd-icon { background: transparent url(../images/buttons/arrow-head-down-blue.svg) no-repeat right center; }
.ldx-dropdown-wrapper .dd-icon { background: transparent url(../images/buttons/arrow-head-down-blue.svg) no-repeat center; }

.ldx-cc-dropdown-wrapper .dd-icon,
.ldx-dropdown-wrapper .dd-icon {
	height: 100%;
	top: 0;
	opacity: 0.7;
	transition: opacity ease-in-out 300ms;
	cursor: pointer;
}

.ldx-dropdown-wrapper .dd-icon { position: absolute; }

.ldx-dropdown-wrapper .dd-icon { width: 28px; }
.ldx-cc-dropdown-wrapper .dd-icon { width: 16px; }

.ldx-dropdown-wrapper .dd-icon {
	right: 0;
	background-size: 14px;
}

.ldx-cc-dropdown-wrapper .dd-icon { background-size: 10px; }

.ldx-cc-dropdown-wrapper:hover .dd-icon,
.ldx-dropdown-wrapper:hover .dd-icon { opacity: 1; }

.ldx-dropdown-wrapper ul.check li.selected { background: #157efb url(../images/buttons/check-white.svg) no-repeat 7px center; }

@media (min-width: 813px) and (min-height: 726px) {
	html.vw label {
		font-size: 0.9027777777777778vw;
		text-shadow: 0.020833333333333332vw 0.020833333333333332vw #BAC1CA;
	}
	
	html.vw .ldx-cc-dropdown-wrapper,
	html.vw label ~ input,
	html.vw label ~ select,
	html.vw label ~ textarea,
	html.vw label ~ .input-group-wrapper { margin-top: 0.20833333333333334vw !important; }
	
	html.vw input[type="text"],
	html.vw input[type="number"],
	html.vw input[type="email"],
	html.vw input[type="tel"],
	html.vw input[type="password"],
	html.vw select,
	html.vw textarea {
		border-radius: 0.20833333333333334vw;
		border: 0.06944444444444445vw solid #BAC1CA;
		padding: 0.4861111111111111vw 0.6944444444444444vw;
		font-size: 1.1111111111111112vw;
	}
	
	html.vw input[type="radio"] { margin: 0.7638888888888888vw; }
	html.vw input[type="checkbox"] { margin: 0.7638888888888888vw 0.4861111111111111vw 0.20833333333333334vw 0.4861111111111111vw; }
	
	html.vw .flex-row label { margin-left: 0.9722222222222222vw; }
	
	html.vw input[type="file"]:focus,
	html.vw input[type="radio"]:focus,
	html.vw input[type="checkbox"]:focus {
		outline: 0.3472222222222222vw auto -webkit-focus-ring-color;
		outline-offset: -0.1388888888888889vw;
	}
	
	html.vw input[type="checkbox"]:before,
	html.vw input.chk-outline[type="radio"]:before {
		width: 1.6666666666666667vw;
		height: 1.6666666666666667vw;
		border: 0.06944444444444445vw solid #157efb;
		border-radius: 0.20833333333333334vw;
	}
	
	html.vw input[type="checkbox"].small ~ label { margin: 0 0 0 0.4861111111111111vw; }
	
	html.vw input[type="checkbox"].small,
	html.vw input[type="checkbox"].small:before {
		width: 1.3194444444444444vw !important;
		height: 1.3194444444444444vw !important;
	}
	
	html.vw input[type="checkbox"]:checked:after,
	html.vw input.chk-outline[type="radio"]:checked:after {
		width: 0.9027777777777778vw;
		height: 0.7638888888888888vw;
		border: 0.1388888888888889vw solid white;
		top: 0.4861111111111111vw;
		left: 0.7638888888888888vw;
	}
	
	html.vw input[type="checkbox"].small:checked:after {
		width: 0.6944444444444444vw;
		height: 0.2777777777777778vw;
		top: 0.4861111111111111vw;
		left: 0.3472222222222222vw;
	}
	
	html.vw [type=radio] ~ label,
	html.vw [type=checkbox] ~ label {
		margin-top: 0.20833333333333334vw;
	}
	
	html.vw .margin-top-zero { margin-top: 0 !important; }
	html.vw .margin-top-14 { margin-top: 0.9722222222222222vw; }
	html.vw .margin-top-21 { margin-top: 1.4583333333333333vw; }
	
	html.vw input[type="radio"]:checked:after {
		width: 0.8333333333333334vw;
		height: 0.8333333333333334vw;
		top: 0.7638888888888888vw;
		left: 0.7638888888888888vw;
		border-radius: 0.5555555555555556vw;
	}
	
	html.vw input[type="checkbox"],
	html.vw input.chk-outline[type="radio"] {
		width: 0.9722222222222222vw;
		height: 0.9722222222222222vw;
		margin: 0.3472222222222222vw 1.0416666666666667vw 0.3472222222222222vw 0.3472222222222222vw;
	}
	
	html.vw input[type="checkbox"],
	html.vw input[type="radio"] {
		width: 1.6666666666666667vw !important;
		height: 1.6666666666666667vw !important;
		margin: 0.3472222222222222vw 1.0416666666666667vw 0.3472222222222222vw 0.3472222222222222vw;
	}
	
	html.vw input[type="radio"]:before {
		border-radius: 1.0416666666666667vw;
		width: 1.6666666666666667vw;
		height: 1.6666666666666667vw;
		border: 0.06944444444444445vw solid #157efb;
	}
	
	html.vw input[type="radio"].small:checked:before {
		background-color: #ffffff;
	}
	
	html.vw input[type="radio"].small:checked:after {
		background-color: #157efb;
		width: 0.625vw;
		height: 0.625vw;
		top: 0.2777777777777778vw;
		left: 0.2777777777777778vw;
	}
	
	html.vw input[type="radio"].small {
		width: 1.1805555555555556vw !important;
		height: 1.1805555555555556vw !important;
	}
	
	html.vw input[type="radio"].small:before {
		width: 1.1805555555555556vw;
		height: 1.1805555555555556vw;
		border: 0.06944444444444445vw solid #cccccc;
	}
	
	html.vw .switch {
		width: 3.4722222222222223vw;
		height: 1.6666666666666667vw;
	}
	
	html.vw .switch > .slider:before {
		height: 1.8055555555555556vw;
		width: 1.8055555555555556vw;
		bottom: -0.06944444444444445vw;
	}
	
	html.vw .switch.small {
		width: 2.9166666666666665vw;
		height: 1.3194444444444444vw;
	}
	
	html.vw .switch.small > .slider:before {
		height: 1.4583333333333333vw;
		width: 1.4583333333333333vw;
	}
	
	html.vw input:focus+.slider {
		box-shadow: 0 0 0.06944444444444445vw #0f58af;
	}
	
	html.vw input:checked+.slider:before {
		-webkit-transform: translateX(1.8055555555555556vw);
		-ms-transform: translateX(1.8055555555555556vw);
		transform: translateX(1.8055555555555556vw);
	}
	
	html.vw .switch.small input:checked+.slider:before {
		-webkit-transform: translateX(1.4583333333333333vw);
		-ms-transform: translateX(1.4583333333333333vw);
		transform: translateX(1.4583333333333333vw);
	}
	
	/* Rounded sliders */
	html.vw .slider.round {
		border-radius: 2.361111111111111vw;
	}
	
	html.vw .slider.round:before {
		border: 0.06944444444444445vw solid #BAC1CA;
	}
	
	/* Search icon within input */
	html.vw input ~ .ld-icon.icon-search {
		top: -2.0833333333333335vw;
		right: 0.6944444444444444vw;
		padding: 0.3472222222222222vw 0 0.3472222222222222vw 0.3472222222222222vw;
		height: 1.7361111111111112vw;
		width: 1.7361111111111112vw;
	}
	
	/* EDGE CHECKBOX UI */
	html.vw input[type=checkbox]::-ms-check,
	html.vw input[type=radio]::-ms-check {
		border: 0.06944444444444445vw solid #157efb;
	}
	
	html.vw input[type=checkbox]::-ms-check {
		border-radius: 0.20833333333333334vw;
	}
	
	html.vw .ldx-cc-dropdown-wrapper {
		border: 0.06944444444444445vw solid #BAC1CA;
		border-radius: 0.20833333333333334vw;
		padding-left: 0.4861111111111111vw;
	}
	
	html.vw .ldx-cc-dropdown-wrapper ul,
	html.vw .ldx-dropdown-wrapper ul {
		padding: 0.20833333333333334vw 0;
		border-radius: 0.20833333333333334vw;
		border: 0.06944444444444445vw solid #BAC1CA;
	}
	
	html.vw .ldx-cc-dropdown-wrapper ul {
		min-width: 3.4027777777777777vw;
	}
	
	html.vw .ldx-dropdown-wrapper ul li { background-size: 0.9722222222222222vw !important; }
	html.vw .ldx-cc-dropdown-wrapper ul li { background-size: 1.9444444444444444vw !important; }
	
	html.vw .ldx-dropdown-wrapper ul li { padding: 0.4861111111111111vw 0.9722222222222222vw; }
	html.vw .ldx-cc-dropdown-wrapper ul li { padding: 0.4861111111111111vw 0.9722222222222222vw 0.4861111111111111vw 2.9166666666666665vw; }
	
	html.vw .ldx-cc-dropdown-wrapper ul.check li,
	html.vw .ldx-dropdown-wrapper ul.check li { padding-left: 1.9444444444444444vw; }
	
	html.vw .ldx-cc-dropdown-wrapper input {
		padding-left: 0.20833333333333334vw;
	}
	
	html.vw .ldx-cc-dropdown-wrapper input:not(.country-code) { width: calc(100% - 5.972222222222222vw); }
	
	html.vw .ldx-dropdown-wrapper input { padding-right: 1.9444444444444444vw; }
	
	html.vw .ldx-cc-dropdown-wrapper input.country-code {
		width: 2.9166666666666665vw;
		padding-left: 0.20833333333333334vw;
		padding-right: 0.20833333333333334vw;
	}
	
	html.vw .ldx-cc-dropdown-wrapper .dd-flag {
		background-size: 1.9444444444444444vw;
		width: 1.9444444444444444vw;
	}
	
	html.vw .ldx-cc-dropdown-wrapper ul li { background-position: 0.4861111111111111vw center; }
	
	html.vw .ldx-dropdown-wrapper .dd-icon { width: 1.9444444444444444vw; }
	html.vw .ldx-cc-dropdown-wrapper .dd-icon { width: 1.1111111111111112vw; }
	
	html.vw .ldx-dropdown-wrapper .dd-icon {
		background-size: 0.9722222222222222vw;
	}
	
	html.vw .ldx-cc-dropdown-wrapper .dd-icon { background-size: 0.6944444444444444vw; }
	
	html.vw .ldx-dropdown-wrapper ul.check li.selected { background: #157efb url(../images/buttons/check-white.svg) no-repeat 0.4861111111111111vw center; }
	
	label {
		font-size: 1.793103448275862vh;
		text-shadow: 0.041379310344827586vh 0.041379310344827586vh #BAC1CA;
	}
	
	.ldx-cc-dropdown-wrapper,
	label ~ input,
	label ~ select,
	label ~ textarea,
	label ~ .input-group-wrapper { margin-top: 0.41379310344827586vh !important; }
	
	input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
		border-radius: 0.41379310344827586vh;
		border: 0.13793103448275862vh solid #BAC1CA;
		padding: 0.9655172413793104vh 1.3793103448275863vh;
		font-size: 2.206896551724138vh;
	}
	
	input[type="radio"] { margin: 0.8275862068965517vh; }
	input[type="checkbox"] { margin: 1.5172413793103448vh 0.9655172413793104vh 0.41379310344827586vh 0.9655172413793104vh; }
	
	.flex-row label { margin-left: 1.9310344827586208vh; }
	
	input[type="file"]:focus,
	input[type="radio"]:focus,
	input[type="checkbox"]:focus {
		outline: 0.6896551724137931vh auto -webkit-focus-ring-color;
		outline-offset: -0.27586206896551724vh;
	}
	
	input[type="checkbox"]:before,
	input.chk-outline[type="radio"]:before {
		width: 3.310344827586207vh;
		height: 3.310344827586207vh;
		border: 0.13793103448275862vh solid #157efb;
		border-radius: 0.41379310344827586vh;
	}
	
	input[type="checkbox"].small ~ label { margin: 0 0 0 0.9655172413793104vh; }
	
	input[type="checkbox"].small,
	input[type="checkbox"].small:before {
		width: 2.6206896551724137vh !important;
		height: 2.6206896551724137vh !important;
	}
	
	input[type="checkbox"]:checked:after,
	input.chk-outline[type="radio"]:checked:after {
		width: 1.793103448275862vh;
		height: 0.8275862068965517vh;
		top: 0.9655172413793104vh;
		left: 0.8275862068965517vh;
	}
	
	input[type="checkbox"].small:checked:after {
		width: 1.3793103448275863vh;
		height: 0.5517241379310345vh;
		top: 0.9655172413793104vh;
		left: 0.6896551724137931vh;
	}
	
	[type=radio] ~ label,
	[type=checkbox] ~ label {
		margin-top: 0.41379310344827586vh;
	}
	
	.margin-top-zero { margin-top: 0 !important; }
	.margin-top-14 { margin-top: 1.9310344827586208vh; }
	.margin-top-21 { margin-top: 2.896551724137931vh; }
	
	input[type="radio"]:checked:after {
		width: 1.6551724137931034vh;
		height: 1.6551724137931034vh;
		top: 0.8275862068965517vh;
		left: 0.8275862068965517vh;
		border-radius: 1.103448275862069vh;
	}
	
	input[type="checkbox"],
	input.chk-outline[type="radio"] {
		width: 1.9310344827586208vh;
		height: 1.9310344827586208vh;
		margin: 0.6896551724137931vh 2.0689655172413794vh 0.6896551724137931vh 0.6896551724137931vh;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		width: 3.310344827586207vh !important;
		height: 3.310344827586207vh !important;
		margin: 0.6896551724137931vh 2.0689655172413794vh 0.6896551724137931vh 0.6896551724137931vh;
	}
	
	input[type="radio"]:before {
		border-radius: 2.0689655172413794vh;
		width: 3.310344827586207vh;
		height: 3.310344827586207vh;
		border: 0.13793103448275862vh solid #157efb;
	}
	
	input[type="radio"].small:checked:after {
		width: 1.2413793103448276vh;
		height: 1.2413793103448276vh;
		top: 0.5517241379310345vh;
		left: 0.5517241379310345vh;
	}
	
	input[type="radio"].small {
		width: 2.3448275862068964vh !important;
		height: 2.3448275862068964vh !important;
	}
	
	input[type="radio"].small:before {
		width: 2.3448275862068964vh;
		height: 2.3448275862068964vh;
		border: 0.13793103448275862vh solid #cccccc;
	}
	.switch {
		width: 6.896551724137931vh;
		height: 3.310344827586207vh;
	}
	
	.switch > .slider:before {
		height: 3.586206896551724vh;
		width: 3.586206896551724vh;
		bottom: -0.13793103448275862vh;
	}
	
	.switch.small {
		width: 5.793103448275862vh;
		height: 2.6206896551724137vh;
	}
	
	.switch.small > .slider:before {
		height: 2.896551724137931vh;
		width: 2.896551724137931vh;
	}
	
	input:focus+.slider {
		box-shadow: 0 0 0.13793103448275862vh #0f58af;
	}
	
	input:checked+.slider:before {
		-webkit-transform: translateX(3.586206896551724vh);
		-ms-transform: translateX(3.586206896551724vh);
		transform: translateX(3.586206896551724vh);
	}
	
	.switch.small input:checked+.slider:before {
		-webkit-transform: translateX(2.896551724137931vh);
		-ms-transform: translateX(2.896551724137931vh);
		transform: translateX(2.896551724137931vh);
	}
	
	/* Rounded sliders */
	.slider.round {
		border-radius: 4.689655172413793vh;
	}
	
	.slider.round:before {
		border: 0.13793103448275862vh solid #BAC1CA;
	}
	
	/* Search icon within input */
	input ~ .ld-icon.icon-search {
		top: -4.137931034482759vh;
		right: 1.3793103448275863vh;
		padding: 0.6896551724137931vh 0 0.6896551724137931vh 0.6896551724137931vh;
		height: 3.4482758620689653vh;
		width: 3.4482758620689653vh;
	}
	
	/* EDGE CHECKBOX UI */
	input[type=checkbox]::-ms-check,
	input[type=radio]::-ms-check {
		border: 0.13793103448275862vh solid #157efb;
	}
	
	input[type=checkbox]::-ms-check {
		border-radius: 0.41379310344827586vh;
	}
	
	.ldx-cc-dropdown-wrapper {
		border: 0.13793103448275862vh solid #BAC1CA;
		border-radius: 0.41379310344827586vh;
		padding-left: 0.9655172413793104vh;
	}
	
	.ldx-cc-dropdown-wrapper ul,
	.ldx-dropdown-wrapper ul {
		padding: 0.41379310344827586vh 0;
		border-radius: 0.41379310344827586vh;
		border: 0.13793103448275862vh solid #BAC1CA;
	}
	
	.ldx-cc-dropdown-wrapper ul {
		min-width: 6.758620689655173vh;
	}
	
	.ldx-dropdown-wrapper ul li { background-size: 1.9310344827586208vh !important; }
	.ldx-cc-dropdown-wrapper ul li { background-size: 3.8620689655172415vh !important; }
	
	.ldx-dropdown-wrapper ul li { padding: 0.9655172413793104vh 1.9310344827586208vh; }
	.ldx-cc-dropdown-wrapper ul li { padding: 0.9655172413793104vh 1.9310344827586208vh 0.9655172413793104vh 5.793103448275862vh; }
	
	.ldx-cc-dropdown-wrapper ul.check li,
	.ldx-dropdown-wrapper ul.check li { padding-left: 3.8620689655172415vh; }
	
	.ldx-cc-dropdown-wrapper input {
		padding-left: 0.41379310344827586vh;
	}
	
	.ldx-cc-dropdown-wrapper input:not(.country-code) { width: calc(100% - 11.862068965517242vh); }
	
	.ldx-dropdown-wrapper input { padding-right: 3.8620689655172415vh; }
	
	.ldx-cc-dropdown-wrapper input.country-code {
		width: 5.793103448275862vh;
		padding-left: 0.41379310344827586vh;
		padding-right: 0.41379310344827586vh;
	}
	
	.ldx-cc-dropdown-wrapper .dd-flag {
		background-size: 3.8620689655172415vh;
		width: 3.8620689655172415vh;
	}
	
	.ldx-cc-dropdown-wrapper ul li { background-position: 0.9655172413793104vh center; }
	
	.ldx-dropdown-wrapper .dd-icon { width: 3.8620689655172415vh; }
	.ldx-cc-dropdown-wrapper .dd-icon { width: 2.206896551724138vh; }
	
	.ldx-dropdown-wrapper .dd-icon {
		background-size: 1.9310344827586208vh;
	}
	
	.ldx-cc-dropdown-wrapper .dd-icon { background-size: 1.3793103448275863vh; }
	
	.ldx-dropdown-wrapper ul.check li.selected { background: #157efb url(../images/buttons/check-white.svg) no-repeat 0.9655172413793104vh center; }
}