.css-control-input~.css-control-indicator {
  position: relative;
  display: inline-block;
  margin-top: -3px;
  margin-right: 20px !important;
  vertical-align: middle;
  margin-left: -45px !important;
}

i#CheckedAll {
  font-size: 20px;
  margin-left: -25px !important;
  margin-right: -15px !important;
  color: #1463a3;
  cursor: auto !important;
}

.company-formation-option .checkbox label {
  cursor: auto;
}

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

.m-r-md {
  margin-right: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
ol.list, ul.list {
  padding-left: 1.8rem;
}
#companyShare-form ul.list {
  list-style: disc !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.company-check .btn {
  margin-bottom: 0;
}

.company-formation-form {
  margin-bottom: 120px;
  color: #091015;
}

#public-order.select2.select2-selection {
  padding-bottom: 3px;
  min-height: 41px;
}

.shares-container.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}

.shares-container.fade-enter, .fade-leave-to {
  opacity: 0;
}

.shares-container.delete-share {
  font-size: 1.85rem;
  align-self: center;
}

.shares-containeri.fa.fa-close {
  color: #ae4b44;
}

#directors-shareholders {
  #nestedWrapper {
    padding-left: 100px;
  }

  @media all and (max-width: 920px) {
    #nestedWrapper {
      padding-left: 20px;
    }
  }

  .company-person-item-content {
    padding: 20px;


    label {
      width: 100%;
    }


  }

  .company-person-item {
    position: relative;

  }

  .company-person-item label {
    width: 100%;
  }

  .remove {
    color: #e44234;
    padding: 2px 5px;
    margin-bottom: 25px;
    display: block;
    text-align: center;
    text-decoration: underline;
  }

  @media all and (min-width: 600px) {
    .remove {
      position: absolute;
      top: 12px;
      right: 55px;
    }
  }

  .small {
    padding-left: 20px;
  }

  .fa-exclamation-circle {
    color: #e44234;
  }
}


@media all and (min-width: 920px) {
  .shares-container {
    display: flex;
  }
}

.icon-info {
  display: block;
  width: 16px;
  height: 16px;
  background: url("../info.html") no-repeat;
  background-size: contain;

  &--inline {
    display: inline-block;
    margin-bottom: -2px;
    width: 14px;
    height: 14px;
  }
}

.form-item-label .icon-info {
  margin-top: 10px;
}

.select2-container--bootstrap .select2-selection--single {
  line-height: 30px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  padding: 4px 6px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  height: 36px;
}

.btn {
  text-transform: uppercase;

  &:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
    padding: 10px 20px;
  }

  font-weight: 600;

  &.btn-default {
    border: 2px solid #077aab;
    color: #077aab;
  }

  &.btn-default.btn-filled {
    background: #077aab;
    color: #fff;
  }
}

@media all and (max-width: 990px) {
  .step-links {
    .btn {
      font-size: 10px;
    }

    .btn-single {
      width: 100%;
    }
  }
}

.header {
  height: 90px;
  padding: 0 1.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cdcece;
}

.header__border {
  border-bottom: 1px solid #cdcece;
}

.header__logo img {
  width: 160px;
}


.header__links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
  }

.header__links li {
    margin-left: 3em;
    font-size: 16px;
    font-weight: 400;
}

.header__links a {
    color: #091015;
}

@media all and (max-width: 720px) {
  .header {
    padding: 0 .75em;
  }

  .header__logo img {
    width: 110px;
  }

  .header__links li {
    margin-left: 1.5em;
  }
}

.welcome {
  @media all and (min-width: 690px) {
    width: 690px;
  }
  margin: 60px auto 0 auto;
  text-align: center;
  color: #091015;
}

.welcome__headline {
  margin: 50px 0 30px 0;
  font-size: 39px;
  line-height: 49px;
  font-weight: 600;
  text-transform: uppercase;
}

.welcome__text {
  font-size: 17px;
  line-height: 24px;
}


.company-check {

  margin: 36px auto 0 auto;

  @media all and (min-width: 550px) {
    .btn.check {
      width: 350px;
    }
  }

  i.fa-circle-o-notch {
    -webkit-animation: spin 1s infinite ease-in-out;
  }

  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
    }
  }

  @media all and (min-width: 690px) {
    width: 600px;
  }
  display: flex;
  align-items: center;

  input {
    height: 59px;
  }

  input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .check {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 59px;
    font-size: 17px;
    line-height: 24px;
  }

  .btn-filled.available {
    background-color: #20b222;
    border-color: #20b222;
  }

  .btn-filled.unavailable {
    background-color: #bd3b31;
    border-color: #bd3b31;
  }
}

.company-check-notice {
  text-align: center;

  button {
    margin: 30px 0 50px 0;
  }

  .alternative-name {
    margin-top: 30px;

    input {
      margin: auto;
      height: 50px;
      @media all and (min-width: 450px) {
        width: 475px;
      }
    }

    button.check {
      margin: 0;
      height: 50px;

      &:not(.btn-mobile) {
        width: 285px;
      }
    }
  }
}

.btn .fa-angle-right {
  font-size: 125%;
  font-weight: bold;
  margin-left: 10px;
}

.btn .fa-angle-left {
  font-size: 125%;
  font-weight: bold;
  margin-right: 10px;
}

.steps {
  padding: 1.5em;
  justify-content: space-between;
  display: flex;
}

.step-title {
  display: block;
  font-size: 14px;
  color: #091015;

  &.active {
    font-weight: bold;
  }

  @media all and (max-width: 992px) {
    &:not(.active) .step-title__text {
      display: none;
    }
  }
}

.step-links {
  margin-top: 30px;
}

.payment-method {
  display: flex;
  justify-content: center;
  margin: 1em 0;

  label {
    padding: 1em;
  }

  i {
    margin: 0 5px;
    font-size: 16px;
  }
}

/*input[type="checkbox"], input[type="radio"]*/
.styled-checkbox {
  position: absolute;
  opacity: 0;

  & + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }

  // Box.
  & + label:before {
    content: '';
    color: #101010;
    font-size: 13px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    line-height: 22px;
    text-align: center;
    width: 21px;
    height: 20px;
    padding: 2px 5px;
    border: 3px solid #077aab;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 3px;
  }

  // Box hover
  &:hover + label:before {
    background: #077aab;
    border: none;
  }

  // Box focus
  &:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }

  // Box checked
  &:checked + label:before {
    background: #077aab;
    border: none;
    content: '';
    text-align: right;
    padding-right: 10px;
  }

  // Disabled state label.
  &.disabled + label {
    cursor: auto;
  }

  // Disabled box.
  &.disabled + label:before {
    box-shadow: none;
    background: none;
  }

  // Checkmark. Could be replaced with an image
  &:checked + label:after {
    font-family: FontAwesome;
    content: "\F00C";
    position: absolute;
    font-size: 13px;
    line-height: 24px;
    left: 4px;
    top: 1px;
    color: #fff;
  }

  &.disabled + label:after {
    color: #077aab;
    font-size: 19px;
    left: 2px;
  }
}

.form-item-label {
  color: #091015;
  padding: .5em 1em;
  font-size: 20px;
  border-bottom: 1px solid #dadbdc;
  font-weight: 600;
}

.form-item-description {
  color: #091015;
  padding: .5em 2em;
  display: block;
  margin-top: .5em;
}

.form-item-group {
  padding: 1em 2em;
}

.company-formation-option:not(.compact) {
  margin: 5px 0;
}
.company-formation-option.compact .checkbox {
  margin: 0;
}


.company-formation-option label {
  font-size: 16px;
  color: #091015;
  font-weight: 600;
  padding-left: 2.5em;
}

.order-form-desc {
  padding-left: 40px;
  text-align: justify;
}

#form_items {
  margin-top: 40px;
}

.more-info-link {
  color: #077aab;
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 16px;

  @media all and (max-width: 989px) {
    span {
      display: none;
    }
  }

  &:after {
    font-family: FontAwesome;
    content: "\f0d7";
    font-size: 20px;
    position: relative;
    top: 2px;
    left: 10px;
  }

  &.open:after {
    content: "\f0d8";
  }
}

label {
  margin: 0px 0;
  color: #091015;
  font-size: 14px;
}

.kyc {
  .form-group {
    margin: 15px 20px;
  }
}

.tooltip-inner {
  max-width: 350px;
}

.table.table-checkout td {
  border-top: none;
  font-weight: bold;
  font-size: 15px;
  padding: 5px 19px;

  &:last-child {
    text-align: right;
  }
}

.login {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.login__question {
  font-weight: 400;
  font-size: 27px;
}

.under-login {
  display: flex;
  justify-content: space-between;
  align-items: center;

  a {
    color: #077aab;
    text-decoration: underline;
  }

  label {
    margin: 0;
  }
}

.form-control {
  height: 42px;
}

#company_formation_payment_form_paymentMethod {
  @media all and (min-width: 735px) {
    display: flex;
  }
  @media all and (max-width: 734px) {
    text-align: center;
  }

  & > div {
    margin: 0 15px;
  }

  input:checked + label {
    background-color: #077aab;
    color: #fff;
  }

  input {
    display: none;
  }
}

.almost-done {
  margin: 20px 0 10px 0;
  font-size: 28px;
  font-weight: 400;
}

.tooltip-help + .tooltip > .tooltip-inner {
  text-align: left;
  padding: 10px 20px 20px;
  font-weight: normal;

  p {
    margin: 5px 0;
  }

  a {
    color: #fff;
    text-decoration: underline;
  }

  span {
    font-weight: bold;
  }
}

.names-notice {
  font-size: 10px;
  @media all and (min-width: 720px) {
    white-space: nowrap;
  }
}

.has-error .names-notice {
  display: none
}


.summary-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  @media all and (max-width: 350px) {
    h4 {
      font-size: 14px;
    }
  }
}

// icheckbox

.icheckbox_square,
.iradio_square {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  /*background: url("../img/homer/blue.png") no-repeat;*/
  border: none;
  cursor: pointer;
}

.icheckbox_square {
  background-position: 0 0;
}

.icheckbox_square.hover {
  background-position: -24px 0;
}

.icheckbox_square.checked {
  background-position: -48px 0;
}

.icheckbox_square.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox_square.checked.disabled {
  background-position: -96px 0;
}

.iradio_square {
  background-position: -120px 0;
}

.iradio_square.hover {
  background-position: -144px 0;
}

.iradio_square.checked {
  background-position: -168px 0;
}

.iradio_square.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square.checked.disabled {
  background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-blue,
  .iradio_square-blue {
    /*background-image: url("../img/homer/blue@2x.png");*/
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}

.input-info {
  top: -10px;
  position: relative;
  left: 23px;
  font-size: 11px;
}

.product-table {
  td:first-child {
    width: 75%;
  }
}

.login__question + p {
  font-size: 16px;
}

.shares-container .delete-share {
  font-size: 1.85rem;
  align-self: center;
}

.shares-action i.fa.fa-close {
  color: #ae4b44;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a.shares-action i.fa.fa-close {
  margin-top: 30px;
}

.is-invalid input, .is-invalid select, .is-invalid textarea {
  border-bottom: 1px solid #ef5350 !important;
}

a.remove.shareholders-form-action {
  color: #e44234;
  margin-bottom: -12px;
  display: block;
  text-align: right;
  text-decoration: underline;
  font-size: 13px;
}

div.login-Form ,div.signup-Form{
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

span.badge.badge-outline-primary.badge-pill {
  color: #7859df;
  border: 1px solid #7859df;
  background: none;
}

button#company_check_form_names_altName_submit:hover{
  background-color: #3363f4 !important;
}
.select2-container .select2-selection--single{height:42px;}
p, div{font-family:'Open Sans' !important;}
label,h1,h2,h3,h4,h5,h6{font-family:'Work Sans' !important;}

.payment-method {
  display: flex;
  justify-content: center;
  margin: 1em 0;
}

@media (min-width: 735px){
#company_formation_payment_form_paymentMethod {
    display: flex;
}
}

#company_formation_payment_form_paymentMethod>div {
  margin: 0 15px;
}

#company_formation_payment_form_paymentMethod input {
  display: none;
}

.btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
  padding: 10px 20px;
}

#company_formation_payment_form_paymentMethod input:checked+label {
  background-color: #077aab;
  color: #fff;
}

div.nestedWrapper {
  margin-left: 40px !important;
}
.btn-default, .btn{background:#3363f4 !important; color:#FFF !important; border-color:#3363f4 !important;}
@media(max-width:600px){
.company-formation-option label{line-height:24px;}
}