/* Add here all your css styles (customizations) */
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
	display: block;
}

.dataTables_filter{
	text-align: left !important;
}

#caseModal form label {
	text-align: right;
	padding-right: 5px;
	line-height: 1.2em;
}

#caseModal form label.g-pt-3px {
	padding-top: 3px;
}

.g-bg-light-orange{
	background-color: #fe673c!important;
}

.g-bg-light-orange2{
	background-color: #ff9933!important;
}

#case-comments{
	font-size: 0.9em;
}

.chat-discussion {
	background: #eee;
	padding: 15px;
	height: 400px;
	overflow-y: auto;
}

.chat-message-form .form-group{
	margin-bottom: 0;
}

.chat-message-form .message-input {
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}

.chat-message {
	padding: 10px 5px;
}

.message-avatar {
	height: 48px;
	width: 48px;
	border: 1px solid #e7eaec;
	border-radius: 4px;
	margin-top: 1px;
}

.chat-discussion .chat-message.left .message-avatar {
	float: left;
	margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
	float: right;
	margin-left: 10px;
}

.message-remove {
	height: 48px;
	width: 48px;
	margin-top: 1px;
}

.chat-discussion .chat-message.left .message-remove {
	float: left;
	margin-right: 10px;
}
.chat-discussion .chat-message.right .message-remove {
	float: right;
	margin-left: 10px;
}

.message {
	background-color: #fff;
	border: 1px solid #e7eaec;
	text-align: left;
	display: block;
	padding: 10px 20px;
	position: relative;
	border-radius: 4px;
}
.chat-discussion .chat-message.left .message-date {
	float: right;
}
.chat-discussion .chat-message.right .message-date {
	float: right;
}
.chat-discussion .chat-message.left .message {
	text-align: left;
	margin-left: 55px;
	background-color: #dce6d6!important;
	border-color: #458C41!important;
}
.chat-discussion .chat-message.right .message {
	text-align: left;
	margin-right: 55px;
}

.chat-discussion .chat-message.right .message .message-content{
	text-align: left;
}

.message-date {
	font-size: 10px;
	color: #797676;
}
.message-content {
	display: block;
}
.message-author {
	font-weight: 600;
	color:#0175E4;
}
.chat-discussion .chat-message.left .message .message-author {
	color:#4A3FD9;
}
.chat-discussion .chat-message.left .message .message-date {
	color:#6E6161;
}
.chat-discussion {
	background: #eee;
	padding: 15px;
	height: 400px;
	overflow-y: auto;
}
.chat-users {
	overflow-y: auto;
	height: 400px;
}
.chat-message-form .form-group {
	margin-bottom: 0;
}

#message-error{
	color:red;
	padding: 5px;
	display:none;
	font-size: 0.9em;
}

a.remove-course{
	font-weight: 600;
	position: relative;
	top: -5px;
	font-size: 0.71429rem !important;
}

.text-blue{
	color: #136ad6;
}

.grade-requirement-container .irs--sharp .irs-from,
.grade-requirement-container .irs--sharp .irs-to,
.grade-requirement-container .irs--sharp .irs-handle,
.grade-requirement-container .irs--sharp .irs-bar,
.grade-requirement-container .irs--sharp .irs-single{
	background-color: #20b426;

}

.grade-requirement-container .irs--sharp .irs-min,
.grade-requirement-container .irs--sharp .irs-max,
.grade-requirement-container .irs--sharp .irs-line{
	background-color: #d1d6e0;
}

.grade-requirement-container .irs--sharp .irs-from:before,
.grade-requirement-container .irs--sharp .irs-to:before,
.grade-requirement-container .irs--sharp .irs-handle>i:first-child,
.grade-requirement-container .irs--sharp .irs-single:before{
	border-top-color: #20b426;
}

.grade-requirement-container .irs--sharp .irs-grid-pol.small{
	background-color: #fff;
}

.selectize-dropdown.form-control.suggestions{
	padding-left: 10px;
}

.selectize-control.suggestions .selectize-dropdown > div {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.selectize-control.suggestions .selectize-dropdown .name {
	font-weight: bold;
	margin-right: 5px;
}
.selectize-control.suggestions .selectize-dropdown .title {
	display: block;
}
.selectize-control.suggestions .selectize-dropdown .emplid {
	font-size: 0.8em;
	color: #aaa;
}
.selectize-control.suggestions .selectize-dropdown .username {
	font-size: 11px;
	font-weight: 600;
	display: block;
	color: orangered;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selectize-control.suggestions::before {
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	content: ' ';
	z-index: 2;
	position: absolute;
	display: block;
	top: 5px;
	right: 34px;
	width: 16px;
	height: 16px;
	background: url(../images/loading.gif);
	background-size: 25px 25px;
	opacity: 0;
}
.selectize-control.suggestions.loading::before {
	opacity: 0.4;
}

.selectize-control.suggestions .selectize-input.focus{
	box-shadow: none !important;
}

.selectize-control .selectize-input.disabled{
	background-color: #e9ecef;
}

#username-selectized-error{
	margin-top: 0;
}

.div-as-input{
	border: 1px solid #ccc;
	background-color: #e9ecef;
	padding-top: 0.375rem;
	padding-right: 0.75rem;
	padding-bottom: 0.375rem;
	padding-left: 0.75rem;
}

.step-form.wizard > .content > .body label.error
{
	display: block;
	margin-left: 0;
}

.step-form .selectize-input.error{
	border-color: #d9534f !important;
}

.loading-left{
	background: url(../images/loading.gif) no-repeat left center;
}

#intentions-form .selectize-dropdown-content{
	max-height: 150px;
}

@media (max-width: 576px) {
	#caseModal form label {
		text-align: left;
	}
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:before{
  content: '';
  background: darkblue;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link {background-image: linear-gradient(
    to right,
	darkblue,
	darkblue 50%,
    #000 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:hover::before{
  width: 100%;
}

.bg-header-gray thead th{
	line-height:1em;
	background-color: #f7f7f7;
}

.border-top-gray {
	border-top: 1px solid black;
}

#my-courses_filter{
	text-align: left;
}

#my-courses_length{
	text-align: right;
}

#my-courses_filter input.form-control{
	display: none;
}

.all-borders-green{
	color: #42853D;
	border-color: #42853D !important;
}

@media only screen and (max-width: 575px) {

	#my-courses_filter{
		text-align: center;
	}

	#my-courses_length{
		text-align: center;
	}
}

.hidden{
	display: none;
}

.g-border-dark-blue-v2{
	border: 1px solid #13264a!important;
}

.g-bg-light-blue-v2{
	background-color: #cee4ee !important;
}

.g-border-green-v3{
	border: 1px solid #458C41!important;
}

.g-bg-green-v3{
	background-color: #458c4138 !important;
}

.g-border-blue-v3{
	border: 1px solid #0a2353!important;
}

.g-bg-blue-v3{
	background-color: #3398dc !important;
}

.required-field-star{
	color: #AD0000;
}