.btn_block{
	width: 100% !important;
}
.btn_logins{
	background: linear-gradient(45deg, #02D9F0, #3202F0);
	border: none;
	border-radius: 8px;
	color: #ffffff;
}
.tx_mn_header{
	font-weight: bolder;
	text-transform: uppercase;
	color: #02416B;
}
.card_grad_bg{
	background: linear-gradient(90deg, rgba(239, 250, 232, 0.65), rgba(201, 214, 214, 0.65));
}
.form-control.color_bordered{
	border: solid 1px #B899F7 !important;
}
.cust-form .select2-container .select2-selection--single {
    border: 1px solid #B899F7 !important;
    height: 46px;
}
.form-control.color_bordered:focus{
	box-shadow: 1px 1px 6px #14889C;
}
.btn_add_ptnt{
	background: linear-gradient(60deg, #14889C, #6717A3);
	color: #ffffff;
	border-radius: 4px;
}
.form-control.mini_field{
	height: 32px !important;
	min-height: 32px !important;
	font-size: 13px !important;
}
.form-control.mini_field::placeholder{
	font-size: 13px !important;
}
.save_btn{
	background: linear-gradient(45deg, #034652, #097D91);
	border: none;
	border-radius: 8px;
	color: #ffffff;
}
.book_hdr{
	background: linear-gradient(45deg, #0459B3, #023163);
	color: #ffffff !important;
}
.book_hdr h4.card-title{
	color: #ffffff !important;
}
.colr_brd{
	border: solid 1px #C7E2FF;
}
.vinv_form .form-group{
	margin-bottom: 10px !important;
}
.vinv_form .form-group label{
	font-size: 12px !important;
	font-weight: 500;
}
.patient_info_dv{
	padding: 10px 12px;
	background: linear-gradient(45deg, rgba(239, 250, 232, 0.65), rgba(201, 214, 214, 0.65));
	border-radius: 20px;
  box-shadow: 2px 2px 8px gray;
  margin-bottom: 35px;
}
.patient_info_dv h4{
	color: #035996;
}
.info_list{
	padding: 0;
	margin: 0;
}
.info_list li strong{
	color: #024A7D;
	font-style: normal;
}
.info_list li{
	list-style: none;
	padding: 3px 0;
	font-style: italic;
	color: #707273;
}
.attendent_headers{
	background: linear-gradient(45deg, #012645, #09385E);
	padding: 4px 15px;
}
.attendent_headers h4{
	color: #ffffff !important;
}

 #patient-popup {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    max-width: 980px;
    margin: 16px;
    padding: 14px;
    background: #fff;
    color: #111;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    border-radius: 6px;
    box-sizing: border-box;
    overflow: hidden;
  }

  .pv-title {
      font-weight: 700;
      font-size: 15px;
      margin-bottom: 10px;
      color: #1f2d3d;
    }

    /* Allow table to size naturally and wrap content */
    table.pv-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: auto;            /* changed: auto lets browser allocate width logically */
      font-size: 12px;
      box-sizing: border-box;
    }

    /* cell basics */
    .pv-table th,
    .pv-table td {
      border: 1px solid #999;
      padding: 8px 10px;             /* slightly more padding for legibility */
      vertical-align: middle;
      box-sizing: border-box;
      white-space: normal;           /* important: allow wrapping */
      overflow-wrap: anywhere;       /* break long words / emails */
      word-break: break-word;        /* fallback for older browsers */
      line-height: 1.25;
      position: relative;            /* prevents weird overlap if children are positioned */
      min-height: 28px;
      text-transform: uppercase !important;
    }

    /* labels and values */
    .pv-label {
      font-weight: 700;
      font-size: 11px;
      text-transform: uppercase;
      color: #222;
      white-space: nowrap;           /* keep label on single line if possible */
    }
    .pv-value { font-weight: 600; color: #111; font-size:11px }

    /* Section header style */
    .pv-section {
      background: #e9eef5;
      font-weight: 800;
      padding: 8px 10px;
      font-size: 13px;
      color: #0b2b4a;
      border: 1px solid #99a6b3;
    }

    /* compact spacing for dense table */
    .pv-compact td { padding: 6px 8px; }

    /* fine-grained column helpers (flexible, not strict) */
    td.pv-col-20 { width: 25%; min-width: 90px; }
    td.pv-col-30 { width: 25%; min-width: 120px; }
    td.pv-col-10 { width: 10%; min-width: 60px; }
    td.pv-col-40 { width: 40%; min-width: 140px; }

    /* special long text cells */
    .pv-long { white-space: normal; }

    /* small helper text */
    .pv-muted { font-weight: 600; color: #444; font-size: 11px; }

    /* responsive: allow horizontal scroll in very narrow viewports */
    @media (max-width: 720px) {
      td.pv-label { white-space: normal; } /* allow label wrap on small screens */
    }
    td.td_header{
      background: #026AD1;
      color: #fff;
      font-weight: 700;
      font-size: 14px;
    }
    td.fw-5{
      font-weight: 500 !important;
    }
    td.fw-6{
      font-weight: 800 !important;
    }
  .card_box{
    width: 100%;
    box-shadow: 2px 2px 6px #0459B3;
    padding: 8px;
    text-align: center;
    background: linear-gradient(45deg, #024A66, #0B6A8F);
    border-radius: 8px;
    min-height: 75px;
    margin-top: 8px;
  }
  .card_box .body_text{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
  }
  .card_box .count_text{
    color: #D9DDDE;
    font-size: 13px;
  }
  .card_box .count_text img{
    width: 50px;
    height: 50px;
    object-fit: cover;
  }
  .card_box.n_grad{
    background: linear-gradient(45deg, #03858C, #0C949C);
  }
  @media (max-width: 720px)
  {
    .header-nav{
      height: 61px;
    }
  }
  @media only screen and (max-width: 991.98px) {
    .main-menu-wrapper {
      background: linear-gradient(45deg, #024A66, #0B6A8F);
    }
  }