/***************/
/* ======== General css ****/
.file-drop-block {
  border: 2px dashed #0087F7;
  border-radius: 4px;
  background: white;
  padding: 5px;
  position: relative;
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-upload::before {
  content: "\f574";
}
.fa-file-word::before {
  content: "\f1c2";
}
#attach-trigger, #attach-form
{
    cursor:pointer;
}
.attach-btn
{
    position:relative;
}
.attach-hidden
{
    opacity:0;
    filter: alpha(opacity=0);
    
    width:100%;
    height:100%;
    display: block;
    position:absolute;
    top:0;
    right:0;
    z-index:9;
    cursor:pointer;
}
.upload-file, .uploaded-file {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin-bottom: 15px;
}
.upload-file .upload-icon, .uploaded-file .upload-icon {
	color: #0087F7;
	font-size: 50px;
	display: inline-block;
	margin-left: auto;	
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*=========================*/
.subscription-status .alert {
	padding-left: 30px;
	padding-right: 30px;
	line-height: 30px;
	margin-bottom: 0;
}
.subscription-status .alert .material-icons {
	vertical-align: text-top;
	padding-left: 5px;
	padding-right: 5px;
	color: #dc3545;
}
.center-form .mdl-textfield.full-width {
  width: 100% !important;
  min-width: 300px;
  
}
.tiny-person-thumb {
	width: 30px;
	height: 30px;
}
.card-header .data-row > div {
	line-height: 30px;
	font-weight: 400;
}
.tag-name {
	vertical-align: middle;
	margin: 0 5px;
	color: var(--indigo);
	font-size: 16px !important;
	cursor: pointer;
}
.nav-tabs .nav-link i {
	font-size: 15px !important;
	vertical-align: sub;
	color: var(--blue);
}
.nav-tabs .nav-link.active i {
	color: var(--indigo);
}
.nav-tabs .nav-link {
	/*padding: 0.5rem;*/
}
/*** Patient pages ****/
#PatientDetails.mdl-card {
	overflow: visible;
}
#PatientDetails .widget-user-image > img {
	background-color: #fff;
	border: 2px solid #fff;
}
.description-block {
	text-align: start !important;
}
.mdl-textfield.education-type-width {
	width: 152px !important;
}
#patient-tabs-header.nav {
	flex-wrap: nowrap;
}
#patient-tabs-header .nav-link {
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
}
#patient-tabs-header .nav-link i {
	vertical-align: top;
	align-items: center;
	display: flex;
}
/*--- Session Page ---*/
#AssignTherapistBlock {
	overflow: hidden;
}

/*--- Schudule ---*/
#SubmitFilter.mdl-button {
	padding-left: 10px;
	padding-right: 10px;
}

/**********************/
@media (max-width: 991px) {
	.font-smaller-md {
		font-size: 90%;
	}
}
@media (max-width: 767px) {
	.font-smaller-sm {
		font-size: 80%;
	}
	.nav-tabs .nav-link {
		/*padding: 0.5rem;*/
	}
	.description-block > .description-header, .description-block > .description-text {
		font-size: 14px;
	}
	.color-guid-block div span {
		letter-spacing: -0.5px;
		font-size: 0.75rem !important;
	}
}
@media (max-width: 575px) {
	.font-smaller-xs {
		font-size: 74%;
	}
}