.sample-account{
    background: #f0f0f0;
    padding: 25px 0;
}
.sample-account .container{
    padding-left: 0;
}
.title-sample .container{
    padding-left: 0;
}
.text-sample-no{
    /* font-size: 21px; */
    font-size: 18px;
    font-weight: 400;
    margin: 8px 0;
}
.text-order-sample{
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 25px 0 18px;
}
.text-18px{
    font-size: 18px;
    font-weight: 400;
}
.text-21px{
    font-size: 21px;
    font-weight: 400;
}

.row-name-company{
    display: grid;
    grid-template-columns: 100%;
    width:  100%;
}

.all-input-sample .text-21px{
    font-size: 21px;
    font-weight: 400;
    line-height: 23px;
}
.all-input-sample .text-18px{
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
}
.all-input-sample .text-15px{
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
}
.all-input-sample .text-16px{
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}
.all-info-sample-request{
    background:#f0f0f0;
}
.all-input-sample{
    margin: 25px -15px 0;
}
.all-input-sample .selectpicker-rehau .filter-option .filter-option-inner-inner, .selectpicker-rehau .dropdown-menu *{
    /* font-size: 21px; */
    font-size: 18px;
}
/* custom radio */
.radio-courtesy label {
    margin-right: 20px;
    line-height: 32px;
    cursor: pointer;
    font-size: 15px;
}
.radio-courtesy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 2px solid #999;
    transition: 0.2s all linear;
    margin-right: 5px;
    position: relative;
    top: 4px;
    cursor: pointer;
  }
.radio-courtesy  input:checked {
    border: 8px solid black;
  }
/* end custom radio */
.all-input-sample .color-link-privacy{
    color: #e10868;
    /* font-size: 21fpx; */
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.all-input-sample .color-link-privacy:hover{
    text-decoration: none;
}
.row-name{
    display: grid;
    grid-template-columns: 50% 50%;
    width: calc(100% - 90px);
    grid-gap: 90px;
}
.row-house{
    display: grid;
    grid-template-columns: 24% 76%;
    width: calc(100% - 35px);
    grid-gap: 35px;
}
.row-postal-code{
    display: grid;
    grid-template-columns: 24% 24% 52%;
    width: calc(100% - 35px);
    grid-gap: 35px;
}
.form-account.width-form-account{
    height: 44px;
}
.row-message{
    /* margin-top: 60px; */
    margin-top: 7px;

}
.textarea-sample{
    width: 100%;
    font-size: 21px;
    padding: 7px 10px;
    height: 194px;
}
.text-danger.message{
    position: absolute;
}
.text-danger.accept{
    position: absolute;
}
.text-danger{
    font-size: 16px;
}
.all-input-sample .custom-height-checkbox{
    height: 42px;
    width: 42px;
    top: 0px;
}
.css-read{
    position: absolute;
    left: 65px;
}
.check-box.custom-css-read{
    display: flex;
    align-items: flex-end;
}
.check-box .custom-height-checkbox.checkmark:after{
    left: 14px;
    top: 8px;
    width: 13px;
    height: 19px;
}
.mt-42{
    margin-top: 47px;
}
.mt-95{
    margin-top: 86px;
}
.btn-send{
    /* font-size: 24px; */
    font-size: 20px;
    border: 0;
    background: #39bb9d;
    color: #fff;
    height: 44px;
    display: flex;
    margin-top: 30px;
}
.text-send-request{
    padding: 0 40px;
    margin: auto 0;
    
}
.form-control.select-sample-request .text-danger{
    display: none;
}
.btn-send i{
    margin: auto 0;
    padding: 0 10px 0 20px;
}
.title-sample{
    padding-bottom: 50px;
}
.all-input-sample .check-box{
    padding-left: 0;
    width: 100%;
}
.all-input-sample .checkmark{
    background-color: #f0f0f0;
    border: 1px solid;
}
.all-input-sample .checkmark:hover{
    background-color: #f0f0f0;
}
.all-input-sample .selectpicker-rehau input {
    text-transform: none;
}
.all-input-sample .selectpicker-rehau .filter-option{
    white-space: break-spaces;
    overflow: hidden;
    /* height: 96px; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-left: 10px;
    /* padding-top: 4px; */
    padding-top: 7px;
}
@media (min-width: 1700px) {
    .row-postal-code  :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
        width: 90%;
    }
    .technical-content {
        /* padding: 0 239px 70px; */
        padding: 0 0px 70px;
        background: #f0f0f0;
    }

    .title-sample-sample {
        padding: 25px 15px 18px;
        background: #fff;
    }
    .all-content-sample-request{
        padding-top: 20px;
        padding-bottom: 45px;
    }
}
@media(max-width: 1645px){
    .textarea-sample{
        /* height: 178px; */
        height: 194px;
    }
    .text-danger.accept{
        margin-top: 16px !important;
        font-size: 16px;
    }

}
@media (max-width: 1700px) {
    .row-postal-code  :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
        width: 87%;
    }
    .title-sample-sample {
        padding: 25px 15px 18px;
        background: #fff;
    }
    .all-content-sample-request{
        padding-top: 20px;
        padding-bottom: 45px;
    }
    .technical-content {
        /* padding: 0 100px 70px; */
        padding: 0 0px 70px;
        background: #f0f0f0;
    }

    .all-content-technical {
        /* padding: 42px 100px 20px; */
        padding: 42px 0px 20px;
        background: #fff;
    }
}

@media (max-width: 1400px) {
    .col-3 {
        flex: 0 0 33.33%;
        max-width: 50%;
    }

    .technical-object {
        margin-bottom: 40px;
    }
}


@media (max-width: 1200px) {

    .text-danger.accept{
        margin-top: 16px !important;
    }
    .mt-95{
        margin-top: 0;
    }
    .row-postal-code :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
        width: 92%;
    }
    .text-order-sample{
        font-size: 30px;

    }
    .title-sample-sample {
        padding: 15px 15px 8px;
        background: #fff;
    }
    .all-input-sample .col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mt-res-16{
        margin-top: 16px;
    }
    .btn-send{
        margin-top: 52px;
    }
}

@media (max-width: 1100px) {

    .text-order-sample{
        font-size: 30px;

    }
    .title-sample-sample {
        padding: 15px 15px 8px;
        background: #fff;
    }
}
@media (max-width: 992px) {
    .row-postal-code :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
        width: 90%;
    }

}

@media (max-width: 767px) {
    .mt-42{
        margin-top: 30px;
    }
    .row-postal-code :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
        width: 86%;
    }
    .text-order-sample{
        padding: 0;
    }
    .text-danger.accept{
        margin-top: 16px !important;
    }

}

@media (max-width: 550px) {

    .row-postal-code :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
        width: 100%;
    }
    .row-name{
        display: block;
        grid-template-columns: 100% 100%;
        width: 100%;
        grid-gap: 90px;
    }
    .row-house{
        display: block;
        grid-template-columns: 100% 100%;
        width: 100%;
        grid-gap: 90px;
    }
    .row-postal-code {
        display: block;
        grid-template-columns: 100% 100% 100%;
        width: 100%;
        grid-gap: 90px;
    }
    .mt-company{
        margin-top:16px ;
    }
    .btn-send{
        margin-top: 90px;
    }
    .technical-content {
        /* padding: 0 30px 70px; */
        padding: 0 0px 70px;
    }

    .all-content-technical {
        /* padding: 42px 30px 20px; */
        padding: 42px 0px 20px;
    }
    .text-order-sample{
        font-size: 28px;

    }
    .all-content-sample {
        padding: 10px 15px 8px;
        background: #fff;
    }
    .btn-send:disabled{
        margin-top: 120px !important;
    }
    p.mb-0.mt-3.text-danger {
        margin-top: 30px !important;
    }
}

@media (max-width: 433px) {
    .check-box.custom-css-read{
        display: block;
    }
    .btn-send {
        margin-top: 83px;
    }
    p.mb-0.mt-3.text-danger{
        margin-top: 30px !important;
    }
    .technical-search .form-search {
        width: 238px;
    }

    #technical-form {
        width: 238px;
    }
    .text-send-request {
        padding: 0 38px;
        margin: auto 0;
    }
}

.btn-send:disabled{
    font-size: 23px;
    border: 0;
    background: #9aa19f;
    color: #fff;
    height: 45px;
    display: flex;
    margin-top: 60px;
}