.content.form {
    width : 430px;
}

.button.primary{
    width: 320px;
}

input[type=text],input[type=date],input[type=text]:focus,input[type=text]:not(:placeholder-shown), input[type=text]:required:valid {
    font-family: inherit!important;
    padding: .8rem 1.0rem!important;
    border-color: white;
}
input[type=text]:hover{
    border-color: white!important;
}

textarea {
    min-height : 118px;
}

#product-complaint-form select, #product-complaint-form textarea {
    width: 100%;
    border-radius: 1.5rem;
    padding: 10px;
}

#product-complaint-form textarea:focus {;
    outline    : none;
    box-shadow : none;
}

#product-complaint-form select, #product-complaint-form .choices__inner {
    border:none;
    height           : 48px;
    background-color : white;
    line-height      : 35px;
    padding: .8rem 1.0rem !important;
}

.choices__inner {
    border-radius: 1.5rem !important;
    padding-left   : 14px;
    color          : #000000;
    letter-spacing : 0.13px;
}

.choices__inner.validation-failed {
    background-repeat   : no-repeat;
    background-position : right calc(.375em + .1875rem) center;
    background-size     : calc(.75em + .375rem) calc(.75em + .375rem);
    border: 1px solid #fc5763 !important;
}

#email.validation-failed{
    border: 1px solid #fc5763 !important;
}

.choices__list--single .choices__item {
    color          : #9B9B9B;
    letter-spacing : 0.13px;
    opacity: 1;
}

.choices__list--dropdown .choices__item--selectable {
    color          : #9B9B9B;
    letter-spacing : 0.13px;
}

.choices__item.choices__item--selectable {
    color : #000000;
}

.choices__list--dropdown .choices__item--selectable:after {
    content       : "";
    height        : 24px;
    width         : 24px;
    border        : 1px solid #9B9B9B;
    border-radius : 50%;
    opacity       : 1;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity : 1;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color : white;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    border : 1px solid #AED23B;
}

.choices__list--dropdown .choices__item--selectable.is-selected:after {
    border      : 1px solid #AED23B;
    font-family : 'Font Awesome 5 Pro', sans-serif;
    font-weight : 900;
    content     : "\f111";
    text-align  : center;
    font-size   : 14px;
    color       : #AED23B;
}

.choices[data-type*=select-one]:after {
    font-family    : 'Font Awesome 5 Pro', sans-serif;
    font-weight    : 900;
    content        : "\f078";
    border-style   : hidden;
    right          : 25.5px;
    top            : 35%;
    color          : #9B9B9B;
    letter-spacing : 0;
    text-align     : center;
}

.choices[data-type*=select-one].is-open:after {
    transform  : rotateX(180deg);
    margin-top : 14.5px;
}

#choices--reason-item-choice-1 {
    display : none !important;
}

#choices--chooseProduct-item-choice-217 {
    display : none !important;
}


.choices__placeholder {
    color          : #9B9B9B;
    letter-spacing : 0.13px;
}

.choices[data-type*=select-one] .choices__input {
    margin        : 10px auto 10px auto;
    width         : 366px;
    height        : 34px;
    border        : 1px solid #9B9B9B;
    border-radius : 17px;
}

.hint-text {
    letter-spacing : 0.11px;
    font-size      : 14px;
    line-height    : 18px;
    color:#000000;
}

.expire-date {
    letter-spacing : 0.15px;
}


#sendRequest.success {
    background : #AED23B;
}

.success-container {
    display : none;
}

.success-container i {
    color : #fd5763;
}

.form-validation-hint {
    color          : #FC5763;
    letter-spacing : 0.11px;
}

.mt-60 {
    margin-top : 60px;
}

.mb-50 {
    margin-bottom : 50px;
}

.font.grey {
    color : #9B9B9B;
}

.error-border {
    border-color : #FC5763 !important;
    border: 1px solid;
}

@media only screen and (max-width : 767px) {
    .content {
        width : 100%!important;
    }

    .button.primary{
        width: 100%;
    }

    #product-complaint-form select, #product-complaint-form .choices__inner {
        height : 42px;
    }

    .choices__list--dropdown .choices__item--selectable {
        max-width : 90%;
    }

    .choices__list--dropdown .choices__item--selectable:after {
        position : absolute;
        top      : 10px;
        right    : -8%;
    }

    .hint-text {
        font-size   : 14px;
        line-height : 18px;
    }

    #day, #month, #year {
        padding : 0 0 0 10px !important;
    }
}
