.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;
    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;
}


#sidebar ul li a:hover {
    color: #555;
    background-color: #e7e7e7;
}


#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: 91px;
	width: 125px;
	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;
}

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;
	}
.cab_panel	.table {
		background-color: white;
	}
.cab_panel	.card-heading {
	background-color: #094F71;
}

.cab_panel	.card-heading {
	background-color: #094F71;
}

.btn-info2 {
  background-color: #DAEEF8;
  border-color: #46b8da;
}

.grading_buttons{
	height:22px;
	padding: 0 4px;
	background-color: #fff;
}

.grading_buttons:hover {
	background-color: #343a40;
}

.grading_buttons_grad {
	background-color: #FFFF99 !important;
}

.grading_buttons_grad:hover {
	background-color: #343a40 !important;
}

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

.modal-header {
  color:  #ffffff; 
  background-color: #4b80b2;
  border-color: #337ab7;
  padding: 18px;
  border-bottom: solid;
  height: auto;
}

.modal-header .close {
  color:  #FFFFFF; 
	padding: 0px;
  margin: -12px;
}
.med_header{
  margin-left: 25px;
  margin-top: 1.0rem;
}

.modal-header .modal-title {
	margin-top: -10px;
	font-weight: 700;
	font-size: 12pt;
	color: inherit;
}
.modal-body{
  font-family: 'ArialMT', 'Arial', sans-serif;
  background-color: #fff;
  margin-left:15px;
  margin-right: 10px;
}

.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;
}

.row_major{
    background-color: #337ab7;
	color: #fff;
}
.row_major:nth-of-type(odd){
    background-color: #337ab7 !important;
	color:  #fff;
}
.nav_preview {
	background-color: #f8f8f8;
	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;
	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;
}

@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  > .update_mar{
	background-color: #80CEFF;
}

.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;
}

#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;
  -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;
}

.caret-mask{
  height: 5px;
  width: 10px;
  background-color: #D8D8D8;
}

#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;
  border: none;
  padding-left:5px;
}

#select_attempt  option{
	background-color: #b4cfe7;
}

#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;
  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;
  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;
  border-top: 1px solid #e7e7e7;
}

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

.panel2 {
  height:100%;
  width:100%;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;

}

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

.brand-wrapper{
  background-color: #337ab7;
  color: #fff;
}
.ehr .brand-wrapper{
	background-color: #FFFFFF;
	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;
	 }

	#sidebar{
		display: none!important;
	}
   .brand-name-wrapper{
		margin-left:8px;
	}	
   .brand-wrapper{
  		background-color: transparent;
   }
   .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;
	    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;
  }

  /* 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);
        -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;
      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: 35px;
  }
  .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;
    margin-top: -17px;
	}
	.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;
    z-index: 3;
  }

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

  .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;
}

.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-mar{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: #245186;
  margin-left: -1vw;
}
.card-title-patient{
  margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
  color: #565D64
}
.calendar-icon{
  margin-top: 0.5vh;
  margin-left: -6.8vh;
  cursor: pointer;
}

#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;
}

.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;
}

#scenario_time {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #FF0000;
	background-color: black;
	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;
}

.btn_object_add:hover {
	background-color: #343a40;
}
#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;
}

#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;
}

/* 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 ;
    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;
}
.btn-primary:hover {
    background-color: #2e6da4 !important;
}

/* btn default  */
.btn-outline-dark {
    color:  #000;
    background-color: #fff;
    border-color: #ccc;
}

.btn-outline-dark:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* dropdown selected option background color */
.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    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;
    border-color: #337ab7;
}
.list-group-left{
  margin-left: -15px;
}


/* Pagination links color and  background color change */
.page-item.active .page-link {
    background-color: #337ab7;
    border-color: #337ab7;
}

.page-link {
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.payment-modal-header {
	color: #31708f;
	background-color: #d9edf7;
	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;
    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;
	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);
}

.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;
	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;
    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;
}

.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;
}

@media screen and (min-width: 768px) {
#grade_comments{
  box-sizing: border-box;
  height: 194px;
  border: 1px solid #ABABAB;
  background-color: #FFFFFF;
  }
}

.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;
  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: 1001;
}

#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;
  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;
  color: #343A40 !important;
  font-weight: 600;
  }
.cus-btn-primary:hover{
  background-color: #B3E5FC !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;
    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;
  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;
  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;
}

.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{
    /*width: 100% !important;*/
    height: 77px;
    background-color: #FFFFFF !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;
}
i:focus{
  border :2px solid #4cbee4;
}
div:focus{
  border :2px solid #4cbee4;
}
h1:focus{
  border :2px solid #4cbee4;
}
h3:focus{
  border :2px solid #4cbee4;
}
b:focus{
  border :2px solid #4cbee4;
}
u:focus{
  border :2px solid #4cbee4;
}
p:focus{
  border :2px solid #4cbee4;
}
i:focus{
  border :2px solid #4cbee4;
}
label:focus{
  border :2px solid #4cbee4;
}
.single_preview:focus{
  border :2px solid #4cbee4;
}
.table-bordered thead tr th:focus{
  border :2px solid #4cbee4;
}
.table-bordered tbody tr:focus{
  border :2px solid #4cbee4;
}
strong:focus{
  border :2px solid #4cbee4;
}
span:focus{
  border :2px solid #4cbee4;
}

th:focus{
  outline:2px solid #4cbee4;
  border: 2px solid #4cbee4;
}
td:focus{
  outline:2px solid #4cbee4;
  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%;
}

div.dt-search, ul.pagination{
  float: right;
}

#remove-option {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10;
  padding: 2px 6px;
  font-size: 18px;
  line-height: 1;
  border: none;
  font-weight: bold;
  border-radius: 50%;
  cursor: pointer;
}

#remove-option:hover {
  background-color: #0056b3; /* Darker danger color */
}