#setting_register {
  .brand {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;

    &__title {
      margin-bottom: 20px;
      font-size: $font-size-normal;
    }
    &__control {
      padding-left: 3%;

      &--title {
        font-size: $font-size-normal;
        font-weight: bold;
        width: 22%;
        margin-right: 3%;
      }
      &--titlefull {
        font-size: $font-size-normal;
        font-weight: bold;
        width: 100%;
        margin-right: 3%;
      }
      &--switcherror {
				position: absolute;
        margin-top: 20px;
        font-size: 9px;
        color: red;
      }
			
      &--switch {
				font-size: $font-size-small;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
      }
      &--checkbox {
				label {
					font-size: $font-size-normal;
          font-weight: 100;
          margin-left: 15px;
        }
      }
      &--input {
        display: flex;
        align-items: center;
				
        input {
					width: 65px;
          border: 1px solid #e0dcdc;
          padding: 0.5em 0;
          text-align: right;
          font-weight: 400;
          color: #ff9800;
					font-size: $font-size-normal;
        }
        label {
					font-weight: 100;
					font-size: $font-size-small;
          margin-bottom: 0;
          margin-left: 10px;
        }
      }

      &--template {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 20px;
        label {
          width: 50%;
          display: flex;
          margin-left: 0;
          font-weight: inherit;
          cursor: pointer;
          margin-bottom: 0;
        }
        &-radiogroup {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          margin-top: 10px;
        }
      }
      &--lang {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 20px;

        label {
          display: flex;
          margin-left: 0;
          margin-right: 15px;
          font-weight: inherit;
          cursor: pointer;
          margin-bottom: 0;
        }
      }

      &--loadbar {
				font-size: $font-size-normal;
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
      }

      &--limitlead {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
      }
      &--radio-content {
				font-size: $font-size-normal;
        width: 90%;
      }
    }
  }
  .loadbar {
    content: "";
    width: 75%;
    background: #f3f3f3;
    height: 30px;
    border-radius: 5px;
    position: relative;

    &__load {
      content: "";
      height: 30px;
      position: absolute;
      border-radius: 5px 0 0 5px;
      background: #039be5;
      max-width: 100%;

      span {
        position: absolute;
        right: 0;
        bottom: 30px;
        color: #0099e8;
        font-size: 10px;
      }
    }

    &__limit {
      content: "";
      position: absolute;
      width: 2px;
      height: 30px;
      background: #ff9800;

      span {
        position: absolute;
        right: 0;
        bottom: -18px;
        color: #ff9800;
        font-size: 10px;
      }
    }

    &__limit.lock {
      background: #666;
      span {
        color: #666;
      }
    }

    &__premium {
      height: 30px;
      position: absolute;
      right: 20px;
      display: flex;
      align-items: center;
      color: #888;

      img {
        width: 12px;
        margin-right: 10px;
      }
    }
  }

  .styled-checkbox + label:before {
    border: 1px solid #ddd;
  }

  @media only screen and (max-width: 992px) {
    .brand {
      &__control {
        padding-left: 0;

        &--switch {
          flex-wrap: wrap;
        }
        &--template {
          label {
            width: 100%;
            margin-bottom: 20px;
          }
        }
        &--lang {
          flex-wrap: wrap;
          margin-top: 15px;

          label {
            margin: 0 30px 0 0;
          }
        }
        &--title {
          width: 100%;
          margin-bottom: 10px;
        }
        &--loadbar {
          display: block;
        }
        &--limitlead {
          display: block;
        }

        &--input {
          input {
            padding: 0.5em;
          }
        }
        &--checkboxgroup {
          display: flex;
          justify-content: space-between;

          .brand__control--checkbox label {
            margin: 20px 0 0 0;
            font-size: 12px;
          }
        }
      }
    }

    .control {
      justify-content: flex-start !important;

      &__submit {
        margin-right: 20px !important;
      }
    }

    .loadbar {
      width: 100%;
      &__premium {
        font-size: 10px;
        right: 10px;
        img {
          width: 9px;
          margin-right: 5px;
        }
      }
    }
  }
}