body {
  font-family: "Inter", sans-serif;
}

/*
 * Search results
 **************************************/
.search-result {
	cursor: pointer;
}

.search-result:nth-child(odd) {
    background-color: #f2fafb;
}
.search-result:nth-child(even) {
    background-color: #e5f6f7;
}

.search-result:hover {
	background-color: #b5be1e;
	color: #FFF;
}

#search{
	margin-top: 0px;
	margin-left: 0px;
	height: 33px;
	border-radius: 0;
}

.search_submit{
	height: 33px;
	border-radius: 0 3px 3px 0;
	background-color: #d7df23;
	text-transform: uppercase;
	padding: 0 10px;
}


/*
 * Messages
 **************************************/
.message-left, .lab-order-left {
	float: left;
	width: 25%;
}

.message-middle, .lab-order-middle {
	float: left;
	width: 55%;
	padding-right: 3%;
	margin-bottom: 2px;
}

.message-right, .lab-order-right {
	float: left;
	width: 20%;
}

.message, .lab-order {
	overflow: auto;
	margin: 3px 0;
	padding: 15px;
	border: 1px solid #808285;
	border-radius: 5px;
}

.composemessage{
	padding: 20px 30px;
	border: 1px solid lightgrey;
	border-radius: 5px;
	background-color: white;
}

.meta_name{
	font-size: 14px;
}

.msg_user_icon{
	width: 20px;
	height: 20px;
	content: "\25AE";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
}

.message_extra_info, .doc_confirm_text{
	border: 1px solid lightgrey;
	border-radius: 3px;
	background: #f7f7f8;
	padding: 12px;
	margin-bottom: 14px;
}

.message_extra_header{
	display: block;
	font-size:  13px;	
	text-transform: uppercase;
	color: grey;
	margin-top: 16px;
}

/*
 * Tables
 **************************************/
 
 th{
 font-size: 16px;
 font-family: "Inter";
 font-display: auto;
 }
 
 .table>thead>tr>th{
 vertical-align: top;
 }

#case-table, #order-table{
	font-size: 15px;
}

#form_search_submit{
		float: left;
	}

@media screen and (max-width:767px) {
	
	#case-table tr, td,
	#order-table tr, td {
		padding: 5px;
		border:1px solid grey;
		border-radius: 5px;
	}

	#case-table,
	#order-table {
		border:none;
	}

	#case-table thead,
	#order-table thead {
		display:none;
	}

	#case-table tr,
	#order-table tr {
		float: left;
		width: 100%;
		margin-bottom: 8px;
	}

	#case-table td,
	#order-table td {
		float: left;
		width: 100%;
		padding: 5px 10px;
		word-wrap: break-word;
	}

	#case-table td::before,
	#order-table td::before {
		content:attr(data-label);
		word-wrap: break-word;
		width: 33%;
		min-width: 82px;
		float:left;
		padding: 5px 10px;
		font-weight: bold;
		margin: -5px 10px -5px -10px;
		display: block;
	}

	.tbl_middle{
		color: #000!important;
	}

	.patientinfo{
		display: inline-block;
	}

	.topcell{
		border-bottom: 1px solid grey;
		border-radius: 0px;
	}
	#case-table tbody>tr:nth-child(even),
	#order-table tbody>tr:nth-child(even) {background: #e5f1f2!important;}

	#case-table tbody>tr:nth-child(odd),
	#order-table tbody>tr:nth-child(odd) {background: #e5f1f2!important;}

	.searchblock form{
		width: 100%;
	}

	.searchlabel{
		width: 100%!important;
		float: left;
	}
	#search{
		/*width: 100%!important;*/
		display: inline-block;
		float: left;
	}

	#searchbox{
		display: block;
		width: calc(100% - 36px)!important;
	}
	#form_search_submit{
		float:none;
	}

	.search_submit{
		width: 36px;
		display: inline-block;
	}
	#reset-livesearch{
		/*display:none;*/
	}
	.grouped{
	display: block; 
	width: 67%; 
	float: right;
	}
}

 @media (min-width: 768px) and (max-width: 991px){
	#case-table, #order-table, .btn-act, .act_ext_btn{
		font-size: 13px!important;
	}
}

.searchblock{
	overflow: auto; margin: 15px 0 15px 0;
}

#case-table thead>tr,
#order-table thead>tr {background: transparent;}

#case-table tbody>tr:nth-child(even),
#order-table tbody>tr:nth-child(even) {background: rgba(116, 147, 34, 0.09);}

#case-table tbody>tr:nth-child(odd),
#order-table tbody>tr:nth-child(odd) {background: rgba(116, 147, 34, 0.02);}


#case-table .btn-primary,
#order-table .btn-primary{
	vertical-align: middle;
}

.btn-act, .btn-act:hover, .btn-act:visited{
	text-decoration: none;
	padding: 5px 8px;
	border-radius: 5px;
	height: 30px;
	font-size: 14px;
	text-align: center;
}

.btn-act2{
	text-decoration: none;
	padding: 5px 8px;
	border-radius: 5px;
	height: 30px;
	font-size: 14px;
	background-color: white;
	color: #666;
	border: 1px solid #666;
}

.adminbody #case-table .btn-act,
.adminbody #order-table .btn-act,
.customersTable .btn-act{
	padding: 2px 4px;
	border-radius: 3px;
	height: 22px;
	font-size: 12px;
	margin-bottom: 6px;
	border: 1px solid transparent!important;
	color: #333;
}

.adminbody #case-table .btn-act{
background-color: #d7df23;
}

.adminbody #order-table .btn-act{
background-color: rgba(254, 229, 156, 1);
}

.customersTable .btn-act{
	width: 70px;
}

.blockwidth{
	display: block!important;
	text-align: center;
}

button.btn-act, button.btn-act:hover, .btn-act:visited{
	display: inline-block;
	text-decoration: none;
	padding: 0px 10px;
	border-radius: 5px;
}

.gotodetails, .gotodetails:hover, .gotodetails:visited{
	background-color: #d7df23;
	color: #333;
	display: inline-block;
	white-space: nowrap;
}

.act_ext_btn, .act_ext_btn:hover, .act_ext_btn:visited{
	background-color: rgba(254, 229, 156, 1)!important;
	color: white;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	color: rgba(75, 64, 54, 0.84)!important;
}



@media (min-width: 767px) and (max-width: 991px){
	.act_ext_btn, .act_ext_btn:hover, .act_ext_btn:visited{
	margin: 2px 0;
	}
}

.act_attention{
	background-color: #b5be1e;
	animation: attention_pulse 1s alternate infinite;
	color: white;
}
.act_attention:hover, .act_attention:visited{
	transform: scale(1);
}

@keyframes attention_pulse {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.05);
  }
}

.tbl_middle{
	vertical-align: middle;
}


.btn-shy{
	color: grey;
	border: 1px solid lightgrey;
	padding: 1px 3px;
	font-size: 11px;
	display: inline;
	width: auto;
	background-color: rgba(0,0,0,0.02);
	border-radius: 3px;
	text-decoration: none;
}

.btn-shy:hover{
	color: #FFF;
	background-color: grey;
	text-decoration: none;
}

 /*
 * Various
 **************************************/
.onethird{
width: 32%;
float: left;
}

.onepercentspacer{
height: 1px;
width: 2%;
float: left;
}

.error, .red{
	color: #f00757;
}

.nodeco{
text-decoration: none;
}


.wiggle{
float: left;
  -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 750ms;
  -webkit-animation-duration: 750ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

@-webkit-keyframes wiggle {
  0% {-webkit-transform: rotate(10deg);}
  25% {-webkit-transform: rotate(-10deg);}
  50% {-webkit-transform: rotate(15deg);}
  75% {-webkit-transform: rotate(-5deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@-ms-keyframes wiggle {
  0% {-ms-transform: rotate(1deg);}
  25% {-ms-transform: rotate(-1deg);}
  50% {-ms-transform: rotate(1.5deg);}
  75% {-ms-transform: rotate(-5deg);}
  100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
  0% {transform: rotate(10deg);}
  25% {transform: rotate(-10deg);}
  50% {transform: rotate(15deg);}
  75% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}
}

.margin-r-10{
	margin-right: 10px;
}

label {
  font-weight: 300;
}

label:first-letter {
    text-transform: uppercase;
}

.check_again{
	color: grey;
}
.check_again:hover{
	color: #b5be1e;
}

.flexr {
	display: flex;
	align-items: stretch;
	gap: 10px;
	flex-direction: row;
}


@media (max-width: 650px) {

	.flexr {
		flex-direction: column;
	}

	.flexr_child{
		width:  100%!important;
	}

}

.testsystem{
	position: fixed;
	display: inline-block;
	top: 0;
	bottom: 0;
	height: 18px;
	z-index: 1000;
	font-size: 10px;
	padding: 3px;
	background: rgba(255,255,255,0.5);
}
 /*
 * Case Details
 **************************************/
.case-info-box {}

.case-info-box tr {
	padding: 15px;
}

.case-info-box td {
	padding: 0.1em;
}

.case-info-box td.case-info-left {
	color: #333;
}

.case-info-box .patient-info {
	display: flex;
}

.case-info-box .patient-info-part {
	padding-right: 15px;
	padding-bottom: 2px;
	margin-right: 10px;
	border-right: 1px solid lightgray;
}

.newmail{
	background-color: #b5be1e;
	display: inline-block;
	color: #FFF;
	padding: 4px 5px 3px 7px;
	border-radius: 5px;
	font-size: 13px;
	margin-right: 2px;
	letter-spacing: 1px;
	font-weight: 600;
}

.msg-order .newmail{
	background-color: rgba(233, 154, 64, 1);
}

.border_thick{
	border-width: 2px;
}

.active span.can_colon::after {
    content: ":";
}

.newcaseform{
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
}

#summary-form table th:nth-child(1),
.newcaseform table th:nth-child(1){
	width: 360px;
}

.newcaseform table th{
	color:  #333;
}

@media screen and (max-width:767px) {
	#summary-form table th:nth-child(1){
	width: 150px;
	}
}

#summary-form table ul {
	padding-left: 18px;
}

.form_actionrow{
	padding-bottom: 15px;
}

.welcome p{
	margin: 18px 0;
}

.welcome .btn-primary{
	display: inline-block;
	margin: 6px;
}

.btn-round{
	border-radius: 3px;
}

.welcome_image{
	background-image: url("../assets/portal_welcome.jpg");
	background-size: cover;
	background-position: center center;
	height: 400px;
	background-repeat: no-repeat;
}

.welcome .user_namelogout{
	display: none;
}

@media screen and (max-width:767px) {
	.welcome_image{
	background-image: url("../assets/portal_welcome-mobile.jpg");
	height: 200px;
	margin-bottom: 14px;
	}
}

.welcome_text{
	max-width: 450px;
	margin: 0 auto;
}

.full-width {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

.disclaimer{
	color: red;
	font-size: 14px
}

.pre_normalized pre{
  	font-family: "Inter", sans-serif;
	display: block;
	padding: 0 6px;
	margin: 0px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #FFF;
	border: none;
	border-radius: 0px;
	white-space: pre;
}

.file_download_link{
	text-decoration: none;
	margin-bottom: 2px;
	display:  block;
}

.file_download_button{
	display: inline;
}

.download_row{
	margin:  0;
	padding: 5px 0;
}

.download_row .fa{
	color:  grey;
}

.shy_text{
	color:  grey;
	font-size: 0.75em;
}

.bgc1{
	background-color: #d7df23!important;
	color: #333!important;
}

.order .bgc1{
	background-color: rgba(254, 229, 156, 1)!important;
}

.bgc2{
	background-color: #b5be1e!important;
	color: #333!important;
}

.bgcnone{
	background-color: transparent!important;
}

.btn_cancel{	
	background-color: transparent!important;
}

.btn_save{
	background-color: #d7df23!important;
	border: 1px solid #d7df23!important;
	text-decoration: none;
}

@media screen and (max-width:720px) {
	.tp_link_textarea{
		height: 120px;
	}
}

.switchplusminus{
	float: left;
}
.switchbar{
	display: block;
	width: 100%;
	float: left;
	color: #808285;
	cursor: pointer;
}

.minisorters a{
	color: #b5be1e;
}

.minisorters a.active{
	color: #23527c;
}

.needs_action, .needs_action a,
.needs_action:hover{
	text-decoration: none;
}

.scc .needs_action{
	padding: 4px 1px 3px 10px;
	margin-top: 0px;
	display: inline-block;
}