.user_details {    margin-bottom: 50px;}
.user_details .panel {    box-shadow: none;}
.user_details .menu-panel-group {    font-family: fbconstructor-regular, Barlow-Regular;}
.user_details .menu-panel-group .panel {    border-bottom: 1px solid #c6c2c5;}
.user_details .panel-heading {    background-color: #ffffff;    font-family: fbconstructor-regular, Barlow-Regular;    padding: 16px 15px;}
.user_details .panel-title {    font-family: fbconstructor-bold, Barlow-Bold;    font-size: 15px;}
.user_details .panel-body {    padding: 0;}
.user_details .panel-collapse.in .panel-body {    border-color: #ffffff;}
.user_details .panel-item {    position: relative;    padding: 10px 15px 10px;    margin: 0;        overflow: hidden;    border-bottom: 1px solid #c6c2c5;}
.user_details .panel-garages .panel-item {    max-height: 85px;}
.user_details .panel-item.open {    max-height: 150px;}
.user_details .panel-garages .panel-item.open {    max-height: 170px;}
.user_details .panel-item.open .btns_wrapper {    pointer-events: all;}
.user_details .details_icon {    width: 30px;    display: inline-block;    position: relative;    top: -7px;    right: -5px;}
.user_details .car_icon, .user_details .garage_icon {    width: 30px;    display: inline-block;    position: relative;    top: -2px;    right: -5px;}
.user_details .garage_icon {    width: 32px;}
.user_details .accordion_chevron {    width: 13px;    margin-top: 2px;}
.user_details .menu-panel-group {    color: #000000;}
.user_details .details_title {    font-size: 15px;    color: #000000;}
.user_details .details_item {    height: 36px;    font-size: 13px;    padding-right: 5px;    margin-top: 8px;    width: 100%;    transition: all 0.2s ease;    border: 1px solid #000000;}
.user_details .details_item:disabled {    border: none;    background: #ffffff;    color: #000000;    -webkit-text-fill-color: #000000;    height: auto;    padding-right: 0;    margin-top: 0;    opacity: 1;    text-align: right;}
.user_details .btns_wrapper {    margin: 14px 0 7px;    pointer-events: none;}
.user_details .btns_wrapper .yellow_btn {    font-family: fbconstructor-regular, Barlow-Regular;    font-size: 15px;    color: #4e4d4b;    width: 130px;    height: 40px;    padding: 13px 0;    text-align: center;    cursor: pointer;}
.user_details .btns_wrapper .confirm_btn {    float: right;}
.user_details .btns_wrapper .cancel_btn {    float: left;    background: #d6d5d4;}
.user_details .edit_icon {    position: absolute;    width: 14px;    left: 7px;    top: 9px;    cursor: pointer;}
.user_details .delete_icon {    position: absolute;    width: 14px;    cursor: pointer;}
.user_details .aw_checkbox {    padding: 10px 0;    color: #000000;    position: relative;}
.user_details .aw_checkbox .checkbox_label {    padding-right: 21px;}
.user_details .aw_checkbox .checkbox_label:before {    width: 16px;    height: 16px;    right: 0;    top: 2px;}
.user_details .aw_checkbox .cc_logo {    display: inline-block;    width: 40px;    position: relative;    top: -1px;}
.user_details .aw_checkbox .checkbox_input[type=checkbox]:checked + label:before {    background-size: 10px;    background-position: 2px 4px;}
.user_details .remove_cards_btn {    width: 105px;    height: 40px;    background: #d6d5d4;    float: left;    position: relative;    top: -10px;    font-family: fbconstructor-regular, Barlow-Regular;    font-size: 15px;    padding: 12px 35px;    cursor: pointer;}
.user_details .add_card_btn {    cursor: pointer;}
.user_details .panel-cc {    height: auto;    max-height: none;    padding-bottom: 30px;}
.user_details .panel-cc .details_title {    margin-bottom: 10px;}
.user_details .panel-cc .delete_icon {    left: 0;    top: 11px;}
.user_details .panel-cars .edit_icon_wrapper, .user_details .panel-garages .edit_icon_wrapper {    position: absolute;    left: 46px;    top: 13px;    width: 14px;    height: 20px;    cursor: pointer;}
.user_details .panel-cars .delete_icon, .user_details .panel-garages .delete_icon {    left: 14px;    top: 13px;}
.user_details .panel-cars .new_car_btn, .user_details .panel-cars .new_garage_btn, .user_details .panel-garages .new_car_btn, .user_details .panel-garages .new_garage_btn {    cursor: pointer;}
.user_details .panel-cars .new_car_btn .details_title, .user_details .panel-cars .new_garage_btn .details_title, .user_details .panel-garages .new_car_btn .details_title, .user_details .panel-garages .new_garage_btn .details_title {    float: left;}
.user_details .panel-cars .panel-item:nth-last-child(2), .user_details .panel-garages .panel-item:nth-last-child(2){    border-bottom: none;}
.user_details .panel-cars .details_item, .user_details .panel-garages .details_item {    font-size: 15px;    width:80%;}
.user_details .panel-garages .details_title {    padding-top:10px;}
.user_details .panel-address.open {    overflow: visible;}
.user_details .panel-address.open {    max-height: 200px;}
.user_details .panel-address.open .address_text {    opacity: 0;}
.user_details .panel-address .details_item:disabled {    border: 1px solid #b7b7b7;    height: 36px;    margin-top: 8px;    padding-right: 5px;    color: #b7b7b7;}
.user_details .panel-address .input_parent {    width: 48%;}
.user_details .panel-address .address_text {    opacity: 1;    transition: all 0.2s;}
.user_details .panel-settings {    max-height: none;}
.user_details .panel-settings .aw_checkbox .checkbox_label {    display: block;}
.user_details .panel-settings .aw_checkbox .checkbox_label:before {    display: none;}
.user_details .panel-settings .custom_radio {    width: 22px;    height: 25px;    background: #ffdd00;    position: absolute;    left: 10px;}
.user_details .panel-settings .custom_radio:before, .user_details .panel-settings .custom_radio:after {    content: "";    width: 26px;    height: 25px;    background: #ffdd00;    position: absolute;    left: -10px;}
.user_details .panel-settings .custom_radio:before {    border-top-left-radius: 90px;    border-bottom-left-radius: 90px;}
.user_details .panel-settings .custom_radio:after {    border-top-right-radius: 90px;    border-bottom-right-radius: 90px;    left: 10px;}
.user_details .panel-settings .custom_radio .knob {    width: 25px;    height: 25px;    border-radius: 50%;    background: #ffffff;    position: absolute;    left: 11px;    z-index: 5;    transition: all 0.2s ease;    border: 1px solid #ffdd00;    box-shadow: 1px 1px 1px #ccc;}
.user_details .panel-settings .custom_radio .custom_radio_off {    width: 35px;    height: 23px;    background: #ffffff;    position: absolute;    left: -9px;    top: 1px;    border-top-left-radius: 90px;    border-bottom-left-radius: 90px;    z-index: 1;    transition: all 0.2s ease;}
.user_details .panel-settings .checkbox_input[type=checkbox]:checked + label .custom_radio .knob {    left: -10px;}
.user_details .panel-settings .checkbox_input[type=checkbox]:checked + label .custom_radio_off {    width: 15px;}
.user_details .benefits-text-mobile, .user_details .notifications-text {    padding-right: 10px;}
.user_details .benefits-text-desktop {    display: none;}
.user_details .sign_up_btn {    width: 250px;    height: 45px;    text-align: center;    font-family: fbconstructor-regular, Barlow-Regular;    font-size: 20px;    color: #4c4b4c;    padding-top: 12px;    cursor: pointer;    margin: 20px auto 30px;}
@media (min-width: 768px){    .user_details {        margin-bottom: -60px;    }
    .user_details .side_design {        max-width: 237px;        float: left;    }
    .user_details .benefits-text-desktop {        display: inline;        padding-right: 0;    }
    .user_details .notifications-text {        padding-right: 0;    }
    .user_details .benefits-text-mobile {        display: none;    }
    .user_details .panel-heading {        pointer-events: none;    }
    .user_details .panel-collapse {        display: block;        height: auto !important;    }
    .user_details .panel-item {        padding: 17px 0 10px 15px;        height: 70px;        max-height: 70px;        transition: none;    }
    .user_details .panel-garages .panel-item {        max-height: 100px;        height: 100px;    }
    .user_details .panel-heading {        padding-right: 0;    }
    .user_details .accordion_chevron {        display: none;    }
    .user_details .panel-title {        font-size: 20px;    }
    .user_details .details_icon, .user_details .car_icon {        width: 39px;    }
    .user_details .details_title {        font-size: 18px;        display: block;    }
    .user_details .details_item {        font-size: 18px;        margin: 0;    }
    .user_details .details_item:disabled {        height: 36px;    }
    .user_details .input_parent {        width: 220px;        display: inline-block;    }
    .user_details .btns_wrapper {        width: 270px;        display: inline-block;        position: absolute;        margin: 0;        margin-right: 14px;        transition: all 0.3s ease;        opacity: 0;        left: 0;        background: #FFFFFF;    }
    .user_details .btns_wrapper .yellow_btn {        height: 36px;        padding: 11px 0;    }
    .user_details .btns_wrapper::after {        position: absolute;        top: 0;        width: 100px;        height: 36px;        right: -100px;                        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.87) 35%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);            }
    .user_details .panel-item.open {        max-height: 70px;    }
    .user_details .panel-item.open .btns_wrapper {        opacity: 1;    }
    .user_details .edit_icon {        width: 21px;        top: 13px;    }
    .user_details .panel-cc {        border-bottom: none;        font-size: 18px;        height: auto;        max-height: none;    }
    .user_details .panel-cars .delete_icon, .user_details .panel-garages .delete_icon {        width: 20px;        top: 24px;    }
    .user_details .panel-cars .btns_wrapper, .user_details .panel-garages .btns_wrapper {        left: 55px;        top: 12px;        margin: 0;    }
    .user_details .panel-cars .edit_icon_wrapper, .user_details .panel-garages .edit_icon_wrapper {        width: 21px;        top: 26px;        left: 60px;    }
    .user_details .panel-cars .panel-item, .user_details .panel-garages .panel-item {        padding-right: 0;    }
    .user_details .panel-cars .details_item, .user_details .panel-garages .details_item {        font-size: 18px;    }
    .user_details .panel-cars .btns_wrapper, .user_details .panel-garages .btns_wrapper {        top: 17px;    }
    .user_details .panel-cars .set_active_car_btn {        font-size: 18px;        text-decoration: underline;        position: absolute;        left: 95px;        top: 23px;        width: 95px;        height: 20px;        cursor: pointer;        text-align: left;    }
    .user_details .panel-cars .active_car_btn {        text-decoration: none;        cursor: default;        pointer-events: none;    }
    .user_details .panel-settings {        font-size: 18px;    }
    .user_details .panel-default > .panel-heading + .panel-collapse > .panel-body {        border-top: none;    }
    .user_details .menu-panel-group .panel {        border-color: #000000;    }
    .user_details .new_car_btn,    .user_details .new_garage_btn,    .user_details .panel-settings,    .user_details .panel-default:last-child {        border-bottom: none;    }
    .user_details .stop_btn, .user_details .start_btn {        float: left;        text-decoration: underline;        display: none;    }
    .user_details .start_btn {        display: block;    }
    .user_details .aw_checkbox .checkbox_input[type=checkbox]:checked + label .start_btn {        display: none;    }
    .user_details .aw_checkbox .checkbox_input[type=checkbox]:checked + label .stop_btn {        display: block;    }
    .user_details .panel-settings {        max-height: none;        height: auto;    }
    .user_details .panel-settings .aw_checkbox, .user_details .panel-settings .checkbox_label {        padding: 10px 0;    }
    .user_details .panel-settings .aw_checkbox {        border-bottom: 1px solid #c6c2c5;    }
    .user_details .panel-settings .aw_checkbox:last-child {        border-bottom: none;    }
    .user_details .panel-address .btns_wrapper {        top: 18px;    }
    .user_details .panel-address.open {        max-height: 200px;        height: auto;    }
    .user_details .panel-address.open .address_text {        opacity: 0;    }
    .user_details .panel-address .address_inputs_wrapper {        padding-top: 5px;        max-width: 600px;    }
    .user_details .panel-address .input_parent {        width: 48%;        margin-bottom: 16px;    }
    .user_details .panel-address .details_item {        margin-top: 8px;    }
    .user_details .sign_up_btn {        margin: 10px 0 50px;    }
    .user_details .no_user_signup {        border-bottom: 1px solid #000000;        margin-bottom: 60px;    }
    .user_details .details_title {        display: block;    }
    .user_details .panel-garages .details_title {        display: block;    }
    .user_details .panel-cars .panel-item {        height: 90px;        max-height: 90px;    }
}
@media (min-width: 1300px){    .user_details .panel-cars .set_active_car_btn {        margin-left: 40px;    }
}
.popup_payment .svg_container {    max-width: 800px;}
.popup_payment .popup_content {    width: 260px;    margin: 0 auto;    right: 50%;    margin-right: -130px;    padding: 0;}
.popup_payment .total_message {    display: none;}
.popup_payment .grey_hr {    margin: 10px 0 16px;    border-color: #FFFFFF;}
.popup_payment input, .popup_payment input:disabled {    background-image: none;}
.popup_payment input[type='text'], .popup_payment select {    height: 46px;    border: 1px solid #000000;    margin-bottom: 29px;}
.popup_payment .cc_details_wrapper {    display: -ms-flexbox;    display: flex;    -ms-flex-pack: justify;    justify-content: space-between;}
.popup_payment .cc_month, .popup_payment .cc_year {    width: 30%;    background-image: url(/_media/images/header/products/arrow_drop_grey.png);    background-repeat: no-repeat;    background-position: 11px 20px;    background-size: 14px;}
.popup_payment .cc_month, .popup_payment .cc_year {    padding-right: 15px;}
.popup_payment .cc_cvv {    width: 30%;}
.popup_payment select:disabled {    color: #b7b7b7;    background-image: url(/_media/images/header/products/arrow_drop_disabled.png);}
.popup_payment option:disabled {    color: #b7b7b7;}
.popup_payment .aw_checkbox {    display: none;    margin-top: 0;}
.popup_payment .aw_checkbox .checkbox_label {    margin: 0 20px 20px;    text-align: right;    padding-right: 10px;    font-size: 14px;}
.popup_payment .payment_btn {    width: 250px;    height: 47px;    background-color: #ffdd00;    margin: 0 auto 50px;    cursor: pointer;}
.popup_payment .payment_btn .payment_img {    width: 60px;    margin: 8px 14px;    float: right;}
.popup_payment .payment_btn .text {    font-family: fbconstructor-regular, Barlow-Regular;    color: #4c4b4c;    font-size: 20px;    padding: 13px;}
.popup_payment .save_creditcards .title {    font-family: fbconstructor-bold, Barlow-Bold;    font-size: 17px;    text-align: right;    margin: 0;    letter-spacing: -0.6px;    margin-bottom: 35px;}
.popup_payment .save_creditcards .creditcard_btn {    border: 1px solid #d6d5d4;    margin-bottom: 16px;    cursor: pointer;    font-size: 17px;}
.popup_payment .save_creditcards .creditcard_btn img {    max-width: 25%;}
.popup_payment .save_creditcards .creditcard_btn:hover {    border: 1px solid #000000;}
.popup_payment .save_creditcards .add_card_btn {    text-align: left;    font-size: 16px;    font-family: fbconstructor-regular, Barlow-Regular;    cursor: pointer;}
.popup_payment .save_creditcards .verified_logo img {    width: 130px;    margin-top: 20px;    float: left;}
@media (min-width: 768px){    .popup_payment .popup_content {        width: 316px;        margin: 0 auto;        right: 50%;        margin-right: -158px;        padding: 0;    }
    .popup_payment .total_message {        font-size: 20px;        margin-top: 70px;    }
    .popup_payment .total_message .shekel {        font-size: 22px;    }
    .popup_payment .total_message .shekel:before {        font-size: 16px;    }
    .popup_payment .grey_hr {        margin: 26px 0 23px;    }
    .popup_payment .aw_checkbox .checkbox_label {        margin: 0 20px 0;        font-size: 16px;    }
    .popup_payment .save_creditcards .creditcard_btn {        border: 1px solid #d6d5d4;        margin-bottom: 35px;        cursor: pointer;        font-size: 18px;    }
    .popup_payment .save_creditcards .creditcard_btn img {        max-width: 25%;    }
    .popup_payment .save_creditcards .add_card_btn {        font-size: 18px;    }
    .popup_payment .save_creditcards .verified_logo img {        width: 192px;        margin-top: 45px;    }
    .popup_payment .save_creditcards .add_card_btn {        margin-top: -10px;    }
}