.prescription-lines-table .editable-field {
  border: none !important;
  background: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  pointer-events: none;
  color: #555;
}
.prescription-lines-table .editable-field.active-field {
  pointer-events: auto;
  border: 1px solid #999 !important;
  background: #fff !important;
  appearance: auto;
}

.prescription-lines-table .form-checkboxes {
  display: flex;
  width: 100px;
  justify-content: space-between;
  align-items: center;
}
.prescription-lines-table .form-checkboxes .js-form-item {
  width: 40px;
  border: 1px solid #cccccce3;
  height: 35px;
  margin-right: 2px !important;
}
.prescription-lines-table
  .form-checkboxes
  .js-form-item
  .presc-timing-check-group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0px;
  height: 0px;
  margin: 0;
}
.prescription-lines-table .form-checkboxes .js-form-item label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
  color:#555;
}
.prescription-lines-table
  .form-checkboxes
  .js-form-item
  input.presc-timing-check-group:checked
  + label {
  background-color: #006a9b !important;
  color: #fff;
}
.prescription-admin-form .prescription-lines-table input.form-submit {
  background: transparent;
  border: 0px;
}
.prescription-lines-table tr .form-wrapper {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content:center;
}
.prescription-lines-table tr .form-item {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
}
.prescription-lines-table tr .form-item input {
  outline: 0px;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
#prescription-lines-wrapper .presc-timing-check-group input {
  padding: 0;
  width: 0;
}
#prescription-lines-wrapper .presc-timing-check-group label {
  margin: 0px;
  height: 100%;
}
.select2-container {
    width: 100% !important;
    margin-bottom: 14px;
}
.select2-container .select2-selection--single {
    height: 40px;
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #006a9b;
}
.prescription-admin-form .video-recorder-container input {
    width: 100%;
}

.prescription-lines-table .editable-field {
  border: none !important;
  background: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  pointer-events: none;
  color: #555;
  /* padding: 3px; */
}

/* While editing (focused) */
.prescription-lines-table .editable-field.active-field {
  pointer-events: auto;
  border: 1px solid #999 !important;
  background: #fff !important;
  appearance: auto;
}

.prescription-lines-table .form-checkboxes {
  display: flex;
  width: 100px;
  justify-content: space-between;
  align-items: center;
}
.prescription-lines-table .form-checkboxes .js-form-item {
  width: 40px;
  border: 1px solid #cccccce3;
  height: 35px;
  margin-right: 2px !important;
}
.prescription-lines-table
  .form-checkboxes
  .js-form-item
  .presc-timing-check-group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0px;
  height: 0px;
  margin: 0;
}
.prescription-lines-table .form-checkboxes .js-form-item label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
  color:#555;
}
/* Highlight label red if checkbox is checked */
.prescription-lines-table
  .form-checkboxes
  .js-form-item
  input.presc-timing-check-group:checked
  + label {
  background-color: #006a9b !important;
  color: #fff;
}
.prescription-admin-form .prescription-lines-table input.form-submit {
  background: transparent;
  border: 0px;
}
.prescription-lines-table tr .form-wrapper {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content:center;
}
.prescription-lines-table tr .form-item {
  width: 100%;
  height: 47px;
  display: flex;
  align-items: center;
}
.prescription-lines-table tr .form-item input {
  outline: 0px;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}
#prescription-lines-wrapper .presc-timing-check-group input {
  padding: 0;
  width: 0;
}
#prescription-lines-wrapper .presc-timing-check-group label {
  margin: 0px;
  height: 100%;
}
.select2-container {
    width: 100% !important;
    margin-bottom: 14px;
}
.select2-container .select2-selection--single {
    height: 40px;
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #006a9b;
}
.prescription-admin-form .video-recorder-container input {
    width: 100%;
}


.messages--error{
	color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf #fcf4f2;
    background-color: #fcf4f2;
    box-shadow: 0;
}

  /* .header-left { */
    /* display: flex; */
    /* align-items: center; */
  /* } */

  /* .logo { */
    /* width: 30px; */
    /* height: 30px; */
    /* margin-right: 12px; */
  /* } */
  /* .logo-text { */
    /* font-weight: 600; */
    /* font-size: 20px; */
    /* color: white; */
  /* } */

  /* .header-right { */
    /* display: flex; */
    /* align-items: center; */
  /* } */
  /* .profile { */
    /* width: 38px; */
    /* height: 38px; */
    /* border-radius: 50%; */
    /* object-fit: cover; */
    /* cursor: pointer; */
  /* } */

  /* .icon:hover { */
    /* stroke: #000;  */
    /* fill: #000; */
  /* } */
 .prescription-admin-form{
	 max-width: 1140px;
  border-radius: 20px;
  margin:auto;
  box-shadow: 0px 0px 8px 0px #dbefff;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  position:relative;
 }
  .prescription-admin-form input#edit-left-video-note-upload-upload,
  .prescription-admin-form input#edit-left-audio-note-upload-upload{
	  border:2px dotted #999999;
  }
  .prescription-admin-form #edit-left-expiry-date ,
  .prescription-admin-form #edit-left-date-prescribed {
	 display:flex;
 }
  .prescription-admin-form #edit-left-expiry-date .js-form-item-left-expiry-date-date,
  .prescription-admin-form #edit-left-date-prescribed .js-form-item-left-date-prescribed-date{
	  width:50%;
  }
  .prescription-admin-form #edit-left-expiry-date .form-item-left-expiry-date-time,
  .prescription-admin-form #edit-left-date-prescribed .js-form-item-left-date-prescribed-time{
	 width:50%;
	 margin-left:10px;
 }
/* ---------- prescription admin form left --------- */


 .prescription-left-col{
	 border-right:1px solid #dbefff;
	 padding:30px 15px; 
	 width:	30%;
 }
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {
	 padding:8px 8px;
	 transition: transform 0.5s ease-out;
 }
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a{
	 /* background-color:transparent; */
	 /* text-decoration:none; */
	 transition: transform 0.5s ease-out;
	 padding:0px;
 }
  .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.ui-menu-item:hover a.ui-state-active,
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.ui-menu-item:hover a{
    color: #333;
 }
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.ui-menu-item:hover{
	background: #efefef;
    border-color: #efefef;
 }
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a.ui-state-active,
 .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a:hover{
	 background-color:transparent;
	 text-decoration:none;
	 border:none;
	 padding:0px;
	 color: #333;
	 margin:0px;
 }
 
 .prescription-lines-table .form-item .active-field, .prescription-lines-table .form-item .active-field{
	 
 }
 #prescription-lines-wrapper .form-item div#edit-lines-wrapper-actions{
	    position: absolute;
    bottom: 0px;
 }
 #prescription-lines-wrapper .form-item{
	 margin:0px;
 }
 #prescription-lines-wrapper .prescription-lines-actions input{
	width:auto;
	margin-bottom:20px;
 }
 #prescription-lines-wrapper .fieldset-legend,
 .prescription-left-col label,
 .prescription-left-col h4{
	 font-size:15px;
	 font-weight:600;
	 color:#333;
	 margin-bottom:10px;
	 display:block;
	 
 }
 .prescription-left-col .description{
	 display:none;
 }
 .prescription-left-col *{
	 margin:0px;
 }
  .prescription-left-col #edit-left-patient{
	background-position:97% center;
  }
  
 
/* ---------- prescription admin form left --------- */
 #prescription-lines-wrapper{
	padding:30px 15px 50px;
	width:	70%;
	margin-top: 30px;
	border-radius: 20px;
 }
 #prescription-lines-wrapper .form-item .form-checkboxes .form-type-checkbox label{
	 font-size:15px;
	 border-radius:50%;
 }
 #prescription-lines-wrapper .form-item fieldset.presc-timing-check-group{
	 padding:0px 10px;
 }
 #prescription-lines-wrapper .form-item input#edit-lines-wrapper-table-0-actions-remove{
	font-size: 14px!important;
    color: #fff!important;
    background: #db2334;
    border-radius: 50%;
    padding: 3px 8px!important;
 }
 #prescription-lines-wrapper .form-item .form-checkboxes .form-type-checkbox{
	 border-radius:50%;
 }
 #prescription-lines-wrapper thead tr{
	background-color:#006a9b;
	color:#fff;
 }
 #prescription-lines-wrapper th{
	     text-transform: capitalize;
	 font-size: 15px;
    font-weight: 500;
 }
 #prescription-lines-wrapper  td,#prescription-lines-wrapper th {
  border: 1px solid #999;
  padding: 6px 10px;
}

#prescription-lines-wrapper .presc-timing-check-group label{
	margin:0px;
}
#prescription-lines-wrapper tbody td{
	padding:0px;
}
#prescription-lines-wrapper input,
#prescription-lines-wrapper select{
	margin:0px;
	border:none;
}
#prescription-lines-wrapper .presc-timing-check-group .fieldset-wrapper{
	width:100%;
  display: flex;
  justify-content: center;
}
#prescription-lines-wrapper legend{
	margin:0px;
	display:none;
}
#prescription-lines-wrapper table {
  border-collapse: collapse;
   border:1px solid #006a9b;
	 border-radius:5px;
	 margin-bottom:20px;
}
 #prescription-lines-wrapper table tr{
	     /* display: grid; */
 }
.prescription-admin-form input.form-submit{
	 background:#006a9b;
	 border:1px solid #006a9b;
	 border-radius:5px;
	 color:#fff;
	 font-size:15px;
	 width:auto!important;
	 font-weight:600;
	 padding:4px 15px;
 }
.prescription-admin-form .prescription-form-actions a{
	background: #db2334;
	border:1px solid #db2334;
	border-radius:5px;
	color:#fff;
	width:auto;
	margin:auto;
	font-size:15px;
	font-weight:600;
	padding:4px 15px;
}

 #prescription-lines-wrapper input,
  .prescription-left-col input{
	  width:100%;

  }

.prescription-admin-form .video-recorder-container input{
	width:auto;
}
.prescription-admin-form button::placeholder,
.prescription-admin-form optgroup::placeholder,
.prescription-admin-form  select::placeholder,
.prescription-admin-form .prescription-left-col select::placeholder,
.prescription-admin-form .prescription-left-col textarea::placeholder,
.prescription-admin-form input::placeholder{
	font-size:14px;
}
.prescription-admin-form button,
.prescription-admin-form optgroup,
.prescription-admin-form  select,
.prescription-admin-form .prescription-left-col select,
.prescription-admin-form .prescription-left-col textarea,
.prescription-admin-form input{
	  border:1px solid #999;
	  	 border-radius:5px;
		 padding:5px 10px ;
	margin-bottom:15px;
	font-size:14px;
	color:#555;
 }
 
 
 /* header design css start */
/* .header { */
    /* width: 100%; */
    /* height: 64px; */
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* padding: 0 25px; */
	/* background:#fff; */
    /* border-bottom: 1px solid var(--primary_border); */
    /* position: sticky; */
    /* top: 0; */
    /* z-index:498; */
/* } */

/* .header-left button{ */
	/* background-color:transparent; */
	/* border:none; */
/* } */
/* .header-right { */
    /* display: flex; */
    /* align-items: center; */
    /* gap: 20px; */
/* } */
/* .header-right .icon { */
    /* width: 22px; */
    /* height: 22px; */
    /* fill: none; */
    /* stroke: var(--addit_black); */
    /* stroke-width: 2; */
    /* cursor: pointer; */
    /* transition: .3s ease; */
/* } */
/* .header-right .icon:hover { */
    /* stroke: #007bff; */
    /* transform: scale(1.15); */
/* } */
.profile {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e3e6ef;
    transition: .3s ease;
}

.profile:hover {
    border-color: #007bff;
    transform: scale(1.08);
}
img.site-logo {
    width: 114px;
    height: auto;
}

/* #main-header .sidebar-wrapper .nav-menus { */
    /* list-style: none; */
    /* padding-left: 0; */
    /* margin: 0; */
    /* width: 100%; */
/* } */

/* #main-header .sidebar-wrapper .nav-menus .nav-item { */
    /* width: 100%; */
/* } */

/* #main-header .sidebar-wrapper .sidebar-bottom{ */
	    /* display: flex; */
    /* align-items: end; */
    /* position: fixed; */
    /* height: 100%; */
    /* width: auto; */
    /* bottom: 0px; */
/* } */
#main-header .sidebar-wrapper .material-symbols-outlined{
	font-size:18px;
}
#main-header .sidebar-wrapper .nav-menus .nav-item .nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
	height:40px;
    padding: 10px 15px;
	margin:0px 10px 5px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    /* border-left: 4px solid transparent; */
    transition: 0.3s ease;
}
#main-header .sidebar-wrapper .nav-menus .nav-item .nav-link:hover,
#main-header .sidebar-wrapper .nav-menus .nav-item .nav-link.active {
	border-radius:8px;
	background: hsl(0deg 0% 9% / 10%);
}

#main-header .sidebar-wrapper::-webkit-scrollbar {
    width: 6px;
}
#main-header .sidebar-wrapper::-webkit-scrollbar-track {
    background: #0b1e39;
}
#main-header .sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #4d9cff;
    border-radius: 10px;
}
/* #block-livelong-content{ */
	/* margin:30px; */
	
/* } */
#block-livelong-content .view-content{
	padding:24px;
}
#block-livelong-content table.views-table {
    width: 100%;
	border-collapse: collapse;
}

/* Table Header */
#block-livelong-content table.views-table thead th {
    color: var(--gray_color);
    font-weight: 600;
    padding: 14px 12px;
    text-align: left;
    font-size: 15px;
    letter-spacing: .3px;
}
#block-livelong-content table.views-table tbody tr {
    transition: background 0.25s ease;
}
#block-livelong-content table.views-table th,
#block-livelong-content table.views-table td {
    padding: 16px 12px;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #e2e2e2;
    vertical-align: middle;
}
#block-livelong-content table.views-table tbody tr:last-child td {
    border-bottom: none;
}
#block-livelong-content table.views-table td time.datetime {
    font-weight: 400;
    color: #000;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 14px;
}
#block-livelong-content table.views-table td[data-label="Patients"] {
    font-weight: 600;
	text-transform:capitalize;
}
#block-livelong-content table.views-table td[data-label="Status"] {
    font-weight: 600;
}

#block-livelong-content table.views-table td[data-label="Status"]:contains("Completed") {
    color: #0a7d00;
	
}
.views-exposed-form label {
  font-weight: 600;
  margin-bottom: 6px;
  color: #051f3e;
  font-size: 0.92rem;
}

.views-exposed-form .form-text,
.views-exposed-form .form-select {
  height: 40px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(9,30,66,0.14);
  background: #fff;
  font-size: 0.95rem;
  outline: none;
  transition: .18s ease;
  box-sizing: border-box;
}

.views-exposed-form #edit-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin:0px;
}

@media (max-width: 780px) {
  .views-exposed-form .form--inline {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .views-exposed-form label {
    font-size: 0.88rem;
  }
  .views-exposed-form .form-text,
  .views-exposed-form .form-select {
		height: 42px;
		font-size: 0.92rem;
  }
}

/* #block-livelong-content .view-prescription-list .view-content{ */
     /* padding: 24px; */
/* } */
#block-livelong-content table.views-table td .dropbutton-wrapper {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    #block-livelong-content table.views-table thead {
        display: none;
    }

    #block-livelong-content table.views-table tbody tr {
        display: block;
        margin-bottom: 12px;
        border-radius: 8px;
        background: #fff;
        padding: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    }

    #block-livelong-content table.views-table td {
        display: flex;
        justify-content: space-between;
        padding: 8px 5px;
        border-bottom: 1px dashed #d8d8d8;
        font-size: 14px;
    }

    #block-livelong-content table.views-table td:last-child {
        border-bottom: none;
    }

    #block-livelong-content table.views-table td:before {
        content: attr(data-label);
        font-weight: 600;
        color: #444;
    }
}

.views-exposed-form {
    padding:24px;
	display:flex;
	justify-content:flex-end;
   
}

.views-exposed-form .form--inline .form-item{
	display:flex;
	align-items: end;
	margin:0px;
	flex-direction: column;
}
.views-exposed-form .form--inline label{
	margin-right:5px;
}
.views-exposed-form .form--inline {
    display: flex;
   align-items: end;
    flex-wrap: wrap;
    gap: 18px;
}

.views-exposed-form label {
    font-size: 14px;
    font-weight: 600;
    color: #34495e;
    margin-bottom: 4px;
    display: inline-block;
}

.views-exposed-form .form-text,
.views-exposed-form .form-select {
	margin:0px;
    width: 220px;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #dce4ec;
    border-radius: 6px;
    background: #fdfdfd;
    transition: all .3s;
}
.views-exposed-form .form-actions .button {
    padding: 10px 20px;
    font-size: 14px;
    background-color: var(--addit_black);
    border: none;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid var(--addit_black);

    transition: 0.3s;
}

.views-exposed-form .form-actions .button:hover {
        background-color: #fff;
    border: 1px solid var(--addit_black);
    color: var(--addit_black);
}
@media (max-width: 768px) {
    .views-exposed-form .form--inline {
        flex-direction: column;
        align-items: stretch;
    }

    .views-exposed-form .form-text,
    .views-exposed-form .form-select {
        width: 100%;
    }

    .views-exposed-form .form-actions .button {
        width: 100%;
    }
}

.image-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.image-modal-box {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.3);
    max-width: 90%;
    max-height: 90%;
    animation: popupScale 0.25s ease-out;
}

.image-modal-box img {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 10px;
}

.modal-close-btn {
    background: #ff4343;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
    float: right;
}

@keyframes popupScale {
    0% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/* 4K Ultra HD Screens (1601px and above) */
@media (min-width: 1601px) {
    /* Ultra HD / 4K screen styles */
}

/* Large Desktop Screens (1201px – 1600px) */
@media (min-width: 1201px) and (max-width: 1600px) {
    /* Large desktop styles */
}

/* Standard Desktop Screens (993px – 1200px) */
@media (min-width: 993px) and (max-width: 1200px) {
    /* Standard desktop styles */
}

/* Small Laptops (769px – 992px) */
@media (min-width: 769px) and (max-width: 992px) {
    /* Small laptop styles */
	
}

/* Tablets (577px – 768px) */
@media (min-width: 577px) and (max-width: 768px) {
    .prescription-admin-form{
    max-width: 720px;
	}
	#prescription-lines-wrapper .form-item .form-checkboxes .form-type-checkbox label{
		font-size:12px;
	}
	.prescription-lines-table .form-checkboxes .js-form-item{
		width:23px;
		height:23px;
	}
	.prescription-lines-table tr .form-item input{
		font-size:12px;
	}
	#prescription-lines-wrapper td, #prescription-lines-wrapper th{
		    padding: 6px 6px;
			    font-size: 13px;
	}
}

/* Small Mobile Landscape (481px – 576px) */
@media (min-width: 481px) and (max-width: 576px) {
    
}

/* Extra Small Mobile (0px – 480px) */
@media (min-width: 0px) and (max-width: 480px) {
    /* Extra small mobile devices */
}

/* 4K and Large screens */
@media (max-width: 4000px) {}

/* Large Desktop */
@media (max-width: 1600px) {}

/* Desktop */
@media (max-width: 1200px) {}

/* Small Laptop */
@media (max-width: 992px) {
	
	.prescription-left-col{
		width:100%;
		padding:30px 15px 0px;
		border-right:none;
	}
	#prescription-lines-wrapper{
		width:100%;
		margin-top:0px;
	}
	
	
}

/* Tablet */
@media (max-width: 768px) {}

/* Small Mobile */
@media (max-width: 576px) {}

/* Extra Small */
@media (max-width: 480px) {}
    .prescription-lines-table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
      background: #fff;
    }
    .prescription-lines-table th,
    .prescription-lines-table td {
      border: 1px solid #e0e0e0;
      padding: 10px 14px;
      text-align: left;
    }
    .prescription-lines-table th {
      /* background: #f5f5f5; */
      /* font-weight: 700; */
      /* color: #152238; */
    }

    /* Mobile responsive styles */
    @media (max-width: 600px) {
		#prescription-lines-wrapper table{
			border:none;
		}
      .prescription-lines-table,
      .prescription-lines-table thead,
      .prescription-lines-table tbody,
      .prescription-lines-table tr {
        display: block;
        width: 100%;
      }
	  #prescription-lines-wrapper tbody td:last-child{
		  border:none;
	  }
	  #prescription-lines-wrapper tbody td {
		border: none;
		border-bottom: 1px solid #999999;
		    padding-left: 10px;
	}
	.prescription-lines-table tr .form-wrapper,
	#prescription-lines-wrapper .presc-timing-check-group .fieldset-wrapper{
		justify-content:start;
	}
	#prescription-lines-wrapper table tr {
		border-radius: 10px;
		box-shadow: 0px 0px 6px 0px #dfdfdf;
		background: #fff;
		border:none;
	}
      .prescription-lines-table thead tr {
        display: none;
      }

      .prescription-lines-table tr {
        margin-bottom: 18px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #dedede;
        box-shadow: 0 1px 4px #e7e7e7;
      }

      .prescription-lines-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        padding: 12px 16px;
        border: none;
        border-bottom: 1px solid #efefef;
        position: relative;
        font-size: 15px;
      }
      .prescription-lines-table td:last-child {
        border-bottom: none;
      }
      .prescription-lines-table td::before {
        content: attr(data-label) " ";
        font-weight: 600;
        color: #333;
        min-width: 100px;
        text-align: left;
        margin-right: 16px;
        flex-shrink: 0;
      }
    }
	.menu-item {
    @apply flex items-center gap-2 px-2 py-1.5 text-sm rounded-sm hover:bg-accent hover:text-accent-foreground transition;
  }
  .icon {
    @apply size-4 shrink-0;
  }
	
.ll-wrapper {
    background-color: #f7f9fc;
    padding: 20px;
}

.ll-main {
    max-width: 1200px;
    margin: 0 auto;
}

.ll-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.ll-header .page-title {
    font-size: 28px;
    font-weight: 600;
    color: #2c3e50;
}

.header-actions a.btn {
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 6px;
    margin-left: 10px;
    font-size: 14px;
    transition: all 0.3s;
}

.btn-outline {
    border: 1px solid #4d9cff;
    color: #4d9cff;
    background: transparent;
}

.btn-outline:hover {
    background-color: #4d9cff;
    color: #fff;
}

.btn-primary {
    background-color: #4d9cff;
    color: #fff;
    border: none;
}

.btn-primary:hover {
    background-color: #1e7bff;
}

.card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 20px;
}

.doctor-card {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.doctor-card .doc-left {
    flex: 1;
    min-width: 200px;
    margin-right: 20px;
}

.doc-name {
    font-weight: 600;
    font-size: 18px;
    color: #2c3e50;
}

.clinic {
    color: #7f8c8d;
    font-size: 14px;
}

.doc-right div {
    margin-bottom: 8px;
    font-size: 14px;
}

.status-badge {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.status-completed {
    background-color: #27ae60;
}
.media-card {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.media-col {
    flex: 1;
    min-width: 250px;
}

.media-col h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.audio-col audio,
.video-col video {
    width: 100%;
    border-radius: 8px;
}

.lines-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.lines-table th, .lines-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e1e4eb;
    text-align: left;
}

.lines-table th {
    background-color: #f5f7fa;
    font-weight: 600;
    color: #34495e;
}

.chip {
    display: inline-block;
    background: #e8f0fe;
    color: #4d9cff;
    padding: 4px 10px;
    border-radius: 20px;
    margin-right: 5px;
    font-size: 12px;
}

.row-actions .icon-btn {
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #4d9cff;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    transition: background 0.3s;
}

.row-actions .icon-btn:hover {
    background-color: #1e7bff;
}

.row-actions .icon-btn.order {
    background-color: #27ae60;
}

.row-actions .icon-btn.order:hover {
    background-color: #1e8449;
}

.ll-footer {
    text-align: center;
    font-size: 14px;
    color: #7f8c8d;
    margin-top: 20px;
}

.clinic-title {
    font-weight: 600;
}

@media (max-width: 768px) {
    .doctor-card {
        flex-direction: column;
    }

    .media-card {
        flex-direction: column;
    }
}

#block-livelong-content .my-orders-page {
    background: transparent;
    padding: 24px;
    max-width: 100%;
    margin: 0 auto;
	    box-shadow: none;
}

#block-livelong-content .my-orders-page h2 {
    padding-bottom: 24px;
    color: #000;
	border-bottom:0px solid #e5e7eb;
    margin-bottom: 0px;
    /* display: flex; */
    /* align-items: center; */
    /* gap: 10px; */
}

#block-livelong-content .orders-table {
    width: 100%;
    border-collapse: collapse;
	overflow:hidden;
    font-size: 14px;
}



/* #block-livelong-content .orders-table thead { */
    /* background-color: #fff; */
/* } */

#block-livelong-content .orders-table th, 
#block-livelong-content .orders-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e1e4eb;
}

#block-livelong-content .orders-table th {
    background-color: #fff;
	color: var(--gray_color);
    font-weight: 600;
    padding: 14px 12px;
    text-align: left;
    font-size: 15px;
    letter-spacing: .3px;
}

#block-livelong-content .orders-table tbody tr {
    transition: background 0.3s;
}

#block-livelong-content .orders-table tbody tr:hover {
    background-color: #f5f5f5;
}

#block-livelong-content .orders-table .status {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

#block-livelong-content .orders-table .status{
	    background: #ef4444;
}
#block-livelong-content .orders-table .status.Completed {
    background-color: #27ae60;
}

#block-livelong-content .orders-table .status.Pending {
    background-color: #f39c12;
}

#block-livelong-content .orders-table .status.Unknown {
    background-color: #7f8c8d;
}

#block-livelong-content .view-btn {
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s;
}

/* #block-livelong-content .view-btn:hover { */
    /* background-color: #006a9bab; */
	/* text-decoration:none; */
/* } */
#block-livelong-content .orders-table a {
    text-decoration: none;
    transition: all 0.3s;
}

#block-livelong-content .orders-table a:hover {
    text-decoration: none;
}
@media (max-width: 768px) {
    #block-livelong-content .orders-table th, #block-livelong-content .orders-table td {
        padding: 10px 12px;
    }

    #block-livelong-content .my-orders-page h2 {
        font-size: 20px;
    }
}

.prescription-create-order-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    max-width: 950px;
    margin: 25px auto;
}
.order-header {
    margin-bottom: 25px;
}

.order-title {
    font-size: 30px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 5px;
}

.order-subtitle {
    font-size: 15px;
    color: #718093;
}

.prescription-create-order-form label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
    color: #2d3436;
}

.prescription-create-order-form input.form-text,
.prescription-create-order-form input.form-number,
.prescription-create-order-form textarea.form-textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #dce1e6;
    border-radius: 8px;
    background: #fafafa;
    font-size: 15px;
    transition: .3s;
}

.prescription-create-order-form input:focus,
.prescription-create-order-form textarea:focus {
    border-color: #4d9cff;
    box-shadow: 0 0 7px rgba(77,156,255,0.4);
    background: #fff;
    outline: none;
}

.medication-fieldset {
    border: 1px solid #e6e9ef !important;
    padding: 18px 20px;
    border-radius: 10px;
    margin: 25px 0;
}

.fieldset-legend {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    padding: 0 10px;
}

.medication-row {
	background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 24px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border-left: 5px solid #007ba7;
    display: grid;
    grid-template-columns: 48px 1fr 140px;
    gap: 15px;
    align-items: center;
    padding: 12px 14px;
}

.medication-row .form-item{
	margin:0px;
}
.medication-row:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 123, 167, 0.1);
}

.med-check {
    width: 20px;
    height: 20px;
}

.med-label {
    font-size: 17px;
    font-weight: 600;
    color: #2c3e50;
}

.quantity-input {
    padding: 10px;
    border-radius: 6px;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.form-textarea {
    resize: vertical;
    min-height: 120px;
}

.order-submit-btn {
    background: #4d9cff;
    border: none;
    padding: 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    margin-top: 25px;
    cursor: pointer;
    transition: .3s;
}

.order-submit-btn:hover {
    background: #1e7bff;
    box-shadow: 0 4px 14px rgba(30,123,255,0.4);
}

@media (max-width: 768px) {
    .two-column {
        grid-template-columns: 1fr;
    }

    .medication-row {
        grid-template-columns: 35px 1fr 100px;
    }
}
/* Material icon font load */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

.dropbutton-wrapper .dropbutton {
	display:flex;
  list-style: none;
  padding: 0;
  border:none;
  margin: 0;
}

/* Hide all menu items (buttons) except toggle */
.dropbutton .dropbutton-action {
  display: none;
}
.js .dropbutton-multiple .dropbutton-widget{
	padding:0px;
	background:transparent;
	border:none;
}
/* 3 dots button styling */
.dropbutton-wrapper .dropbutton .dropbutton-toggle{
	position:static;
	display:none;
}
/* .dropbutton-toggle button { */
  /* background: #f3f3f3; */
  /* border: 1px solid #ccc; */
  /* padding: 6px 10px; */
  /* border-radius: 6px; */
  /* cursor: pointer; */
/* } */

.dropbutton-toggle button::after {
  /* content: "more_vert"; */
  /* font-family: "Material Symbols Outlined"; */
  /* font-size: 20px; */
  /* vertical-align: middle; */
  display:none;
}

/* DROPDOWN HOVER — show menu */
/* .dropbutton:hover .dropbutton-action { */
.dropbutton .dropbutton-action {
  display: block !important;
}

/* Menu items style */
.dropbutton .dropbutton-action a {
	font-size:0px;
  /* display: flex; */
  /* align-items: center; */
  /* gap: 6px; */
  /* padding: 8px 12px; */
  /* text-decoration: none; */
  /* background: #ffffff; */
  /* border-bottom: 1px solid #eee; */
  /* color: #333; */
  /* font-size: 14px; */
  /* white-space: nowrap; */
}

/* Menu box */
.js td .dropbutton-multiple .dropbutton-action a, .js td .dropbutton-multiple .dropbutton-action input, .js td .dropbutton-multiple .dropbutton-action button{
	height:25px;
	width:20px;
	text-align:center;
}
.dropbutton li{
	padding:3px;
	margin:3px;
	border-radius: 8px;
}
.dropbutton li:hover {
  /* background: #fff; */
  /* border: 1px solid #ddd; */
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
  /* border-radius: 8px; */
  /* padding: 6px 0; */
}
.dropbutton .secondary-action{
	border:none;
}

/* Add Material Icons using CSS only */
.edit{
	background: #dfdfdf;
}
.edit a::before {
  content: "edit";
  font-size: 20px;
  color: #605b5b;
  font-family: "Material Symbols Outlined";
}

.print-pdf{
	background: #dce6ff;
}
.print-pdf a::before {
  content: "print";
  font-size: 19px;
  color:#0030a7;
  font-family: "Material Symbols Outlined";
}

.clone{
	background: #fff8dc;
}
.clone a::before {
  content: "content_copy";
  font-size: 17px;
  color: #ffce09;
  font-family: "Material Symbols Outlined";
}

.delete{
	background: #ffdcdc;
}
.delete a::before {
  content: "delete";
  font-size: 18px;
  font-family: "Material Symbols Outlined";
  color: #fa2626;
}

.devel{
	background: #dcffe0;
}
.devel a::before {
  content: "terminal";
  font-size: 19px;
  color:#0bad00;
  font-family: "Material Symbols Outlined";
}

.edit:hover{
	background:#605b5b;
	transition: 0.3s ease;
}
.print-pdf:hover{
	background:#0030a7;
	transition: 0.3s ease;
}
.clone:hover{
	background:#ffce09;
	transition: 0.3s ease;
}
.delete:hover{
	background:#fa2626;
	transition: 0.3s ease;
}
.devel:hover{
	background:#0bad00;
	transition: 0.3s ease;
}
.edit:hover a::before,
.print-pdf:hover a::before,
.clone:hover a::before,
.delete:hover a::before,
.devel:hover a::before{
	color:#fff;
}

/* Hover effect */
/* .dropbutton .dropbutton-action a:hover { */
  /* background: #f7f7f7; */
/* } */
/* -------------------------------------------------
   SCOPED CSS — Everything inside the main class
------------------------------------------------- */
.prescription-assign-patient-form {
  max-width: 680px;
  margin: 28px auto;
  background: #ffffff;
  border-radius: 16px;
  padding: 26px;
  box-shadow: 0 6px 18px rgba(5,31,62,0.08);
  border: 1px solid rgba(5,31,62,0.04);
  background: linear-gradient(180deg, #fbfdff 0%, #f3f8ff 100%);
  color: #0b1220;
}

/* Text description inside form */
.prescription-assign-patient-form > p,
.prescription-assign-patient-form .form-description {
  margin: 0 0 12px 0;
  color: #6b7280;
  font-size: 0.95rem;
}

/* Grid layout for Email | or | Phone */
.prescription-assign-patient-form #edit-patient-fields {
  /* display: grid; */
  /* grid-template-columns: 1fr 70px 1fr; */
  /* gap: 14px; */
  align-items: start;
  margin-bottom: 18px;
}

/* OR block */
.prescription-assign-patient-form #edit-patient-fields > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-weight: 600;
  font-size: 0.95rem;
}

/* Form item */
.prescription-assign-patient-form .js-form-item {
  display: flex;
  flex-direction: column;
}

/* Input labels */
.prescription-assign-patient-form .js-form-item label {
  font-weight: 600;
  margin-bottom: 8px;
  color: #051f3e;
  font-size: 0.95rem;
}

/* Email + Phone input fields */
.prescription-assign-patient-form input.form-email,
.prescription-assign-patient-form input.form-text,
.prescription-assign-patient-form input[type="email"],
.prescription-assign-patient-form input[type="text"] {
  height: 48px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(9,30,66,0.09);
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  font-size: 1rem;
  outline: none;
  transition: .18s cubic-bezier(.2,.9,.3,1);
  box-sizing: border-box;
}

/* Description (digits only) */
.prescription-assign-patient-form #edit-patient-phone--description {
  margin-top: 8px;
  color: #6b7280;
  font-size: 0.85rem;
}

/* Focus effect */
.prescription-assign-patient-form input.form-email:focus,
.prescription-assign-patient-form input.form-text:focus {
  border-color: #0a4b7a;
  box-shadow: 0 8px 30px rgba(5,31,62,0.12);
  transform: translateY(-1px);
}

/* Submit button area */
.prescription-assign-patient-form .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 6px;
}

/* Main submit button */
.prescription-assign-patient-form input[type="submit"].button--primary {
  background: linear-gradient(180deg, #051f3e 0%, #0a4b7a 100%);
  color: #fff;
  border: none;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(5,31,62,0.14);
  transition: .18s cubic-bezier(.2,.9,.3,1);
  font-size: 0.98rem;
}

/* Button hover/active */
.prescription-assign-patient-form input[type="submit"].button--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(5,31,62,0.18);
}
.prescription-assign-patient-form input[type="submit"].button--primary:active {
  transform: translateY(0);
  opacity: 0.96;
}

/* Error fields */
.prescription-assign-patient-form #edit-patient-phone[aria-invalid="true"],
.prescription-assign-patient-form #edit-patient-email[aria-invalid="true"] {
  border-color: #d64545;
  box-shadow: 0 6px 20px rgba(214,69,69,0.07);
}

/* Responsive */
@media (max-width: 860px) {
  .prescription-assign-patient-form #edit-patient-fields {
    grid-template-columns: 1fr;
  }

  .prescription-assign-patient-form #edit-patient-fields > div:nth-child(2) {
    order: 2;
    margin: 6px 0;
    text-align: center;
  }

  .prescription-assign-patient-form input[type="submit"].button--primary {
    width: 100%;
  }
}

/* Very small screens */
@media (max-width: 420px) {
  .prescription-assign-patient-form .js-form-item label {
    font-size: 0.92rem;
  }
  .prescription-assign-patient-form input.form-email,
  .prescription-assign-patient-form input.form-text {
    height: 44px;
    font-size: 0.98rem;
  }
}


/* doctore register page  */
 
#block-livelong-content #radix-«r4»-content-personal select,
#block-livelong-content #radix-«r4»-content-personal input{
	
}
 
/* #block-livelong-content #radix-«r4»-content-personal .p-3{ */
	/* padding:24px; */
/* } */