@media (min-width: 769px) {
    .md-hidden{
        display: none;
    }
}

@media (max-width: 932px) {
    header#header_cp {
        width: calc(100% - 40px) !important;
        right: 40px !important;
        padding: 0 10px;
    }
    div#cp_breadcrumb {
        position: absolute;
        top: 3px;
    }
   aside#column-right.wide_col {
        display: none;
    }
    #column-right.wide_col + .col_content {
        width: 100%;
    }
    fieldset.register_inputs > div.row {
        width: 100%;
        margin: auto;
    }
    #column-right + .col_content {
        width: 100vw;
        top: 0;
        padding: 60px 40px 0 0;
        overflow: hidden;
    }
    #column-right + .col_content > main {
        padding: 0 8px;
        margin: 20px 0;
        width: 100%;
        min-height: calc(100vh - 164px);
    }
    #header_cp h1 {
        display: none;
    }
    #header_cp > button, #header_cp > a {
        margin-top: 12px;
    }

    aside#column-right {
        position: fixed;
        height: 100vh;
        width: 40px;
        bottom: 0;
        left: inherit;
        margin: 0;
        padding: 0;
        z-index: 999;
        transition: height 0.8s;
        right: 0;
    }  
    aside#column-right.open {
     
    }
    aside#aside_right_col {
        width: 100%;
        overflow: hidden;
        transition: width 0.4s , height 0.6s;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        bottom: 0;
        top: inherit !important;
        position: absolute;
    }
    aside#aside_right_col > #aside_right_col_top {
        padding: 0px !important;
        width: 40px;
        height: 40px;
    }
    #aside_right_col > nav {
        margin: 0;
        padding: 0 !important;
        height: 100%;
        width: 100%;
    }
    #aside_right_col > nav > ul {
        height: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 10px 8px;
    }
    #aside_right_col > nav > ul > li {
        line-height: 40px;
        padding: 0 !important;
        margin: 0 !important;
    }
    #column-right nav ul li a {
        padding: 0px !important;
        line-height: 40px;
    }

    #column-right nav ul li a span, 
    #column-right #aside_top_name , 
    #column-right #aside_powered{
        display: none;
    }
    aside#column-right.open {
        height: 100vh;
        width: 300px;
    }
    .calendar-day {
        max-width: calc((100vw - 64px)/7);
    }

    #column-right.open aside#aside_right_col {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background-color: rgb(28 64 61 / 95%);
    }
    #column-right.open aside#aside_right_col > #aside_right_col_top {
        height: auto;
        width: 100%;
    }
    #column-right.open #aside_open_arrow {
        transform: rotate(0deg);
    }
    #column-right.open #aside_right_col > nav {
        height: auto;
        width: 100%;
        padding: 8px !important;
    }    
    #column-right.open #aside_right_col > nav > ul {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        text-align: right;
        justify-content: space-around;
    }
    #column-right.open #aside_right_col > nav > ul > li {
        width: 100%;
    }
    #column-right.open nav ul li a {
        padding: 8px 20px !important;
        width: auto;
        margin: 0 14px;
    }

    #column-right.open aside#aside_right_col nav ul li a span, 
    #column-right.open aside#aside_right_col #aside_powered{
        display: block;
    }
    #column-right.open aside#aside_right_col #aside_top_name{
    display: flex;
    }
    #aside_open_arrow {
        transform: rotate(180deg);
        width: 40px;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
        padding: 14px;
    }


    .cp_carelog_row {
        padding: 8px 8px 8px 20px !important;
    }

    header#header_cp.mob_w_100 {
        width: 100% !important;
        right: 0 !important;
    }
    header#header_cp.mob_w_100 div#cp_breadcrumb{
        top:14px;
    }
    .list_patient_row {
        padding: 14px 10px !important;
    }

    .date_to_date_filter {
        width: 340px;
    }
    .date_to_date_filter > div > label {
        display: none;
    }

    #reports_wrap thead {
        display: none;
    }
    .report_tab_tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 10px;
        box-shadow: 0px 2px 6px -2px #333;
    }

    .report_tab_tr td {
        display: block; /* מבטל את התנהגות התא המקורית */
        box-sizing: border-box;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
    }
     .report_tab_tr td:nth-child(1) svg{
        display: none;
     }     
    .report_tab_tr td:nth-child(1) a {
        margin: 0 8px;
    }
    .report_tab_tr td:nth-child(1), .report_tab_tr td:nth-child(2), .report_tab_tr td:nth-child(3), .report_tab_tr td:nth-child(4), .report_tab_tr td:nth-child(5) {
        flex: 0 0 20%;
        padding: 2px !important;
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
        align-items: center;
        text-align: center !important;
    }
    #report_content_wrap_ckeditor .wrapper_inp_btn {
        height: auto;
    }
    /* שורה שלישית: 4 תאים (כל אחד 25%) */

    .report_tab_tr td:nth-child(6),
    .report_tab_tr td:nth-child(7),
    .report_tab_tr td:nth-child(9),
    .report_tab_tr td:nth-child(8) {
        flex: 0 0 20%;
    }    
    .date_to_date_filter > div {
        display: flex;
        justify-content: space-around;
        padding: 0;
        gap: 5px;
    }



    #hinput-patient_wrap {
        display: none;
    }
    .hebrew-day {
        font-size: 0.8rem;
        height: auto;
        text-wrap: auto;
        line-height: 12px;
        margin-top: 4px;
    }
}
@media (max-width: 768px) {
    .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
    }  
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .m-text-sm {
        font-size:.875rem;
        line-height:1.25rem
    }

    .m-pt-16 {
        padding-top:5rem
    }    
    .m-pb-16 {
        padding-bottom:5rem
    }
    .text-10xl {
        font-size:1.25rem;
        line-height:1.5rem
    }
    .text-14xl {
        font-size:2rem;
        line-height:2.25rem
    }
    .text-xlg {
        font-size:1.125rem;
        line-height:1.75rem
    }
    .m-h-11 {
        height:1.75rem
    }

    .m-h-12 {
        height:2rem
    }
    .alert.alert-danger, .alert.alert-success {
        z-index: 9999;
        position: fixed;
        top: 10%;
        left: 0;
        width: 400px;
        max-width: calc(100vw - 80px);
        right: 0;
        margin: auto;
    }
    .text-danger {
        font-size: 0.85rem;
    }

    body, #container {
        overflow-x: hidden;
        width: 100vw;
        padding: 0;
        height: 100vh;
        overflow-y: auto;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .container.top {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    div#top_logo {
        width: 140px;
        height: 100%;
    }
    a#logo {
        position: absolute;
        height: 74px;
        display: block;
        width: 128px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 4px;
    }  

    div#top_menu {
        width: 49px;
        margin-top: 0;
        height: 60px;
        display: none;
    }
    nav#menu {
        width: 41px;
        margin: 0;
        padding: 0;
        height: 50px;
    }
    div#navbar-menu {
        background: #fff;
        width: 212px;
        box-shadow: -2px 2px 7px -6px;
    }
    #menu > button.navbar-toggler {
        font-size: 1.5rem;
        height: 50px;
        width: 50px;
        color: #999;
        display: none;
    }
    #menu > button.navbar-toggler i{
        font-size: 1.5rem;
        color: #999;
    }
    div#navbar-menu {
        background: #fff;
        width: 212px;
        box-shadow: -2px 2px 7px -6px;
        position: fixed;
        width: 100%;
        left: 0;
        top: 96px;
    }
    #bottom_menu div#navbar-menu {
        background: #fff;
        width: 212px;
        box-shadow: -2px 2px 7px -6px;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }
    #menu ul.nav.navbar-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    div#hp_image_1 {
        height: 52vw;
    }
    header.mainheader {
        padding: 0 10px;
    }
    header#header_cp {
        width: 100% !important;
        right: 0 !important;
        padding: 0 10px;
    }
    div#cp_breadcrumb {
        position: absolute;
        top: 3px;
    }

    aside#column-right.wide_col {
        display: none;
    }
    #column-right.wide_col + .col_content {
        width: 100%;
    }
    fieldset.register_inputs > div.row {
        width: 100%;
        margin: auto;
    }
    #column-right + .col_content {
        width: 100vw;
        top: 0;
        padding: 60px 0;
        overflow: hidden;
    }
    #column-right + .col_content > main {
        padding: 0 8px;
        margin: 20px 0;
        width: 100%;
        min-height: calc(100vh - 164px);
    }
    #header_cp h1 {
        display: none;
    }
    #header_cp > button, #header_cp > a {
        margin-top: 12px;
    }


    aside#column-right {
        position: fixed;
        height: 40px;
        width: 100%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 999;
        transition: height 0.8s;
    }    
    aside#column-right.open {
     
    }
    aside#aside_right_col {
        width: 100%;
        overflow: hidden;
        transition: width 0.4s , height 0.6s;
        height: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        bottom:0;
        top:inherit !important;
        position: absolute;
    }

    aside#aside_right_col > #aside_right_col_top {
        padding: 0px !important;
        width: 40px;
        height: 100%;
    }
    #aside_right_col > nav {
        margin: 0;
        padding: 0 !important;
        height: 40px;
    }
    #aside_right_col > nav > ul {
        height: 100%;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 0 8px;
    }
    #aside_right_col > nav > ul > li {
        line-height: 40px;
        padding: 0 !important;
        margin: 0 !important;
    }
    #column-right nav ul li a {
        padding: 0px !important;
        line-height: 40px;
    }

    #column-right nav ul li a span, 
    #column-right #aside_top_name , 
    #column-right #aside_powered{
        display: none;
    }


    aside#column-right.open {
        height: 68vh;
        width: 100%;
    }
    #column-right * {
        /* transition: 0.7s; */
    }

    #column-right.open aside#aside_right_col {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background-color: rgb(28 64 61 / 95%);
    }
    #column-right.open aside#aside_right_col > #aside_right_col_top {
        height: auto;
        width: 100%;
    }

    #column-right.open #aside_open_arrow {
        transform: rotate(90deg);
     }
    #column-right.open #aside_right_col > nav {
        height: auto;
        width: 100%;
        padding: 8px !important;
    }    
    #column-right.open #aside_right_col > nav > ul {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        text-align: right;
        justify-content: space-around;
    }
    #column-right.open #aside_right_col > nav > ul > li {
        width: 100%;
    }
    #column-right.open nav ul li a {
        padding: 8px 20px !important;
        width: auto;
        margin: 0 14px;
    }

    #column-right.open aside#aside_right_col nav ul li a span, 
    #column-right.open aside#aside_right_col #aside_powered{
        display: block;
    }
    #column-right.open aside#aside_right_col #aside_top_name{
    display: flex;
    }
    #aside_open_arrow {
        transform: rotate(270deg);
        width: 40px;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
        padding: 14px;
    }


    .cp_carelog_row {
        padding: 8px 8px 8px 20px !important;
    }

    header#header_cp.mob_w_100 {
        width: 100% !important;
        right: 0 !important;
    }
    header#header_cp.mob_w_100 div#cp_breadcrumb{
        top:14px;
    }

    #card_wrap > div {
        height: auto;
    }
    #card_wrap > div > button {
        display: inline-flex;
        flex-direction: column;
        padding: 4px;
        white-space: inherit;
        text-align: center;
    }

    .carlog_list_wrap {
        height: auto;
        min-height: 100px;
    }

    div#calendar_wrap > div {
        padding: 4px;
    }
    .calendar-header > .header-cell {
        font-size: 2vw; /* הגופן יגדל ויקטן יחד עם רוחב הדפדפן */
        white-space: nowrap; /* מונע מהטקסט לרדת שורה */
        overflow: hidden;
    }

    div.calendar-day {
        font-size: 2vw;
        white-space: nowrap;
        overflow: hidden;
        height: calc(100vw - 310px);
        min-height: 70px;
        max-height: 90px;
        max-width: inherit;
    }
    .week_table .calendar-header, .week_table .calendar-body {
        white-space: nowrap;
        overflow: hidden;
    }
    .daily_carelog {
        margin-top: 4px;
    }
    .daily_carelog > div {
        flex: 1;
        min-width: 1px;
        height: 10px;
        border-color: #f8f9fa;
    }


    #carelogs_btns_wrap {
        display: grid;
        grid-template-columns: repeat(4, 36px);
        gap: 6px;
        justify-content: space-around;
        align-items: center;
    }
    div#calender_week_nav {
        width: 30%;
        font-size: 3vw;
    }
    #calender_week_nav > button {
        width: 12px;
    }

    .calendar-day.today-highlight .gregorian-day > span {
        padding: 4px;
        font-size: 9px;
    }

    .header-cell, .hour-label, .calendar-slot {
        padding: 2px;
        font-size: 2vw;
    }
    .calendar-slot > div > p {
        font-size: 2vw;
    }
    .calendar-slot > div {
        padding: 2px !important;
        border-radius: 1px;
        height: 96%;
        width: 98%;
        line-height: 16px;
        margin: 2%;
        max-width: calc((100vw - 112px) / 8);
    }
    .calendar-header > .header-cell {
        font-size: 2vw;
        white-space: nowrap;
        overflow: hidden;
        height: auto;
        padding: 8px 0;
        margin: 0;
        min-height: 84px;
    }
    .calendar-header > .header-cell > small {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 3vw;
        display: block;
        float: right;
        line-height: 4vw;
        font-size: 2vw;
    }
    .header-cell, .hour-label, .calendar-slot {
        padding: 2px;
        font-size: 2vw;
        min-height: 30px;
        height: calc(100vw - 310px);
        border-left: 1px solid #dddddd;
        max-height: 46px;
    }
    button#start-btn {
        height: 54px;
        width: 54px;
    }



    #modal-daily table tr > th, #modal-daily table tr > td {
        width: auto !important;
        font-size: 3vw;
        padding: 3px;
        vertical-align: middle;
        text-align: center;
    }
    .carelog_hour_details > div {
        min-height: 34px;
    }
    #modal-daily table tr > td.carelog_hour_details {
        width: 50vw !important;
    }
    #modal-daily table tr > td.carelog_hour_details a.btn {
        position: absolute;
        left: 0;
        top: 0;
    }
    #modal-daily table tr > td.carelog_hour_details a.btn#add-field-btn {
        position: relative;
        width: 100%;
        height: 32px;
    }
    #modal-daily table tr > td.carelog_hour_details div.more {
        margin: 0;
        border-radius: 6px;
        text-align: right;
    }
    #modal-daily table tr > td.carelog_hour_details div.more > div {
        padding: 6px;
        border-radius: 6px;
    } 

    #modal-daily table tr > td.carelog_hour_details div.more li.comment > div {
        padding: 4px;
        border-radius: 6px;
    }

    .list_patient_row {
        padding: 6px !important;
        gap: 0.5rem !important;
    }

    div#filter_patient_wrap {
        margin: 4px 4px 10px;
    }
    div#filter_patient_btns {
        justify-content: flex-end;
        padding-left: 4px;
    }
    #carelog_filter form > div {
        width: 100%;
        margin: 2px 0 !important;
    } 


    table.responsive-carelog-table{
    max-width: 100%;
    overflow: hidden;
    display: block;
    }
    .table tbody.responsive-tbody-carelog {
            display: block;
            width: 100%;
    }
    tr.responsive-carelog  {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100%;
    }

    /* שלושת התאים הראשונים תופסים שליש שורה כל אחד (33.3%) */
    tr.responsive-carelog td:nth-child(1),
    tr.responsive-carelog td:nth-child(2),
    tr.responsive-carelog td:nth-child(3) ,
    tr.responsive-carelog td:nth-child(4) {
        flex: 0 0 50%;
        max-width: 50%;
        display: block;
        text-align: right;
        padding-right: 14px !important;
    }

    tr.responsive-carelog td:nth-child(5) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* שני התאים האחרונים תופסים חצי שורה כל אחד (50%) */
    /* tr.responsive-carelog td:nth-child(4),
    tr.responsive-carelog td:nth-child(5) {
        flex: 0 0 50%;
        max-width: 50%;
        display: block;
    } */
    tr.responsive-carelog > td {
        border-bottom: 0;
        border-width: 0;
    }
    .responsive-carelog-details:not(.collapse) {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100%;
        overflow: hidden;
    }
    tr.responsive-carelog-details td {
        flex: 0 0 100%;
        max-width: 100%;
    }
    tr.responsive-carelog-details td > div {
        max-width: 100%;
        display: block;
    }
    .responsive-carelog td {
        padding: 6px !important;
        font-size: 0.8rem;
        text-align: center;
    }


    #hinput-patient_wrap{
    display: none;
    }

    .xs-block{
         display: block !important;
    }
    .hidden-xs, .xs-hidden{
    display: none !important;
    }

    footer {
        padding: 0 4px !important;
    }
    footer .container.top {
        display: flex;
        align-items: center;
        height: 80px;
    }
    #bottom_logo a#logo {
        position: relative;
        height: 74px;
        display: block;
        width: 100px;

    }
    div#bottom_powered {
        color: #6c7c93;
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
        padding: 10px 0;
    }
    form#form-filter > div {
        width: 100%;
    }
    .xs-minimize {
        height: 0px;
        overflow: hidden;
    }


    .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xs-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
    }       
    .col-xs-8 {
        flex: 0 0 auto;
        width: 66%;
    }    
    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .xs-pull-right{
        float: right;
    }
    .xs-pull-left{
        float: left
    }
    .xs-block {
        display:block
    }
    .xs-flex {
        display: flex;
    }
    .xs-justify-between {
        justify-content: space-between;
    }
    .xs-h-12 {
        height: 3rem;
    }   

    .xs-m-0 {
        margin: 0 !important;
    }     
    .xs-m-1 {
        margin: 0.25rem !important;
    }     
    .xs-m-2 {
        margin: 0.5rem !important;
    }    
   
    
    
    .xs-mb-0 {
        margin-bottom: 0 !important;
    }    
    .xs-mb-1 {
        margin-bottom: 0.25rem !important;
    }
    .xs-mb-2 {
        margin-bottom: 0.5rem !important;
    }     
    .xs-mb-4 {
        margin-bottom: 1rem !important;
    }    
    .xs-my-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }    
    .xs-my-1 {
        margin-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;

    }
    .xs-my-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }   
    .xs-mx-auto {
        margin-right: auto;
        margin-left: auto;
    } 
    .xs-my-2 {
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
    .xs-top-0{
        top:0px !important;
    }
 

    .xs-p-0 {
        padding: 0 !important;
    }     
    .xs-p-1 {
        padding: 0.25rem !important;
    }     
    .xs-p-2 {
        padding: 0.5rem !important;
    }  
    .xs-pb-0 {
        padding-bottom: 0 !important;
    }    
    .xs-pb-1 {
        padding-bottom: 0.25rem !important;
    }
    .xs-py-8 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }   
    .xs-pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .xs-py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }    
    .xs-py-1 {
        padding-bottom: 0.25rem !important;
        padding-top: 0.25rem !important;

    }
    .xs-py-2 {
        padding-bottom: 0.5rem !important;
        padding-top: 0.5rem !important;
    }      
    .xs-py-4 {
        padding-bottom: 1rem !important;
        padding-top:1rem !important;
    }     
 
    .xs-py-14 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }    
    
    .xs-mt-14 {
        margin-top: 2.5rem !important;
    }
    .xs-px-2{
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }   




    .xs-me-0 {
        margin-right: 0 !important;
    }
    .xs-grid-cols-2{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .xs-gap-0{
       gap: 0 !important;
    }    
    .xs-gap-2{
       gap: 0.5rem !important;
    }

    .xs-flex-row {
        flex-direction:row
    }

    .xs-flex-col {
        flex-direction:column
    }

    .xs-flex-col-reverse {
        flex-direction:column-reverse
    }

/* ביטול מבנה הטבלה הקשיח */
    #fields-container, 
    #fields-container_tbody, 
    #fields-container_tbody tr {
        display: block;
        width: 100%;
    }

    #fields-container_tbody tr {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        padding: 5px;
    }

    /* הגדרה כללית לכל התאים */
    #fields-container_tbody tr td {
        display: block;
        box-sizing: border-box;
        border: 1px solid #eee;
        padding: 10px;
    }

    /* התא השני (עכשיו הוא הראשון ברשימה) - 100% רוחב */
    #fields-container_tbody tr td:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        background-color: #f8f9fa; /* צבע רקע עדין להפרדה */
        font-weight: bold;
    }

    /* תאים 3 עד 6 - כולם בשורה אחת (25% לכל אחד) */
    /* שים לב: אם הם 4 תאים, כל אחד מקבל 25% */
    #fields-container_tbody tr td:nth-child(n+3) {
        flex: 0 0 25%;
        max-width: 25%;
        text-align: center;
        font-size: 12px; /* הקטנה קלה כדי שיכנסו בשורה אחת במובייל */
    }

    #fields-container_thead tr th.row-number ,
    #fields-container_tbody tr td.row-number {
        display: none;
    }

    #report_wrap > div {
        height: auto;
        min-height: 0;
    }
    #report_wrap > div.tabs {
        height: auto;
        min-height: 229px;
    }
    div#report_wrap {
        display: block;
        height: auto;
        min-height: 0;
        overflow: hidden;
    }
    #report_content_wrap_ckeditor .wrapper_inp_btn {
        height: auto;
    }
 
    #report_wrap.vertical .tablist {
        min-height: 0;
    }
    .report_tab_tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 10px;
        box-shadow: 0px 2px 6px -2px #333;
    }

    .report_tab_tr td {
        display: block; /* מבטל את התנהגות התא המקורית */
        box-sizing: border-box;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
    }

    /* שורה ראשונה: 2 תאים (כל אחד 50%) */
    .report_tab_tr td:nth-child(1) {
        flex: 0 0 100%;
        padding: 2px !important;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row-reverse;
    } 
    .report_tab_tr td:nth-child(2) {
        flex: 0 0 100%;
        padding: 4px !important;
        max-width: 100% !important;
    }

    /* שורה שנייה: 4 תאים (כל אחד 25%) */
    .report_tab_tr td:nth-child(3){
        flex: 0 0 100%;
        padding: 4px !important;
    }
    /* שורה שלישית: 4 תאים (כל אחד 25%) */
    .report_tab_tr td:nth-child(4),
    .report_tab_tr td:nth-child(5),
    .report_tab_tr td:nth-child(6) {
        display: none;
    }
    /* שורה שלישית: 4 תאים (כל אחד 25%) */
    .report_tab_tr td:nth-child(n+7) {
        flex: 0 0 25%;
        padding: 10px 0px !important;
    }



    /*  RECORD  */

    #record_wrap.vertical .tablist {
        min-height: 0;
    }
    .record_tab_tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 10px;
        box-shadow: 0px 2px 6px -2px #333;
    }

    .record_tab_tr td {
        display: block; /* מבטל את התנהגות התא המקורית */
        box-sizing: border-box;
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center;
    }

    .record_tab_tr td:nth-child(1) {
        flex: 0 0 100%;
        padding: 2px !important;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row-reverse;
    } 
    .record_tab_tr td:nth-child(2) {
        flex: 0 0 100%;
        padding: 4px !important;
        max-width: 100% !important;
    }
    .record_tab_tr td:nth-child(3){
        flex: 0 0 100%;
        padding: 4px !important;
    }    
    .record_tab_tr td:nth-child(4){
        flex: 0 0 100%;
        padding: 4px !important;
    }
    .record_row_btns {
        float: inherit;
        justify-content: space-between;
    }
    .record_row_btns > a, 
    .record_row_btns > button {
        width: auto;
    }




    #saved_text {
        min-height: auto;
        height: 20vh;
    }
    textarea#transcription-text {
        height: 20vh;
    }
    #report_wrap textarea {
        height: calc(100vh - 548px);
        min-height: 120px;
    }


    .audiofill-footer {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around;
        align-items: flex-end;
        height: 130px;
    }


    footer#main_footer {
        position: relative;
    }


.billing-row {
    margin: 6px 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 6 עמודות */
    gap: 6px; /* אופציונלי, לריווח */
    box-shadow: 0 1px 4px -2px;
    border-radius: 4px;
}

/* שורה 1 – 2 אלמנטים (כל אחד חצי) */
.billing-row > div:nth-child(1),
.billing-row > div:nth-child(2) {
    grid-column: span 3; /* 3+3 = 6 */
}

/* שורה 2 – 3 אלמנטים */
.billing-row > p:nth-child(3),
.billing-row > p:nth-child(4),
.billing-row > div:nth-child(5) {
    grid-column: span 2; /* 2+2+2 = 6 */
}

/* שורה 3 – 3 אלמנטים */
.billing-row > button:nth-child(6),
.billing-row > button:nth-child(7),
.billing-row > button:nth-child(8) {
    grid-column: span 2;
}











    #patientlist_wrap > div{
        margin: 6px 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        box-shadow: 0 1px 4px -2px;
        border-radius: 4px;
    }
    .pagination {
        display: block;
        padding: 8px !important;
        text-align: center;
    }
    .pagination > div {
        margin-bottom: 10px;
    }
}
@media (min-width: 640px) {
    .sm\:bottom-0 {
        bottom:0
    }
    .sm\:right-0 {
            right:0
        }
    .sm\:top-auto {
            top:auto
        }
    .sm\:mt-0 {
            margin-top:0
        }
    .sm\:block {
            display:block
        }
    .sm\:flex {
            display:flex
        }
    .sm\:max-w-sm {
            max-width:24rem
        }
    .sm\:flex-row {
            flex-direction:row
        }
    .sm\:flex-col {
            flex-direction:column
        }
    .sm\:justify-end {
            justify-content:flex-end
    }
    .sm\:gap-2\.5 {
            gap:.625rem
        }
    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right:calc(.5rem * var(--tw-space-x-reverse));
            margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
        }
    .sm\:space-x-4>:not([hidden])~:not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right:calc(1rem * var(--tw-space-x-reverse));
            margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
        }
    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom:calc(0px * var(--tw-space-y-reverse))
        }
    .sm\:rounded-lg {
            border-radius:var(--radius)
        }
    .sm\:p-10 {
            padding:2.5rem
        }
    .sm\:text-left {
            text-align:left
        }
    .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] {
            --tw-enter-translate-y: 100%
    }
}

@media (min-width: 768px) {
    /* .md\:absolute {
        position:absolute
    }
    .md\:block {
            display:block
        }
    .md\:flex {
            display:flex
        }
    .md\:hidden {
            display:none
        }
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
            width:var(--radix-navigation-menu-viewport-width)
        }
    .md\:w-auto {
            width:auto
        }
    .md\:max-w-\[420px\] {
            max-width:420px
        }
    .md\:grid-cols-2 {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
    .md\:grid-cols-3 {
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
    .md\:grid-cols-4 {
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
    .md\:flex-row {
            flex-direction:row
        }
    .md\:text-6xl {
            font-size:3.75rem;
            line-height:1
        }
    .md\:text-sm {
            font-size:.875rem;
            line-height:1.25rem
        }
    .md\:opacity-0 {
            opacity:0
        }
    .after\:md\:hidden:after {
            content:var(--tw-content);
            display:none
        }
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2 {
            margin:.5rem
        }
    .peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
            margin-left:.5rem
        }
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0 {
            margin-left:0
        }
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl {
            border-radius:calc(var(--radius) + 4px)
        }
    .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow {
            --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
            --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
            box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
        }
    #top_logo {
        text-align: right;
    }

    .col-form-label {
        text-align: right;
    } */
}
@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column:span 2 / span 2
    }
.lg\:block {
        display:block
    }
.lg\:flex {
        display:flex
    }
.lg\:hidden {
        display:none
    }
.lg\:w-\[46\%\] {
        width:46%
    }
.lg\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
.lg\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}
@media (min-width: 960px) {
    
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
  #menu .dropdown-inner {
    flex-direction: row;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-2 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -600px;
  }
}
@media (min-width: 992px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1140px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1320px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}

@media (max-width: 640px) {
    .report_tab_tr > div,
    .record_tab_tr > div {
        float: right;
        width: 32% !important;
        text-align: center;
    }    
    .report_tab_tr > div.record_reports_row_btns,
    .record_tab_tr > div.record_reports_row_btns {
        float: right;
        width: 100% !important;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .calendar-header > .header-cell {
        min-height: 55px;
    }
    button.circ-btn, a.circ-btn {
        height: 70px !important;
        width: 70px !important;
        min-width: 70px;
        max-width: 70px;
    }
    a#word-upload-btn {
        padding: 8px;
    }
}