/* 针对平板 (Pad) 尺寸 (最大宽度 1024px) */
@media (max-width: 1366px) and (pointer: coarse) {
    .blocks {
        /*margin-bottom: 20px;*/
        max-width: calc(100% / 4);
    }

    .statistic-block {
        padding: 30px 20px 25px !important;
        /* 平板端适当缩小内边距，防止卡片内容过挤 */
    }

    .statistic-block .icon {
        width: 24px !important;
        height: 24px !important;
        margin-right: 6px !important;
    }

    .statistic-block strong {
        font-size: 0.8rem !important;
        /* 平板端适当缩小字体，防止文字过长折行 */
        letter-spacing: 0.05em !important;
    }

    .statistic-block .number {
        font-size: 1.6rem !important;
        /* 平板端适当缩小数字字号，防止数字过大撑破卡片 */
    }

    /* 允许列表项在空间不足时换行，防止互相挤压 */
    .public-user-block .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100%;
    }

    .flex1 {
        width: 22%;
    }

    /* 让三个主要信息块在 Pad 上自适应分配宽度 */
    .public-user-block .flex1 {

        margin-bottom: 0px;
    }

    .public-user-block .flex2,
    .public-user-block .flex3 {
        /*flex: 1 1 auto;*/
        text-align: left !important;
    }

    .public-user-block .flex2 {
        width: 30%;
    }

    .public-user-block .flex3 {
        justify-content: flex-end;
        /*width: 20%;*/
    }

    /* 动态调整滚动区域高度，替代写死的 600px */
    .pad-scroll-area {
        height: calc(100vh - 300px) !important;
        min-height: 400px;
    }

    .page-header {
        padding: 15px 12px !important;
        font-size: 1.1rem !important;
    }

    .classification-un-ul .active {
        padding: 4px 8px!important;
        margin-right: 15px !important;
        font-size: 0.8rem;
        margin: 0 !important;
    }
    
    .popup__btn {
        margin:10px 10px 10px 10px !important;
    }

    .public-user-block {
        padding: 15px 15px !important;
        /* 平板端适当减小左右内边距，防止内容挤压 */
    }

    .img-fluids {
        margin-right: 5px;
        color: #6a6c70;
        width: 20px;
        height: 20px;
    }

    .public-user-block strong {
        font-size: .8rem;
        word-break: break-all;
        line-height: 1.2;
    }

    .color-gray {
        color: #808191;
        display: flex;
        align-items: center;
    }

    .bg-green,
    .bg-green1 {
        font-size: 13px !important;
        padding: 4px 8px !important;
    }

    .public-user-block .contributions span {
        font-size: .85rem !important;
        font-weight: normal !important;
    }

    .mt-2,
    .my-2 {
        margin-top: .2rem !important;
    }

    .label1,
    .label12 {

        padding: 1px 3px;
        font-size: .6rem;
        font-weight: 600 !important;
    }

    .public-user-block .contributions {
        border-radius: 4px;
        padding: 6px 20px;
        /* background: #2cb8c5; */
        /* display: inline-block; */
        font-size: .9rem !important;
        /* color: #fff; */
        font-weight: normal;
    }

    .public-user-block .contributions span:not(:last-child) {
        font-size: .9rem !important;
        font-weight: normal !important;
        /*width: calc(100%/3);*/
        padding: 0 0px 0 0;
        margin: 0 0px 0 0;
        display: flex;
        flex: 1;

    }

    .box-chooses {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 30px 0 25px 0;
        padding: 0 35px;
    }
    .public-user-block span {
      font-size: 0.7rem;
      /* font-weight: 300; */
    }
    /* 1. 弹窗整体容器宽度自适应，防止平板屏幕下溢出 */
    .mfp-wrap .modalDlg,
    .mfp-wrape .modalDlg,
    .mfp-wrap-assess .modalDlg {
        /*width: 90% !important;*/
        max-width: 650px !important;
        margin: 0 auto;
    }

    /* 2. 弹窗内部滚动高度适配，防止按钮被挤出屏幕 */
    .popup-height {
        max-height: calc(75vh - 120px) !important;
        overflow-y: auto !important;
        padding-right: 5px;
    }

    /* 3. 年龄组合输入框自适应 */
    .ages-info {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    .ages-info .field__input {
        width: 35px !important;
        min-width: 30px;
        padding: 0 4px;
        text-align: center;
    }
    .ages-info span {
        font-size: 12px;
        margin: 0 2px;
    }

    /* 4. 省市区联动选择框在平板下的微调 */
    .form-inlines {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .form-inlines .form-group {
        flex: 1 1 30% !important;
        margin-bottom: 5px !important;
    }
    .add-title {
        font-size: 1rem !important;
        padding-bottom: 12px !important;
    }
    .brand-closes {
        width: 26px !important;
        height: 26px !important;
    }
    .btn {
        min-width: 180px !important;
        height: 48px !important;
        font-size: 13px !important;
        padding: 0 15px !important;
    }
    .search_patient_message {
        padding: 8px 15px !important; /* 平板端缩小内边距 */
        margin-bottom: 12px !important;
    }
    .container-fluid1 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        /*height: 100%;*/
        height: calc(100vh - 234px - 37px);
        padding: 10px 10px 25px 10px;
        overflow: auto;
    }
    .fluid-left{
        font-size: .85rem;
    }
    .fluid-right{
        font-size: .85rem;
    }
    .container-fluid1 .public-user-block {
        padding: 12px 0px !important;
    }
    .public-user-block .d-flex {
        flex-wrap: wrap !important;
        flex: 1;
    }
    .public-user-block .flex1,
    .public-user-block .flex2 {
        text-align: left !important;
        /*width: calc((100% - 33%) / 2) !important;*/
        padding-right: 10px;    
        flex: 1;
    }    
    .public-user-block .flex4 {
        text-align: right !important;
        /*width: 33% !important;*/
        justify-content: flex-end;
        flex: 1;
    }
    .public-user-block .contributions span {
        font-size: .85rem !important;
        font-weight: normal !important;
    }
    .img-fluids {
        margin-right: 5px;
        color: #6a6c70;
        width: 20px;
        height: 20px;
    }    
    .container-fluid1 .public-user-block strong {
        font-size: .85rem;
        word-break: break-all;
        line-height: 1.2;
    }    
    .prescription-adds {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-top: 2px;
    }    
    .prescription-adds > div {
        margin-right: 0 !important;
        margin-bottom: 0px;
        margin-left: 0;
        padding: .2rem .4rem !important;
        font-size: 0.8rem !important;
    }
    .prescription-adds-l {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-top: 2px;
    }    
    .prescription-adds-l > div {
        margin-right: 0 !important;
        margin-bottom: 0px;
        margin-left: 0;
        padding: .2rem .4rem !important;
        font-size: 0.8rem !important;
    }
    .body-left {
        height: calc(100vh - 234px - 0px);
        overflow: hidden;
        width: 100%;
    }
    
/* 仅在 Pad 端将右侧面板设为绝对定位的侧边隐藏抽屉 */
    .body-right {
        position: fixed !important;
        top: 0 !important;
        right: -100vw !important; /* 使用 vw，彻底藏在屏幕右侧外面 */
        width: 85vw !important;
        max-width: 480px !important;
        height: 100vh !important;
        background: #fff !important;
        z-index: 2147483647 !important; /* 强制最高层级，拉满 */
        box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3) !important;
        transition: right 0.35s ease-in-out !important;
        overflow-y: auto !important;
        padding-top: 20px !important;
        margin: 0 !important;
    }

    /* Pad 端当触发展开时的状态类 */
    .body-right.show-drawer {
        right: 0 !important; /* 贴紧右侧展示 */
    }

    /* 抽屉展开时的背景遮罩 */
    .drawer-backdrop {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 2147483646 !important; /* 刚好在抽屉下面一层 */
        display: none;
    }
    .drawer-backdrop.show {
        display: block !important;
    }
    
    
    .body-right .container-fluid1 {
        height: auto !important;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }

    .extraction__advice {
        width: 19%;
        border-right: 1px solid #f0f3f6;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #a6a6a6;
        font-size: 13px;
        font-weight: 600;
    }
    .field__textareas {
        height: 6vw;
        padding: 8px 8px;
        resize: none;
        line-height: 18px;
        font-size: 12px;
    }
    .field__textareas1{
        height: 8vw!important;
    }
    .prescription-add5, .prescription-add1, .prescription-add2 {
        padding: .2rem .4rem;
        font-size: .8rem;
    }
    .circular1 {
        width: 36px;
        height: 20px;
        border-radius: 16px;
        background-color: #ccc;
        transition: .3s;
        cursor: pointer;
    }
    .round-button1 {
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
        transition: .3s;
        position: relative;
        left: 0;
    }
    .del-prescription {
        padding: .2rem .4rem;
        font-weight: 600;
        width: 46px;
        font-size: 12px;
    }
    .extraction-title {
        padding: 5px 15px;
        font-size: 14px;
    }
    .extraction-title-rights{
        width: calc(100%/4);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .extraction-title-right {
        display: flex;
        width: 55%;
    }
    .extraction-title .extraction-title-right {
        width: 53%;
    }
    .medicines {
        width: 100%;
        padding: 6px 10px;
        font-size: 13px;
    }    
    .searchs-medicine {
        margin: 0 !important;
        /*width: 48% !important;*/
        border-radius: 8px !important;
        padding: 4px 10px !important;
        position: relative;
    }
    .search-inners input {
        background: none;
        width: 100%;
        font-size: .85rem;
        border: none;
        border-bottom: 1px solid #fff;
        color: #8a8d93;
    }
    .prescription {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        overflow: auto;
        height: calc(100vh - 234px - 0px);
    }
    .extraction-of-a-root {
        width: 24% !important;
        /* flex: 1; */
        margin: 0 1.5%;
    }
    
    .extraction-bottons {
        min-width: 160px; /* 减小最小宽度，防止在屏幕边缘溢出 */
        width: 100%;      /* 撑满外层的 extraction-of-a-root */
        height: 45px;     /* 平板端适当减小高度 */
        font-size: 13px;
        letter-spacing: 3px; /* 减小字间距，防止文字折行 */
        padding: 0 10px;
    }
    
    .prescription-text-list{
        width: 55%;
    }
    
    
    .prescription-input__advice {
        width: 33%;
        
    }
    
    .gw_num-prescription{
            width: 20%;
    }
    
    #require-add{
            width: 580px;
    }
    
    .field__wrap-addin{
        width: 580px;
    }
    .field__wrap-addins {
        background-color: #fff;
        padding: 26px;
        border-radius: 24px;
    }
    
    .btn {
        min-width: 180px !important;
        height: 48px !important;
        font-size: 13px !important;
        padding: 0 15px !important;
        line-height: 3.5;
    }
    
    .popup__rows-chooses{
        width: 150px;
        height: 150px;
    }
    
    .extraction-button{
        margin-top: 15px;
        padding-bottom: 20px;
    }
    .body-lefts {
        height: calc(100vh - 234px - 0px);
        overflow: hidden;
        width: 100%;
    }
     /* 1. 整体布局由左右分栏改为上下堆叠或自适应 */
    .patient {
        flex-direction: column !important;
    }
    .patient_left {
        width: 100% !important;
    }
    .patient_right {
        display: none !important; /* 平板下隐藏右侧多余空栏或按需调整 */
    }

    /* 2. 就诊历史单条记录卡片 (public-user-block) 内部换行适配 */
    .public-user-block .d-flex {
        flex-wrap: wrap !important;
    }
    .public-user-block .flex1,
    .public-user-block .flex2 {
        /*flex: 1 1 50% !important;*/
        /*margin-bottom: 8px;*/
        text-align: left !important;
         width:calc( (100% - 33%)/2) !important;
         padding-right: 10px;
    }

  .public-user-block .flex4 {
        /*flex: 1 1 50% !important;*/
        /*margin-bottom: 8px;*/
        text-align: right !important;
         width: 33% !important;
                 justify-content: flex-end;
    }
    .img-fluids {
        margin-right: 5px;
        color: #6a6c70;
        width: 20px;
        height: 20px;
    }
    .color-gray {
        color: #808191;
            display: flex;
        align-items: center;
    }
    /* 3. 历史记录右侧的操作按钮区域在平板下自动换行对齐 */
    .prescription-adds {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-top: 2px;
        /*padding-top: 10px;*/
        /*border-top: 1px dashed #e4e4e4;*/
    }
    .prescription-adds > div {
        margin-right: 0 !important;
        margin-bottom: 0px;
        margin-left: 0;
          padding: .2rem .4rem !important;
        /*margin-left: 8px !important;*/
        font-size: 0.8rem !important;
    }

    /* 4. 底部滚动或展示区域高度兼容 */
    .page__stat1 {
        max-height: none !important;
        overflow-y: visible !important;
    }


    .extraction-bottons {
        width: 100% !important;
        text-align: center;
    }
    .container-fluid1 {
        padding: 10px 12px 80px 12px !important; /* 平板端缩减左右与底部内边距 */
    }
    .page-headers {
        /*padding: 8px 0 15px 0 !important;*/
        margin-bottom: 0px !important;
        font-size: 1.1rem !important;
    }
    .container-fluid1 .public-user-block {
        padding: 12px 0px !important; /* 缩小列表块内边距 */
    }
    
    .public-user-block .contributions {
        margin: 0px 0;
            padding: 6px 0px;
    }
    .container-fluid1 .public-user-block strong {
        font-size: .85rem;
        word-break: break-all;
        line-height: 1.2;
    }
    .amend {
        background: #7fba7a;
        font-size: 12px;
        font-weight: 600;
        /* line-height: 1.38462; */
        color: #fff;
        display: inline-block;
        padding: 4px 0px;
        border-radius: 4px;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2px;
    }
    .amend-icon {
        width: 18%;
        margin-right: 3px;
        margin-top: -3px;
    }
    .container-fluid .no-margin-bottom {
         font-size: .9rem!important;
    }
    .public-user-block .contributions span {
        font-size: .85rem !important;
        font-weight: normal !important;
    }
    
    .prescription .extraction-of-a-root {
        left: 220px !important;
           width: calc(100% - 254px)!important;
    }
    
    .extraction-bottons{
        width: 160px!important;
    }
    #consultation-button .sub-consultation{
        width: 24% !important;
         /*flex: 1;*/
    }
    
    .popup__rows-text{
        font-size: .9rem;
    }
    
    .search-buttons{
        font-size: .8rem;
        padding: .3rem .5rem;
        width: 56px;
    }
    .border-bottoms {
        width: 50%;
        height: 100%;
    }
    .tabs-history1 {
        width: 50%;
        height: 100%;
        overflow: auto;
        border-right: 0px solid #f0f3f6;
    }
    .sick-person {
        /* position: absolute; */
        top: 0;
        left: 0;
        bottom: 0;
        width: 390px;
        height: 100%;
        padding: 0px 0 32px 0 !important;
        border-right: 1px solid #e4e4e4;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .list-search .search-button {
        background: #2cb8c5;
        color: #fff;
        font-weight: 600;
        border-radius: 7px;
        font-size: .9rem;
        padding: .4rem .5rem!important;
        width: 90px!important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination-container {
        padding: 0 12px;
        text-align: right;
    }
    
    .prescription-table1 .extraction-title-right {
        display: flex;
        width: 100%;
    }
    
    .mfp-content .modalDlg{
        width: 930px!important;
    }
    
    .container-fluid1 .extraction-of-a-root {
        /*left: 220px !important;*/
        width: calc(100% - 0px) !important;
    }
    
    .prescription_from{
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        overflow: auto;
        height: 100%;
    }
    
    
    .prescription_from .body-left {
        height: 100%;
        overflow: hidden;
        width: 100%;
    }
    
    
    .prescription_from .extraction-title-rights {
        /* width: 16%; */
        min-width: 200px;
        /* flex: 1; */
        padding: 10px 10px;
    }
    .extraction__num {
       min-width: 200px;
    }
    .drug .drugs:nth-child(2){
    
        min-width: 120px;
        flex: inherit;
    }
    .drug-list .drugs:nth-child(2){
    
        min-width: 120px;
        flex: inherit;
    }
    
    .extraction-title-right .extraction-title-rights:nth-child(2){
    
        min-width: 200px;
        flex: inherit;
    }
    
    .extractions .extraction__num:nth-child(2){
    
        min-width: 200px;
        flex: inherit;
    }
    .extraction-title-right .extraction-title-rights:nth-child(4){

         min-width: 130px;
        flex: inherit;
    }
    
    .extractions .extraction__num:nth-child(4){
    
         min-width: 130px;
        flex: inherit;
    }
    .extraction-title-right .extraction-title-rights:nth-child(5){

         min-width: 130px;
        flex: inherit;
    }
    
    .extractions .extraction__num:nth-child(5){
    
         min-width: 130px;
        flex: inherit;
    }
    
    .extraction-title-right .extraction-title-rights:nth-child(6){

         min-width: 130px;
        flex: inherit;
    }
    
    .extractions .extraction__num:nth-child(6){
    
         min-width: 130px;
        flex: inherit;
    }
    
    .extraction-title-right .extraction-title-rights:nth-child(7){
    
        min-width: 200px;
        flex: inherit;
    }
    
    .extractions .extraction__num:nth-child(7){
    
        min-width: 200px;
        flex: inherit;
    }
    .searchs {
        display: flex;
        align-items: center;
        padding: 8px 10px 8px 10px;
        border-radius: 8px;
        border: 1px solid #E4E4E4;
        width: 200px;
        margin-right: 10px;
    }

    .list-search .search-button{
                padding: .4rem .5rem !important;
        width: 90px !important;
    }

    .body-rights .container-fluid1{
                padding: 10px 10px 0px 10px!important;
    }

    .knowledge .searchs {
        display: flex;
        align-items: center;
        margin-left: -630px;
        padding: 4px 5px 4px 0px;
        border-radius: 12px;
        border: 1px solid #f0f3f6;
        margin: 0 15px 15px 15px;
        width: 90%;
    }
    
    .consultation .public-user-block {
        padding: 10px 15px !important;
    }
     .consultation_list_title:nth-child(2){
        flex: 2!important;
    }
    
    .consultation_list:nth-child(2){
        flex: 2!important;
    }
    
   .consultation_list_title:nth-child(3){
        /*width: 13%!important;*/
        /*flex: auto!important;*/
    }
    
    .consultation_list:nth-child(3){
        /*width: 13%!important;*/
        /*flex: auto!important;*/
    }
    
    .consultation_list_title:nth-child(5){
       /*width: 18%!important;*/
       /* flex: auto!important;*/
    }
    
    .consultation_list:nth-child(5){
        /*width: 18%!important;*/
        /*flex: auto!important;*/
        flex-direction: column;
    }
    .consultation_list .contributions{
        width: 100%;
    }
    .login-page .form-holder .info h1 {
        font-size: 2em;
        font-weight: 700;
    }
    .login-page .form-holder .info .content .logo {
        margin-top: 162px;
    }
    .logos img {
        width: 42%;
        display: block;
        margin: 0 auto;
    }
    .login-page .form-holder .info, .login-page .form-holder .form {

        padding: 35px 40px;

    }
    
    .login-page .btns {
      
        font-size: .85rem!important;
       
    }
    
    .classification-tab .pad-scroll-area {
        height: calc(100vh - 104px - 68px) !important;
    }
    
    .consultation .container-fluid1 {
        padding: 10px 10px 0px 10px!important;
    }
    .consultation .extraction-of-a-root {
        width: 24% !important;
        /* flex: 1; */
        margin: 0 0%;
    }
    
    .home .public-user-block {
        padding: 18px 30px !important;
    }
    
    .home .public-user-block .flex1, .home .public-user-block .flex2 {
        /* flex: 1 1 50% !important; */
        /* margin-bottom: 8px; */
        text-align: left !important;
        width: auto!important;
        padding-right: 10px;
    }
    
    .home .home_list:nth-child(4) {
        max-width: 170px !important;
        /* flex: auto !important; */
    }
    .home .home_list:nth-child(3) {
        max-width: 120px !important;
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        /* flex: auto !important; */
    }
    
    .home .page-content{
        height: 100%;
    }
    
    .home .classification-tab {
        height: calc(100vh - 73px - 104px);
    }
    .home .classification-tab-body {
        height: calc(100vh - 73px - 104px - 60px);
    }
    
    .home .classification-tab-bodys{
        height: 100%;
    }
    .home .classification-tab .pad-scroll-area {
        height: 100%!important;
    }
    
    .consultation .public-user-block .contributions {
        margin: 0px 0;
        padding: 0px 0px;
        display: flex;
    }
    .consultation .consultation_list_title:nth-child(3){
        max-width: 80px;
    }
    
    .consultation .consultation_list:nth-child(3){
        max-width: 80px;
    }
    
    .consultation .consultation_list_title:nth-child(4){
        max-width: 150px;
    }
    
    .consultation .consultation_list:nth-child(4){
        max-width: 150px;
    }
    
   .consultation .consultation_list_title:nth-child(5){
        min-width: 220px;
        flex-direction: row;

    }
    
    .consultation .consultation_list:nth-child(5){
        min-width: 220px;
        flex-direction: row;

    }
    
   .consultation .consultation_list_title:nth-child(2) {
        /*min-width: 200px;*/
        flex: 1!important;
    }
    .consultation .consultation_list:nth-child(2) {
        /*min-width: 200px;*/
        flex: 1!important;
    }
    
    .consultation .pagination-container {
        padding: 0 12px;
        text-align: right;
    }
    
    .retail_consultation .sub-retail{
        width: 24% !important;
         margin: 0 0%;
    }
    
    .retail_consultation .container-fluid1 {
        padding: 10px 12px 0px 12px !important;
    }
    
    .patient_body .patient_body_list_title{
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: .85rem;
    }
    
    .patient_body .patient_body_list{
        display: flex;
        flex: 1;
         align-items: center;
        justify-content: center;
         font-size: .85rem;
    }
    
    .patient_body .patient_body_list_title:nth-child(1){
        max-width: 60px;
        flex-direction: row;

    }
    .patient_body .patient_body_list:nth-child(1){
        max-width: 60px;
        flex-direction: row;

    }
    
    .patient_body .patient_body_list_title:nth-child(2){
        max-width: 60px;
        flex-direction: row;

    }
    .patient_body .patient_body_list:nth-child(2){
        max-width: 60px;
        flex-direction: row;

    }
    
    .patient_body .patient_body_list_title:nth-child(3){
        max-width: 90px;
        flex-direction: row;

    }
    .patient_body .patient_body_list:nth-child(3){
        max-width: 90px;
        flex-direction: row;

    }
    
    .patient_body .patient_body_list_title:nth-child(4){
        max-width: 100px;
        flex-direction: row;

    }
    .patient_body .patient_body_list:nth-child(4){
        max-width: 100px;
        flex-direction: row;

    }
    
   .patient_body .public-user-block {
        padding: 10px 15px !important;
    }
    
    .patient_body .page__stat1{
        height: calc(100vh - 73px - 70px);
    }
    
    .patient_body .pagination{
        margin: 0;
    }
    
    .set .field__input {
        height: 40px;
        padding: 0 22px;
    }
    
    .set .page__stat {
        height: 100%;
        overflow-y: auto;
    }
    .knowledge .section-body {
        display: flex;
        align-items: flex-start;
        height: 91vh;
        /* height: 100%; */
        position: relative;
    }
    .knowledge .padding-top {
        height: 91vh;
        padding: 15px 15px;
        overflow: auto;
        /* width: 100%; */
        width: calc(100vw - 355px);
    }
    
    .knowledge_detail .searchs {
        display: flex;
        align-items: center;
        margin-left: -630px;
        padding: 4px 5px 4px 0px;
        border-radius: 12px;
        border: 1px solid #f0f3f6;
        margin: 0 15px 15px 15px;
        width: 90%;
    }
    
    .patient_content .container-fluid1 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        /* height: 100%; */
        height: calc(100vh - 161px - 68px);
        padding: 10px 10px 25px 10px;
        overflow: auto;
    }
    
    .patient_content .page__stat1 {
        max-height: none !important;
        overflow-y: hidden !important;
    }
    
    .patient_content .drawer-open .container-fluid1 {
        height: calc(100vh - 0px);
        padding: 10px 10px 0px 10px;
    }
    
    .consultation .drawer-open .container-fluid1 {
                max-height: calc(100vh - 69px);
    }
    
    .consultation .page_tagdisease .container-fluid1 {
        max-height: calc(100vh - 0px);
        padding: 10px 10px 0px 10px !important;
    }
    
    .prescriptions {
        flex: 1;
        width: calc(100%/3);
        /* max-width: 20%; */
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 15px;
        /* height: 12vw; */
        /* height: 3vw; */
    }
    
    .left-logo img {
        width: 40%;
        margin: 0 auto;
        display: block;
    }
    .left-logo {
        /* position: absolute; */
        bottom: 35px;
        position: fixed;
        margin-bottom: 0px;
        width: 256px;
    }
    nav#sidebar li a {
        /* padding: 18px 0px; */
        display: block;
        font-weight: 600;
        display: flex;
        height: 45px;
        padding-right: 20px;
        align-items: center;
        font-size: 13px;
    }
    .list-unstyled {
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
    .sidebar__item {
        /* padding: 18px 0px; */
        display: block;
        /* font-weight: 600; */
        display: flex;
        height: 45px;
        padding-right: 20px;
        align-items: center;
        font-size: 13px;
        color: #808191;
    }
    .call .statistic-block .number {
        font-size: 1rem !important;
    }
    .batch .schedule-page {
        background: #f5f6f8;
        padding: 10px 10px 120px;
        overflow-y: auto;
        height: calc(100vh - 160px);
    }
    
    .batch .hd {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 10px 0 10px;
        height: 42px;
        line-height: 42px;
    }
    .batch .card {
        margin-bottom: 0px;
    }
    
    .batch .grid {
        display: flex;
        flex-direction: column;
        grid-template-columns: 280px minmax(0, 1fr) 280px;
        gap: 8px;
    }
    
    .batch .extraction-bottons {
        min-width: auto;
        height: 50px;
        padding: 0 20px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 50px;
        font-weight: 700;
        background: #fff;
        color: #2cb8c5;
        border: 1px solid #2cb8c5;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 3px;
        cursor: pointer;
        transition: all .25s;
    }
    
    nav#sidebar .sidebar-header {
        padding: 20px 20px;
    }
    
    nav#sidebar .avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 10px;
        background: none;
        /* padding: 4px; */
        /* border: 3px solid #282b2f; */
    }
    
    nav#sidebar li.active>a {
        background: #2cb8c5;
        color: #bfc1c4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 45px;
        padding-right: 20px;
        border-radius: 12px;
        /* background: transparent; */
        white-space: nowrap;
        font-size: 13px;
        /* font-weight: 600; */
        color: #FFF;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }
    
    .btn-bar {
        position: fixed;
        bottom: 0;
        left: 255px;
        right: 0;
        text-align: center;
        padding: 15px 20px 15px;
        background: #fff;
        border-top: 1px solid #edf1f3;
        z-index: 1050;
        box-sizing: border-box;
    }
    .btn-bar-cancel {
        display: inline-block;
        margin-left: 0px!important;
        text-decoration: none;
    }
}