---
---
/* CSS Document for upela pricer */

#rating-form-container input {
    margin-bottom: 1rem;
}

#rating-form-container .sendcolis{
    font-size: 1.125rem;
    top: -15px;
    @media (min-width: 576px) {
        font-size: 1.5rem;
    }
}

#rating-blog-form-container .upela-form .sendcolis {
    font-size: 1.4rem;
    top: auto;
    position:inherit;
}

/* HOME RATING */
#rating-form-container form .form-group>input,
#rating-form-container form .form-group>select {
    background: #F5F5F5;
    border: 1px solid #898F9E;
    box-sizing: border-box;
    border-radius: 180px;
    font-style: normal;
    font-weight: normal;
    display: flex;
    align-items: center;
    letter-spacing: 0.8px;
}

#rating-form-container form .form-group>select#pallet-info, select.package-select {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzk5OSI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+Cg==) no-repeat right !important;
    background-size: 1.5rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 180px !important;
}

#rating-form-container form .input-group>.form-control:not(:last-child) {
    border-radius: 50px 0 0 50px;
}

#rating-form-container .input-group>:last-child,
#rating-form-container .input-group>:last-child>:last-child {
    border-radius: 0 50px 50px 0;
}

#rating-form-container form .container-align-content-input {
    display: flex;
    height: 100%;
}

#rating-form-container {
    .switch {
        position: relative;
        display: inline-block;
        width: 32px;
        height: 20px;
    }

    .switch input { 
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        right: 15px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked + .slider {
        background-color: #052790;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #052790;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(14px);
    }

    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    form {
        background: rgba(255, 255, 255, 0.96);
        border-radius: 16px;
        padding: 20px;
        margin-bottom: 40px;

        .form-check-inline {
            margin: 10px 0;

            label[for="rating_ship_from_pro"] {
                margin-bottom: 0;
            }

            label[for="rating_ship_to_pro"] {
                margin-bottom: 0;
            }
        }

        .ship_pro {
            width: 30px;
            height: 22px;
            transform: translateX(5px);
        }

        #stackable-block {
            .form-check-inline {
                transform: translateY(0.5rem);
            }
        }

        #container-from {
            .form-group {
                margin-bottom: 0;
            }
        }

        #container-to {
            .form-group {
                margin-bottom: 0;
            }
        }

        #rating_form_completion {
            .row {
                .container-date {
                    display: flex;
                    align-items: flex-end;

                    .form-group {
                        width: 100%;
                    }
                }

                .container-type {
                    display: flex;
                    align-items: flex-end;

                    .btn-group {
                        width: 100%;
                        margin-bottom: 1rem;
                    }

                    @media (min-width: 768px) {
                        &.form-element-error {
                            align-items: center;
                            margin-top: 0.4rem;

                            &#stackable-block {
                                .form-check-inline {
                                    transform: translateY(-5px);
                                }
                            }
                        }
                    }
                }

                #stackable-block {
                    .form-check-inline {
                        label {
                            margin-bottom: 0;
                        }
                    }

                    @media (min-width: 768px) {
                        &.form-element-error {
                            .form-check-inline {
                                transform: translateY(-5px);
                            }
                        }
                    }
                }
            }

            #parcel_list {
                .parcel-line {
                    .form-group {
                        margin-bottom: 0;

                        @media (max-width: 1199px) {
                            label.weight-unit-text {
                                margin-bottom: 0.2rem;
                            }
                        }

                        @media (max-width: 991px) {
                            label.length-unit-text {
                                margin-bottom: 0.2rem;
                            }
                        }
                    }

                    .parcel-line-input[data-input="quantity"] label {
                        margin-bottom: 0.2rem;
                    }

                    @media (min-width: 576px) {
                        display: block;
                        padding-right: 25px;
                        padding-left: 15px;

                        .parcel-line-input[data-input="quantity"] label {
                            margin-bottom: 0.5rem;
                        }

                        .col-sm-1, .col-sm-2, .col-sm-3 {
                            padding-left: 3px;
                            padding-right: 3px;
                        }

                        .parcel-line-input {
                            float: left;
                            padding-left: 3px;
                            padding-right: 3px;
                        }

                        .parcel-line-error,
                        .parcel-line-input[data-input="weight"] {
                            clear: both;
                        }

                        .parcel-line-input[data-input="weight"][data-is-pallet="0"] {
                            clear: none;
                        }

                        label {
                            /* font-size: 14px; */
                        }
                    }

                    @media (min-width: 992px) {
                        display: flex;
                        align-items: flex-end;
                    }

                    @media (min-width: 576px) and (max-width: 991px) {
                        label {
                            /* font-size: 10px; */
                        }
                    }
                }

                .parcel-line:not(:first-child) {
                    margin-bottom: 3rem;

                    .parcel-line-input {
                        padding-top: 10px;
                    }

                    .btn-remove-parcel {
                        top: 3rem;
                        right: -2rem;
                    }

                    @media (min-width: 576px) {
                        margin-top: 1.5rem;
                        margin-bottom: 1.5rem;

                        .parcel-line-input[data-input=pallet] {
                            margin-bottom: 10px;
                        }

                        .btn-remove-parcel {
                            padding: 3px 10px;
                            top: 10px;
                            right: -1.9rem;
                        }
                    }

                    @media (min-width: 992px) {
                        .parcel-line-input[data-input=pallet] {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }

        .col-error {
            p {
                /* font-size: 0.6rem; */
            }
        }

        label {
            font-style: normal;
            font-weight: normal;
            line-height: 0.8125rem;
            letter-spacing: 1.04442px;
            font-size: 0.8125rem;
            color: #333333;

            &.label-title{
                font-size: 0.875rem;
                font-weight: bold;
                margin-bottom: 10px;
                position: relative;
                display:inline-block;
                width: 100%;

                #exchange {
                    color: var(--primary-color);
                    cursor: pointer;
                    position:absolute;
                    right:0;
                    top: -2px;
                    transform: rotate(90deg);
                }

                @media (min-width: 576px) {
                    #exchange {
                        position:absolute;
                        left: -25px;
                        right: auto;
                        transform: revert;
                        top: -2px;
                    }
                }
            }

        }

        input, select {
            font-size: 1rem;
            @media (min-width: 576px) {
                font-size: 0.8125rem;
            }
        }
    }
}

/* FORM CUSTOM RADIO BUTTON */
#rating-form-container form input[type="radio"],
#rating-form-container form input[type="checkbox"] {
    margin: 0 0.5rem 0 0;
    width: 1rem;
    height: 1rem;
    accent-color: #E86003;
}

#rating-form-container form input[type="radio"]::before,
#rating-form-container form input[type="checkbox"]::before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    transform: scale(0);
    box-shadow: inset 1em 1em #E86003;
}

#rating-form-container form input[type="radio"]:checked::before,
#rating-form-container form input[type="checkbox"]:checked::before {
    transform: scale(1);
}

/* END FORM CUSTOM RADIO BUTTONS */

/* FORM PARCEL-TYPE CUSTOM RADIO BUTTONS */
#rating-form-container form .parcel-type {
    transform: none;
    margin: 0;
}

#rating-form-container form .parcel-type input[type="radio"] {
    display: none;
}

#rating-form-container form .parcel-type label {
    display: inline-block;
    cursor: pointer;
    height: 40px;
    max-width: 300px;
    width: 100%;
    background-color: #fff;
    box-shadow: none;
    color: #E86003;
    background: #f5f5f5;
    border: 1px solid #898F9E;
    margin-bottom: 0;
    padding-top: 0.5rem;
}

#rating-form-container form .parcel-type.parcel-type-envelope,
#rating-form-container form .parcel-type.parcel-type-pallet,
#rating-form-container form .parcel-type.parcel-type-parcel {
    text-align: center;
}

#rating-form-container form .parcel-type.parcel-type-envelope input[type="radio"]+label {
    border-bottom-left-radius: 180px;
    border-top-left-radius: 180px;
}

#rating-form-container form .parcel-type.parcel-type-pallet input[type="radio"]+label {
    border-bottom-right-radius: 180px;
    border-top-right-radius: 180px;
}

#rating-form-container form .parcel-type.parcel-type-parcel input[type="radio"]+label {
    border-top: 1px solid #898F9E;
    border-bottom: 1px solid #898F9E;
    border-left: 0;
    border-right: 0;
}

#rating-form-container form .parcel-type.parcel-type-parcel input[type="radio"]+label::before,
#rating-form-container form .parcel-type.parcel-type-envelope input[type="radio"]+label::before,
#rating-form-container form .parcel-type.parcel-type-pallet input[type="radio"]+label::before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    width: 20px;
    height: 1rem;
    position: relative;
    top: 0.2rem;
    left: -5px;
}

#rating-form-container form .parcel-type input[type="radio"]:checked+label {
    background-color: #E86003;
    border: 1px solid #E86003;
    color: #fff;
}

/* END FORM PARCEL-TYPE CUSTOM RADIO BUTTONS */
#rating-form-container form .col-btn-rate {
    text-align: right;
}

#rating-form-container form .help-text>a#add_parcel {
    /* font-size: 14px; */
    text-decoration: none;
    color: #333333;
}

#rating-form-container form .help-text>a#add_parcel i {
    background-color: #E86003;
    border-radius: 100%;
    padding: 3px;
    /* font-size: 12px; */
    color: #ffffff;
}

#rating-form-container form .help-text>a#change-unit {
    color: #333333;
    text-decoration: underline !important;
    /* font-size: 14px; */
}

/* Datepicker */
#rating-form-container form input.datepicker {
    display: block;
    height: 40px;
    border: none;
    padding: 0 20px;
    width: 100%;
    outline: none;
    border: 1px solid #898F9E;
    background: #F5F5F5;
    font-style: normal;
    font-weight: normal;
    /* font-size: 14px; */
    color: #333333;
    border-radius: 180px;
}

/* Tooltip */
#rating-form-container {
    .tooltip {
        .arrow::before {
            border-top-color: #E86003;
            border-bottom-color: #E86003;
        }

        .tooltip-inner {
            background-color: #E86003;
            max-width: 100%;
            color: #fff;
        }
    }
}

/* BUTTON LIBRARY */
#rating-form-container .btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 100px;
    background-color: #333333;
    border: 1px solid #051445;
    color: #fff;
    box-shadow: none;
}

#rating-form-container .btn.btn-primary {
    background-color: #E86003;
    border: 1px solid #E86003;
    color: #fff;
}

#rating-form-container .btn.btn-secondary {
    background-color: transparent;
    border: 1px solid #E86003;
}

#rating-form-container .btn-remove-parcel {
    color: #E86003;
    border-color: transparent;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: -2.4rem;
}

#rating-form-container i.calendar {
    float: right;
    margin-right: 15px;
    margin-top: -27px;
    position: relative;
    color: #ABABAB;
}

/* Datepicker */
.datepicker {
    border-radius: 1rem;
    border: 1px solid #ABABAB;
}

.datepicker .datepicker-days {
    display: flex;
    width: 20rem;
    padding: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
}

.datepicker table {
    width: 100%;
}

.datepicker table tr th.datepicker-switch {
    padding-bottom: 0.5rem;
}

.datepicker table tr {
    /* font-size: 0.875rem; */
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.datepicker table thead tr th.dow,
.datepicker table tbody tr {
    font-weight: 400;
}

.datepicker table tr td:not(.disabled) {
    color: #E86003;
}

.datepicker table tr td.active.active {
    color: #FFFFFF;
}

@media (max-width: 768px) {
    #rating-form-container {
        margin-top: 1rem;
    }

    #rating-form-container form .parcel-type {
        margin: 0.3rem 0 0 0;
    }
}

@media (max-width: 425px){
    #rating-form-container {
        .form-group {
            margin-bottom: 0.5rem;
        }

        form {
            .form-check-inline {
                margin: 0 0 0.5rem 0 !important;
            }
        }
    }
}

/*Select2 country - city */
.select2-container.select2-container--upela-country {
    width: 20% !important;
}

@media (max-width: 991px) {
    .select2-container.select2-container--upela-country {
        width: 30% !important;
    }
}

@media (max-width: 310px) {
    .select2-container--upela-country {
        width: 3.5rem !important;
    }

    span#select2-sender_country-container,
    span#select2-recipient_country-container {
        padding-left: 8px !important;
    }
}

.select2-container--upela-country .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 50px !important;
    height: 40px !important;
    background-color: #F5F5F5 !important;
    color: #333333 !important;
    border: 1px solid #898F9E !important;
}

.input-group .select2-container--upela-country .select2-selection--single,
.input-group .select2-container--upela-city .select2-selection--single {
    border-radius: 180px 0 0 180px !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: #333333 !important;
    font-size: 1rem !important;
    @media (min-width) {
        font-size: 0.8125rem !important; 
    }
}

.select2-container--upela-country .select2-selection--single .select2-selection__rendered {
    display: block !important;
    padding-left: 15px !important;
    padding-right: 5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.select2-container--upela-country .select2-selection--single .select2-selection__arrow {
    width: 1.5rem !important;
    display: inline-block !important;
    transform: translateY(-0.2rem) !important;
}

.select2-container--upela-country .select2-selection--single .select2-selection__arrow::before {
    content: '' !important;
    border-style: solid !important;
    display: inline-block !important;
    width: 0.5rem !important;
    height: 0.5rem !important;
    transform: rotate(135deg) !important;
    margin-left: 0.5rem !important;
    border-width: 2px 2px 0px 0px !important;
    border-color: #999 !important;
}

.select2-container--upela-country .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.select2-container--upela-country.select2-container--open .select2-dropdown {
    margin: 5px 0 !important;
    padding: 10px 0 !important;
    border-radius: 15px !important;
    min-width: 275px !important;
}

.select2-container--upela-country .select2-results>.select2-results__options {
    max-height: 200px !important;
    overflow-y: auto !important;
}

.select2-container--upela-country.select2-container--open .select2-dropdown .select2-search__field {
    border: 1px solid #333333 !important;
    outline: none !important;
    margin-bottom: 5px !important;
}

.select2-container--upela-country.select2-container--open .select2-dropdown .select2-search__field:focus {
    color: #333333 !important;
    background-color: #fff !important;
    border-color: #052790 !important;
    outline: 0 !important;
}

.select2-container--upela-country .select2-results__option[aria-selected=true] {
    background-color: #ddd !important;
}

.select2-container--upela-country .select2-results__option--highlighted[aria-selected] {
    background-color: #052790 !important;
    color: white !important;
}

.select2-container.select2-container--upela-city {
    width: 80% !important;
}

@media (max-width: 991px) {
    .select2-container.select2-container--upela-city {
        width: 70% !important;
    }
}

.select2-container--upela-city .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    border-radius: 50px !important;
    height: 40px !important;
    background-color: #F5F5F5 !important;
    color: #333333 !important;
    border-top: 1px solid #898F9E !important;
    border-bottom: 1px solid #898F9E !important;
    border-right: 1px solid #898F9E !important;
}

.input-group .select2-container--upela-city .select2-selection--single {
    border-radius: 0 180px 180px 0 !important;
}

.select2-container--upela-city.select2-container--open .select2-dropdown {
    margin: 5px 0 !important;
    padding: 10px 0 !important;
    border-radius: 15px !important;
    min-width: 275px !important;
}

.select2-container--upela-city .select2-results>.select2-results__options {
    max-height: 200px !important;
    overflow-y: auto !important;
}

.select2-container--upela-city.select2-container--open .select2-dropdown .select2-search__field {
    border: 1px solid #333333 !important;
    outline: none !important;
    margin-bottom: 5px !important;
}

.select2-container--upela-city.select2-container--open .select2-dropdown .select2-search__field:focus {
    color: #333333 !important;
    background-color: #fff !important;
    border-color: #052790 !important;
    outline: 0 !important;
}

.select2-container--upela-city .select2-results__option[aria-selected=true] {
    background-color: #ddd !important;
}

.select2-container--upela-city .select2-results__option--highlighted[aria-selected] {
    background-color: #052790 !important;
    color: white !important;
}

.select2-container--upela-city .select2-selection__placeholder {
    color: #5A5A5A !important;
}

.input-group-address .select2-container--upela-city:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    content: "\f002" !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 10px !important;
    font-size: 1rem !important;
    color: #999 !important;
    pointer-events: none !important;
    @media (min-width: 576px) {
        font-size: 0.8125rem !important;
    }
}

/* Errors */
div.form-error, 
span.form-error, 
p.form-error {
    color: #FF0000;
    font-size: 0.8125rem;
    p {
        margin-bottom: 0.5rem;
        font-size: 0.8125rem;
    }
}

.form-error-el, 
.select2-container--upela-city .select2-selection--single.form-error-el {
    border: 1px solid red !important;
}

label.form-error-el, i.form-error-el {
    border: none !important;
    color: red !important;
}

/* Mini */
.upela-mini {
    .form-check-inline {
        transform: translateY(0);
    }

    .select2-container.select2-container--upela-country {
        width: 30% !important;
    }

    .select2-container.select2-container--upela-city {
        width: 70% !important;
    }
}

/* Xl */
.upela-xl {
    @media (min-width: 1130px) {
        .select2-container.select2-container--upela-country {
            width: 15% !important;
        } 
   }
}

/* Modal */
.upela-modal {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* Images */
#rating-form-container form .parcel-type.parcel-type-parcel input[type="radio"]+label::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZ\
        lcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgi\
        IHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0U4NjIwMDt9Cjwvc3R5b\
        GU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNS4xLDRDMTUuMSwzLjksMTUuMSwzLjksMTUuMSw0YzAtMC4xLDAtMC4xLDAtMC4xdjBjMCwwLTAuMS0wLjEtMC4xLTAuMWwwLDBjMCwwLTAuMSwwLTAuMS0wLjFsMCwwaDBsMCwwCglMNy44LDAuMUM3LjcsMC\
        w3LjUsMCw3LjMsMC4xTDUsMS4zTDEyLjEsNWwwLDBjMCwwLDAsMCwwLDBjMCwwLDAsMCwwLDAuMWMwLDAsMCwwLDAsMHYwVjljMCwwLjEsMCwwLjEtMC4xLDAuMmwtMS40LDAuOAoJYy0wLjEsMC4xLTAuMiwwLTAuMi0wLjFjMCwwLDAtMC4xLDAtMC4xVjU\
        uOUwzLjIsMi4ybDAsMEwwLjMsMy42bDAsMGgwbDAsMGMwLDAtMC4xLDAtMC4xLDAuMWwwLDBjMCwwLTAuMSwwLjEtMC4xLDAuMXYwCgljMCwwLDAsMC4xLDAsMC4xYzAsMCwwLDAsMCwwQzAsNCwwLDQsMCw0djB2Ny45YzAsMC4yLDAuMSwwLjQsMC4zLDAu\
        NWw3LDMuNkM3LjQsMTYsNy41LDE2LDcuNywxNmwwLDBjMCwwLDAuMSwwLDAuMSwwbDcuMS0zLjUKCWMwLjItMC4xLDAuMy0wLjMsMC4zLTAuNVY0LjF2MEMxNS4xLDQsMTUuMSw0LDE1LjEsNHoiLz4KPC9zdmc+Cg=="
    );
}

#rating-form-container form .parcel-type.parcel-type-envelope input[type="radio"]+label::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDBI\
        MkMwLjkgMCAwLjAwOTk5OTk5IDAuOSAwLjAwOTk5OTk5IDJMMCAxNEMwIDE1LjEgMC45IDE2IDIgMTZIMThDMTkuMSAxNiAyMCAxNS4xIDIwIDE0VjJDMjAgMC45IDE5LjEgMCAxOCAwWk0xOCA0TDEwIDlMMiA0VjJMMTAgN0wxOCAyVjRaIiBmaWxsPSIjRTg2M\
        jAwIi8+Cjwvc3ZnPgo="
    );
}

#rating-form-container form .parcel-type.parcel-type-pallet input[type="radio"]+label::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjI1OTM\
        gNy44MzY1OEw4Ljk2MDYzIDcuMDMyNDdDOC44MzE0IDYuODY5NzQgOC42MzUxNiA2Ljc2OTIzIDguNDEwMiA2Ljc2OTIzSDIuNjY2NjFDMi40NDE2NSA2Ljc2OTIzIDIuMjQ1NDEgNi44Njk3NCAyLjExMTQgNy4wMzI0N0wxLjQ1MDg4IDcuODM2NThDMS4zMTIwOCA\
        3Ljk5OTMxIDEuMjMwNzEgOC4yMTQ3IDEuMjMwNzEgOC40NDQ0NFYxMS45NjU4QzEuMjMwNzEgMTIuNDkyMyAxLjY2MTQ4IDEyLjkyMzEgMi4xODc5OCAxMi45MjMxSDguODg4ODNDOS40MTUzMyAxMi45MjMxIDkuODQ2MSAxMi40OTIzIDkuODQ2MSAxMS45NjU4Vjgu\
        NDQ0NDRDOS44NDYxIDguMjE0NyA5Ljc2NDczIDcuOTk5MzEgOS42MjU5MyA3LjgzNjU4Wk0yLjI0NTQxIDcuNzI2NDlMMi42MzMxMSA3LjI0Nzg2SDguMzc2N0w4LjgyNjYxIDcuNzI2NDlINi4wMTcwNEg1LjUzODRINC45OTk5NEg0LjQ2MTQ4SDIuMjQ1NDFaIiBma\
        WxsPSIjRTg2MDAzIi8+CjxwYXRoIGQ9Ik0xOC44NTY4IDcuODM2NThMMTguMTkxNSA3LjAzMjQ3QzE4LjA2MjMgNi44Njk3NCAxNy44NjYxIDYuNzY5MjMgMTcuNjQxMSA2Ljc2OTIzSDExLjg5NzVDMTEuNjcyNSA2Ljc2OTIzIDExLjQ3NjMgNi44Njk3NCAxMS4zND\
        IzIDcuMDMyNDdMMTAuNjgxOCA3LjgzNjU4QzEwLjU0MyA3Ljk5OTMxIDEwLjQ2MTYgOC4yMTQ3IDEwLjQ2MTYgOC40NDQ0NFYxMS45NjU4QzEwLjQ2MTYgMTIuNDkyMyAxMC44OTI0IDEyLjkyMzEgMTEuNDE4OSAxMi45MjMxSDE4LjExOTdDMTguNjQ2MiAxMi45MjMx\
        IDE5LjA3NyAxMi40OTIzIDE5LjA3NyAxMS45NjU4VjguNDQ0NDRDMTkuMDc3IDguMjE0NyAxOC45OTU2IDcuOTk5MzEgMTguODU2OCA3LjgzNjU4Wk0xMS40NzYzIDcuNzI2NDlMMTEuODY0IDcuMjQ3ODZIMTcuNjA3NkwxOC4wNTc1IDcuNzI2NDlIMTUuMjQ3OUgxNC\
        43NjkzSDE0LjIzMDhIMTMuNjkyNEgxMS40NzYzWiIgZmlsbD0iI0U4NjAwMyIvPgo8cGF0aCBkPSJNMTMuOTMzNiAxLjA2NzM1TDEzLjI2ODMgMC4yNjMyNDhDMTMuMTM5MSAwLjEwMDUxMyAxMi45NDI4IDAgMTIuNzE3OSAwSDYuOTc0MjlDNi43NDkzMyAwIDYuNTUz\
        MDkgMC4xMDA1MTMgNi40MTkwNyAwLjI2MzI0OEw1Ljc1ODU2IDEuMDY3MzVDNS42MTk3NiAxLjIzMDA5IDUuNTM4MzkgMS40NDU0NyA1LjUzODM5IDEuNjc1MjFWNS4xOTY1OEM1LjUzODM5IDUuNzIzMDggNS45NjkxNiA2LjE1Mzg1IDYuNDk1NjYgNi4xNTM4NUgxMy4\
        xOTY1QzEzLjcyMyA2LjE1Mzg1IDE0LjE1MzggNS43MjMwOCAxNC4xNTM4IDUuMTk2NThWMS42NzUyMUMxNC4xNTM4IDEuNDQ1NDcgMTQuMDcyNCAxLjIzMDA5IDEzLjkzMzYgMS4wNjczNVpNNi41NTMwOSAwLjk1NzI2NUw2Ljk0MDc4IDAuNDc4NjMzSDEyLjY4NDRMMT\
        MuMTM0MyAwLjk1NzI2NUgxMC4zMjQ3SDkuODQ2MDhIOS4zMDc2Mkg4Ljc2OTE2SDYuNTUzMDlaIiBmaWxsPSIjRTg2MDAzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxNC41Mzg1QzAgMTMuOTg2MiAwLjQ0NzcxN\
        iAxMy41Mzg1IDEgMTMuNTM4NUgzLjkyMzA4SDE2LjM4NDVIMTkuMzA3NkgxOS42OTIzQzIwLjAzMjIgMTMuNTM4NSAyMC4zMDc3IDEzLjgxNCAyMC4zMDc3IDE0LjE1MzlWMTQuNzY5MkMyMC4zMDc3IDE0Ljc2OTIgMjAuMzA3NyAxNC43NjkyIDIwLjMwNzcgMTQuNzY5\
        MkMyMC4zMDc2IDE0Ljc2OTIgMjAuMzA3NiAxNC43NjkzIDIwLjMwNzYgMTQuNzY5M1YxNUMyMC4zMDc2IDE1LjU1MjMgMTkuODU5OSAxNiAxOS4zMDc2IDE2SDE2LjM4NDVDMTUuODMyMyAxNiAxNS4zODQ1IDE1LjU1MjMgMTUuMzg0NSAxNUMxNS4zODQ1IDE0Ljg3MjY\
        gMTUuMjgxMiAxNC43NjkyIDE1LjE1MzggMTQuNzY5Mkg1LjE1Mzg1QzUuMDI2NCAxNC43NjkyIDQuOTIzMDggMTQuODcyNiA0LjkyMzA4IDE1QzQuOTIzMDggMTUuNTUyMyA0LjQ3NTM2IDE2IDMuOTIzMDggMTZIMC45OTk5OTlDMC40NDc3MTUgMTYgMCAxNS41NTIzID\
        AgMTVWMTQuNzY5MlYxNC41Mzg1WiIgZmlsbD0iI0U4NjAwMyIvPgo8L3N2Zz4K"
    );
}

#rating-form-container form .parcel-type.parcel-type-parcel input[type="radio"]:checked+label::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb\
        246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIK\
        CSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXN\
        zPSJzdDAiIGQ9Ik0xNS4xLDRDMTUuMSwzLjksMTUuMSwzLjksMTUuMSw0QzE1LjEsMy45LDE1LjEsMy45LDE1LjEsNEwxNS4xLDRMMTUsMy44bDAsMGMwLDAtMC4xLDAtMC4xLTAuMWwwLDBsMCwwbDAsMAoJTDcuOCwwLjFDNy43LDAsNy41LDAsNy4zLDAuMUw1LDE\
        uM0wxMi4xLDVsMCwwbDAsMGMwLDAsMCwwLDAsMC4xbDAsMGwwLDBWOWMwLDAuMSwwLDAuMS0wLjEsMC4yTDEwLjYsMTBjLTAuMSwwLjEtMC4yLDAtMC4yLTAuMQoJVjkuOFY1LjlMMy4yLDIuMmwwLDBMMC4zLDMuNmwwLDBsMCwwbDAsMGMwLDAtMC4xLDAtMC4xLDA\
        uMWwwLDBMMC4xLDMuOGwwLDB2MC4xbDAsMEMwLDQsMCw0LDAsNGwwLDB2Ny45YzAsMC4yLDAuMSwwLjQsMC4zLDAuNQoJbDcsMy42YzAuMSwwLDAuMiwwLDAuNCwwbDAsMGgwLjFsNy4xLTMuNWMwLjItMC4xLDAuMy0wLjMsMC4zLTAuNUwxNS4xLDRMMTUuMSw0QzE1\
        LjEsNCwxNS4xLDQsMTUuMSw0eiIvPgo8L3N2Zz4K"
    );
}

#rating-form-container form .parcel-type.parcel-type-envelope input[type="radio"]:checked+label::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246ID\
        YuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm\
        94PSIwIDAgMjAgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik\
        0xOCwwSDJDMC45LDAsMCwwLjksMCwybDAsMTJjMCwxLjEsMC45LDIsMiwyaDE2YzEuMSwwLDItMC45LDItMlYyQzIwLDAuOSwxOS4xLDAsMTgsMHogTTE4LDRsLTgsNUwyLDRWMmw4LDUKCWw4LTVWNHoiLz4KPC9zdmc+Cg=="
    );
}

#rating-form-container form .parcel-type.parcel-type-pallet input[type="radio"]:checked+label::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246I\
        DYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB\
        2aWV3Qm94PSIwIDAgMjEgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPS\
        JzdDAiIGQ9Ik05LjYsNy44TDksN0M4LjgsNi45LDguNiw2LjgsOC40LDYuOEgyLjdDMi40LDYuOCwyLjIsNi45LDIuMSw3TDEuNSw3LjhDMS4zLDgsMS4yLDguMiwxLjIsOC40VjEyCgljMCwwLjUsMC40LDEsMSwxaDYuN2MwLjUsMCwxLTAuNCwxLTFWOC40QzkuO\
        Cw4LjIsOS44LDgsOS42LDcuOHogTTIuMiw3LjdsMC40LTAuNWg1LjdsMC40LDAuNUg2SDUuNUg1SDQuNUgyLjJ6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOC45LDcuOEwxOC4yLDdjLTAuMS0wLjItMC4zLTAuMy0wLjYtMC4zaC01LjdjLTAuMiwwLTAuNCww\
        LjEtMC42LDAuM2wtMC43LDAuOGMtMC4xLDAuMi0wLjIsMC40LTAuMiwwLjZWMTIKCWMwLDAuNSwwLjQsMSwxLDFoNi43YzAuNSwwLDEtMC40LDEtMVY4LjRDMTkuMSw4LjIsMTksOCwxOC45LDcuOHogTTExLjUsNy43bDAuNC0wLjVoNS43bDAuNCwwLjVoLTIuOGg\
        tMC41aC0wLjVoLTAuNUgxMS41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuOSwxLjFsLTAuNy0wLjhDMTMuMSwwLjEsMTIuOSwwLDEyLjcsMEg3QzYuNywwLDYuNiwwLjEsNi40LDAuM0w1LjgsMS4xQzUuNiwxLjIsNS41LDEuNCw1LjUsMS43djMuNQoJYz\
        AsMC41LDAuNCwxLDEsMWg2LjdjMC41LDAsMS0wLjQsMS0xVjEuN0MxNC4yLDEuNCwxNC4xLDEuMiwxMy45LDEuMXogTTYuNiwxbDAuNC0wLjVoNS43TDEzLjEsMWgtMi44SDkuOEg5LjNIOC44SDYuNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMTQuNWMwL\
        TAuNiwwLjQtMSwxLTFoMi45aDEyLjVoMi45aDAuNGMwLjMsMCwwLjYsMC4zLDAuNiwwLjZ2MC42bDAsMGMwLDAsMCwwLDAsMFYxNWMwLDAuNi0wLjQsMS0xLDFoLTIuOQoJYy0wLjYsMC0xLTAuNC0xLTFjMC0wLjEtMC4xLTAuMi0wLjItMC4yaC0xMGMtMC4xLDAt\
        MC4yLDAuMS0wLjIsMC4yYzAsMC42LTAuNCwxLTEsMUgxYy0wLjYsMC0xLTAuNC0xLTF2LTAuMlYxNC41eiIvPgo8L3N2Zz4K"
    );
}

#rating-form-container form .ship_pro {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSI\
        xMCIgcj0iNyIgc3Ryb2tlPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik0xMCAxMy41TDEwIDkuNU0xMCA2LjVMMTAgNiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+"
    ) no-repeat;
}


.parcel-line-condensed {
    font-size: 0.85rem;
}

.parcel-line-condensed .parcel-line-input {
    padding: 0.25rem 0.5rem;
}

.parcel-line-condensed .parcel-line-input:nth-child(1){
    flex: 0 0 22%;
    max-width: 2220%;
}

.parcel-line-condensed .parcel-line-input:nth-child(2) {
    flex: 0 0 18%;
    max-width: 18%;
}

.parcel-line-condensed .parcel-line-input:nth-child(n+3) {
    flex: 0 0 12%;
    max-width: 12%;
}

.parcel-line-condensed .form-group label {
    font-size: 0.75rem;
}

.parcel-line-condensed .form-control {
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
}