body {
    font-family: "Roboto", Arial, sans-serif;
    margin: 0;
}

.skeleton {
    display: flex;
    padding: 20px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 8px;
    gap: 20px;
    animation: skeletonFade 1.5s infinite ease-in-out;
}

.skeleton-line {
    height: 14px;
    background: #e2e2e2;
    border-radius: 4px;
    margin-bottom: 10px;
}

.skeleton-circle {
    width: 20px;
    height: 20px;
    background: #e2e2e2;
    border-radius: 50%;
}

.skeleton-button {
    height: 42px;
    width: 180px;
    border-radius: 8px;
    background: #e2e2e2;
}

.w-80 {
    width: 80%;
}

.w-70 {
    width: 70%;
}

.w-60 {
    width: 60%;
}

.w-50 {
    width: 50%;
}

.w-40 {
    width: 40%;
}

.w-30 {
    width: 30%;
}

.w-20 {
    width: 20%;
}

@keyframes skeletonFade {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}




#dataList *,
.btn1,
.child,
.footer-bottom,
.hdng,
.includes_price,
.mobile-number,
.textfield .hint,
.time_text {
    text-align: center
}

.btn,
.btn1,
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker table tr td span,
.datepicker tfoot tr th {
    cursor: pointer
}

.btn-primary,
.btn-primary:focus,
.btn-warning,
.nav-tabs > li.active > a {
    background-color: #f07818
}

.nav > li {
    display: block
}

.nav-tabs > li > a {
    margin-right: 2px;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0
}

.nav > li > a {
    display: block;
    padding: 5px
}

.nav-tabs > li.active > a {
    color: #fff;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: #fff0
}

.tab-content {
    width: 98%;
    float: left;
    margin: 10px
}

.easy_time {
    float: left;
    height: auto;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px
}

.easy_pm {
    width: 100%;
    float: left
}



.button {
    width: auto
}

.btn-primary {
    color: #fff;
    border-color: #007bff
}

    .btn-primary:focus {
        color: #fff;
        border-color: #0062cc;
        box-shadow: 0 0 0 .2rem rgb(38 143 255 / .5)
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #5c5d5d;
        border-color: #005cbf
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
    z-index: 9999
}

.datepicker {
    border-radius: 4px;
    direction: ltr
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none
}

.datepicker-days .cw, .datepicker-days .new.day {
    display: none
}

.datepicker table tr td span.new, .datepicker table tr td span.old, .datepicker table tr td.new, .datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover, .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

    .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
        color: #000;
        background-color: #afd9ee;
        border-color: #298fc2
    }

    .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.highlighted {
        color: #000;
        background-color: #afd9ee;
        border-color: #52addb
    }

        .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover, .open > .dropdown-toggle.datepicker table tr td.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.highlighted:hover {
            color: #000;
            background-color: #91cbe8;
            border-color: #298fc2
        }

    .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .datepicker table tr td.range.active, .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .datepicker table tr td.range:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected:active, .datepicker table tr td.today.active, .datepicker table tr td.today:active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted, .open > .dropdown-toggle.datepicker table tr td.highlighted, .open > .dropdown-toggle.datepicker table tr td.range, .open > .dropdown-toggle.datepicker table tr td.range.highlighted, .open > .dropdown-toggle.datepicker table tr td.range.today, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted, .open > .dropdown-toggle.datepicker table tr td.today {
        background-image: none
    }

    .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover {
        background-color: #d9edf7;
        border-color: #85c5e5
    }

    .datepicker table tr td.highlighted.focused {
        background: #afd9ee
    }

    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
        background: #d9edf7;
        color: #999
    }

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

    .datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
        color: #000;
        background-color: #ffc966;
        border-color: #b37400
    }

    .datepicker table tr td.today.active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .open > .dropdown-toggle.datepicker table tr td.today {
        color: #000;
        background-color: #ffc966;
        border-color: #f59e00
    }

        .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover, .open > .dropdown-toggle.datepicker table tr td.today.focus, .open > .dropdown-toggle.datepicker table tr td.today:focus, .open > .dropdown-toggle.datepicker table tr td.today:hover {
            color: #000;
            background-color: #ffbc42;
            border-color: #b37400
        }

    .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover {
        background-color: #ffdb99;
        border-color: #ffb733
    }

    .datepicker table tr td.today.focused {
        background: #ffc966
    }

    .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
        background: #ffdb99;
        color: #999
    }

.datepicker table tr td.range {
    color: #000;
    background-color: #eee;
    border-color: #bbb;
    border-radius: 0
}

    .datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
        color: #000;
        background-color: #d5d5d5;
        border-color: #7c7c7c
    }

    .datepicker table tr td.range.active, .datepicker table tr td.range:active, .datepicker table tr td.range:hover, .open > .dropdown-toggle.datepicker table tr td.range {
        color: #000;
        background-color: #d5d5d5;
        border-color: #9d9d9d
    }

        .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover, .open > .dropdown-toggle.datepicker table tr td.range.focus, .open > .dropdown-toggle.datepicker table tr td.range:focus, .open > .dropdown-toggle.datepicker table tr td.range:hover {
            color: #000;
            background-color: #c3c3c3;
            border-color: #7c7c7c
        }

    .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover {
        background-color: #eee;
        border-color: #bbb
    }

    .datepicker table tr td.range.focused {
        background: #d5d5d5
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
        background: #eee;
        color: #999
    }

    .datepicker table tr td.range.highlighted {
        color: #000;
        background-color: #e4eef3;
        border-color: #9dc1d3
    }

        .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
            color: #000;
            background-color: #c1d7e3;
            border-color: #4b88a6
        }

        .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.range.highlighted {
            color: #000;
            background-color: #c1d7e3;
            border-color: #73a6c0
        }

            .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover, .open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover {
                color: #000;
                background-color: #a8c8d8;
                border-color: #4b88a6
            }

        .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
            background-color: #e4eef3;
            border-color: #9dc1d3
        }

        .datepicker table tr td.range.highlighted.focused {
            background: #c1d7e3
        }

        .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
            background: #e4eef3;
            color: #999
        }

    .datepicker table tr td.range.today {
        color: #000;
        background-color: #f7ca77;
        border-color: #f1a417
    }

        .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
            color: #000;
            background-color: #f4b747;
            border-color: #815608
        }

        .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .open > .dropdown-toggle.datepicker table tr td.range.today {
            color: #000;
            background-color: #f4b747;
            border-color: #bf800c
        }

            .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover, .open > .dropdown-toggle.datepicker table tr td.range.today.focus, .open > .dropdown-toggle.datepicker table tr td.range.today:focus, .open > .dropdown-toggle.datepicker table tr td.range.today:hover {
                color: #000;
                background-color: #f2aa25;
                border-color: #815608
            }

        .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover {
            background-color: #f7ca77;
            border-color: #f1a417
        }

        .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
            background: #f7ca77;
            color: #999
        }

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgb(0 0 0 / .25)
}

    .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
        color: #fff;
        background-color: gray;
        border-color: #161616
    }

    .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
        color: #fff;
        background-color: gray;
        border-color: #373737
    }

        .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover, .open > .dropdown-toggle.datepicker table tr td.selected.focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.selected:focus, .open > .dropdown-toggle.datepicker table tr td.selected:hover {
            color: #fff;
            background-color: #6e6e6e;
            border-color: #161616
        }

    .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover {
        background-color: #999;
        border-color: #555
    }

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgb(0 0 0 / .25)
}

    .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
        color: #fff;
        background-color: #3071a9;
        border-color: #193c5a
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
        color: #fff;
        background-color: #3071a9;
        border-color: #285e8e
    }

        .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover, .open > .dropdown-toggle.datepicker table tr td.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:hover {
            color: #fff;
            background-color: #285e8e;
            border-color: #193c5a
        }

    .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover {
        background-color: #428bca;
        border-color: #357ebd
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    border-radius: 4px
}

    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker table tr td span:hover, .datepicker tfoot tr th:hover {
        background: #eee
    }

    .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
        color: #fff;
        background-color: #3071a9;
        border-color: #193c5a
    }

    .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover {
        color: #fff;
        background-color: #3071a9;
        border-color: #285e8e
    }

        .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover {
            color: #fff;
            background-color: #3071a9;
            border-color: #285e8e;
            background-image: none
        }

            .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover {
                color: #fff;
                background-color: #285e8e;
                border-color: #193c5a
            }

        .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
            background-color: #428bca;
            border-color: #357ebd
        }

.datepicker .datepicker-switch {
    width: 145px
}

/* .header {
  background-color: #fff;
}
.site-header {
  padding: 0 155px ;
  margin: 10px ;
}
.header-top{
      height: 113px ;
}
.header-nav{
  gap: 10px;
} */
.header {
    margin: 10px;
    padding: 0 155px;
}

.header-main {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 130px;
}

    .header-main a {
        color: #004080;
        text-decoration: underline;
        font-weight: 600;
    }

    .header-main p {
        font-size: 10px;
        margin-bottom: 0;
    }

.header-list {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

    .header-list p {
        color: #333;
        font-weight: 700;
    }

        .header-list p a {
            text-decoration: none;
            color: #333;
        }

.USCIS-Doctors {
    text-align: center;
    align-items: center;
    padding: 2%;
    background-color: #f2f6f7;
}

    .USCIS-Doctors h1 {
        color: #666;
        font-size: 22px;
    }

    .USCIS-Doctors h2 {
        font-size: 22px;
        font-weight: 500;
    }

    .USCIS-Doctors span {
        font-weight: bolder;
    }

.breadcrumb-list {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.list-top {
    display: flex;
}

    .list-top a {
        padding: 0 16px 0 4px;
        color: #666;
    }

.epsinol {
    color: #0d1f5a;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.scheduleAppointment {
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    align-items: center;
    text-align: center;
}

.searchbtn {
    color: #f07818;
    background-color: #fff;
    border: 1px solid #fff0;
    border-left: 1px solid #f07818;
    padding: 2px 4px;
    margin-bottom: 0;
    font-size: 14px;
    white-space: nowrap;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
}

.container-table {
    padding: 0 155px;
}

.locationfield {
    padding: 0;
    border-top: 1px solid #ccc;
    margin-left: 0px;
    margin-right: 0px;
    justify-content: space-between;
}

.distance {
    border-right: 1px dotted;
    line-height: 37px;
}

.container-breadcrumb {
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.table-container {
    border-bottom: 1px solid #ccc;
}

.table-wrap {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: flex;
    border-top: 1px solid #ccc;
    /* justify-content: space-between; */
    background: #f5f4f0;
    flex-direction: row;
    min-height: 280px;
    /* gap: 2.5rem; */
    gap: 1.5rem;
    padding: 2rem 3rem;
}

.firstpart {
    padding: 0 15px;
}

.citystarwrap,
.star {
    text-align: center;
}

.cityname {
    padding-top: 7px;
}

    .cityname span {
        font-size: 18px;
    }

.verified {
    display: flex;
    align-items: center;
    margin-top: 32px;
    text-align: center;
}

.middlepart {
    display: flex;
}

.leftofmiddlepart {
    border-left: 1px dashed #ccc;
    padding-right: 15px;
    padding-left: 15px;
}

.price-distri {
    padding: 0 15px;
    text-align: center;
}

    .price-distri h6,
    .all-inclusive {
        color: #666;
        padding-top: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #ccc;
        font-size: 1rem;
        text-transform: uppercase;
    }

.all-inclusive {
    font-weight: bold;
}

.secondpart-right {
    border-right: 1px dashed #ccc;
    padding-right: 15px;
}

.price-dollar {
    font-size: 18px;
    border-bottom: 1px dashed #ccc;
    color: #060;
    font-weight: bolder;
}

.price {
    display: flex;
}

.includes {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.span-includes,
.allinclusive {
    text-align: center;
}

.onlyincludes ul {
    border-bottom: 1px dashed #666;
}

.appointment {
    margin: 5px 0;
    text-align: center;
}

.florida_text {
    color: #f07818
}

.interlinking_cs_grid_found {
    font-size: 20px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px
}

.qution {
    color: #000
}

.inetrlinking_text {
    font-size: 16px;
    color: #1c3953
}

.appointment_physical {
    color: #8c8c8c;
    margin-top: 15px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px
}

.near_city {
    line-height: 35px;
    font-size: 16px
}

#NewsLinkSection a, .dollar_onwards a {
    text-decoration: none;
    color: #414141
}

site-header {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px !important;
    padding: 0 155px !important
}

.header-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 113px !important
}

.contact-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important
}

.phone-block {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important
}

    .phone-block a {
        color: #007bff !important;
        text-decoration: none !important;
        margin: 0 !important
    }

.contact-info p {
    font-size: 10px !important;
    float: right !important;
    line-height: 15px !important;
    margin: 0 !important
}

.header-nav, .header-nav ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important
}

.person-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .person-text a {
        color: #666;
        margin-top: 3px;
        text-decoration: underline;
    }

.block-text {
    text-align: center;
}

.florida_text {
    color: darkgreen;
    font-weight: bold;
    margin: 15px 0;
    font-family: "segoe UI", Roboto, sans-serif
}

.h6 {
    color: #666;
    padding-top: 10px;
    padding-bottom: 5px;
}

.appointment_physical {
    font-size: 0.9rem;
    color: #555; /* clear contrast on light bg */
    font-weight: 600;
    margin-top: 3px;
    display: block;
}

.cs_listing_grid_dynamic {
    font-size: 16px;
    color: #666;
    width: 100%;
    float: left;
    margin-top: 25px;
    text-align: justify
}

.cs_grid_text {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding-top: 15px;
    padding-bottom: 25px;
    width: 100%
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .footer-grid {
    float: left
}

.schedulebtn {
    cursor: pointer;
    color: #222;
    border: 1px solid #e0a800;
    font-weight: 600;
    border-radius: 6px;
    padding: 8px 16px;
    line-height: 16px;
    background-image: none;
    font-size: 12px;
    background-color: #f07818;
}

.notes {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.note-div {
    margin-bottom: 5px;
}

.blackcontainer {
    background: #222;
    border-color: #444;
    color: #ddd;
    text-align: center;
    margin: 15px 0;
    font-family: "Segoe UI", Roboto, sans-serif;
    line-height: 1.5;
    font-weight: bold;
    font-size: 20px;
}

.selectcitypara {
    color: #ccc;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 3px;
    display: block;
    text-align: center;
}

.table-box {
    line-height: 25px;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .table-box a {
        text-decoration: none;
        color: #414141;
    }

.easyime-para {
    font-size: 16px;
    color: #666;
    width: 100%;
    float: left;
    margin-top: 25px;
    text-align: justify;
    margin-bottom: 15px;
}

.table-cityname a {
    font-weight: bold;
}

.review {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding-top: 15px;
    padding-bottom: 25px;
}

.reviewimgtxt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .reviewimgtxt a {
        color: #666;
        display: block;
        font-size: 14px;
        margin-top: 3px;
        text-decoration: underline;
    }

.review-comment {
    color: #626262;
    font-size: 14px;
    font-size: 14px;
    padding: 15px 18px;
}

.footer {
    padding: 2%;
    background-color: #f8f9fa;
}

.container-footer,
.bottom-container {
    max-width: 1140px;
}

.footer-container {
    display: flex;
}

.footer-colums {
    padding: 0 15px;
}

.footer-heading {
    font-size: 1.4rem;
    font-weight: 500;
    color: #060;
    text-transform: uppercase;
    margin-bottom: 1em;
    margin-top: 1em;
    letter-spacing: 0.5px;
}

.footer-colums ul {
    padding-left: 0;
}

    .footer-colums ul li {
        list-style: none;
        margin-bottom: 7px;
    }

        .footer-colums ul li a {
            font-size: 1em;
            text-decoration: none;
            line-height: 2em;
            color: #000;
            list-style: none;
            text-transform: capitalize;
            word-break: normal;
            word-wrap: break-word;
        }

            .footer-colums ul li a img {
                width: 16px;
                margin-right: 10px;
            }

a[itemprop="telephone"] {
    font-weight: 600;
}

.footer-bottom {
    background-color: #5d4b33;
    padding: 5px;
}

    .footer-bottom p {
        font-size: 1em;
        color: #fff;
        line-height: 1.8em;
        text-align: center;
    }

        .footer-bottom p a {
            color: #fff;
        }

.timetable {
    /* width: 100%;
  float: left; */
    padding: 10px;
    text-align: center;
}

.tt-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

    .tt-list li {
        float: left;
        /* margin-bottom: -1px; */
    }

    .tt-list a {
        display: block;
        padding: 5px;
        margin-right: 2px;
        border: 1px solid #ccc;
        border-radius: 4px 4px 0 0;
        font-weight: 600;
    }

    .tt-list .active {
        color: #fff;
        cursor: default;
        border-bottom-color: #fff0;
    }

        .tt-list .active a,
        .ambuttons .active {
            border: 1px solid #ddd;
            background-color: #f07818;
            color: #fff;
        }

.time-tab {
    /* width: 98%; */
    float: left;
    margin: 10px;
}

.AMtiming {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ambuttons {
    display: flex;
}

    .ambuttons button {
        float: left;
        margin-right: 5px;
        margin-top: 2px;
    }

.btnTIME {
    color: #fff;
    background-color: #5c5d5d;
}

.amtxt {
    font-weight: bolder;
}

.am-timetab {
    margin-bottom: 0;
}

.contries-container {
    max-width: 1140px;
}

.partner-title {
    font-size: 14px;
    font-weight: normal
}

@media screen and (max-width: 1024px) {
    .header {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .container-breadcrumb {
        max-width: 960px;
    }

    .header {
        padding: 0 10px;
        margin: 10px 10px 0 10px;
    }

    .header-main {
        height: 90px;
    }

    .USCIS-Doctors h2,
    .USCIS-Doctors h1 {
        font-size: 18px;
    }

    .list-top {
        flex-wrap: wrap;
    }

    .scheduleAppointment {
        font-size: 20px;
    }

    .container-table {
        padding: 0px;
    }

    .table-wrap {
        padding: 1rem;
        gap: 0.5rem;
    }

    .firstpart {
        padding: 0 5px;
    }

    .footer-heading {
        font-size: 20px;
        margin: 0.5em 0;
    }

    .tt-list a {
        font-weight: normal;
    }
}

@media screen and (max-width: 500px) {
    .header {
        padding: 10px;
        margin: 0;
    }

    .USCIS-Doctors h2,
    .USCIS-Doctors h1 {
        font-size: 16px;
    }

    .breadcrumb-list {
        /* padding: 0 10px; */
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .epsinol {
        justify-content: center;
        border-top: 1px solid #d4e0e3;
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
    }

    .list-top {
        align-items: center;
        justify-content: center;
    }

    .scheduleAppointment {
        font-size: 16px;
    }

    .table-wrap,
    .middlepart {
        flex-direction: column;
    }

    .verified {
        margin-top: 0;
    }

    .price {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .leftofmiddlepart,
    .secondpart-right {
        border: none;
    }

    .secondpart-right {
        padding: 0 15px;
        border-top: 1px solid #d4e0e3;
    }

    .price-distri h6,
    .price-dollar {
        border-bottom: none;
        margin-bottom: 0;
    }

    .price-distri {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .firstpart {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .citystarwrap {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 5px;
        justify-content: center;
    }

    .price-distri h6,
    .cityname {
        padding-top: 0;
        padding-bottom: 0;
    }

    .all-inclusive {
        border: none;
        padding-bottom: 0;
    }

    .span-includes,
    .allinclusive {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 0;
        justify-content: center;
    }

    .table-box {
        justify-content: space-evenly;
    }

    .review-comment {
        padding: 0;
    }

    .footer-colums ul li {
        margin: 0;
    }

    .imagesize {
        width: 19px;
        height: 19px;
    }

    .advertise-img img {
        width: 285px;
    }

    .lastpart {
        border-top: 1px solid #d4e0e3;
    }

    .timetable {
        padding: 5px;
    }
}

@media screen and (max-width: 650px) and (min-width: 500px) {
    .table-wrap {
        padding: 5px;
    }
}