/* ====================================================
 * Company: Unity Technologies
 * Contributors:
   - Rickard Andersson, rickard@unity3d.com
   - Aida Dirmantaite, aida@unity3d.com
======================================================= */

/****************************************
  ==== 1. RESETS
****************************************/

input, select, textarea {
  font-family: 'Inter', sans-serif; outline: none; -webkit-appearance: none;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0;
}

/****************************************
  ==== 2. INPUTS, TEXTAREAS & LABELS
****************************************/

input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], select, textarea {
  width: 100%; display: block; line-height: 20px; padding: 12px 13px; border: #d6dadc 1px solid; font-size: 1em; color: #5a5a5b; font-weight: 300; outline-width: 0; outline: none; resize: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
textarea {
  height: 150px;
}
input[type="text"]:hover, input[type="tel"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="number"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
  border-color: #9e9e9e;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
  border-color: #2196f3;
}
input[type="text"].ok, input[type="tel"].ok, input[type="email"].ok, input[type="url"].ok, input[type="number"].ok, input[type="password"].ok, textarea.ok {
  border-color: #8ac249;
}
input[type="text"].warning, input[type="tel"].warning, input[type="email"].warning, input[type="url"].warning, input[type="number"].warning, input[type="password"].warning, textarea.warning {
  border-color: #ff9800;
}
input[type="text"].error, input[type="tel"].error, input[type="email"].error, input[type="url"].error, input[type="number"].error, input[type="password"].error, textarea.error {
  border-color: #f44336;
}
label {
  display: inline-block; font-size: 1.125em; font-weight: 400; margin: 0 0 15px 0; cursor: pointer;
}
label.r:after {
  content: ' *';
}
label a:before {
  font-size: 90% !important; position: relative; top: -1px;
}

/****************************************
  ==== 3. RADIO BUTTONS
****************************************/

.radiobtn {
  margin: 0 0 10px 0;
}
.radiobtn label {
  display: inline-block; cursor: pointer; position: relative; padding: 0 0 0 32px; margin: 0; font-size: 1em; font-weight: 300; line-height: 22px;
}
.radiobtn input[type=radio] {
  display: none;
}
.radiobtn label:before {
  content: ""; display: inline-block; width: 20px; height: 20px; border: #d6dadc 1px solid; position: absolute; left: 0; top: 0; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.radiobtn label:active:before, .radiobtn label:focus:before {
  border-color: #9e9e9e;
}
.radiobtn label:hover:after, .radiobtn input[type=radio]:checked + label:after {
  content: ""; display: block; width: 12px; height: 12px; position: absolute; left: 5px; top: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.radiobtn label:hover:after {
  background-color: #d6dadc;
}
.radiobtn input[type=radio]:checked + label:after {
  background-color: #2196f3;
}
.radiobtn input[type=radio]:checked + label:hover:before, .radiobtn input[type=radio]:checked + label:active:before {
  border-color: #2196f3;
}
.radiobtn.ok label:before {
  border-color: #8ac249;
}
.radiobtn.warning label:before {
  border-color: #ff9800;
}
.radiobtn.error label:before {
  border-color: #f44336;
}

/****************************************
  ==== 4. CHECKBOXES
****************************************/

.checkbox {
  margin: 0 0 10px 0;
}
.checkbox label {
  display: inline-block; cursor: pointer; position: relative; padding: 0 0 0 32px; margin: 0; font-size: 1em; font-weight: 300; line-height: 22px;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox label:before {
  content: ""; display: inline-block; width: 20px; height: 20px; border: #d6dadc 1px solid; position: absolute; left: 0; top: 0; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.checkbox label:active:before, .checkbox label:focus:before {
  border-color: #9e9e9e;
}
.checkbox label:hover:after, .checkbox input[type=checkbox]:checked + label:after {
  content: '\e908'; font-family: 'entypo-plus'; display: block; width: 20px; height: 20px; line-height: 20px; font-size: 70%; text-align: center; position: absolute; left: 1px; top: 1px; color: #002835; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.checkbox label:hover:after {
  background-position: -41px -146px;
}
.checkbox input[type=checkbox]:checked + label:after {
  background-position: 3px -146px;
}
.checkbox input[type=checkbox]:checked + label:hover:before, .checkbox input[type=checkbox]:checked + label:active:before {
  border-color: #2196f3;
}
.checkbox.ok label:before {
  border-color: #8ac249;
}
.checkbox.warning label:before {
  border-color: #ff9800;
}
.checkbox.error label:before {
  border-color: #f44336;
}

/****************************************
  ==== BREAKPOINT < 768px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 767px){

.checkbox label:hover:after {
  display: none;
}

}
/****************************************
  ==== 5. SELECTS
****************************************/

.bootstrap-select {
  width: 100%; position: relative; display: block; vertical-align: middle;
}
.bootstrap-select .dropdown-toggle {
  width: 100%; line-height: 20px; padding: 12px 30px 12px 13px; position: relative; z-index: 1; color: #222c37; font-size: 1em; font-weight: 300; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #e9ebec; border: 1px solid #e9ebec; outline: none; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.bootstrap-select .dropdown-toggle:hover {
  border-color: #9e9e9e;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active, .bootstrap-select.open .dropdown-toggle {
  border-color: #2196f3; outline: none;
}
.bootstrap-select select {
  width: 0.5px !important; height: 100% !important; padding: 0 !important; position: absolute !important; bottom: 0; left: 50%; display: block !important; opacity: 0 !important; border: none;
}
.bootstrap-select > select.mobile-device {
  width: 100% !important; display: block !important; top: 0; left: 0; z-index: 2;
}
.bootstrap-select .dropdown-toggle:before {
  content: ""; width: 36px; height: 46px; line-height: 46px; display: block; position: absolute; top: 0; right: 0; z-index: 9; font-family: 'entypo-plus'; content: "\e92c"; font-size: 120%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg);
}
.bootstrap-select.open .dropdown-toggle:before {
  -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg);
}
.bootstrap-select .dropdown-menu {
  width: 100%; display: none; list-style: none; background: #fff; position: absolute; top: 56px; left: 0; z-index: 1003; -webkit-box-shadow: 0 0 10px rgba(34,44,55,0.25); -moz-box-shadow: 0 0 10px rgba(34,44,55,0.25); box-shadow: 0 0 10px rgba(34,44,55,0.25);
}
.bootstrap-select.open .dropdown-menu {
  display: block;
}
.bootstrap-select .dropdown-menu.inner {
  max-height: 300px; overflow: auto; position: static; float: none; border: 0; padding: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  margin: 0; padding: 0;
}
.bootstrap-select .dropdown-menu li:before {
  display: none;
}
.bootstrap-select .dropdown-menu li a {
  width: 100%; font-size: 1em; display: block; padding: 15px 20px; color: #5a5a5b; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:active, .bootstrap-select .dropdown-menu li.active a {
  text-decoration: none; background: #e0f7fa;
}
.bootstrap-select .dropdown-menu li.selected a {
  background: #2196f3; color: #fff;
}
.bootstrap-select .dropdown-menu li.hidden {
  display: none;
}
.bootstrap-select .dropdown-menu .disabled a, .bootstrap-select .dropdown-menu .disabled a:hover, .bootstrap-select .dropdown-menu .disabled a:focus {
  color: #777;
}
.bootstrap-select .dropdown-menu .disabled > a:hover, .bootstrap-select .dropdown-menu .disabled > a:focus {
  text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.bootstrap-select.ok .dropdown-toggle {
  border-color: #8ac249;
}
.bootstrap-select.warning .dropdown-toggle {
  border-color: #ff9800;
}
.bootstrap-select.error .dropdown-toggle {
  border-color: #f44336;
}
.bootstrap-select.disabled .dropdown-toggle {
  color: #9e9e9e; font-style: italic; background: #f5f8f9; border-color: #f5f8f9; cursor: default;
}
.bootstrap-select.disabled .dropdown-toggle:hover {
  border-color: #f5f8f9;
}
.bootstrap-select.disabled .dropdown-toggle:before {
  opacity: 0.25;
}
.bootstrap-select .bs-searchbox {
  padding: 15px; border-bottom: #ececec 1px solid;
}

/****************************************
  ==== 7. FILE
****************************************/

.field-file {
  width: 100%; position: relative;
}
.field-file input[type=file] {
  width: 100%; height: 46px; margin: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 5; cursor: pointer;
}
.field-file .file-input {
  width: 100%; height: 46px; line-height: 46px; padding: 0 13px; font-size: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #fff; border: #d6dadc 1px solid; color: #5a5a5b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.field-file input[type=file]:hover + .file-input {
  border-color: #9e9e9e;
}
.field-file input[type=file]:focus + .file-input {
  border-color: #d6dadc; border-bottom-color: #2196f3;
}
.field-file .file-btn {
  height: 30px; line-height: 30px; padding: 0 10px; color: #fff; font-size: 0.875em; font-weight: 300; background: #2196f3; position: absolute; right: 8px; top: 8px; z-index: 4; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.field-file .file-input.ok {
  border-color: #8ac249 !important;
}
.field-file .file-input.warning {
  border-color: #ff9800 !important;
}
.field-file .file-input.error {
  border-color: #f44336 !important;
}

/****************************************
  ==== 7. OTHER
****************************************/

small.help, small.error, small.warning, small.ok {
  margin: 5px 0 0 0;
}
small.help {
  color: #9e9e9e;
}
small.ok {
  color: #8ac249;
}
small.error {
  color: #f44336;
}
small.warning {
  color: #ff9800;
}


/****************************************
  ==== 8. WEBFORMS
****************************************/

.element-invisible { display: none; }

input.button-primary {
  line-height: 20px; display: block; float: left; position: relative; overflow: hidden; padding: 13px 20px; font-size: 0.9375em; font-weight: 400; text-align: center; cursor: pointer; text-decoration: none; margin: 0; border: 0; outline: 0; border-image-width: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #2196f3;
}
input.webform-submit, input.webform-submit:hover, input.webform-submit:focus, input.webform-submit:active {
  color: #fff; text-decoration: none;
}