#product_service {
  // * ----------------
  // มีบางส่วนใช้ร่วมกับ หน้า _setting.scss
  // ----------------
  .dropdown {
		font-size: $font-size-normal;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: fit-content;
    .btn {
			width: 260px;
			font-size: inherit;
			padding: 10px 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
    }
    .btn-default.active,
    .btn-default.focus,
    .btn-default:active,
    .btn-default:focus,
    .btn-default:hover,
    .open > .dropdown-toggle.btn-default {
      background-color: transparent;
      border: 0;
      color: inherit;
		}
		
		&-menu {
			width: 100%;
			font-size: 16px;
		}
  }
  .switch_brand_name {
    display: flex;
    align-items: center;
		margin-left: 20px;
		font-size: $font-size-small;
  }
  .inputfield {
    position: relative;
    label.error {
      position: absolute;
      right: 0;
      bottom: 0;
      margin-bottom: -15px;
      font-size: 11px;
      font-weight: 100;
      color: red;
    }
  }
  .dropdown-menu {
    top: -205px;
    max-height: 200px;
    overflow-y: scroll;
  }
  input[name="domain_name"]{
    background-color: #ddd;
  }
  @media only screen and (max-width: 992px) {
		.dropdown {
			width: 100%;

			button {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100% !important;
			}
		}
    .control {
      justify-content: flex-start;

      &__submit {
        margin-right: 20px;
      }
    }
    .switch_brand_name {
      margin-left: 0px;
      margin-top: 10px;
    }
  }
}
