@media print {

body {
	font-size: 8pt;
	line-height: 9pt;
}

@media (min-width: 1200px) {
	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.pad-right {
		padding-right: 310px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.pad-right {
		padding-right: 310px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.pad-right {
		padding-right: 0px;
	}
}

@media (max-width: 767px) {
	.spanb1 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
	}
	.spanb2 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
	}
	.spanb3 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
	}
	.spanb4 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
	}
	.spanb5 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
	}
	.spanb6 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
	}
	.spanb7 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
	}
	.spanb8 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%
	}
	.spanb9 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
	}
	.spanb10 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
	}
	.spanp10 {
		float:left !important;
		margin-left:0 !important;
		width: 83.3333% !important;
	}
	.spanb11 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
	}
	.spanb12 {
		float:left !important;
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.pad-right {
		padding-right: 310px;
	}
}

.mar_cell {
	cursor:pointer;
}
.mar_cell:hover {
	border: 1px solid blue;
}

.template {
	display:none;
}

.danger-link {
	color: red;
}

.search_add_div{
	display: none;
}

#sidebar,#btSubmit{
	display: none;
}

/*Adding css from new_learnwell.css*/


.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 210px;
    max-width: 210px;
    min-height: 100vh;
    transition: all 0.3s;
  	border-right: 1px solid #e7e7e7;
	  margin-bottom: 15px;
    border-radius: 4px;
    background-color: #FFFFFF;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust:exact !important; 
    box-shadow: 6px 0 12px 0 rgba(0,0,0,0.25);
}
/* 
#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
} */

/* #sidebar ul.components {
    padding: 20px 0;
} */

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
	padding: 10px 15px;
	display: block;
	text-decoration: none;
	height: fit-content;
    color: #212529 !important;
    font-family: "Open Sans";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: bold;
}

#sidebar ul ul a {
background: #F8F8F8;
}
#sidebar.ehr ul li a{
	color:#212529;

}

#sidebar ul li:hover {
    color: #555;
    background-color: #e7e7e7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}


#sidebar ul li a:hover {
    color: #555;
    background-color: #e7e7e7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}


#sidebar.ehr,.patient-info{
	box-shadow:0px 0px 9px rgba(0, 0, 0, 0.3);/*7px -5px 4px rgba(0, 0, 0, 0.1)*/
}
.img-thumbnail{
	box-sizing: border-box;
	height: 136px;
	width: 148px;
	padding:0;
	border-radius: 0;
}
#patient-info-body{
	font-size: 14px;
}
#sidebar.ehr ul li a:hover,#sidebar.ehr .dropdownmenu a[aria-expanded="true"] {
/*    color: #212529;
    background: #E0E0E0;
*/
    color:  #555;
    background-color: #e7e7e7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}

a[aria-expanded="true"] {
	color:  rgba(0, 0, 0, 0.9);
}

#sidebar ul li.active > a{
	background: #E0E0E0;
	color:  rgba(0, 0, 0, 0.9);
}


ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #f3f3f3;
}

@media (min-width: 768px) {
	#sidebar-toggle {
		display: none;
	}
}

a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.rotate {
    -moz-transition: all  linear;
    -webkit-transition: all  linear;
	transition: all  linear;
	float: right;
}
.rotate.down {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
@media (max-width: 768px) {
    #sidebar {
        margin-left: -200px;
    }
    #sidebar.active {
        margin-left: 0;
    }

	#sidebar-toggle {
		display: contents;
	}

}

/*#sidebarCollapse {
	border: 0px;
	padding: 10px;
}*/

.cab_panel	{
		background-color: #DAEEF8;
		print-color-adjust: exact !important; 
		-webkit-print-color-adjust:exact !important;
	}
.cab_panel	.table {
		background-color: white;
		print-color-adjust: exact !important; 
		-webkit-print-color-adjust:exact !important;
	}
.cab_panel	.card-heading {
	background-color: #094F71;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.cab_panel	.card-heading {
	background-color: #094F71;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.btn-info2 {
  background-color: #DAEEF8;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border-color: #46b8da;
}

.grading_buttons{
	height:22px;
	padding: 0 4px;
	background-color: #fff;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.grading_buttons:hover {
	background-color: #343a40;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.grading_buttons_grad {
	background-color: #FFFF99 !important;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.grading_buttons_grad:hover {
	background-color: #343a40 !important;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

/*div.dataTables_processing {
	position: fixed !important;
}*/

.modal-header {
  color:  #31708f;
  background-color: #d9edf7;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border-color: #bce8f1;
  padding: 15px;
  border-bottom: solid;
  height: auto;
}

.modal-header .close {
	padding: 0px;
  margin: -12px;
}

.modal-header .modal-title {
	margin-top: -10px;
	font-family: inherit;
	font-weight: 700;
	font-size: 12pt;
	color: inherit;
}

.select2-results__option[aria-selected=true] {
    display: none;
}

.input-group .input-group-btn .select2-container--bootstrap {
  display: table-cell;
}

.input-group.select2-bootstrap-prepend .input-group-btn .select2-container--bootstrap {
  margin-left: -1px;
  margin-right: 1px;
}

.input-group.select2-bootstrap-append .input-group-btn .select2-container--bootstrap {
  margin-left: 1px;
  margin-right: -1px;
}

.bulletin_panel {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 200px;
}

.bulletin_panel_small{
	max-height: 200px;
}

.message_preview {
  table-layout: fixed;
  width: 400px;
  white-space: nowrap;
  margin-left: 6px;
  margin-right: 6px;

}
.message_preview td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-tags {
  width: 10%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-sender {
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-subject {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.row-border {
  border-style: solid;
  border-color: white;
  border-width: 1px;
  padding: 2px;
}

.badge-undelete{
   	position:relative;
	left: -23px;
	font-size: 20px;
    color: darkslateblue;
    background: none;
}

.badge-undelete2:after{
    position:relative;
   	top: 2px;
	left: -5px;
	font-size: 20px;
    color: darkslateblue;
    background: none;
}

.badge-notify{
   	background:red;
   	position:relative;
   	top: -10px;
	left: -10px;
	font-size: 9px;
	padding: 2px 4px;
}

.blue_icon {
    color: cornflowerblue;
}

.red_icon {
    color: #E60000;
}

.green_icon {
    color: green;
}

.purple_icon {
    color: rebeccapurple;
}

.gold_icon {
	color: goldenrod;
}

.group_label {
	font-size: 16px;
}

.group_options {
	font-size: 15px;
	margin-left: 30px;
}

.group_options2 {
	font-size: 14px;
	margin-left: 30px;
}

.input-sm{
	padding: 5px;
}

.intense {
	cursor:pointer;
}

/* .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn{
	border-width: 3px;
} */

tr.group,
tr.group:hover {
    background-color: #ddd !important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}

.nav_preview {
	background-color: #f8f8f8;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	color: #777;
	font-size: 14px;
	line-height: 20px;
	padding: 15px !important;
}

.nav_preview a{
	color: #5E5E5E;
}

.nav_preview .caret{
	float: right;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.preview_submenu{
	background-color: #f3f3f3;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	padding-left: 30px !important;
}

.has-right-menu {
	margin-right: 40%;
}

.right-menu-container {
	float:right;
	height: 100%;
	width: 39.5%;
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: right !important;
}

#order_status_filter_id{
  color: #343A40;
  font-weight: 600;
  border-radius: 4px;
  background-color: #81D4FA;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border: none;
  height: 27px;
  width: 60%;
  min-width: 60px;
  margin-left: 5%;
  padding-left: 8px;
}
/*@media (max-width: 1200px){
	.flowsheet_help {
		display:none;
	}
}*/

@media (max-width: 1200px){
  #order_status_filter_id{
    margin-left: 0%;
  }

	#user_orders{
		width: 100% !important;
	}

	#patient_orders{
		width: 100% !important;	
	}

}
@media (min-width: 1200px) {
	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
		float: left;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
		float: left;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
		float: left;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
		float: left;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
		float: left;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
		float: left;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
		float: left;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%;
		float: left;
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
		float: left;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
		float: left;
	}
	.spanp10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
		float: left;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
		float: left;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
		float: left;
	}
	.pad-right {
		padding-right: 310px;
	}
	.brand-wrapper button {
		display: none;
	}


}

@media (min-width: 980px) and (max-width: 1199px) {
    #bottom_nav {
        padding-left : 25%;
     }

	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
		float: left;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
		float: left;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
		float: left;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
		float: left;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
		float: left;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
		float: left;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
		float: left;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%;
		float: left;
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
		float: left;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
		float: left;
	}
	.spanp10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
		float: left;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
		float: left;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
		float: left;
	}
	.pad-right {
		padding-right: 310px;
	}
	.brand-wrapper button {
		display: none;
	}

}

@media (min-width: 768px) and (max-width: 979px) {
    #bottom_nav {
        padding-left : 25%;
     }
	.has-right-menu {
		margin-right:0;
	}

	.right-menu-container {
		display: none;
	}

	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 8.3333% !important;
		float: left;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 16.6666% !important;
		float: left;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 25% !important;
		float: left;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 33.3333% !important;
		float: left;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 41.6666% !important;
		float: left;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 50% !important;
		float: left;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 58.3333% !important;
		float: left;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 66.6666%;
		float: left;
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 75% !important;
		float: left;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
		float: left;
	}
	.spanp10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 83.3333% !important;
		float: left;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 91.6666% !important;
		float: left;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
		float: left;
	}
	.pad-right {
		padding-right: 0px;
	}
	.modal-open {
		overflow: auto;
	}

}

@media (max-width: 767px) {
	.has-right-menu {
		margin-right:0;
	}

	.right-menu-container {
		display: none;
	}

	.spanb1 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb2 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb3 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb4 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb5 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb6 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb7 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb8 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100%
	}
	.spanb9 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanp10 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb11 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.spanb12 {
		border: 1px solid black;
		margin-left:0 !important;
		width: 100% !important;
	}
	.pad-right {
		padding-right: 0px;
	}
	.modal-open {
		overflow: auto;
	}
	.tooltip {
			display: none !important;
	}
	.dataTables_filter {
			text-align: left !important;

	}
	.dataTables_paginate{
			float:left !important;
	}
}

.mar_cell {
	cursor:pointer;
}
.mar_cell:hover {
	border: 1px solid blue;
}

.template {
	display:none;
}

td .danger-link:hover {
	text-decoration: underline !important;
}

td .danger-link {
	color: #CD0000 !important;
	cursor: pointer;
}

tbody .selected td, .table-striped tbody > tr.selected:nth-child(odd) > td{
	background-color: #b0bed9;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

#scroll_instructions {
	overflow-y: auto;
	height: 100%
}

.top1_position{
  z-index:1041;
  position: fixed;
  top: 0;
  left: 100px;
  height:200px;
  width:calc(100% - 105px);
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

#comment_box_to_resize {
	margin-bottom: 0;
	margin-left: -15px;
	margin-right: -15px;
}

.top_buttons_fixed{
	padding-top:0;
	height:22px;
	vertical-align: top;
}

#activity_go_back{
	padding-top:0;
	padding-left:2px;
	padding-right:2px;
	height:22px;
	vertical-align: top;
}

#grading_top_row{
	padding-bottom:4px;
}

#grade_label{
	margin-left:-10px;
	padding-top:2px;
}

#grade{
  box-sizing: border-box;
  width: 50px;
  height:31px;
  border: 1px solid #CED4DA;
  border-radius: 4px;
  color: #6F767D;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  position: inherit;
}

.caret-rectangle{
 height: 10px;
  width: 10px;
  background-color: #333333;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
}

.caret-mask{
  height: 5px;
  width: 10px;
  background-color: #D8D8D8;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
}

#select_attempt{
  height: 31px;
  width: 115px;
  color: #343A40;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  margin-top:-2px;
  border-radius: 4px;
  background-color: #E9E9E9;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border: none;
  padding-left:5px;
}

#select_attempt  option{
	background-color: #b4cfe7;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

#grade_text{
    height: 21px;
    width: 50px;
    color: #212529;
    font-family: "Open Sans";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
}

#grade_comment_heading{
	height:26px;
	padding-top:3px;
}

#save_grade_btn_text{
  height: 32px;
  width: 76px;
  
}

#update_button{
  height: 29px;
  width: 71px;
  border-radius: 4px;
  background-color: #81D4FA;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  cursor: pointer;
  margin-left:79%;
  margin-top: 2%;
  position: absolute;
}

#patient_info_btn_text{
  height: 21px;
  width: 43px;
  color: #343A40;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  text-align: center;
}

.alert2 {
  height:100%;
  padding-left:10px;
  padding-right:10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.ui-resizable-s {
  position: absolute;
  bottom: 0;
  background-color: #e7e7e7;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  background-position: center -26px;
  background-image: url(/static/images/resizable.png);
  background-repeat: no-repeat;
  cursor: row-resize;
  z-index: 90;
}

#bottom_nav {
	width: 100%;
  padding-left: 210px;
  margin-top: 30px;
  background-color: #f8f8f8;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border-top: 1px solid #e7e7e7;
}

:focus {
  outline: none;
}
.row {
  margin-right: 0;
  margin-left: 0;
}

.panel2 {
  height:100%;
  width:100%;
  background-color: #fff;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border: 1px solid transparent;
  border-radius: 4px;

}

.navbar-brand a:hover{
	text-decoration: none;
}

.brand-wrapper{
  background-color: #337ab7;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: #fff;
}
.ehr .brand-wrapper{
	background-color: #FFFFFF;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	color: #393333;
  }
.brand-wrapper .navbar-brand{
  color: #fff;
}
.brand-name-wrapper {
	display: block;
}

.brand-name-wrapper a {
	padding: 15px 10px 10px 15px;
	white-space: normal;
}

/* small screen */
@media (max-width: 991px) {
  /* #div_resizer{
		overflow: hidden;
	} */

	#lesson_grading_div{
		display: inline-block;
		float: left;
		min-height: fit-content;
		border: 1px solid #D3D3D3;
		border-radius: 10px;
		width: 48%;
		background-color:white;
		print-color-adjust: exact !important; 
		-webkit-print-color-adjust:exact !important;
	 }

	#sidebar{
		display: none!important;
	}
   .brand-name-wrapper{
		margin-left:8px;
	}	
   .brand-wrapper{
  		background-color: transparent;
  		print-color-adjust: exact !important; 
  		-webkit-print-color-adjust:exact !important;
   }
   .container-fluid.ehr-flowsheet-body{
	margin-left:0px;
	padding-left:0px;
	}
   .brand-wrapper .navbar-brand {
    	color: rgba(0, 0, 0, 0.6);
   }	
  
   #bottom_nav {
	    padding-left: 0px;
	    background-color: #f8f8f8;
	    print-color-adjust: exact !important; 
	    -webkit-print-color-adjust:exact !important;
	    border-top: 1px solid #e7e7e7;
   }
	
   .navbar {
		padding: 0px;
   }
	
   .topbar-nav {
		padding: 5px !important;
   }

   .topbar-nav .navbar-collapse ul li {
		padding: 2px 15px 0px 15px;
   }

   .navbar {
    	align-items: left;
   }

  .right-navbar {
	  padding-top: 0px;
	  align-items: flex-start;
  }

  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -200px;
    }
    100% {
      left: 0px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -200px;
    }
    100% {
      left: 0px;
    }
  }
  @keyframes slidein {
    0% {
      left: -200px;
    }
    100% {
      left: 0px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -200px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -200px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -200px;
    }
  }

  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 200px;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 200px;
    }
  }
  @keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 200px;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      left: 200px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      left: 200px;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslideout {
    0% {
      left: 200px;
    }
    100% {
      left: 0;
    }
  }

  .grading_side_body{
	  margin-top: 0px;
  }

  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  .navbar-toggle {
    border: 0;
    float: left;
    padding: 18px;
    margin: 0;
    border-radius: 0;
    background-color: #f3f3f3;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
  }

  /* Dropdown tweek */
  .dropdown-sidebar .card-body .navbar-nav {
    margin: 0;
  }

  .main_nav .navbar-nav.navbar-right {
	  margin-top: 50px;
  }

  .top1_position{
	left:0;
	width:100%;
  }

  #scenario_time{
	  position:absolute;
	  top: 0px;
		right: 0px;
  }

  #student_grade_box{
	  max-width:100px;
  }

  .top_buttons_fixed{
		left:222px;
		z-index:1030;
		margin-left:-10px;
		margin-right:-10px;
		margin-top: -4px;
	}

	.top_buttons_fixed_g_i {
		top:60px;
		position:fixed;
	}

  a.navbar-brand.dropdown-toggle{
	  margin-left: -8px;
  }

	.patient_photo {
		position: relative !important;
	}
	.instructions_and_grading {
		height: 30px !important;
	}

    .modal {
        /*position: sticky;*/
     }
	label {
		text-align: left !important;
	}
	
	.modal-backdrop {
		position: static;
	}
	.modal-open .modal {
        position: fixed;
        overflow: auto;
        overflow-y: scroll !important;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
        print-color-adjust: exact !important; 
        -webkit-print-color-adjust:exact !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .medmodal{
        padding-top: 140px;
        padding-bottom: 140px;
    }
    a {
      &::after {
        opacity: 0;
      }

      &:hover {
      &::after {
        opacity: 1;
      }
      }
    }
    .sticky {
      position: fixed;
      background-color: #f8f9fa !important;
      print-color-adjust: exact !important; 
      -webkit-print-color-adjust:exact !important;
      width: 100%;
      z-index: 1000;
    }
    .heightclass{
    }
}

/* this is where summernote toolbar become more than one row */
@media (max-width: 864px){
  .summernote_box .note-toolbar{
	  display:none;
  }

  .display_summernote_toolbar{
	  display:block;
  }

  .hide_summernote_toolbar{
	  display:none;
  }

  #student_buttons2 #hide_grading{
	margin-left:125px;
  }

  #show_grading2{
	  margin-left:0;
  }

  #grade{
	  max-width: 60px;
  }

  .large_screen{
	display:none;
  }
}

/* this is where summernote toolbar is only one row */
@media (min-width: 865px){
  .summernote_box .note-toolbar{
	  display:block;
  }

  .display_summernote_toolbar{
	  display:none;
  }

  .hide_summernote_toolbar{
	  display:block;
	}
}
.view-growth-chart-btn,.vital-sign-btn{
	margin-left :15px;
	margin-bottom:3px;
}
/* larger screen */
@media (min-width: 992px) {
  .main_nav {
   padding-top:6px!important;
  }
  .patient-info .card-header{
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .patient-age-details{
		padding-left:36px;
		max-width: 49%;
    line-height: 24px;
	}
	.mrn{
		padding-left: 50px;
		line-height: 24px;
	}
	.attending-allergies{
		max-width: 49%;
		padding-right:50px
	}
	.code-comments{
		padding-left:39px;
		padding-right: 23px;
		max-width:49%;
	}
	.img-thumbnail{
		margin-left:35px
	}
	.ehr{
		background: #FFFFFF!important;
		border-right:none!important;
	}
	.ehr .brand-wrapper .navbar-brand{
		width:210px;
		color: #181814;
		font-size:19px;
    font-weight: 600;
    padding-right: 15px;
	}
	.dropdown-menu{
		margin-top: 0;
	}
  .top_buttons_fixed{
		left:calc(50% + 25px);
		z-index:1030;
		margin-bottom:12px;
	}

	.top_buttons_fixed_g_i {
		top:55px;
		position:fixed;
	}

  .main_nav.collapsed .navbar-header {
    margin-left: -15px;
    position: fixed;
    background-color: #f8f8f8;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    z-index: 3;
  }

  .main_nav.collapsed .navbar-toggle {
      display: block;
      border: 0;
      float: left;
      padding: 18px;
      margin: 0;
      border-radius: 0;
      background-color: #f3f3f3;
      print-color-adjust: exact !important; 
      -webkit-print-color-adjust:exact !important;
  }

  .main_nav.collapsed .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  /*.main_nav.collapsed .navbar-collapse.collapse {
      display: none!important;
  }*/

  .navbar-expand-lg .navbar-collapse{
  	display: flex!important;
  }

  .main_nav.collapsed .navbar-collapse.in {
      display: block!important;
	  max-height: inherit;
  }
  .main_nav.collapsed .navbar-nav {
      float: none!important;
      margin: -22px 0px -17px -17px;
   }

  .main_nav.collapsed .navbar-right {
      margin-top: 45px;
  }

  .main_nav.collapsed .navbar-nav>li {
      float: none;
  }
  .main_nav.collapsed .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
	}

  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.topbar-nav {
	padding: 0 0 0 1rem;
}

.topbar-nav .navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
}

.topbar-nav .dropdown-toggle .dropdown-menu li {
	font-size: 14px;
	height: 26px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

.table-bordered th, .table-bordered td {
	padding: 8px;
}

.card-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit

}
.card-title-patient{
  margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
  color: #565D64
}

#permission_add{
  color:#03030E
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.6);
}

/*
Remove this to make the fields fit 100% to the table,
adding this increases the table width more than 100%
*/
.table-element {
	width: auto;
}



.add_scene_select2 .select2-container--bootstrap4 {
	width: 90% !important;
}

.active {
	color:#555;
	background-color: #e7e7e7;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.card-spacing {
	margin-bottom: 20px;
}

.card-body-width {
	width: 100%;
}

.side-menu .dropdown-toggle::after {
	float: right;
	margin: 9px 5px 0;
	font-size: 14px !important;
}

.card-heading {
	padding: 10px 15px;
}

/*.card {
	margin-bottom: 20px;
}*/

.flowsheet_card {
	padding: 15px;
}

.navbar-toggle-button {
	padding: 0px;
	font-size: 1.25rem;
	margin: 5px;
	background-color: transparent;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

#scenario_time {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #FF0000;
	background-color: black;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	color: red;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}
#ati_scenario_time {	
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	border-radius: 10px;	
	font-size: 12px;	
	padding-left: 5px;	
	padding-right: 9px;	
	height: 3.5vh;	
}	
#ati_scenario_time .scenario_time_text{	
	color: #337ab7;	
}	
#standalone_scenario_time{	
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	border-radius: 10px;	
	font-size: 12px;	
	padding-left: 5px;	
	padding-right: 9px;	
	height: 3.5vh;		
}	
#standalone_scenario_time .scenario_time_text{
	color: #337ab7;
}

#flowsheet-table th {
	width: auto;
}

#flowsheet-table th:first-child {
   width: 35%;
}
#flowsheet-table th:nth-child(2){
    width: 35%;
}

.scene_selector_div .select2-container {
	width: 80% !important;
}

/* Drag and drop elements styling */
#lookup_container {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html>body #lookup_container li {
	height: 10em;
	line-height: 1.2em;
}

.lookup-state-highlight {
	height: 10em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

#field_container {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html>body #field_container li {
	height: 13em;
	line-height: 1.2em;
}

.field-state-highlight {
	height: 13em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

#grouped-cg {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html>body #grouped-cg li {
	height: 5em;
	line-height: 1.2em;
}

.datasource-state-highlight {
	height: 6em;
	line-height: 1.2em;
	margin-bottom: 10px;
}

/* .datasource_children .select2 {
	width: 70% !important;
} */

.btn_object_add {
	background-color: #fff;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.btn_object_add:hover {
	background-color: #343a40;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}
#message_table > table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}

#message_table > table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
}
#message_table > table.table-bordered.dataTable th, table.table-bordered.dataTable td {
     border-left-width: 0;
}
#message_table > table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
    color: #010101
}
.lookup_select {
	min-width: 100px;
}

.disabled{
    background-color: #f7f8f9 !important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}

/* check box alignment */
.checkbox {
    padding-left: 17px;
    padding-top: 10px;
}
/* link color  */
.btn-link {
    color: #2C699E;
}
a {
    color: #2C699E;
}

/* user badge css*/
.badge {
    color: #fff;
    background-color: #5E5E5E ;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-radius: 10px;
    padding: 3px 7px;
}

/* Shadow text boxes */
.form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* Button color change */
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}
.btn-primary:hover {
    background-color: #2e6da4 !important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}

/* btn default  */
.btn-outline-dark {
    color:  #333;
    background-color: #fff;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-color: #ccc;
}

.btn-outline-dark:hover {
    color: #333;
    background-color: #e6e6e6;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-color: #adadad;
}

/* dropdown selected option background color */
.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    color:  #fff;
}

/* Select2 options align css */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #555555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 0 6px;
    font-size: 14px;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1.42857143;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.patient_photo {
	max-width:85%;
	height: 80px;
	position: absolute;
	top: -10px;
}

.instructions_and_grading {
	height: 2px;
}

.navbar-light .navbar-toggler-icon {
	background-image: none;
	height: 24px;
  width: 35px;
  color:#666666
}
.navbar-toggler-icon .fa-bars{
  font-size:30px;
}

/* override background-color of card and li's */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #337ab7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-color: #337ab7;
}


/* Pagination links color and  background color change */
.page-item.active .page-link {
    background-color: #337ab7;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-color: #337ab7;
}

.page-link {
    color: #337ab7;
    background-color: #fff;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border: 1px solid #dee2e6;
}

.payment-modal-header {
	color: #31708f;
	background-color: #d9edf7;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	border-color: #bce8f1;
	padding: 15px;
	border-bottom: 0 !important;
	height: 100% !important;
}

.payment-modal-header .modal-title {
	margin: 0 auto;
}
/* table pagination in mobile view adjustment to just next previous buttons only
@media screen and (max-width: 767px) {
    li.paginate_button.previous {
        display: inline;
    }

    li.paginate_button.next {
        display: inline;
    }

    li.paginate_button {
        display: none;
    }
}*/
.tooltip{
  z-index: 1040 !important;
}

/* the search box in data tables move to left css
.dataTables_wrapper .dataTables_filter {
float: left;
text-align: left;
}*/

a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;
}
.bg-primary {
    background-color: #337ab7 !important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-color: #337ab7;
}
.note-btn-group button.note-btn:focus{
	border: 2px solid #4cbee4;
    border-radius: 0.2rem;
}

@media (min-width: 481px) and (max-width: 767px) {
	.popover{
        min-width : 300px !important;
        max-width : 450px !important;
        width : 350px !important;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
    .popover{
        min-width : 300px !important;
        max-width : 450px !important;
        width : 350px !important;
    }
}
@media (min-width: 768px){
    .popover{
        min-width : 450px !important;
        max-width : 700px !important;
        width : 450px !important;
        max-height : 600px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.fixed-top-menu {
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.fixed-top-menu-g-i {
	position: absolute;
}

.bd-spinner-modal-lg .modal-dialog{
	display: table;
	position: relative;
	margin: 0 auto;
	top: calc(50% - 24px);
}

.bd-spinner-modal-lg .modal-dialog .modal-content{
	background-color: transparent;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	border: none;
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
	z-index: 1042;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
	border-top: 16px solid #337ab7;
	border-bottom: 16px solid #337ab7;
	width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

.loader-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1051;
	background-color: rgba(10, 10, 10, 0.6);
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.wrap-text {
 word-wrap: break-word; word-break: break-all; white-space: normal;
 width: 100%;
 overflow-wrap: break-word;
 }

 .btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0px;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.42857;
	background-color: #337ab7;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
	color : white;
	font-weight: bold;
}

.menu-option{
	width:16%;
	margin-left:1%;
}

.school-select{
	margin-left: -3%;
}

#select-school a:hover {
    color: #000000;
}

li a.select-itm:hover{
	background:#f8f9fa;
}

.select-itm
{
	color:rgba(0, 0, 0, 0.5);
	font-size: 14px;
	padding: 8px 8px 8px 30px;
}

#select-item{
	margin-left:3px;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #show_instructions2{
  		margin-left: -35%;
  }
  #last_save{
  	margin-right: -30%;
  }
  #select_attempt_div{
  	margin-left: 8%;
  }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

  #show_instructions2{
  		margin-left: -35%;
  }
  #last_save{
  	margin-right: -30%;
  }
  #select_attempt_div{
  	margin-left: 8%;
  }



}


#spinner {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 160px;
    width: 160px;
    padding: 0;
    vertical-align: middle;
    border-radius: 50px;
    text-align: center;
    color:  #000;
    border: 3px solid #aaa;
    cursor: wait;
 	background-color: #ffffff;
 	print-color-adjust: exact !important; 
 	-webkit-print-color-adjust:exact !important;
    z-index: 9999;
}

.mobile-loader-rect {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border: 8px solid #f47d20;
  border-radius: 50px;
  position: relative;
  padding: 0;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .5s;
  -webkit-animation-iteration-count: 1;
  -ms-animation-name: spin;
  -ms-animation-duration: 1s;
  -ms-animation-delay: .5s;
  -ms-animation-iteration-count: 1;
  -moz-animation-name: spin;
  -moz-animation-duration: 1s;
  -moz-animation-delay: .5s;
  -moz-animation-iteration-count: 1;
  -o-animation-name: spin;
  -o-animation-duration: 1s;
  -o-animation-delay: .5s;
  -o-animation-iteration-count: 1;
  margin-top: 50px;
}

.process-results-prompt .mobile-loader-rect {
  margin-top: 10px;
}

.mobile-loader-hourhand {
  width: 13px;
  height: 8px;
  background: #f47d20;
  position: relative;
  left: 19px;
  top: 7px;
  transform: rotate(-90deg);

  -o-transform-origin: left 50%;
  -moz-transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-name: rotate;
  -ms-animation-duration: .5s;
  -ms-animation-iteration-count: infinite;
  -moz-animation-name: rotate;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: rotate;
  -o-animation-duration: .5s;
  -o-animation-iteration-count: infinite;
}

.mobile-loader-hourhand:after {
  content: "";
  display: block;
  border-color: transparent transparent transparent #f47d20;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  position: absolute;
  left: 13px;
  top: -1px;
}

.mobile-loader-minhand {
  width: 8px;
  height: 7px;
  background: #f47d20;
  position: relative;
  left: 22px;
  top: 18px;
  -o-transform-origin: left 70%;
  -moz-transform-origin: left 50%;
  -webkit-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-name: rotate;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -moz-animation-name: rotate;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: rotate;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
}

.mobile-loader-minhand:after {
  content: "";
  display: block;
  border-color: transparent transparent transparent #f47d20;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  position: absolute;
  left: 7px;
  top: -2px;
}

@media only screen and (max-width:768px) and (orientation:portrait){ 

	#activity_link_btn_id{
		margin-top: 19px;
	}
}

.mobile-loader-center {
  width: 10px;
  height: 10px;
  background: #f47d20;
  left: 14px;
  top: 16px;
  position: absolute;
  border-radius: 8px;
}

@media only screen and (max-width:768px) and (orientation:portrait){ 

	#activity_link_id{
		margin-top: 14px;
	}
}

#warning-msg-div{
	margin-top:15px;
	margin-left:10px;
}

#email-login-id{
	text-align:center;
	max-width:85%;
	margin-top:2%;
}

#passwd-login-id{
	text-align:center;
	max-width:87%;
	margin-top:2%;
}

#btn-submit-id{
	text-align:center;
	margin-top:2%;
}

#login-page-btn-id{
	text-align:center;
	max-width:100%;
	}

#upload_id{
	color:white;
	background: #6495ED;
	border: 1px solid #6495ED;
	border-radius: 2px;
}

ul.nav {
	list-style:none;
	height:36px; line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;

}
ul.nav a {
	display:block;
	padding:0 28px;
	color: #5E5E5E !important;
	text-decoration:none;
}

.nav-header{
	height: 20px;
}
#lesson_grading_div{
	display: inline-block;
	float: left;
	min-height: fit-content;
	border: 1px solid #D3D3D3;
	border-radius: 10px;
	width: 40.5%;
	position: fixed;
	background-color:white;
	print-color-adjust: exact !important; 
	-webkit-print-color-adjust:exact !important;
}

.collapse-link{
	margin-left: 28%;
}

#previous-student-btn{
  height: 24px;
  width: 86px;
  color: #004085 !important;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-left:-15px;
}

#next-student-btn{
  height: 24px;
  color: #004085 !important;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-right:-15px;
}

.student-info{
	color: solid #D3D3D3;
	font-size: 20px;
}
.last_save_time_div{
  height: 14px;
  width: 224px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 14px;
}
.grade_div{
    float: left;
}

/*.attempt_div{
  height: 5vh;
  display: inherit;
}
*/
.attempt {
  height: 22px;
  width: 85px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  display: block;
}

#grade_comments{
  box-sizing: border-box;
  height: 194px;
  width: 459px;
  border: 1px solid #ABABAB;
  background-color: #FFFFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
}

.lesson_video{
	height: 30%;
	width: 70%;
}

#lesson_text_id{
    width:100%;
    word-wrap: break-word;  
    font-family: 'Open Sans';
    font-size: 14px;
  }
#lesson_text_id video{
  width:100%;
  padding:10px 0;
}
#lesson_link{
    font-family: "Open Sans";
	cursor: pointer;	
	font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;	
    margin-left: -15px;
    text-align: center;
    width: 87px
}
#lesson_link a,#grading_link a,#collapse_link a{
  padding:0
}

#grading_link{
    font-family: "Open Sans";
	cursor: pointer;	
	font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 600;	
    text-align: center;
    width:97px;
}
.grade_hr{
  border-bottom: 2.8px solid #E53935;
  padding-bottom: 4px;
  height:43px;
}

ul.nav>li#lesson_link>a.highlight{
    color: #CC332F !important;
}

ul.nav>li#grading_link>a.highlight{
    color: #CC332F !important;
}

#hr_id{
	margin-top:1.4%;
	box-sizing: border-box;
  margin: 9.8px -15px 13px;
}

#collapse_link{
	cursor: pointer;
	font-size:11px;
	color: #666666;    
	float:right;
}

#div_resizer{
	width: 100%;
	float:left;
	height: 100%;
	border: 1px solid #D3D3D3;
	border-radius: 10px;
	margin-right:1%;
    height: fit-content !important;
    min-height:460px;
}

#div_resizer.small{
	width: 49%;
	height: 100%;
	height: fit-content !important;
}

#user_orders.resize_table_width{
	width: 100% !important;
}

#patient_orders.resize_table_width{
	width: 100% !important;	
}

#expand_button{
	float:right;
	cursor: pointer;
	margin-top: 4%;
	margin-right: 22%;
}

#expand_btn_rectangle{
  height: 30px;
  width: 104px;
  background-color: #FFFFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  box-shadow: -2px 2px 4px 0 rgba(0,0,0,0.2);
  float:right;
  margin-top:-0.4%;
  position: fixed;
  right: 2.35vh;
  z-index: 1;
}

#edit_patient_id{
	margin-top:1%;
	margin-left: 5%;
}

#hide_div{
	display:None;
}

#grade_attempt_div_id{
	height: 10vh;
}

.collapse_sign{
  color: #696969;
  font-size: 14px;
  margin-top: -2px;
}

.expand_sign{
  color: #337AB7;
  font-size: 100%;
  font-weight: 600;
}

.student-att-info{
    height: 26px;
    width: 385px;
    color: #666666;
    font-family: "Open Sans";
    font-size: 19px;
    letter-spacing: 0;
    line-height: 26px;
    margin-top:-2%;
}

.next_btn_sign{
	color: #696969;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-top:-2px;
    margin-left: 8px;
}

.prev_btn_sign{
	color: #696969;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin-right: 8px; 
    margin-top: -1px; 
}

.collapse_text {
  height: 12px;
  width: 56px;
  color: #666666;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: right;
}

.expand_text {
  height: 12px;
  width: 56px;
  color: #337AB7;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: right;
  font-weight: 600;
}

.solid-angle-double-right {
  height: 10px;
  width: 14px;
}
.switch-to-ui-btn,.switch-to-ui-btn-lti{
  right: 25px;
  top: 18px;
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  z-index: 1;
}
.switch-to-ui-btn-lti{
  right:15px;
  z-index: 1;
}
/* small screen */
@media (max-width: 991px) {
	#patient_info_div{
		width: 45% !important;
	}
	#update_button{
		margin-left: 74%;
	}

	.hr_small_device_big_screen{
	margin-top: 11% !important;
	}
	#top_hr{
		margin-top: 11.3%;
	}

}

#patient_info_div{
  width: 32%;
  border-radius: 4px 4px 0 0;
  background-color: #FFFFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  position: absolute;
  margin-top: 2%;
}

.big_screen{
	margin-top:-2% !important;
}
.hr_big_screen{
	margin-top: 2% !important;	
}

.patient_text{
  height: 24px;
  width: 206.5px;
  color: rgba(102,102,102,0.8);
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 4%;
}

#top_hr{
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #E9E9E9;
  margin-top: 8.2%;

}

.name_label{
  height: 21px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.name_input_field{
  box-sizing: border-box;
  height: 31px;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}

.name_help_text{
  width: 100% !important;
  font-family: "Open Sans";
}

.sex_label{
  height: 21px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.dob_label{
  height: 21px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.provider_label{
  height: 21px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.code_status_label{
  height: 21px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.comments_label{
  height: 21px;
  color: #212529;
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.sex_input_field{
  box-sizing: border-box;
  height: 31px;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}

.dob_input_field{
  box-sizing: border-box;
  height: 31px;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}

.provider_input_field{
  box-sizing: border-box;
  height: 31px;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}

.code_status_input_field{
  box-sizing: border-box;
  height: 31px;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}


.comments_input_field{
  box-sizing: border-box;
  height: 112px;
  width: 100%;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}
#video_file_id{
	color:#4E75BB;
}

#video_file_id:hover{
	cursor: pointer;
    text-decoration: underline;
}

#audio_file_id{
	color:#4E75BB;
	margin-left: 5%;
	margin-right: 3%;
}

#audio_file_id:hover{
	cursor: pointer;
    text-decoration: underline;
}

.media_file{
	width:50vh;
	height:30vh;
	margin-bottom: 5%;
	margin-top: 5%;
}
.media_delete_btn{
	margin-left:-24%;
	margin-right:20%;
	background: white;
	border-radius: 2px;
	border: 1px solid #6495ED;	
	color: #6495ED;
	cursor: pointer;
}

.delete_btn{
	background: white;
	border-radius: 2px;
	border: 1px solid #6495ED;	
	color: #6495ED;
	cursor: pointer;
}


#upload_id{
	color:white;
	background: #6495ED;
	border: 1px solid #6495ED;
	border-radius: 2px;
}

.media_copy_btn{
	margin-left: -20%;
	margin-right:11%;
	background: white;
	border-radius: 2px;
	border: 1px solid #6495ED;	
	color: #6495ED;
	cursor: pointer;
}

.offscreen {
    position: absolute;
    left: -999em;
}

#select_attempt_div{
  margin-left:9px;
}

/*.container-fluid{
	overflow-x: hidden;
}*/
.new_font{
  font-family: "Open Sans";
}
.chart-header{
  font-size: 19px;
  font-family:'Open Sans' ;
  color: black /*rgba(102,102,102,0.8)*/;
  padding-top: 5px;
  font-weight:600;
  }
.chart-header-row{
  padding-top: 5px;
  padding-bottom: 5px;  
}
.cus-btn-primary{
  background-color: #81D4FA;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: #343A40 !important;
  font-weight: 600;
  }
.cus-btn-primary:hover{
  background-color: #B3E5FC !important;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  border-color: #B3E5FC;
  color: #343A40;
}

.cus-btn{
    text-transform:uppercase;
}
	
@media only screen 	
and (min-device-width : 768px) 	
and (max-device-width : 1024px) 	
and (orientation : landscape) {	
  	#ati_scenario_time {	
		height: 12vh !important;	
		font-size: 12px !important;	
	}	
	#standalone_scenario_time {	
		height: 3.5vh !important;	
		font-size: 12px !important;	
	}	
}	
@media only screen 	
and (min-device-width : 768px) 	
and (max-device-width : 1024px) 	
and (orientation : portrait) {	
  	#ati_scenario_time {	
		height: 8vh !important;	
		font-size: 12px !important;	
	}	
		
	#standalone_scenario_time{	
		height: 2vh !important;	
		font-size: 12px !important;	
	}	
}	

.popup_modal_title{
	height: 30px;
	width: 335px;
	color: #1B1E21;
	font-family: "Open Sans";
	font-size: 20px;
	letter-spacing: 0;
	line-height: 30px;
	left: -31%;
	margin-top: -4%;
}

.popup_desc_text{
	height: 19px;
	width: 352px;
	color: #212529;
	font-family: "Open Sans";
	font-size: 14px;
	letter-spacing: 0;
	line-height: 19px;
	margin-top: -1%;
	margin-bottom: 5%;
  margin-left: -8px;
}

.top_divider{
    width: 389px;
    background-color: #E9ECEF;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    margin-left: -5.5%;
    margin-top: 6px;
}

#view_select_popup {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 20px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  vertical-align: none;
  text-align: center;
  text-transform: none;
  z-index: 1001; 
  box-sizing: border-box;
  height: 155px;
  width: 391px;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  background-color: #FFFFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  transform: translate(-50%,-50%);
}

.use-classic-btn{
  box-sizing: border-box;
  height: 30px;
  width: 60px;
  border: 1px solid #81D4FA;
  border-radius: 4px;
  background-color: #FFFFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  margin-left: 30%;
  margin-top: 6%;	
  padding: 1%;
  font-family: "Open Sans";
  cursor: pointer;
}

.use-new-btn{
  margin-top: 6%; 
  height: 30px;
  width: 55px;
  border-radius: 4px;
  background-color: #81D4FA;
  color:  #333333;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  padding: 2%;
  margin-left: 3.3%;
  cursor: pointer;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
}

.view_popup_close:before {
	content: "×";
    color: #808080;
    align-self: center;
    cursor:pointer;    
}

a.view_popup_close {
    font-size: 3.5vh;
    font-weight: bolder;
    margin-left: 96%;
    height: 9px;
    width: 9px;
}

#main_nav{
    height: 77px;
    background-color: #FFFFFF !important;
  	print-color-adjust: exact !important; 
  	-webkit-print-color-adjust:exact !important;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5) !important;
}

#nav-collapse li{
  height: max-content;
  width: max-content;
  color: #212529 !important;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  padding-left: 4px;
  padding-right: 2px;
  font-weight: bold;
}
.new-brand-img-div{
  height: 42px;
}
.new_brand_img{
  height: 21px;
  width: 156px;
  margin-bottom: 6px;
}
#nav-collapse{
  margin-top:27px;
}
.brand-school-name{
  height: 18px;
  width: 113px;
  color: #707784;

  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
}
*{
  font-family: "Open Sans";
}

.new-support-link{
  margin-top: -37px;
}
.container-fluid{
  padding-top:5px;
}
#top_left_navbar_button:focus{
  outline: none;
}

th.sorting_desc:focus,
th.sorting_asc:focus,
th.sorting:focus{
  outline:2px solid #4cbee4;
}

.fileinput-button:focus-within,
a:focus,
a.page-link:focus,
select:focus,
.form-control:focus,
input:focus{/*Accessibility focus EHRT-7748 */
  border :2px solid #4cbee4;
  border-radius: 0.2rem;
}
.help_popover:focus{
  border :2px solid #4cbee4;
  border-radius: 0.2rem;
}
.row-border:focus{
  border :2px solid #4cbee4;
}
.single_preview:focus{
  border :2px solid #4cbee4;
}

@media only screen and (max-width: 991px){
  .switch-to-ui-btn-lti{
    top: 0px;
    position: relative;
  }
  .switch-to-ui-btn{
    top:28px;
  }
  .new_brand_img{
    margin-top: 5px;
  }

  #main_nav{
    min-height: 77px;
    height:auto;
  }
  .new-support-link{
    margin-top:0px;
  }
  .brand-img-lti{
    margin-left: 22px;
    margin-right: 0;
  }
}

.col-2-barcode{
  flex: 0 0 16.666667%;
}

.activate_lookup{
  background-color:#DDEEBC;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
}
.action_btn{
    width: 8vw !important;
    margin-left: 1.25%;
}

.activate_lookup:hover{
    background-color: #a6d608;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}
#advanced_options_button:focus{
  border :2px solid #4cbee4;
}
input:focus{
  outline :2px solid #4cbee4;
}


    input:focus{
    outline:2px solid #4cbee4;
    }
    .wrapper{
    font-family:'open sans'!important;
    padding-top: 0;
    }
    .activityeditor-header{
    font-size:30px;
    color: #212529;
    padding-bottom:6px;
    }
    .creat-activity-btn{
    height: 30px;
    border-radius: 4px;
    width: 175px;
    font-size: 14px;
    line-height: 15px;
    padding: 6px;
    color: #333333;
    }
 
    .activity-info{
    max-width: 76%;
    color: #212529;
    font-size: 14px;
    line-height: 19px;
    padding:0 15px;
    margin-left: -6px;
    margin-top: -4px;
    padding-bottom: 18px;
    }
    #patient_container,#patienttable_wrapper label{
    font-size:14px;
    color: #212529;
    }
    #activity_library_table tbody{
        line-height: 15px;
        color: #000000;
        font-size:13px;
    }
    .table-entries-info{
        margin-top: -5px;
        margin-left: -31px;
    }
    #activity_library_table thead{
    background: #E0E0E0;
    white-space: nowrap;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 30%);
    }
    #activity_library_table tbody{
    font-size:12px;
    }
    .icon-search {
    right: 10px;
    top: 7px;
    position: absolute;
    height: 36px;
    width: 36px;    
    text-align: center;  
    }
    div.dataTables_wrapper div.dataTables_filter input{
    width:210px;
    padding-right:18px;
    box-shadow: none;
    }
    .table thead th {
    padding-top: 8px;
    padding-bottom: 8px;
    }

    .filters{
    height: 32px;
    width: 99px;
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    box-shadow: 3px 3px 5px 2px rgb(0 0 0 / 30%);
    color: #337AB7;
    line-height: 28px;
    text-align: center;
    margin-top: -17px;
    font-weight: 700;
    }
    .filters a{
    cursor: pointer;
    }
    .chart-info{
    color: #212529;
    font-size: 1.27em;
    line-height: 18px;
    }
    .chart-info a{
    font-size:12px;
    color: #337AB7;
    padding-left: 10px;
    text-decoration: underline;
    }
    .badge{
    font-size: 13px;
    color: #111111;
    background-color: #E0E0E0;
  	print-color-adjust: exact !important; 
  	-webkit-print-color-adjust:exact !important;
    padding: 5px 14px;
    height: 22px;
    font-weight: normal;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    .filter-badges .fa-times-circle{
    margin-left:6px;
    cursor: pointer;
    }
    .page-link{
    border:1px solid #CED4DA!important;
    }
    .page-item.active .page-link{
    border-color: #337ab7!important;
    }
    .fa-heart-o{
        font-weight:600;
    }
    .table-entries-info .dataTables_info{
    padding-top: 10px!important;
    padding-right: 15px;
    }

    .filter_popup_close:before {
    content: "×";
    color: #010101 !important;
    align-self: center;
    cursor:pointer;    
    }

    a.filter_popup_close {
    height: 0px;
    width: 0px;
    font-size: 19px;
    font-weight: bolder;
    position: absolute;
    right: 15px;
    top: -4px;
    }

    .filter-popup {
        transition: opacity 0.3s;
        text-align: center;
        z-index: 1001; 
        height: fit-content;
        position: absolute;
        left: -2px;
        top: -22px;
        width: 433px;
    }

    .filter-container{
        border-radius: 5px;
        border: 2px solid #ddd;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        padding: 0 12px 20px;
        bottom: 20px;
  		print-color-adjust: exact !important; 
  		-webkit-print-color-adjust:exact !important;
    }
    .filter_text_rectangle{
    height: 57px;
    width: 432px;
    background-color: #DBDBDB;
  	print-color-adjust: exact !important; 
  	-webkit-print-color-adjust:exact !important;
    margin-left: -14px;
    }

    .line_1{
    height: 1px;
    width: 432px;
    margin-top: 17px;
    }

    .minus_sign{
    height: 14px;
    width: 15px;
    background-color: #666666;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    color: white;
    font-size: 2.8em;
    line-height: 6px;
    margin-top: 8px;
    cursor: pointer;
    }

    .minus_sign::before {
    content: "-";
    }

    a:hover{
    cursor: pointer;
    }

    .fav_text_class{
    margin-left: -5.2%;
    margin-bottom: 4%;
    margin-top: 3%;
    }

  .fav_text_class{
    padding-left:20px
    }
    .filter-txt{
    padding-left:13px
    }
    .filter_hr{
    margin-left: -13px;
    width: 431px;
    margin-top: -8px;
    margin-bottom: 4px;
    }
    .filter_param_text{
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    }
    .filter-sidesheet-div{
    position:relative;

    }
    .fav-label{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-left: 3%;
    margin-top: -1%;
    }
    .plus_sign{
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: #666666;
    font-weight: 500;
    }

    .fav-checkbox{ 
    box-sizing: border-box;
    height: 14px;
    width: 14px;
    border: 1px solid #B7B7B7;
    border-radius: 3px;
    background-color: #FFFFFF;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2);
    margin-left: 6px;
    }
    .filter_sign{
    color: #0277BD;
    }
    
    .filter_text{
    color: #337AB7;
    font-family: Helvetica;
    font-size: 12px;
    }
    
    #filter_button{
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    }
    
    
    .filter-txt{
    height: 26px;
    width: 64px;
    color: #4D4D4D;
    font-size: 22px;
    letter-spacing: 0.25px;
    line-height: 26px;
    margin-top: -12px;
    }

    .container-fluid {
    overflow: revert;
    padding:0;
    }
    .fiters-btn{
        font-weight:600;
        height: 29px;
        color:  #333333!important;
        padding-top: 2px;
        font-size:14px;
        border: 1px solid #81D4FA;
    }
    .clr-all-btn{
        width: 103px;
        border-color: #81D4FA;
        box-sizing: border-box;
        border-radius: 4px;
        background-color: #FFFFFF;
	    print-color-adjust: exact !important; 
	    -webkit-print-color-adjust:exact !important;
        margin-top: -5px;
        margin-right: 10px;
        line-height: 23px;
    }
    .apply-btn{
        width: 84px;
        border-color: #81D4FA;
        border-radius: 4px;
        margin-top:-4px;
        height: 28px;
        margin-right: -1px;
    }
    .sidesheet-filter-header{
        margin-top:-3px;
    }
    .btm-apply-btn{
        margin-right: 2px;
    }

    .table-responsive{
        padding-bottom: 60px;
    }
    
    .dataTables_filter{
        padding-bottom: 5px;
    }
    input[type="radio"]{
        margin-left: 7px;
    }
    #activity_library_table_length{
        margin-left:-15px;
    }
    #fav_checkbox:focus{
        border :2px solid #4cbee4;
    }
    input:focus{
        border :2px solid #4cbee4;
    }
    .input-type-radio:focus{
        border :2px solid #4cbee4;
    }
    table.dataTable tbody td {
    word-break: break-word;
    vertical-align: top;
    }
    @media (max-width: 767px) {
        #activity_library_table_filter{
            float: right;
        }
        #activity_library_table_length{
        text-align: left;
        }
    }
    @-moz-document url-prefix() {
        input[type="radio"]{
            margin-top:-7px;
        }
        }

.btn-link:focus{
    border:2px solid #4cbee4;
    border-radius: 0.2rem;
 }
 input:focus{
  outline:2px solid #4cbee4;
 }

 input:focus{
    outline:2px solid #4cbee4;
}

.container-fluid{
    padding:0 5px;
}


input:focus{
    outline:2px solid #4cbee4;
    }
    .wrapper{
    font-family:'open sans'!important;
    padding-top: 0;
    }
    .activityeditor-header{
    font-size:30px;
    color: #212529;
    padding-bottom:6px;
    }
    .creat-activity-btn{
    height: 30px;
    border-radius: 4px;
    width: 175px;
    font-size: 14px;
    line-height: 15px;
    padding: 6px;
    color: #333333;
    }
 
    .activity-info{
    max-width: 76%;
    color: #212529;
    font-size: 14px;
    line-height: 19px;
    padding:0 15px;
    margin-left: -6px;
    margin-top: -4px;
    padding-bottom: 18px;
    }
    #patient_container,#patienttable_wrapper label{
    font-size:14px;
    color: #212529;
    }
    #activity_library_table tbody{
        line-height: 15px;
        color: #000000;
        font-size:13px;
    }
    .table-entries-info{
        margin-top: -5px;
        margin-left: -31px;
    }
    #activity_library_table thead{
    background: #E0E0E0;
    white-space: nowrap;
    box-shadow: 0px 0px 9px rgb(0 0 0 / 30%);
    }
    #activity_library_table tbody{
    font-size:12px;
    }
    .icon-search {
    right: 10px;
    top: 7px;
    position: absolute;
    height: 36px;
    width: 36px;    
    text-align: center;  
    }
    div.dataTables_wrapper div.dataTables_filter input{
    width:210px;
    padding-right:18px;
    box-shadow: none;
    }
    .table thead th {
    padding-top: 8px;
    padding-bottom: 8px;
    }

    .filters{
    height: 32px;
    width: 99px;
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    box-shadow: 3px 3px 5px 2px rgb(0 0 0 / 30%);
    color: #337AB7;
    line-height: 28px;
    text-align: center;
    margin-top: -17px;
    font-weight: 700;
    }
    .filters a{
    cursor: pointer;
    }
    .chart-info{
    color: #212529;
    font-size: 1.27em;
    line-height: 18px;
    }
    .chart-info a{
    font-size:12px;
    color: #337AB7;
    padding-left: 10px;
    text-decoration: underline;
    }
    .badge{
    font-size: 13px;
    color: #111111;
    background-color: #E0E0E0;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    padding: 5px 14px;
    height: 22px;
    font-weight: normal;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    .filter-badges .fa-times-circle{
    margin-left:6px;
    cursor: pointer;
    }
    .page-link{
    border:1px solid #CED4DA!important;
    }
    .page-item.active .page-link{
    border-color: #337ab7!important;
    }
    .fa-heart-o{
        font-weight:600;
    }
    .table-entries-info .dataTables_info{
    padding-top: 10px!important;
    padding-right: 15px;
    }

    .filter_popup_close:before {
    content: "×";
    color: #010101 !important;
    align-self: center;
    cursor:pointer;    
    }

    a.filter_popup_close {
    height: 0px;
    width: 0px;
    font-size: 19px;
    font-weight: bolder;
    position: absolute;
    right: 15px;
    top: -4px;
    }

    .filter-popup {
        transition: opacity 0.3s;
        text-align: center;
        z-index: 1001; 
        height: fit-content;
        position: absolute;
        left: -2px;
        top: -22px;
        width: 433px;
    }

    .filter-container{
        border-radius: 5px;
        border: 2px solid #ddd;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        background-color: #fff;
	    print-color-adjust: exact !important; 
	    -webkit-print-color-adjust:exact !important;
        padding: 0 12px 20px;
        bottom: 20px;
    }
    .filter_text_rectangle{
    height: 57px;
    width: 432px;
    background-color: #DBDBDB;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    margin-left: -14px;
    }

    .line_1{
    height: 1px;
    width: 432px;
    margin-top: 17px;
    }

    .minus_sign{
    height: 14px;
    width: 15px;
    background-color: #666666;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust:exact !important; 
    color: white;
    font-size: 2.8em;
    line-height: 6px;
    margin-top: 8px;
    cursor: pointer;
    }

    .minus_sign::before {
    content: "-";
    }

    a:hover{
    cursor: pointer;
    }

    .fav_text_class{
    margin-left: -5.2%;
    margin-bottom: 4%;
    margin-top: 3%;
    }

  .fav_text_class{
    padding-left:20px
    }
    .filter-txt{
    padding-left:13px
    }
    .filter_hr{
    margin-left: -13px;
    width: 431px;
    margin-top: -8px;
    margin-bottom: 4px;
    }
    .filter_param_text{
    color: #666666;
    font-size: 16px;
    line-height: 24px;
    }
    .filter-sidesheet-div{
    position:relative;

    }
    .fav-label{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-left: 3%;
    margin-top: -1%;
    }
    .plus_sign{
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: #666666;
    font-weight: 500;
    }

    .fav-checkbox{ 
    box-sizing: border-box;
    height: 14px;
    width: 14px;
    border: 1px solid #B7B7B7;
    border-radius: 3px;
    background-color: #FFFFFF;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2);
    margin-left: 6px;
    }
    .filter_sign{
    color: #0277BD;
    }
    
    .filter_text{
    color: #337AB7;
    font-family: Helvetica;
    font-size: 12px;
    }
    
    #filter_button{
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    }
    
    
    .filter-txt{
    height: 26px;
    width: 64px;
    color: #4D4D4D;
    font-size: 22px;
    letter-spacing: 0.25px;
    line-height: 26px;
    margin-top: -12px;
    }

    .container-fluid {
    overflow: revert;
    padding:0;
    }
    .fiters-btn{
        font-weight:600;
        height: 29px;
        color:  #333333!important;
        padding-top: 2px;
        font-size:14px;
        border: 1px solid #81D4FA;
    }
    .clr-all-btn{
        width: 103px;
        border-color: #81D4FA;
        box-sizing: border-box;
        border-radius: 4px;
        background-color: #FFFFFF;
	    print-color-adjust: exact !important; 
	    -webkit-print-color-adjust:exact !important;
        margin-top: -5px;
        margin-right: 10px;
        line-height: 23px;
    }
    .apply-btn{
        width: 84px;
        border-color: #81D4FA;
        border-radius: 4px;
        margin-top:-4px;
        height: 28px;
        margin-right: -1px;
    }
    .sidesheet-filter-header{
        margin-top:-3px;
    }
    .btm-apply-btn{
        margin-right: 2px;
    }

    .table-responsive{
        padding-bottom: 60px;
    }

    .dataTables_filter{
        padding-bottom: 5px;
    }
    input[type="radio"]{
        margin-left: 7px;
    }
    #activity_library_table_length{
        margin-left:-15px;
    }
    #fav_checkbox:focus{
        border :2px solid #4cbee4;
    }
    input:focus{
        border :2px solid #4cbee4;
    }
    .input-type-radio:focus{
        border :2px solid #4cbee4;
    }
    table.dataTable tbody td {
    word-break: break-word;
    vertical-align: top;
    }
    @media (max-width: 767px) {
        #activity_library_table_filter{
            float: right;
        }
        #activity_library_table_length{
        text-align: left;
        }
    }
    @-moz-document url-prefix() {
        input[type="radio"]{
            margin-top:-7px;
        }
        }

 p{
    margin-bottom: 0 !important;
    }
    .card-title_medication_name{
            padding: 0 !important;
    }
    .list-group-medication_list{
            padding: 0 !important;
    }
    .modal {
          overflow-y: scroll;
    }
    .mar_header{
      z-index:1000;
      background-color: #F2F2F2;
	  print-color-adjust: exact !important; 
	  -webkit-print-color-adjust:exact !important;
    }

.importantRule { width: 100px !important; }
  .med_field{
    font-size: 8px;
    color:#7F7F7F;
    word-wrap: break-word;
    text-transform: none;
    position: static;
  }

.med_field_val{
  color:#333333;
}

.dsspan {
  background-color: rgba(255, 255, 255, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  background-image: none;
  z-index: 1005;
  border-radius: 0px  
  color: #717171;
  font-size: 13px;
  height: 16vh;
  width: 15vw;
  letter-spacing: 1px;
  line-height: 15px;
  margin: 0 auto;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  top: 5.5vh;
  left:-7.9vw;
  display: none;
  padding: 0 2px;
  box-shadow: 0 0 8px 2px #888;
}
.ds{
  position: relative;
}
.chevron-lg{
  font-size: 13px;
  margin-left: 0.6vw;
}

.med_more_detail{
  margin-left: 0.6vw;
  color: #0056b3;
  cursor: pointer;
}

.due_mar_space{
  height: 10vh;
}

.given_up_space{
  margin-top:1.5vh;
}

.medication_freq_detail{
  font-size: x-small;
  margin-left: 3vw;
}

.mar_given_detail{
  font-size: x-small;
}

.card-title_1{
  margin-left: 1vh;
}

.blue-color {
  color: #80CEFF;
  weight: bold;
}

.blue-color:hover {
  color: rgb(0, 127, 170);
  weight: bold;
}

.mar_cell:hover ~ .blue-color{
  color: rgb(0, 127, 170);
  weight: bold;
}

.grid-date-month{
  font-size: 10px;
  font-weight: lighter;
}

@media only screen 
and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){
  html, body{
    width: 100%;   
    overflow-x: hidden; 
  }
  #mar_table_id{  
    width: 100vw;
    overflow-x: auto !important;  
    display: block;
    border-collapse: collapse;
  }
  tr::-webkit-scrollbar{  
   display: none;   
  }
}

.filter-icon-img{
  width: 6vw;
  height: 3vh;
  margin-left: -9vw;
}

.mar_cell{
  background-color: #F0FFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;

  height: 26vh;
}

.mar_status{
  margin-top: -1.29vh;
  height: 3.1vh;
  text-align: center;
  width: 100%;
}

.given{
  background-color: rgba(94, 163, 56, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: rgb(255,255,255);
}

.due{
  background-color: rgba(0, 127, 170, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: rgb(255,255,255);
}

.late{
  background-color: rgba(166, 0, 0, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: rgb(255,255,255);
}

.refused{
  background-color: rgba(245, 154, 35, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: #333333;
}

.not_given{
  background-color:rgba(245, 205, 87, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: #333333;
}

.started{
  background-color: rgba(94, 163, 56, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: rgb(255,255,255);
}

.held{
  background: inherit;
  background-color: rgba(255, 255, 254, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: #333333;
}

.stopped{
  background-color: rgba(255, 120, 120, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: #333333;
}
.titrated{
  background-color: rgba(192, 111, 204, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;
  color: rgb(255,255,255);
}

.medication_name_details{
  height: 2vh;  
}

.plus-sign{
  position: absolute;
  font-size: 5vh;
  margin-left: 1.9vw;
  margin-top:-2vh;
}

.table-bordered td{
  padding-bottom: 8px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#div_resizer{
  padding-right: 5px;
}

#mar_table_id{
  border: None;
}

.no_med_text{
    margin-left: 0.8vw;
    margin-top: 1.3vh;
    font-style: italic;
}

.med_status{
  height: 2px;
  margin-left: 0.5vw;
  margin-top: 0.7vh;
  letter-spacing: 0.9px;
  color: #555555;
  font-size: 20px;
  background-color: rgba(214, 239, 255, 1);
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;

}
.no_med{
  height: 5vh;
  width: max-content;
  color: #7F7F7F;
}
.med_up_space{
  height: 1vh;
}
.med_down_space{
  height: 1vh; 
}
.med_status_text{
  color: rgb(85, 85, 85);
  font-family: 'ArialMT', 'Arial', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  font-size: 15px;
  text-transform: none;
}
.mar_popup_3{
    background: inherit;
    background-color: rgba(215, 215, 215, 1);
    print-color-adjust: exact !important; 	
    -webkit-print-color-adjust:exact !important;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(170, 170, 170, 1);
    border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none;
    position:sticky;
    z-index:1000; 
    text-color:black;
}

.current_hr {
    background-color: #007faa;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    color: white !important;
}
tr > th{
    text-align: center;
}
.medication-filter{
    margin-left: 12vw;
}
.today-icon{
  position: relative;
  font-size: 1vw;
  color: #5F5F5F;
  margin-left: -7.5vw;
  margin-top: 0.65vw;
  cursor: pointer;
}

.today_label{
  border-width: 0px;
  position: absolute;
  left: -4px;
  width: 24px;
  height: 24px;
  display: flex;
  font-size: 0.7vw;
  color: #5F5F5F;
}

#clear-text{
    font-size: 5vw;
    color: #005492;
    font-weight: 400;
    font-family: 'Roboto-Regular', 'Roboto', sans-serif;
}

#fltr-text{
      font-size: 5vw;
      margin-left: 22vw;
      font-weight: 400;
      font-family: 'Roboto-Regular', 'Roboto', sans-serif;
}

#done_text{
    font-size: 5vw;
    margin-left: 22vw;
    color: #005492;
    font-weight: 400;
    font-family: 'Roboto-Regular', 'Roboto', sans-serif;
}

.medication-modal{
    height: 45vh;
}

#modelWindow{
    margin-top: 33vh;
}
.filter-med-label{
    margin-top: -19vh;
    margin-left: -3vw;
}

.filter-med-select{
    margin-left: -3vw;
    margin-top: -15vh;
}

.med-label{
margin-top: 1.5vh;

}
.med-select{
    margin-left: 4.3vh;
}

.date-label{
    margin-left: -3vh;
    margin-top: 1.5vh;
}
.input-date{
    margin-left: -1.7vh;
}


p{
margin-bottom: 0 !important;
}
.card-title_medication_name{
        padding: 0 !important;
}
.list-group-medication_list{
        padding: 0 !important;
}
.modal {
      overflow-y: scroll;
}
.mar_header{
  z-index:1000;
  background-color: #FFFFFF;
  print-color-adjust: exact !important; 
  -webkit-print-color-adjust:exact !important;

}

.icon {
    padding: 0px;
}
span:focus{
  border :2px solid #4cbee4;
}
#cal_date{
  position:relative;
  right:30px
}
.input-field {
  box-sizing: border-box;
  border :1px solid #007faa;
  border-radius: 0.2rem;
  font-size: 0.8vw;
}
.cald-icon{
  color: #245186;
  font-size: 1vw;
 }
.card-title_medication_name{
  padding: 0 !important;
}

.table-bordered td {
    padding-left: 0.5vw !important;
}
td:has(div.mar_status) {
   padding-left: 0vw !important; 
}

#lesson_grading_div1{
    display: inline-block;
    float: left;
    min-height: fit-content;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    position: fixed;
    background-color: white;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    overflow: auto;
    height: 100%;
    overflow-y: scroll !important;
}

#div_resizer{
padding-left:5px;
}

.btn{
    color: #343A40!important;
    font-family:'Open Sans';
    font-size: 14px;
    border-color: #81D4FA;
    font-weight:600;
}

.chart-header-row .btn,#chart-second-btn{
    min-width: 97px;
    background-color: #81D4FA;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    height: 30px;
    padding-top: 3px;
    margin-top: 3px;
}

.btn-primary{
    background-color: #81D4FA;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}

.btn-default{
    background-color: #FFFFFF!important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border: 1px solid #81D4FA;
    border-radius: 4px;
    background-color: #FFFFFF;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    font-weight:500!important;
    color:black!important;
    height: 30px;
    width: 97px;
    padding:0;
    font-weight: 600!important;
}

.btn.btn-default:hover{
    color: #343A40;
    border: 1px solid #81D4FA;
    border-radius: 4px;
    background-color: rgba(233,233,233,0.5)!important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

.btn.btn-primary:hover{
    background-color: #B3E5FC !important;
    print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
    border-color: #B3E5FC;
    color: #343A40;
}

.cus-hr{
  margin-top:0;
  margin-left: -5px;
}

table#flowsheet-table th {
    border: none;
}

#lesson_grading_div .nav-header {
    padding-top: 5px;
}

#sidebar .navbar-header li a{
    padding-left:15px!important;
}

.back-navigation-link-row{
  height:48px;
}

.back-navigation-link{
  font-size: 16px; 
  font-family: "Open Sans";
  color: #2C699E;
}

.back-navigation-link-arrow{
  color:#8D8E91;
  font-size: 14px;  
  width: 13px;
}

.container-fluid{
    padding-top:0!important ;
}
ul ul a{
  font-size:14px!important;
}

#advanced_options_button:focus{
  border :2px solid #4cbee4;
}
.msg_text{
    padding:7px 7px;
    margin: 0px 0px;
    text-align: left !important;
}

.main_nav{
	z-index: 1031 !important;
	position:fixed !important;
}
}
@media print { 
    .navbar {
        display: block;
        border-width:0 !important;
    }  
}
*{
	print-color-adjust: exact !important; 
    -webkit-print-color-adjust:exact !important;
}
a[href*="/school/course/"] {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #fff;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 0.5em 0;
  width:10vw !important;
}

.dt-search{
  float: right;
  margin-bottom: 1em;
  
}
.pagination{
  float: right;
  
}

.sidebar {
  display: block !important;
  float: left;
  width: 20%;
  margin-right: 1em;
  background-color: #f0f0f0; 
  padding: 1em; 
  border: 1px solid #000; 
}

.navbar {
  display: block !important;
  width: 100%;
  background-color: #f0f0f0; 
  padding: 1em; 
  border-bottom: 1px solid #000; 
}

.row_major {
  display: table-row !important;
  background-color: #337ab7 !important;
} 

tr {
  display: table-row;
  vertical-align: inherit;
  unicode-bidi: isolate;
  border-color: inherit;
}

#flowsheet-table th:first-child {
  width: 35%;
}

.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

table {
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 2px;
}

* {
  font-family: "Open Sans";
}
*, *::before, *::after {
  box-sizing: border-box;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
tr {
  display: table-row;
  vertical-align: inherit;
  unicode-bidi: isolate;
  border-color: inherit;
  z-index: 1001;
}
.row_major:nth-of-type(odd) {
  background-color: #337ab7 !important;
  color: black !important;
  z-index: 1001;
  print-color-adjust: exact !important;
  -webkit-print-color-adjust:exact !important;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

.modal-dialog, .modal-content, .modal-header, .modal-body, .modal-footer {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    overflow: visible !important;
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
}

.page-break {
    page-break-before: always;
}