.input-item-choice {
    padding: 6px 20px;
    margin-bottom: 0;
}

.input-helper {
    min-width: auto;
    left: 10px;
    width: calc(100% - 20px);
    /* background-color: #F4F4F4; */
    border-radius: 8px;
    top: 75px;
    border-color: #335997;
}

/* .input-helper.room-type {
    max-height: 175px;
    overflow: auto !important;
} */

.page-search-result .input-helper{
    top: auto;
}

.input-helper-search {
    padding: 6px 20px;
}

.input-group .input-helper {
    width: 100%;
    left: 0;
}

.label-text {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
}

input[type=radio], input[type="checkbox"] {
    display: none;
}

.circle-label {
    margin-bottom: 0;
}

/* .input[type="text"] {
    padding-right: 35px;
} */

.custom-select-input-arrow {
    content: url('/assets/frontend/images/icon-arrow-down.png');
    position: absolute;
    left: calc(100% - 45px);
    top: 54px;
    width:12px;
    /* margin-left: 10px; */
    margin-top: -1px;
    cursor: pointer;
    display: block;
    filter: brightness(0%);
}

.input-choice {
    max-height: 250px;
    height: auto;
    overflow: auto;
}

.input-group .custom-select-input-arrow {
    top: 21px !important;
    left: calc(100% - 38px);
}

.is-toggled+.custom-select-input-arrow {
    transform: rotate(180deg);
}

.custom-file-label::after {
    display: none !important
}

.checkout-page-container-contact .custom-file-label ,
.checkout-review .custom-file-label {
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer!important;
    top: 6px !important;
}

.all-po-file .custom-file-label{
    margin-left: 71px;
}

.passenger-po-file .custom-file-label{
    padding-left: 44px !important;
}

.search-myaccount-form input {
    width: 702px;
    height: 45px;
    background-color: #ffffff !important;
    /* text-indent: 20px; */
    font-size: 16px;
    border-radius: 8px !important;
    border: 1px solid #EFEFEF !important;
}

.search-myaccount-form button {
    width: 148px;
    height: 45px;
    margin-left: 20px;
    border-radius: 8px !important;
    font-size: 16px;
}

.search-myaccount-form input::placeholder{
    color: #C4C4C4;
}

.custom-file-label .form-file-text {
    padding: 0 !important;
}

.upload-po .custom-file,
.upload-passenger-po .custom-file {
    height: 45px !important;
    border: 1px solid #E0E0E0 !important;
    box-sizing: border-box;
    border-radius: 12px !important;
    margin-bottom: 20px;
}

@media screen and (min-width:768px) {
    .form-group {
        margin-bottom: 20px !important;
    }

    .form-group:last-child {
        margin-bottom: -8px !important;
    }

    .form-phone {
        margin-bottom: 28px !important;
    }

    .form-email {
        margin-bottom: 10px !important;
    }

    .form-group [class*="form-"]  {
        margin-bottom: 0 !important;
        padding: 8px 10px;
        position: relative;
        font-weight: 500;
    }

    .register-gateway-email .form-group [class*="form-"] {
        color: #404040;
    }

    .form-phone .input.input-code {
        width: 147px !important;
        margin-right: 20px;
        color: #335997;
    }

    .form-submit button {
        padding: 10px;
        margin-top: 6px;
    }
    
    .input.input-item-choice:hover {
        background-color: #EBF2F9
    }
    
    .label-text {
        font-size: 12px;
    }

    /* .is-uptodesktop-only.is-toggled {
        display: block !important;
    } */

    .custom-file-label {
        padding-left: 20px !important;
        height: 32px !important;
        /* background-color: #E3ECF2 !important; */
        color: #335997 !important;
        z-index: 2 !important;
        border-radius: 8px !important;
        border: none !important;
    }

    .all-po-file .custom-file-label{
        margin-left: 0px !important;
    }

    .el-autocomplete {
        display: block;
    }

    .el-input__inner {
        color: #404040 !important;
    }

    .el-autocomplete-suggestion, .el-autocomplete-suggestion.is-loading:before {
        background-color: #F4F4F4 !important;
        border-radius: 8px  !important;
        border-color: #335997 !important;
    }

    .el-popper[x-placement^=top] .popper__arrow::after {
        border-top-color: #F4F4F4 !important;
    }

    .el-popper[x-placement^=bottom] .popper__arrow::after {
        border-bottom-color: #F4F4F4 !important;
    }

    .el-popper[x-placement^=bottom] .popper__arrow  {
        border-bottom-color: #335997 !important;
    }

    .el-popper[x-placement^=top] .popper__arrow {
        border-top-color: #335997 !important;
    }

    .el-autocomplete-suggestion li {
        color: #335997 !important;
        font-weight: 500;
        font-size: 12px !important;
    }

    .input-group-international-contact .input-helper[id^="traveler-input-detail-passenger-birthday-"] {
         width: calc(100% - 69%)
    }

    .input-group-international-contact .input-helper[id^="traveler-input-detail-passenger-birthday-month"] {
        left: 34.8%;
    }

    .input-group-international-contact .input-helper[id^="traveler-input-detail-passenger-birthday-year"] {
        left: auto;
        right: 2%;
    }

    .input-helper[id^="traveler-input-detail-passenger-birthday-"], 
    .input-helper[id^="traveler-input-detail-passenger-passport-issued-"], 
    .input-helper[id^="traveler-input-detail-passenger-passport-expired-"] {
        width: calc(100% - 69%);
    }

    .input-helper[id^="traveler-input-detail-passenger-birthday-month"],
    .input-helper[id^="traveler-input-detail-passenger-passport-issued-month"],
    .input-helper[id^="traveler-input-detail-passenger-passport-expired-month"] {
        left: 34.8%;
    }

    .input-helper[id^="traveler-input-detail-passenger-birthday-year"],
    .input-helper[id^="traveler-input-detail-passenger-passport-issued-year"],
    .input-helper[id^="traveler-input-detail-passenger-passport-expired-year"] {
        left: auto;
        right: 1%;
    }
    .input-helper[id^="traveler-input-detail-passport-country"], .input-helper#input-detail-buyer-phonecode, .input-helper#input-detail-user-phonecode {
        width: 350px;
    }

    .input-helper[id^="input-detail-user-salutation"],
    .input-helper[id^="input-detail-guest-salutation-"] {
        width: calc(130% - 10px);
        top: 83px;
    }
    .input-helper[id^="input-detail-user-phonecode"] {
        top: 83px;
    }

    small.capt-error {
        position: absolute;
        left: 30px;
        top: 82px;
        color: #FF0000;
    }

    small.hotel-form.capt-error {
        position: inherit;
        margin-top: 10px;
    }

    small.capt-err-textarea {
        position: absolute;
        left: 30px;
        top: 117px;
        color: #FF0000;
    }

    .payment-coupon .label {
        width: 100% !important;
        margin-bottom: 10px !important;
        font-size: 14px;
        font-weight: 500;
    }

    .payment-coupon .input {
        height: 44px;
        max-width: 490px;
        width: 490px;
        border-radius: 12px !important;
    }

    .payment-coupon .button {
        line-height: 22px;
        padding: 10px 20px;
        margin-left: 20px;
        border-radius: 12px !important;
        border-color: transparent;
        font-weight: 500;
        /* font-size: 14px; */
        /* margin-right: 37px; */
        position: relative;
        right: 50px;
    }
}

@media screen and (max-width:767px) {
    /* .is-uptodesktop-only {
        display: none !important;
    } */

    .input-helper[id^="input-detail-user-salutation"],
    .input-helper[id^="input-detail-guest-salutation-"]{
        width: calc(145% - 10px);
    }
    
    .input-helper[id^="input-detail-user-phonecode"],
    .input-helper[id^="input-detail-buyer-phonecode"]
    {
        width:calc(290% - 10px);
    }

    .el-input__inner {
        color: #404040 !important;
    }

    .input-helper {
        left: 5px;
        width: calc(100% - 10px);
        top: auto;
        margin-top: 10px; 
        background-color: #ffffff;   
        border-color: #C4C9CC;
    }

    .input-group .input-helper {
        width: 100%;
    }

    /* .input[type="text"] {
        padding-right: 20px;
    } */

    .custom-select-input-arrow {
        border-top-color: #000000;
        border-left-width: 3px;
        border-right-width: 3px;
        border-top-width: 3px;
        left: calc(100% - 35px);
    }

    .input-group .custom-select-input-arrow {
        left: calc(100% - 33px);
    }

    .upload-po .custom-file {
        height: 54px !important;
    }
}