/*Search by name input styling*/
.lswp-search-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.lswp-search-wrapper p.search-instruction {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    line-height: 1.3;
}

.lswp-search-wrapper .search-box {
    flex: 1 1 300px;
    display: flex;
}

#name-search {
    flex-grow: 1;
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px 0 0 6px;
    outline: none;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

#name-search:focus {
    border-color: #0073aa;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
}

#name-search-btn {
    padding: 8px 16px;
    font-size: 16px;
    border: none;
    background-color: #0073aa;
    color: white;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

#name-search-btn:hover {
    background-color: #005f8d;
}

#name-search-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.4);
}



/*pagination of summary page*/

.table-pagination {
  margin-top: 1rem;
  text-align: center;
}
.table-pagination a {
  display: inline-block;
  margin: 0 4px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  color: #0073aa;
  text-decoration: none;
  border-radius: 4px;
}
.table-pagination a.active {
  background-color: #0073aa;
  color: #fff;
  font-weight: bold;
}

/*ascending descending arrow*/

th.sortable {
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

th.sortable .sort-arrow {
  margin-left: 6px;
  font-size: 0.9em;
  vertical-align: middle;
}

/*pagination of summary page*/






table.clinical.reports span,
table.clinical.summary span {
  line-height: normal;
}


table.clinical span {
  display: inline-block;
  line-height: 34px;
}

table.clinical span.ward,
table.clinical span.name {
    width: 18%;
}
table.clinical span.status, 
table.clinical span.campus {
    width: 10%;
}
table.clinical span.unitcode,
table.clinical span.unit,
table.clinical span.semester,
table.clinical span.date,
table.clinical span.start,
table.clinical span.end,
table.clinical span.student-id,
table.clinical span.student_id {
    width: 10%;
}
table.clinical span.sid {
    width: 5%;
}
table.clinical span.date,
table.clinical span.start,
table.clinical span.end {
  border-left: 1px solid grey;
  text-align: center;
  width: 100px;
  float: right;
}
.clinical span.dashicons.add-note{
  background-color:var(--nv-c-1);
  height: 30px;
  margin: 0.13em 0px 0px -0.13em;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  width: 27px;
  line-height: 30px;
  color: #fff;
}

table.clinical span.semester-row {
  display: block;
  padding: 3px;
  border: 1px solid #eee;
  margin: 3px 0;
}
table.clinical span.semester-row a {
  display: inline-block;
  margin-right: 6px;
}

table.clinical tr td.status {
    text-align: center;
    font-size: 150%;
}
table.clinical tr td.status span {
    display: inline-block;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #e98e05;
    color: #e98e05;
    -webkit-transition: color 1s, border 1s; /* Safari */
    transition: color 1s, border 1s;

}
table.clinical tr td.status span.completed {
    border: 2px solid #9aa71d;
    color: #9aa71d;
}
table.clinical div.location {
    width: 70%;
    border-top: 1px solid grey;
    line-height: 34px;
}
table.clinical div.actions {
    width: 30%;
    border-top: 1px solid grey;
    line-height: 34px;
    float: right;
    text-align: right;
}

.clinical a:not(.duplicate,.count-circle-link,.dashicon),
.clinical:not(a).right span.actions {
  display: inline-block;
  width: auto;
  background-color: lightgrey;
  border: 1px solid grey;
  text-decoration: none;
  padding: .3em 0.5em;
  text-align: center;
  margin-bottom: 0.2em;
  font-family: sans-serif;
  font-weight: 300;
  border: 0;
}
.clinical.reports td:not(.results-expanded) a,
.clinical.summary td:not(.results-expanded) a {
    display: inline-block;
    background: none;
    border: none;
    padding: unset;
}

table.clinical a:last-child, table.clinical a.no-width {
    width: auto;
}
table.clinical span.progress-line {
  text-decoration: line-through;
}

table.clinical.download_btn td {
  display: unset !important;
}

table.clinical th.rotate-label {
  /* Something you can count on */
  height: 19em;
  white-space: nowrap;
}

table.clinical th.rotate-label > div {
  transform: 
    /* Magic Numbers */
    translate(1.3em, 0em)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
table.clinical th.rotate-label > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

table.clinical.mandatory {

  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 30px;
}

table.clinical.mandatory thead tr > th {
  color: #000;
  background-color: #fff;
  vertical-align: bottom;
}
table.clinical.mandatory tr:first-child > th{
  font-weight: bold;
}

table.clinical.mandatory tr > td {
  border: 1px solid #000;
  border-left: none;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
table.clinical a.dashicons {
  background-color: transparent;
  padding: 0;
}
table.clinical.mandatory tr > td span.dashicons {
  margin: 0;
}

@media only screen and (max-width: 58.5em) {
  table.clinical span.status, 
  table.clinical span.campus {
    display: none;
  }
  table.clinical td:first-child,
  table.clinical th:first-child {
    display: none;
  }
  table.clinical td.title,
  table.clinical td.results-expanded, 
  table.clinical th.heading {
    display: table-cell !important;
  }
  table.clinical th.rotate-label > div {
    transform: 
      /* Magic Numbers */
      translate(.2em, .7em) 
      /* 90 is really 360 - 90 */
      rotate(270deg);
    width: 30px;
  }  
  table.clinical.mandatory {
    
  }
  
}

/* mandatory tabs */
.nmcar-tabs .tabs_wrap{
	padding-top: 20px;
	border-bottom: 1px solid #ebedec;
}

.nmcar-tabs .tabs_wrap ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
  margin: 0;
}

.nmcar-tabs .tabs_wrap ul li{
  list-style: none;
	width: auto;
    text-align: center;
    background: #e9ecf1;
    border-top: 1px solid #c1c4c9;
    border-right: 1px solid #c1c4c9;
    padding: 0.4em 0.5em;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

@media only screen and (max-width: 58.5em) {
  .nmcar-tabs .tabs_wrap ul {
    
  }
}
.nmcar-tabs .tabs_wrap ul li:first-child{
	border-left: 1px solid #c1c4c9;
}

.nmcar-tabs .tabs_wrap ul li:last-child{
  /* border-right: 1px solid #c1c4c9; */
}

.nmcar-tabs .tabs_wrap ul li:hover,
.nmcar-tabs .tabs_wrap ul li.active{
	background: var(--nv-primary-accent);
	color: #fff;
} 


table.clinical.always-show td:first-child,
table.clinical.always-show th:first-child {
  display: table-cell;
}

.clinical a:before { 
    /* content: "\f177";*/
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px 'dashicons';
    vertical-align: middle;
    padding-right: 3px;
    padding-bottom: 2px;
}
.clinical.right {
  float: right;
}
.clinical.right, .clinical.right .dashicons {
  line-height: 40px;
} 

.clinical a.locked, 
.clinical a.inactive {
    color: grey;
}
.clinical a.done {
    color: black;
    background-color: #d3d3d3;
}
.clinical a.locked:before,
.clinical a.inactive:before { 
    content: "\f160";
}
.clinical a.edit {
    background-color: #006dae;
    color: white;
}
.clinical a.edit:before{
    content: "\f464";
}
.clinical a.review {
    background-color: #373737;
    color: white;
}
.clinical a.waiting {
    color: black;
    background-color: #d3d3d3;
    background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px);
    border: 1px solid #d3d3d3;
}
.clinical a.pending {
  color: #808080;
}
.clinical a.waiting:before,
.clinical a.pending:before {
    content: "\f469";
}
.clinical a.review:before{
    content: "\f177";
}
.clinical a.warning,
.clinical span.warning {
  background-color: #d3d3d3;
  color: #000;
  border:1px solid #aa281e !important;
}

.clinical a.warning:before {
    content: "\f194";
    color: #aa281e;
}   
.clinical span.warning .dashicons-unlock{
  margin: 4px 0 0 0;
}

.clinical a.active {
    background-color: #9aa71d;
    color: white;
}
.clinical a.active:before{
    content: "\f132";   
}
.clinical a.active.restricted {
    color: #777;
    background-color: #d3d3d3;
    cursor: not-allowed;
}
.clinical a.meet {
    background-color: #9aa71d;
    color: white;
}
.clinical a.meet:before,
.clinical a.done:before,
.clinical a.reviewed:before {
    content: "\f147";   
}
a.download, table.clinical a.download {
    background-color: #aa281e;
    color: white;
}
a.download:before {
    content: "\f316";
}

div.chart p {
  font-size: 75%;
  font-weight: bold;
  margin: 27px 0px 8px;
}

.clinical a.duplicate{
  padding: 0 3px;
}

.clinical span.duplicates {
  border: 1px solid #ccc;
  padding: 0 5px 0 5px;
  border-radius: 0 3px 3px 0;
  border-left: 0;
  line-height: inherit;
  background-color: #f9f9f9;
}
/* ma and rop table styling */
.report-colset-nav {
  display: flex; gap: .5rem; margin: .5rem 0 1rem;
  flex-wrap: wrap;
}
.report-colset-nav .colset-link,
.rowsPerPage {
  padding: .25rem .5rem; border: 1px solid #ddd; border-radius: .375rem;
  text-decoration: none; color: #333; background-color: #f8f8f8;
  font-size: var(--bodyfontsize);
}
.report-colset-nav .colset-link:hover,
.rowsPerPage:hover {
  background-color: #eee;
}
.report-set td:not(.student-col) {
  width: 35px;
}
.report-set th.student-col {
  width: 120px;
}
table.report-set {
  width: auto;
}
/* style the same for a select option input */
label.rowsPerPageLabel {
  font-weight: bold;
  padding: 0.25rem 0 0.5rem 0.25rem;
  font-size: var(--bodyfontsize);
}

/* pulse */
.report-set.pulse { box-shadow: 0 0 0 3px #ffd54d inset; transition: box-shadow .2s; }