.navbar-nav {display: -ms-flexbox;display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;align-items: center;}
.navbar-light .navbar-nav .nav-link {color: rgba(0, 0, 0, 0.5);display: none;}


.common_table_main{background-color: white; border-radius: 14px; margin-bottom: 50px; border: 0.3px solid #b9b9b95e; border-top: 0px;overflow-x: auto;}
table.common_table {background-color: white;border-collapse: collapse;width: 100%;border-radius: 14px;}
table.common_table thead th {text-transform: uppercase; padding: 15px 10px;font-weight: 600; border-top: 0px; background: #FCFDFD;}
table.common_table tbody td{/*border-bottom: 1px solid #f0f0f0;*/padding: 10px 10px;}

table.common_table thead th:first-child{border-radius: 14px 0 0 0;}
table.common_table thead th:last-child{border-radius: 0 14px 0 0;}

table.common_table tbody td,
table.common_table thead th {white-space: nowrap;border-bottom: 0.4px solid #f0f0f0;font-size: 14px;font-weight: 400;line-height: 17px;color: #202224;opacity: 90%;text-align: left; }

table.common_table tbody tr td{vertical-align: middle;}
table.td_lastchildw55 tbody tr td:last-child {width: 55%;}

a.view_morebtn {text-decoration: none;border: 1px solid var(--orange);border-radius: 100px;width: 100px;padding: 4px 33px;color: var(--orange);font-weight: 600;font-size: 14px;line-height: 24px;cursor: pointer;display: inline-block; }
a.view_morebtn:hover {background-color: var(--orange);color: #fff;}
/*table.common_table thead th:first-child {padding-left: 20px;}
table.common_table thead th:last-child {padding-right: 20px;}
table.common_table td:first-child {padding-left: 20px;}
table.common_table td:last-child {padding-left: 15px;}*/

/* custom_pagination css */
.custom_pagination {display: flex;padding-left: 0;padding: 22px 30px;align-items: center;gap: 50px;}
.custom_pagination ul {margin: 0px;display: flex;gap: 31px;padding: 0px;align-items: center;}
.custom_pagination ul li {list-style: none;padding: 0px;margin: 0px;}
.custom_pagination li a{text-decoration: none;width: 32px;height: 32px;border-radius: 50%;background-color: #ffffff;display: flex;align-items: center;justify-content: center;color: #323232; font-size: 14px; font-weight: 400;}
.custom_pagination span a{text-decoration: none;color: #323232;}
.custom_pagination .back_btn, .next_btn{padding: 0px;margin: 0px;font-size: 12px;font-weight: 300;color: #635E53;}
.custom_pagination .active a {font-size: 22px;color: #323232;font-weight: 500;}
.custom_pagination ul li a:hover {width: 32px;height: 32px;border-radius: 50%;background-color: #dbd9d9;}
.custom_pagination .arrow_icon a{width: 32px;height: 32px;background-color: var(--orange);border-radius: 50%;align-items: center;justify-content: center;display: flex;color: white;}
.custom_pagination .arrow_icon a:hover {border: 2px solid var(--orange);color: var(--orange);}

/* popup form */
.modal-content{border-radius: 14px;border: 1px solid #B9B9B9;padding: 20px;}
.modal-title{font-size: 16px;font-weight: 600;line-height: 19px;color: #000000;}
.popup_details {display: flex;gap: 16px;margin-bottom: 20px;}
.prescriptions_details h5{font-size: 14px;font-weight: 400;line-height: 16px;color: #7E7E7E;margin-bottom: 34px;}
.popup_details .prescriptions_details span{font-size: 14px;font-weight: 500;line-height: 16px;color: #000000;}
.prescriptions_table th,
.prescriptions_table td{font-size: 14px;font-weight: 600;line-height: 21px;color: #000000;border: 1px solid var(--orange);padding: 20px 15px;}
.table thead th {border-bottom: 1px solid var(--orange);}
.modal-body .prescriptions_table {display: flex; gap: 20px;}
.prescription_t2 th:last-child {width: 70%;}

/* order page */

.common_filter {display: flex;background: white;border-radius: 10px;align-items: center;margin-bottom: 24px; max-width: max-content;height: 74px;align-items: center;}
.common_filter h5{font-size: 14px;font-weight: 600;line-height: 22px;color: #202224; margin: 0px;}
.common_filter img {width: 15px;margin-right: 8px;}
.common_filter .filter_space {padding: 26px;border: 0;border-right: 1px solid #b9b9b95e;}
.common_filter .filter_space select {border: 0;}
.common_filter .filter_space:last-child{border-right: 0px;}
.common_filter .reset_btn a{text-decoration: none;font-size: 14px;line-height: 19px;color: #EA0234; padding-right: 20px;}

.ordertable_width thead th:last-child {width: 65%;}

/* Your Invoice CSS */

table.your_invoice tbody tr td:last-child {width: 14%; }

.full_paymentbtn {text-decoration: none;border: 1px solid var(--green); background-color: var(--green); border-radius: 100px;width: 110px;padding: 5px 12px;color: #ffffff;width: 600;font-size: 14px;line-height: 24px; cursor: pointer;}
.full_paymentbtn:hover {background-color: #ffffff;color: var(--green);}

/* Your Receipt CSS */

.add_depositbtn {text-decoration: none;border: 1px solid var(--yellow); background-color: var(--yellow); border-radius: 100px;width: 110px;padding: 5px 12px;color: #000000;width: 600;font-size: 14px;line-height: 24px; cursor: pointer;}
.add_depositbtn:hover {background-color: #ffffff;color: #000000;}


/* xbucks-rewards CSS */

table.td_lastchildw40 tbody tr td:last-child {width: 40%;}
.xbucks-rewards {background: #fff;border: 1px solid #D5D5D5;border-radius: 10px;padding: 45px 30px 0px 30px;}
.reward_boxes {width: 33%;}
.xbucks-rewards .rewards {display: flex;gap: 38px; margin-bottom: 44px;}
.xbucks-rewards .rewards .reward_boxes .total_innerbox {padding: 32px 0px; border-radius: 13px;display: flex;align-items: flex-end;justify-content: center;}
.reward_boxes h5{font-size: 16px;line-height: 24px;font-weight: 500;color: #202224;margin-bottom: 10px;}
.total_innerbox  h2{font-size: 62px;line-height: 75px;font-weight: 500;color: #FFFFFF;}
.total_innerbox  h6{font-size: 22px;line-height: 26px;font-weight: 400;color: #FFFFFF;}
.earned_box{background-color: #1DA3DD;}
.balance_box{background-color: var(--green);}
.redeemed_box{background-color: #FF7171;}
.create_coupon h2{font-size: 16px;line-height: 24px;font-weight: 500;color: #202224;margin-bottom: 7px;}
.create_coupon p{font-size: 14px;line-height: 26px;font-weight: 500;color: #5C5C5C;margin-bottom: 30px;}
.create_coupon h6{font-size: 14px;line-height: 16px; font-weight: 400; color: #1C1B1F; margin-bottom: 14px;}
.create_coupon .coupon_form {margin-bottom: 36px;}
.input_box{border: 1px solid #79747E;border-radius: 4px;width: 41%;height: 36px;margin-right: 32px;}
.coupon_form button {background-color: var(--orange);border-radius: 100px;border: 1px solid var(--orange);font-size: 14px;color: #fff;padding: 12px 30px;}
.coupon_form button:hover {background-color: #ffffff;;border: 1px solid var(--orange);color: var(--orange);}
.xbucks-rewards h4{font-size: 16px;line-height: 24px; font-weight: 500; color: #202224; margin-bottom: 25px;}
/* table.common_table tbody tr td:last-child {width: 40%;} */
.common_table .td_red {color: red;}
.common_table .td_green {color: var(--green);}

.xbucks_td tbody tr td {border-bottom: 0px !important;}
.xbucks_td_main {border: 0.3px solid #b9b9b95e;}

/* affiliate program Css */

.affiliate_program {background: #fff;border-radius: 14px;padding: 45px 30px;}
.affiliate_program .program_col {display: flex; gap: 24px;}
.affiliate_program .program_col .col_left {width: 43%;}
.affiliate_program .program_col .col_left h3{font-size: 16px; font-weight: 500;line-height: 24px;color: #202224;margin-bottom: 10px;}
.affiliate_program .program_col .col_left .col_leftinner {padding: 38px 0px;background: #1DA3DD;border-radius: 13px;text-align: center;margin-bottom: 42px;}
.affiliate_program .program_col .col_left .col_leftinner h2{font-size: 62px;font-weight: 500;line-height: 75px;color: #FFFFFF;}
.affiliate_program .program_col .col_left h5{font-size: 16px;font-weight: 500;line-height: 24px;color: #202224;margin-bottom: 10px;}
.affiliate_program .program_col .col_left .affiliatelink_box{border: 0.5px solid #A9A9A9;border-radius: 8px;padding: 21px 0px 21px 21px;text-align: left;margin-bottom: 26px;}
.affiliate_program .program_col .col_left .affiliatelink_box a{font-size: 16px;font-weight: 400;line-height: 26px;text-align:left; color: #1DA3DD;}
.affiliate_program .program_col .col_left .copybtn{border: 1px solid var(--orange);border-radius: 100px;font-size: 14px;font-weight: 600; line-height: 24px;color: var(--orange); padding: 12px 45px;}
.affiliate_program .program_col .col_left .copybtn:hover{background-color: var(--orange);color: var(--orange);color: white;}
.affiliate_program .program_col .col_right {width: 57%;}
.affiliate_program .program_col .col_right h3{font-size: 16px;font-weight: 500;line-height: 24px;color: #202224;margin-bottom: 10px;}
.affiliate_program .program_col .col_right .col_rightinner1{background-color: #F0F0F0;border-radius: 13px;padding: 21px 0px 21px 21px;text-align: left;margin-bottom: 24px;padding: 14px 24px 29px 24px;}
.affiliate_program .program_col .col_right .col_rightinner1 p{font-size: 14px;font-weight: 400;line-height: 26px;color: #5C5C5C;margin-bottom: 19px;}
.affiliate_program .program_col .col_right .col_rightinner1 h6{font-size: 14px;font-weight: 400;line-height: 16px;color: #1C1B1F;margin-bottom: 14px;}
.affiliate_program .program_col .col_right .col_rightinner1 h5{font-size: 16px;font-weight: 500;line-height: 24px;color: #202224;margin-bottom: 4px;}
.affiliate_program .program_col .col_right .col_rightinner1 form.withdraw_form {display: flex;gap: 16px;justify-content: space-between;}
.affiliate_program .program_col .col_right .col_rightinner1 .withdraw_form .input_box {width: 67%;height: 48px;margin-right: 0px;}
.affiliate_program .program_col .col_right .col_rightinner1 .withdraw_form button {width: 30%;background-color: var(--orange);border-radius: 100px;border: 1px solid var(--orange);font-size: 14px;color: #fff;padding: 12px 30px;}
.affiliate_program .program_col .col_right .col_rightinner1 .withdraw_form button:hover {background-color: #ffffff;border: 1px solid var(--orange);color: var(--orange);}

/*button.button_width {width: 162px;}*/

.affiliate_program .your_link{margin-bottom: 54px;}
.affiliate_program .your_link h3{font-size: 16px;font-weight: 500;line-height: 24px;color: #202224; margin-bottom: 12px;}
.affiliate_program .your_link p{font-size: 14px;font-weight: 400;line-height: 26px;color: #5C5C5C; margin-bottom: 20px;}
.affiliate_program .your_link span{font-size: 14px;font-weight: 400;line-height: 26px;color: #1DA3DD; margin-bottom: 20px;}
.affiliate_program .your_link h5{font-size: 14px;font-weight: 400;line-height: 16px;color: #1C1B1F; margin-bottom: 14px;}
.affiliate_program .your_link .affiliatelink_form .input_box{border: 1px solid #79747E;border-radius: 4px;width: 43%; height: 48px;margin-right: 24px;}
.affiliate_program .your_link .affiliatelink_form button{background-color: var(--orange);border-radius: 100px;border: 1px solid var(--orange);font-size: 14px;color: #fff;padding: 12px 30px;}
.affiliate_program .your_link .affiliatelink_form button:hover{background-color: #ffffff; border: 1px solid var(--orange); color: var(--orange);}
.affiliate_table h5{font-size: 16px;font-weight: 500;line-height: 24px;color: #202224; margin-bottom: 18px;}
.affiliate_table p{font-size: 14px;font-weight: 400;line-height: 26px;color: #5C5C5C; min-height: 53px;}
table.table_padding td{padding: 20px 0px;}
/*.table_align tbody tr td {text-align: center;}*/

/* Dashboard css */

.dashboard_main .dashboard_row1 {display: flex;gap: 25px; margin-bottom: 30px;}
.dashboard_main .boxes_1 {background: #fff;border-radius: 13px; width: 16%;position: relative;}
.dashboard_main .boxes_1 .box_details {padding: 16px 10px;min-height: 158px;}
.dashboard_main .boxes_1 .box_details .icon_row1 {background-color: #1da3dd41; width: 44px;height: 44px;border-radius: 50%;text-align: center;display: flex; align-items: center;justify-content: center;position: absolute;right: 9px;top: 13px;}
.dashboard_main .boxes_1 .box_details h3 {width: 65%;font-size: 14px;font-weight: 400;line-height: 24px;color: #000000; }
.dashboard_main .boxes_1 .click_btn {background: var(--orange);border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;text-align: center;position: absolute;width: 100%;bottom: 0px;}
.dashboard_main .boxes_1 a{color: #ffffff;text-decoration: none;background-color: transparent;font-size: 16px;line-height: 24px; font-weight: 400;display: block;padding: 4px 0px;}

.dashboard_main .dashboard_row2 .left_col .inner_row {display: flex;gap: 26px; margin-bottom: 30px;}
.dashboard_row2 .left_col .commission_box {background: white;padding: 16px 20px;border-radius: 20px;width: 50%;}
.dashboard_row2 .left_col .inner_row .commission_box .commission_details{display: flex; gap: 60px; min-height: 40px;justify-content: space-between;align-items: flex-start;}
.dashboard_row2 .left_col .inner_row .commission_box .commission_details h5{font-size: 14px;font-weight: 500;line-height: 16px;color: #797D8C;}
.dashboard_row2 .left_col .inner_row .commission_box h2{font-size: 26px;font-weight: 600;line-height: 26px;color: #04103B; margin-bottom: 21px;}
.view_btn {font-size: 12px;font-weight: 600;line-height: 14px;color: var(--orange);text-decoration: underline;}
.view_btn:hover{color: var(--orange);}

.dashboard_row2 .left_col .inner_row .commission_box p{font-size: 14px;font-weight: 400;line-height: 20px;color: #000000; display: flex; gap: 9px;}
.dashboard_row2 .left_col .inner_row .commission_box p img{width: 16px; height: 20px;}
.dashboard_row2 .left_col .latest_prescription_details {background: white;border-radius: 13px;padding: 21px; margin-bottom: 30px;}
.dashboard_row2 .left_col .latest_prescription_details h5{font-size: 14px;font-weight: 500;line-height: 16px;color: #797D8C; margin-bottom: 17px;}
.dashboard_row2 .left_col .latest_prescription_details .latest_details{display: flex; gap: 11px; margin-bottom: 24px;}
.dashboard_row2 .left_col .latest_prescription_details .latest_details p{font-size: 12px;font-weight: 400;line-height: 14px;color: #7E7E7E;}
.dashboard_row2 .left_col .latest_prescription_details .latest_details p span{font-size: 12px;font-weight: 500;line-height: 14px;color: #000000;}

.dashboard_row2 .right_col {background: white;border-radius: 13px;padding: 16px 20px 10px;margin-bottom: 30px;}
.dashboard_row2 .right_col .order_status {display: flex;justify-content: space-between;}
.dashboard_row2 .right_col .order_status .left_details h5{font-size: 14px;font-weight: 500;line-height: 16px;color: #797D8C; margin-bottom: 12px;}
.dashboard_row2 .right_col .order_status .left_details h4{font-size: 14px;font-weight: 400;line-height: 14px;color: #000000; margin-bottom: 24px;}
.dashboard_row2 .right_col .order_status .right_details {display: flex;flex-direction: column; gap: 9px;}
.dashboard_row2 .right_col .order_status .right_details img{width: 38px; height: 31px;}

.table_radius thead th {border-bottom: 1px solid #000000;}
.table_radius th, .table_radius td {font-weight: 600;line-height: 21px;color: #000000;border: 1px solid #848484; padding: 10px;}
.latest_details_table {display: flex;gap: 24px;}
.tablebtn_green {text-decoration: none;border: 1px solid #00B69B;background-color: #00B69B;border-radius: 100px;padding: 5px 15px;color: #FFFFFF;font-size: 14px;line-height: 24px;cursor: pointer;display: inline-block;font-family: 'Nunito';font-weight: 600;}
.tablebtn_green:hover {border: 1px solid #00B69B;background-color: #ffffff;color: #00B69B;}


.dasboard_row3 {}
.dasboard_row3 .latest_alerts {display: flex;align-items: center;justify-content: space-between;padding-right: 20px;margin-bottom: 20px;}
.dasboard_row3 .latest_alerts h3{font-size: 16px;font-weight: 400;line-height: 23px;color: #000000;}
.dasboard_row3 .latest_row {display: flex;gap: 16px;background: #fff;border-radius: 10px;padding: 10px;align-items: center;margin-bottom: 29px;}
.dasboard_row3 .latest_row .latest_icon {background: #F9E9D2;border-radius: 10px;width: 50px;height: 50px; display: flex;align-items: center;justify-content: center;}
.latest_row p{font-size: 14px;font-weight: 400;line-height: 23px;color: #000000;padding: 0px; margin-top: 0px; margin-bottom: 0px;width: 70%;}
.latest_row .timer{font-size: 14px;font-weight: 400; line-height: 16px;color: #404040; display: flex; opacity: 90%; width: 15%;gap: 5px;}
.latest_row .timer img {width: 14px;height: 14px;margin-top: 6px;margin-right: 5px;}

.change_color2{background-color: #BDEDFF;}
.change_color3{background-color: #E5E6FC;}
.dashboard_table {border: 0.3px solid #b9b9b95e;margin-bottom: 25px;}


/* order_dtails css */
.row1 {padding: 25px 20px;border-top: 0.3px solid #9797976e;border-bottom: 0.3px solid #9797976e;}
.order_dtails{display: flex; gap: 27px;margin-bottom: 30px; }
.order_dtails img {margin-right: 14px;}
.order_dtails a{font-size: 16px;font-weight: 500;line-height: 24px;color: #202224;}
.order_dtails_row{background-color: #fff; border-radius: 13px;  padding-top: 25px;}
.order_dtails_row .px_details {display: flex;justify-content: space-between;align-items: center; margin-bottom: 21px;}
.order_dtails_row .px_details h4{font-size: 16px;font-weight: 700;line-height: 19px;color: #202224;margin: 0px; }
.order_dtails_row .px_details .job_details {display: flex;gap: 27px;}
.order_dtails_row .px_details .job_details .bor_der {border: 0.5px solid #575757;display: flex;gap: 8px;border-radius: 5px;align-items: center;padding: 2px 3px 2px 9px;}
.order_dtails_row .px_details .job_details .bor_der h5{font-size: 16px;font-weight: 500;line-height: 19px;color: #000000; margin: 0px;}
.order_dtails_row .px_details .job_details .bor_der span{font-size: 16px;font-weight: 500;line-height: 19px;color: #9F9F9F; }
.order_dtails_row .px_details .job_details .bor_der .cart_icon {width: 30px; height: 30px; border-radius: 3px; background-color: #FFEEE2;display: flex;align-items: center;justify-content: center;}
.order_dtails_row .px_description {display: flex; gap: 180px; margin-bottom: 0px;}
.order_dtails_row .px_description p{font-size: 14px;font-weight: 400;line-height: 24px; color: #000000;  margin-bottom: 21px;}
.order_dtails_row .px_description span{ color: #888888;}
.orders_alldetails{padding: 30px 20px;}
.orders_alldetails h4{font-size: 16px;font-weight: 700;line-height: 19px; color: #202224;  margin-bottom: 30px; padding-left: 5px;}
.orders_alldetails .orders_colleft h6{font-size: 14px;font-weight: 400;line-height: 24px; color: #000000;  margin-bottom: 21px; }
.orders_alldetails .orders_colleft span{ color: #888888; }
.orders_alldetails .orders_colleft .orders_type {border: 0.5px solid var(--orange);width: 45%;padding: 11px 14px 0px 14px;border-radius: 8px; margin-bottom: 20px;}
.orders_alldetails .orders_colleft .orders_type h6{font-size: 14px;font-weight: 400;line-height: 24px; color: #000000;  margin-bottom: 16px; }
.orders_alldetails .orders_colleft .orders_type span{color: #888888; }
.orders_alldetails .orders_colleft .orders_discounts p{font-size: 14px;font-weight: 400;line-height: 24px; color: #000000;  margin-bottom: 16px; }
.orders_alldetails .orders_colleft .orders_discounts span{color: #888888; }
.orders_description_table {display: flex;gap: 16px; margin-bottom: 20px;}

.table_order {border-collapse: collapse;border: 1px solid #848484;}
.table_order thead th {border-bottom: 1px solid #848484;padding: 13px;align-items: start;border-right: 1px solid #848484;}
.table_order tbody td {border-bottom: 1px solid #848484;padding: 8px;align-items: start;border-right: 1px solid #848484;}
.special_notes {display: flex;gap: 10px;}
.special_notes .notes_heading h5{font-size: 14px;font-weight: 400;line-height: 24px; color: #000000; width: 100%;}
.special_notes .notes_text {width: 60%;}
.special_notes .notes_text p{font-size: 14px;font-weight: 400;line-height: 23px; color: #888888;}
.orders_colright {padding-top: 40px;}
.orders_colright .products_details{border: 0.5px solid var(--orange);width: 73%;padding: 11px 14px 0px 14px;border-radius: 8px; margin-bottom: 20px;}
.orders_colright .products_details h6{font-size: 14px;font-weight: 400;line-height: 24px; color: #000000;  margin-bottom: 16px; }
.orders_colright .products_details span{color: #888888; margin-left: 10px;}
.total_amount{border: 2px solid var(--orange); border-radius: 9px; padding: 16px 18px; width: 73%; margin-top: 23px;}
.total_amount h3{font-size: 22px;font-weight: 600;line-height: 24px; color: #3E4243; margin: 0px;}
.total_amount span{color: var(--orange);}
.track_order {padding: 0px 20px;margin-bottom: 28px;}
.order_dtails_row .track_order h4{font-size: 16px;font-weight: 700;line-height: 19px; color: #202224; margin-bottom: 27px;}
.order_dtails_row .track_order .track_order_box { display: flex;gap: 59px; position: relative;}
.order_dtails_row .track_order .track_order_box .order_record {width: 10%;}
.order_dtails_row .track_order .track_order_box .order_record h3 {font-size: 14px;font-weight: 300;line-height: 21px;color: #202224;max-width: 68%;opacity: 0.9;}
.order_dtails_row .track_order .track_order_box:before {position: absolute;top: 14px;left: 0;display: block;content: '';width: 95%;height: 2px;background: #FFC6A0;}
.order_dtails_row .track_order .track_order_box .completed h3 {font-size: 14px;font-weight: 500;line-height: 21px;color: #000000;max-width: 68%;opacity: 0.9;}
.order_dtails_row .track_order .track_order_box .process h3 {font-size: 14px;font-weight: 500;line-height: 21px;color: var(--orange);max-width: 68%;opacity: 0.9;}
.track_order_box .process .process_record {background-color: #fff;width: 30px;height: 30px;border: 2px solid var(--orange);border-radius: 50%;display: flex;justify-content: center;position: relative;margin-bottom: 28px}
.order_record .inactive{background: #FFE1CD;width: 30px;height: 30px;border-radius: 50%;margin-bottom: 28px;position: relative;}
.icon_border {border: 2px solid var(--orange);background-color: #ffffff;width: 30px;height: 30px;border-radius: 50%;max-width: 30px}
.track_order_box .completed .check_record {background: var(--orange);width: 30px;height: 30px;border-radius: 50%;display: flex; margin-bottom: 28px;position: relative;align-items: center;justify-content: center;}
.track_order_box .completed .check_record a img {position: relative; top: -1px;}


table.common_table thead th:first-child,
table.common_table td:first-child {
    padding-left: 20px;
}
table.common_table thead th:last-child,
table.common_table td:last-child  {
    padding-right: 20px;
}

.table_prescription{border-radius: 14px;width: 50%;}
.table_prescription table{background-color: white;border-collapse: collapse;width: 100%;border-radius: 14px;margin: 0;}
.table_prescription thead th:first-child,
.table_prescription thead th:last-child {border-radius: 14px;}
.table_prescription table th,
.table_prescription table td{border-top: 1px solid #848484;}

table.common_table.dashboard_table1 thead th {background: #F1F1F1;}

.common_filter .filter_space {padding: 26px;border: 0;border-right: 1px solid #b9b9b95e;}

.update_acntbtn button {background-color: var(--orange);border-radius: 100px;border: 1px solid var(--orange);font-size: 14px;color: #fff;padding: 12px 30px;}


/*login & Signup Page css*/

.login_sectionbody { margin: 0; padding: 0; display: flex; gap:0px; align-items: center; height: 100vh; background-image: url(../images/login-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; flex-direction: column;justify-content: center;}
.login_sectionbody .login_pg_logo {  width: 100%; text-align: center; margin-bottom: 28px;}
.login_sectionbody .login_pg_logo a { display: block; width: 20%; margin: auto;}
.login_sectionbody .login_pg_logo a img {width: 90%;}
.login_sectionbody .login-container {background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0px 4px 10px #1da3dd91; width: 100%;max-width: 30rem; text-align: center;}
.login_sectionbody .login-container .login-form h2 { margin-top: 10px; margin-bottom: 30px; color: #1da3dd; font-size: 35px;}
.login_sectionbody .login-form p {margin-bottom: 25px; font-size: 16px;}
.login_sectionbody .login-container .login-form .input-group { margin-bottom: 25px; width: 94%;}
.login_sectionbody .login-container .login-form .input-group label { display: block; margin-bottom: 5px; font-weight: bold;}
.login_sectionbody .login-container .login-form .input-group input { width: 100%; padding: 13px; border: 1px solid #ccc; border-radius: 5px; outline-color: #1da3dd; }
.login_sectionbody .login-container .login-form button { width: 100%; padding: 10px; border: 1px solid #1da3dd; border-radius: 5px; background: #1da3dd; color: #ffffff; font-size: 18px; cursor: pointer;}
.login_sectionbody .login-container .login-form button:hover { background: #ffffff; color: #1da3dd;}
.login_sectionbody .login-container .login-form .forgot_pass { margin-top: 10px; font-size: 16px; text-align: left; margin-bottom: 16px;}
.login_sectionbody .login-container .login-form .forgot_pass a { color: #1da3dd; text-decoration: none;}
.login_sectionbody .login-container .login-form .forgot_btn a { background: #1da3dd; display: inline-block; width: 96%; padding: 10px; border: 1px solid #1da3dd; border-radius: 5px; color: #ffffff; text-decoration: none; font-size: 18px; cursor: pointer;}
.login_sectionbody .login-container .login-form .forgot_btn a:hover{ background: #ffffff; color: #1da3dd;}


/* Submit Review Page css */

/* .submit_review {width: 50%;border: 1px solid #ffffff;border-radius: 20px;padding: 30px;background: #ffffff;} */
.submit_review {border: 1px solid #ffffff;border-radius: 20px;padding: 30px;background: #ffffff;}
.submit_review h4{font-size: 25px; margin-bottom: 25px;}
.submit_review form {display: flex; flex-direction: column; gap: 23px;}
.submit_review .user-name p{font-size: 20px; color: #000; margin: 0px;}
.submit_review .review_box { display: flex; flex-direction: row; gap: 18px; border: 0px;}
.star { font-size: 50px; cursor: pointer; color: #817d7d;}
.one, .two, .three, .four, .five {color: #fdcc0d;}
.submit_review .submit-btnn {background-color:#ff8330; color: #ffffff; padding: 12px; border: 1px solid #ff8330; border-radius: 24px; width: 35%; font-size:18px; border: 2px solid #ff8330;}
.submit_review .submit-btnn:hover {background-color:#ffffff; color: #ff8330;}




/*ipad*/
@media only screen and (max-width: 991px)
{
    .common_filter .filter_space {padding: 20px 10px;}
    /* login page css */
	.login_sectionbody  .login_pg_logo { margin-bottom: 36px;}
	.login_sectionbody .login-container {max-width: 60%;}

}

 /* Mobile  */
@media only screen and (max-width: 767px)
{

    /* Table */
    .orders_description_table .table_prescription .table_order thead th {padding: 19px;font-size: 14px;}
    .table_order tbody td{font-size: 14px;padding: 19px;}
    .common_table_main {margin-bottom: 0px;}
    .table_prescription {border-radius: 14px;width: 100%;}

    .content-wrapper {padding-left: 0px;}

    /* custom pagination */

    .custom_pagination {padding: 15px 10px;align-items: center;gap: 10px;}
    .custom_pagination ul {gap: 5px;}

    .navbar-light .navbar-nav .nav-link {display: block; padding-left: 0px;}


    table.td_lastchildw55 tbody tr td:last-child {width: auto;}
    /* Dashboard page css */
    /* header section */
    .social_topbar {display: none;}
    nav.main_header_cls ul.header_right_col .profile_area {display: none;}
    nav.main_header_cls ul.header_left_col li a {font-size: 14px;}

    /* dashboard row1 */
    .dashboard_main .dashboard_row1 {display: flex;flex-direction: row;flex-wrap: wrap;}
    .dashboard_main .boxes_1 {width: 48%;}
    .dashboard_main .dashboard_row2 .left_col .inner_row {display: flex;flex-direction: column;}
    .dashboard_row2 .left_col .commission_box {width: 99%;}



    /* Dashboard row3 */
    .dasboard_row3 .latest_row {display: flex;flex-direction: column; align-items: flex-start;}
    .latest_row p {width: 100%;}
    .latest_row .timer {width: 50%;}

    /* Your prescription page */
    .common_filter {overflow-x: auto;height: auto;}

    /* prescription page popup css */
    .modal-body .prescriptions_table {display: flex;flex-direction: column;}



	/* order hostory page css*/

	.common_filter .filter_space {padding: 22px 26px;}
	.reset_btn a span{display: none;}
	.ordertable_width thead th:last-child {width: 0%;}



	/* next eye page css */
	.eye-exam-time-remaining, .eye-exam-date-location {padding: 20px;}
	.eye-exam-time-remaining h3 {font-size: 18px;}
	.remaining-time-content-box {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 24px; padding-top: 25px;}
	.eye-exam-date-location h3{font-size: 18px;}
	.eye-exam-date-location-content-box { display: flex; gap: 20px; padding: 20px 0px 20px; flex-direction: row;}


	/* message alert page css */
	.accordion-button .accordion-angle {position: absolute;right: 0;top: 0;}
	.accordion-button .title-content .heading-content p {padding-right: 66px;}
	.accordion-button {display: flex;align-items: flex-start;}
	.message-alert-icon {margin: 15px 19px 20px 25px;}
	.title-content {padding: 10px 0px;}

	/* Xbucks Rewards page css */
	.xbucks-rewards {padding: 20px;}
	.xbucks-rewards .rewards {display: flex;gap: 23px;flex-direction: column;}
	.reward_boxes {width: 100%;}
	.coupon_form button {font-size: 11px;padding: 9px 20px;}
	.input_box {width: 54%;margin-right: 0px;}

	/* Affiliate Program page css */
	.affiliate_program {padding: 20px;}
	.affiliate_program .program_col .col_left {width: 100%;}
	.affiliate_program .program_col {display: flex;gap: 24px;flex-direction: column;}
	.affiliate_program .program_col .col_left .affiliatelink_box a {display: none;}
	.affiliate_program .program_col .col_right {width: 100%;}
	.affiliate_program .your_link .affiliatelink_form .input_box {width: 100%;margin-right: 5px;margin-bottom: 20px;}
	.affiliate_program .your_link .affiliatelink_form button {width:100%}
	.affiliate_program .program_col .col_left .copybtn {display: inline-block;width: 100%;text-align: center;}
	.affiliate_program .program_col .col_right .col_rightinner1 form.withdraw_form {display: flex;gap: 16px;justify-content: space-between;flex-direction: column;}

	/* Account Details page css*/
	.account-detail-container form {width: 100%;}
	.account-detail-container form .info-row .col_1 {width: 100%;}
	.account-detail-container form .form-button a {font-size: 13px;padding: 9px 4px;}
	.account-detail-container form .form-button {gap: 5px;padding-top: 19px;}
	.account-detail-container {padding: 20px;}
	.account-detail-container .account-user-image {padding-bottom: 28px;}

	/* update account details */
	.update-acnt-detail-container {padding: 20px;}
	.update-acnt-detail-container .form-container {width: -webkit-fill-available;padding-top: 35px;}
	.change-password-main .form-container {width: 100%;padding-top: 35px;}
	.change-password-main .change-password_btn button,.update-acnt-detail-container .Update-button button {margin-top: 10px;}
	.change-password-main {padding: 20px;}

	/* Store locator  page css*/
	.store-locator-container {flex-direction: column;}
	.store-locator-container .left-content { overflow-x: scroll; height: auto; width: 100%; display: flex; flex-wrap: nowrap;}
	.store-locator-container .right-content {width: 100%;height: 300px;}
	.store-locator-container .left-content .store-locator-box {padding: 18px 34px 18px 22px;align-items: flex-start; flex-direction: column-reverse;border-right: 1px solid rgba(7, 7, 7, 0.24);}
	.store-locator-box .content-box {width: 150px;}

	/*  Order History  */
	.order_dtails_row .track_order .track_order_box {gap: 30px;overflow-x: auto;}
	.order_dtails_row .track_order .track_order_box:before { width: 92vh;}
	.order_dtails_row .track_order .track_order_box .completed h3 {max-width: -webkit-fill-available;width: 60px;}
	.order_dtails_row .track_order .track_order_box .order_record {width: -webkit-fill-available;}
	.order_dtails_row .track_order .track_order_box .order_record h3 {max-width: -webkit-fill-available;width: 70px;}
	.order_dtails_row .px_details .job_details {gap: 20px;}
	.order_dtails_row .px_description {gap: 20px;}
	.order_dtails_row .px_description {gap: 10px;justify-content: space-between;}
	.order_dtails_row .px_description p {margin-bottom: 10px;display: flex;flex-direction: column;}
	.orders_alldetails h4 {margin-bottom: 15px;}
	.orders_alldetails .orders_colleft .orders_type {width: -webkit-fill-available;padding-bottom: 10px;}
	.orders_alldetails .orders_colleft .orders_type h6 {margin-bottom: 10px;}
	.orders_description_table {flex-direction: column;}
	.special_notes {flex-direction: column;}
	.special_notes .notes_text {width: -webkit-fill-available;}
	.orders_colright {padding-top: 20px;}
	.orders_colright .products_details {width: -webkit-fill-available;}

	.receipt-main .receipt-header .left-logo-col {gap: 20px;}
	.receipt-main .receipt-header .left-logo-col p {max-width: -webkit-fill-available;}
	.receipt-main .receipt-header .right-col-receipt h3 {font-size: 28px;line-height: 36px;}
	.receipt-main .receipt-header .right-logo-col {align-items: center;gap: 15px;justify-content: space-between;}
	.receipt-main .patient-datail,
	.receipt-main .product-details {padding: 20px;}
	.receipt-main .product-details .inner_row3 ul.patient-info {gap: 20px;}



      /* Order History   */
	.order_dtails_row .track_order .track_order_box {gap: 30px;overflow-x: auto;}
	.order_dtails_row .track_order .track_order_box:before { width: 92vh;}
	.order_dtails_row .track_order .track_order_box .completed h3 {max-width: -webkit-fill-available;width: 60px;}
	.order_dtails_row .track_order .track_order_box .order_record {width: -webkit-fill-available;}
	.order_dtails_row .track_order .track_order_box .order_record h3 {max-width: -webkit-fill-available;width: 70px;}
	.order_dtails_row .px_details .job_details {gap: 20px;}
	.order_dtails_row .px_description {gap: 20px;}
	.order_dtails_row .px_description {gap: 10px;justify-content: space-between;}
	.order_dtails_row .px_description p {margin-bottom: 10px;display: flex;flex-direction: column;}
	.orders_alldetails h4 {margin-bottom: 15px;}
	.orders_alldetails .orders_colleft .orders_type {width: -webkit-fill-available;padding-bottom: 10px;}
	.orders_alldetails .orders_colleft .orders_type h6 {margin-bottom: 10px;}
	.orders_description_table {flex-direction: column;}
	.special_notes {flex-direction: column;}
	.special_notes .notes_text {width: -webkit-fill-available;}
	.orders_colright {padding-top: 20px;}
	.orders_colright .products_details {width: -webkit-fill-available;}

	.receipt-main .receipt-header .left-logo-col {gap: 20px;}
	.receipt-main .receipt-header .left-logo-col p {max-width: -webkit-fill-available;}
	.receipt-main .receipt-header .right-col-receipt h3 {font-size: 28px;line-height: 36px;}
	.receipt-main .receipt-header .right-logo-col {align-items: center;gap: 15px;justify-content: space-between; flex-direction: row-reverse;}
	.receipt-main .receipt-header,
	.receipt-main .patient-datail,
	.receipt-main .product-details {padding: 20px;}

	.receipt-main .product-details:after {right: 115px;}
	.receipt-main .product-details .inner_row1 {width: -webkit-fill-available;}
	.receipt-main .patient-datail ul.patient-info {gap: 0;flex-direction: column;align-items: flex-start;}

	.receipt-main .product-details .inner_row3 ul.patient-info {gap: 5px; flex-direction: column;}
	.receipt-main .product-details .inner_row3 ul.patient-info li {width: -webkit-fill-available;}
	.receipt-main .product-details .inner_row3 .inner_row3_col1,
	.receipt-main .product-details .inner_row5 .inner_row5_col1 {width: 65%;}
	.receipt-main .product-details .inner_row3 .inner_row3_col2,
	.receipt-main .product-details .inner_row5 .inner_row5_col2 {width: 35%;}


	.receipt-main .payment-details {padding: 20px;flex-direction: column-reverse;}
	.receipt-main .payment-details:after{display: none;}
	.receipt-main .payment-details h3 {margin-bottom: 0px;}
	.receipt-main .payment-details .payment-right {width: -webkit-fill-available;margin-bottom: 20px;position: relative;}
	.receipt-main .payment-details .payment-right:after{content: '';position: absolute;right: 95px;top: -21px;width: 1px;height: 100%;background: #97979760; }
	.receipt-main .payment-details .payment-right .total-Sale { position: relative; z-index: 9;}
	.receipt-main .payment-details .payment-right .total-Sale label {padding: 15px;}
	.receipt-main .payment-details .payment-right .total-Sale span {font-size: 24px;}

	.receipt-main .payment-details .payment-left {width: -webkit-fill-available;}
	.receipt-main .payment-details .payment-left .row2 {flex-direction: column;gap: 20px;}
	.receipt-main .payment-details .payment-left .row2_col1 {width: -webkit-fill-available;}
	.receipt-main .payment-details .payment-left .row2_col1 .credit-card {width: -webkit-fill-available;}
	.receipt-main .payment-details .payment-left .row2_col2 label {padding-bottom: 5px;display: flex;flex-direction: row;justify-content: space-between;}

    .total_amount {width: 100%;}

    /* login & signup page */
	.login_sectionbody .login-container {width: 100%; max-width: 80%;}
	.login_sectionbody .login_pg_logo {margin-bottom: 28px;}
	.login_sectionbody .login-container .login-form h2 {font-size: 25px;}
	.login-form p {font-size: 12px;}
	.login_sectionbody .login_pg_logo a {width: 57%;}

	/* submit Review */
	.submit_review {width: 100%;}

	.submit_review .submit-btnn {width: 37%;}


}


/* extra small  */
@media only screen and (max-width: 520px) {
	/* submit Review */
	.submit_review {width: 100%;}

	.submit_review .submit-btnn {width: 58%;}
}


/* Prescription management popup table */

.prescriptions_table .dropdown_table th.table_heading {display: flex; padding: 5px;justify-content: center; border: 1px solid #ddd; background: #f8f9fb; cursor: pointer; text-align: center;     width: 100%;}
.prescriptions_table .dropdown-toggle {background: white !important;border: 1px solid #dee2e6 !important;color: #495057 !important;min-width: 100%;text-align: left;display: flex; align-items: center; justify-content: space-between; position: relative;}
.prescriptions_table .dropdown-menu { max-height: 35vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #22a2db transparent; min-width: -webkit-fill-available;}
.prescriptions_table .dropdown_table{width: 100%; }
.prescriptions_table .dropdown_table22{margin-top: 20px;}
/* .dropdown_table thead th  { border: 1px solid #ddd; background: #f8f9fb; cursor: pointer; text-align: center;} */
.dropdown_table thead th span { font-size: 16px; padding: 10px; color: #000000; font-weight: 800;}
.dropdownValues{margin-bottom: 20px;}
.dropdownValues:hover{cursor: pointer;background: #f8f9fb;}
.dropdownValues tr td { font-size: 16px; padding: 8px 0px; color: #000000; text-align: center; font-weight: 800; border: 1px solid #ddd; cursor: pointer;}
.dropdown_table td { font-size: 16px; font-weight: 400; line-height: 21px; color: #000000; border: 1px solid #ddd; padding: 10px 10px;}
.dropdown_table .fontscolor_red {color: #dc3545; font-weight: 400;}
.dropdown_table span.border_right {border-right: 1px solid #ddd;}
.align_items tr td {text-align: center;}

/* popup table */

.margin_bottom20{margin-bottom: 27px; margin-top: -6px;}
.prescriptions_details .margin_bottom20 label {font-size: 14px;font-weight: 400;line-height: 16px;color: #7E7E7E;}