.ant-select:not(.ant-select-customize-input) .ant-select-selector,
.form-control:not(.form-file, textarea) {
  border-radius: 4px;
  border-color: var(--midnight-blue);
  color: #000;
  height: 42px;
  padding: 12px 16px;
  box-shadow: none;
  transition: none;
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,
.form-control:not(.form-file):focus {
  border-color: var(--space-purple);
  border-width: 2px !important;
  box-shadow: none;
}

.form-control[disabled] {
  background-color: var(--hazy-grey);
  border-color: var(--rocket-grey);
  color: var(--rocket-grey);
}

.form-control::placeholder {
  color: var(--moon-grey);
}

/* Chosen jquery select fields */
.form-control.chosen-container-single,
.form-control.chosen-container-multi {
  padding: 0;
  letter-spacing: initial;
}

.chosen-container-active.chosen-with-drop .chosen-choices,
.chosen-container-multi .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-single {
  background: transparent;
  box-shadow: none;
  border: none;
  color: #000;
  line-height: 1;
  height: 42px;
  padding: 12px 16px;
}

.chosen-container-multi .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-choices {
  padding: 6px 16px;
}

.chosen-container-active.chosen-with-drop {
  border-color: var(--space-purple);
  border-width: 2px;
}

.chosen-container-single .chosen-single > div {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
  border: none;
  background: var(--space-purple);
  color: #fff;
}

.chosen-container-multi .chosen-choices li.search-choice-close {
  color: var(--hazy-grey);
}

.chosen-container-multi .chosen-choices li.search-choice-close:hover {
  color: var(--moon-grey);
}

/* Error fields */
.has-error .form-control,
.has-error .form-control:focus,
.has-error .form-checkbox,
.has-error .form-checkbox:focus {
  border: solid 2px var(--error);
  box-shadow: none;
}

.has-error.checkbox label,
.has-error .control-label {
  color: #000;
}

/* Select fields */
.select-wrapper:after {
  color: #000;
}

.has-glyphicons .select-wrapper:after {
  font-family: feather;
  content: '\e842';
}

.form-select {
  text-overflow: ellipsis;
}

/* Radio buttons & Checkboxes */
.radio label,
.checkbox label {
  line-height: 1.5;
  letter-spacing: initial;
  text-transform: none;
}

.checkbox > label > input {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--space-purple-40);
  border-radius: 4px;
  height: 16px;
  width: 16px;
  margin-top: 2px;
  z-index: 20;
  outline-color: var(--space-purple-80) !important;
  outline-offset: revert !important;
  cursor: pointer;
}

.checkbox > label:hover > input,
.checkbox > label:focus > input {
  border: 2px solid var(--space-purple-80);
}

.checkbox > label > input:checked {
  border-color: var(--space-purple-100);
}

.checkbox > label > input:checked + .form-element-title::before {
  display: block;
  position: absolute;
  left: 1px;
  top: 4px;
  z-index: 10;
  border-radius: 4px;
  background-color: #fff;
  color: var(--space-purple-100);
  content: '\e83f';
  font-family: feather;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

.ui-dialog .checkbox > label > input:checked + .form-element-title::before {
  top: unset;
}

.checkbox > label > input[disabled] {
  background-color: var(--hazy-grey);
  border-color: var(--smoke-grey);
}

input#edit-pass,
input.text-full,
input.form-email,
input.form-file,
input.form-number,
.select-wrapper {
  display: block;
  position: relative;
  max-width: 400px;
}

/* ANT select fields */
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: inherit;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  height: auto;
  padding: 6px 10px;
}

.ant-select-multiple .ant-select-selection-placeholder {
  left: 17px;
  right: 17px;
}

.ant-select-multiple .ant-select-selection-item {
  background-color: var(--space-purple);
  color: #fff;
}

.ant-select-multiple .ant-select-selection-item-remove {
  color: var(--hazy-grey);
}

.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: var(--moon-grey);
}

/* File & image inputs */
input[type=file] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: auto;
  padding: 12px 0;
}

.btn-tertiary,
input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
  background-color: var(--space-aqua);
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 32px;
  font-variant: all-small-caps;
  letter-spacing: 2px;
}

.btn-tertiary:hover {
  color: #fff;
  background-color: var(--space-aqua-80);
}

.btn-tertiary:focus {
  background-color: var(--space-aqua-100);
}


/* Explicitly define 400 width field types. */
div.form-item.form-type-textfield,
div.form-item.form-type-select,
div.form-item.form-type-managed-file,
div.form-item.form-type-date,
div.form-item.form-type-email,
div.form-item.form-type-password,

/* Max width for fields in form wrappers. */
div.field--type-entity-reference.form-wrapper,
div.field--type-og-standard-reference.form-wrapper,
div.field--type-datetime.form-wrapper,
div.captcha.form-wrapper {
  max-width: 400px;
}

/* Override width for item alignments. */
div.field--type-entity-reference.form-wrapper[data-drupal-selector=edit-field-verify-item-alignments-wrapper] {
  max-width: 100%;
}

.help-block,
.control-group .help-inline {
  color: #000;
  line-height: 1.17;
}

.help-block .glyphicon {
  color: var(--space-purple);
  font-size: 16px
}

.block-views-exposed-filter-blockverify-assessment-search-page-1 {
  max-height: 57px;
}

.block-views-exposed-filter-blockverify-assessment-search-page-1 .form-control-feedback {
  right: initial;
  top: 9px;
}

#views-exposed-form-blog-search-page-1 span.glyphicon.glyphicon-search {
  right: initial;
  top: 35px;
}

.block-views-exposed-filter-blockverify-assessment-search-page-1 div.form-item-search-api-fulltext {
  max-width: 100%;
  width: 100%;
}

.views-exposed-form.block-views-exposed-filter-blockverify-assessment-search-page-1 div.form-item.form-type-textfield input,
.block-views-exposed-filter-blockverify-assessment-search-page-1 div.form-item-search-api-fulltext input,
#views-exposed-form-blog-search-page-1 input[data-drupal-selector="edit-search-api-fulltext"] {
  border-radius: 16px;
  padding-left: 34px;
  padding-right: 12px;
  max-width: 100%;
  width: 100%;
}

.block-views-exposed-filter-blockverify-assessment-search-page-1 button {
  display: none;
}

/* Class add & edit form background image */
.page-verify-class-form,
.page-verify-class-edit-form {
  background: var(--star-dust) url(../images/astronaut.png) no-repeat fixed bottom right;
  background-size: 480px;
}

/* Hide the title on the Inline Entity Form display for Learning Standards. There's no alter for this, easiest way was
 to hide it here. */
div[id^='edit-field-verify-item-alignments-form-inline-entity-form-entities'] article.verify-item-alignment h2 {
  display: none;
}

/* Hide the sort order parts of the multivalue field. There's no alter for this, easiest way was to hide it here. */
div#edit-field-verify-item-alignments-wrapper button.tabledrag-toggle-weight,
div[id^='field-standard-elements-add-more-wrapper'] button.tabledrag-toggle-weight {
  display: none;
}

div#edit-field-verify-item-alignments-wrapper th.ief-tabledrag-header,
div#edit-field-verify-item-alignments-wrapper td.ief-tabledrag-handle,
div[id^='field-standard-elements-add-more-wrapper'] td.field-multiple-drag {
  display: none;
}

span.username-check-processed {
  display: none;
}

legend {
  border-bottom: none;
  margin-bottom: 0;
}

legend .fieldset-legend {
  font-weight: 700;
  font-size: 16px;
}

.region-content .form-actions {
  display: inline-grid;
}

.region-content .form-actions > * {
  margin-top: 16px;
  margin-bottom: 16px;
}

/* Using initial bootstrap padding for btn-secondary */
#verify-organization-org-list-search-form .btn-secondary {
  padding: 6px 12px;
}

/** Modal dialog **/

.ui-dialog {
  border-radius: 16px;
  /* Display over left navbar. */
  z-index: 1040;
}

@media (max-width: 767px) {
  .ui-dialog {
    width: 92% !important;
  }
}

.ui-widget.ui-widget-content {
  border-color: var(--space-purple);
}

.ui-widget-header {
  border: none;
  background: none;
}

.ui-dialog .ui-dialog-title {
  border-bottom: 2px var(--star-dust) solid;
  color: var(--midnight-blue);
  margin-top: 25px;
  width: 100%;
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.ui-dialog .ui-widget-content {
  border: none;
  border-radius: 16px;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: url(../images/x.svg) no-repeat;
  border: none;
  top: 16px;
  right: 16px;
}

.ui-dialog .ui-widget-content div.form-item {
  margin-left: auto;
  margin-right: auto;
}

.ui-dialog .ui-widget-content div.form-item label {
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  margin-top: 12px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  float: none;
}

@media (max-width: 767px) {
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn {
    white-space: break-spaces;
  }
}

.ui-widget button,
.ui-widget {
  font-family: Roboto;
  font-size: 1em /*{fsDefault}*/;
}

.ui-widget select.form-control {
  height: 48px;
  line-height: 1.2;
}

.verify-proficiency-levels-confirm-modal .ui-dialog-title,
div.verify-delete-modal span.ui-dialog-title {
  white-space: normal;
}

table[id^='edit-password-policy-status'] thead,
table[id^='edit-password-policy-status'] tr td:first-of-type,
table[id^='edit-password-policy-status'] tr td:nth-child(2) {
  display: none;
}

table[id^='edit-password-policy-status'] tr.password-policy-constraint-passed td:nth-child(3):before {
  content: '\2713';
  display: inline-block;
  color: green;
  padding: 0 6px 0 0;
}

table[id^='edit-password-policy-status'] tr.password-policy-constraint-failed td:nth-child(3):before {
  content: '\2715';
  display: inline-block;
  color: red;
  padding: 0 6px 0 0;
}

table[id^='edit-password-policy-status'] tr.password-policy-constraint-failed td:nth-child(3) {
  color: #bbbbbb;
}

/* Visual styling for the password elements on the user edit page */
div.password-parent {
  width: 100%;
}

div.password-parent span.input-group-addon {
  clear: left;
  display: block;
  height: 0;
  width: 0;
  border: none;
  background-color: transparent;
}

div.password-parent span.input-group-addon span.ajax-progress {
  display: none;
}

/* Visual styling for the Password strength indicator */
.password-strength__meter {
  margin-top: 0.5em;
  background-color: #ebeae4;
}

.password-strength__indicator {
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  background-color: #77b259;
}

.password-strength__indicator.is-weak {
  background-color: #e62600;
}

.password-strength__indicator.is-fair {
  background-color: #e09600;
}

.password-strength__indicator.is-good {
  background-color: #0074bd;
}

.password-strength__indicator.is-strong {
  background-color: #77b259;
}

/* Views exposed form fields. */
.views-exposed-form div.form-item {
  margin-right: 13px;
  height: 60px;
}

.views-exposed-form div.form-item > input {
  margin-top: 25px;
}

@media (max-width: 767px) {
  .views-exposed-form div.form-item > input {
    margin-top: 30px;
  }
}

.views-exposed-form div.form-item > label ~ input {
  margin-top: 0;
}

/* .views-exposed-form div.form-item.form-type-select, */
.views-exposed-form div.form-item.form-type-select .select-wrapper > select {
  max-width: none;
  width: 100%;
}

.views-exposed-form div.form-item.form-type-textfield input {
  /* Chrome 100% is being calculated different than other browsers, so explicitly set to 400px. */
  width: 400px;
}

.views-exposed-form [id^="edit-actions"] {
  display: inline-block;
}

/* Give action buttons a top width of 25px except if there is a label. */
.views-exposed-form [id^="edit-actions"] button.btn {
  margin-top: 25px;
}

.views-exposed-form [id^="edit-actions"] ~ button.btn {
  margin-top: 0;
}

@media (max-width: 767px) {
  .views-exposed-form [id^="edit-actions"] {
    clear: left;
    display: block
  }

  .views-exposed-form [id^="edit-actions"] button.btn {
    margin-top: 0;
  }
}

.views-exposed-form [id^="edit-actions"] > * {
  margin-bottom: 0;
}

.views-exposed-form [id^="edit-actions"] .btn {
  min-width: 80px;
  padding: 6px 12px;
  margin: 0 8px 0 0;
  line-height: 1.2em;
  border-radius: 4px;
}

/* Overriding float:left from better exposed filters. */
.bef-exposed-form .form--inline > .form-item {
  float: none;
}

/* If sibling button is a lone dropdown, do not apply min-width. */
.btn-group.dropdown button ~ button.btn[data-toggle="dropdown"] {
  min-width: auto;
}

/* Org admin page autocomplete form. */
#verify-organization-org-list-search-form div.form-item.form-type-textfield {
  max-width: 800px;
}

/* Required fields */
.form-required:after {
  background-image: none;
  content: '*';
  vertical-align: inherit;
}

/**
 * Proficiency reports display toggle.
 */
.form-item-standards-toggle {
  width: fit-content;
}

.form-item-standards-toggle > .control-label {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-left: 0;
}

.switch {
  position: relative;
  display: inline-block;
  height: 18px;
  width: 28px;
}

.form-item-standards-toggle > .control-label > input {
  display: none;
}

.form-item-standards-toggle > .control-label > .form-element-title {
  letter-spacing: 1px;
  font-size: 16px;
}

.form-item-standards-toggle .ajax-throbber {
  position: absolute;
  right: -3rem;
}

.slider {
  cursor: pointer;
  margin-right: 1rem;
  width: 32px;
  height: 22px;
  background-color: var(--hazy-grey);
}

.switch > .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.form-item-standards-toggle > .control-label > .slider {
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 5px;
  background-color: var(--star-dust);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--success);
}
input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round {
  border: 2px solid #0a0806;
  border-radius: 12px;
}

.slider.round:before {
  border: 2px solid #0a0806;
  border-radius: 50%;
}

/* H5P Assessment Import Form */
.verify-h5p-assessment-import-no-h5p-form .form-type-file {
  margin-bottom: 3rem;
}

/* Proficiency levels form */
.verify-proficiency-levels-class-form,
.verify-proficiency-levels-group-form {
  padding-bottom: 60px;
}

.verify-proficiency-levels-class-form .instructions,
.verify-proficiency-levels-group-form .instructions {
  margin: 32px 0 50px;
}

.verify-proficiency-levels-class-form .save-button,
.verify-proficiency-levels-group-form .save-button {
  position: absolute;
  bottom: 10px;
}

.verify-proficiency-levels-class-form .table-wrapper,
.verify-proficiency-levels-group-form .table-wrapper {
  background-color: white;
  padding: 42px 25px;
  border-radius: 8px;
}

.proficiency-level-range {
  display: flex;
}

.proficiency-level-range .form-type-textfield {
  margin-right: 25px;
  white-space: nowrap;
}

.proficiency-level-range .form-control {
  display: inline-block;
  width: 73px;
}

.proficiency-level-range .input-group .form-control:first-child {
  border-radius: 4px;
}

.proficiency-level-range .input-group {
  width: 113px;
}

.proficiency-level-range .input-group-addon {
  display: none;
}

.proficiency-level-range input[disabled] + .input-group-addon {
  display: table-cell;
}

.proficiency-level-range .input-group-addon .glyphicon {
  font-size: 14px;

}

.proficiency-level-range .range-minimum-value {
  width: 36px;
  padding-right: 0;
  padding-left: 8px;
  border: none;
  background: transparent;
  outline: none;
  pointer-events: none;
}

.proficiency-levels .form-inline .form-type-color .form-control.form-color {
  padding: 4px;
  width: 42px;
}

.proficiency-levels .glyphicon.remove {
  font-size: 16px;
  color: var(--space-purple);
}

.proficiency-levels .form-submit.remove {
  border: none;
  outline: none;
  color: var(--space-purple);
  padding-left: 0;
  padding-right: 0;
  vertical-align: baseline;
}

.verify-proficiency-levels-class-form .btn.js-show,
.verify-proficiency-levels-group-form .btn.js-show,
.proficiency-levels .btn.js-show {
  display: none;
}

.js .verify-proficiency-levels-class-form .btn.js-show,
.js .verify-proficiency-levels-group-form .btn.js-show,
.js .proficiency-levels .btn.js-show {
  display: inline-block;
  margin-left: 1rem;
}

.proficiency-levels .ajax-throbber {
  color: var(--space-purple);
}

.verify-proficiency-levels-class-form .form-submit.btn-primary,
.verify-proficiency-levels-group-form .form-submit.btn-primary {
  width: 206px;
}

.verify-proficiency-levels-confirm-modal .button {
  border: 2px var(--space-purple) solid;
  background-color: white;
  color: var(--space-purple);
}

.verify-proficiency-levels-confirm-modal .btn-primary {
  border: none;
  background-color: var(--space-purple);
  color: white;
}

.verify-proficiency-levels-confirm-modal .btn-primary:hover {
  background-color: var(--space-purple-80);
}

.verify-proficiency-levels-confirm-modal .btn-primary:focus {
  background-color: var(--space-purple-100);
  color: white;
}

.verify-proficiency-levels-group-confirm-form .form-actions {
  display: flex;
  align-items: center;
}

.node-confirm-form .form-actions {
  display: flex;
  flex-direction: column;
  align-items: start;
}