/* global enhancements */
input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.btn-success{
	transition: all 0.4s;
}

.btn-success[disabled]{
	background-color: rgba(0,0,0,0.7) !important;
	border-color: rgba(0,0,0,0.2) !important;
	color: #fff !important;
	transition: all 0.4s;
}

.flush-float{
	float: none;
}

.loading-icon-wrap{
	height: 100%;
	margin-top: -50px;
	display: table;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

.loading-icon{
	text-align: center;
	height: 0;
	vertical-align: middle;
	display: table-cell;
	position: relative;
}

.btn-loading{
	position: relative;
}

.mock-btn{
	display: none;
}

.btn-loading .mock-btn{
	display: block;
	background-color: #1199c4;
	height: 36px;
	margin: 0 auto;
	z-index: 10;
	width: 100%;
	margin-top: -36px;
	position: relative; 
}

.btn-loading:after{
	content: '';
	background-color: transparent;
	border-top: 3px solid #edf1f2;
	border-right: 3px solid #edf1f2;
	border-bottom: 3px solid #edf1f2;
	border-left: 3px solid #1199c4;
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
	border-radius: 50%;
	padding: 7px;
	position: absolute;
	top: 7px;
	margin-left: -10px;
	z-index: 11;
}

@media (min-width: 768px){
	.loading-icon{
		left: 100px;
	}

	.loading-icon-wrap{
		margin-left: -200px;
	}
}

.butterbar.active{
	z-index: 11;
	width: 100%;
	position: fixed;
	top: 50px;
	background-color: rgba(0,0,0,0.4);
	animation: none;
	-webkit-animation: none;
	height: 100vh;
}

.load-text{
	font-size: 20px;
	margin-top: 10px;
	color: #fff;
}

.butterbar.active .bar{
	margin: 0 auto;
	font-size: 10px;
	position: static;
	background-color: transparent;
	border-top: 5px solid #edf1f2;
	border-right: 5px solid #edf1f2;
	border-bottom: 5px solid #edf1f2;
	border-left: 5px solid #1199c4;
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
}

.feedback-btn .mock-btn{
	max-width: 100000px;
	top: 36px;
}

.feedback-btn.btn-loading:after{
	left: 50%;
}

[fav-app]{
	cursor: pointer;
}

[fav-app]:hover i{
	color: #fbe165;
}

.placeholder-app-img{
	width: 90px;
	height: 90px;
}

.b-l{
	border-left: 1px solid #dee5e7;
}

@media (min-width: 768px){
	.butterbar.active .bar{
		left: -50px;
	}
}

.butterbar.active .bar,
.butterbar.active .bar:after {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.butterbar.active .bar:before{
	animation: none;
	-webkit-animation: none;
}


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

.hide.showImp{
	display: block !important;
}

.form-control:focus{
	border-color: #e0e2e3 !important;
}

.form-validation .form-control.ng-dirty.ng-valid, .form-validation .form-control.ng-dirty.ng-valid:focus,.form-validation .form-control.ng-dirty.ng-invalid,.form-validation .form-control.ng-touched.ng-invalid-required{
	border-color: #e0e2e3;	
}

.glyphicon-comment:before{
	position: relative;
	top: 2px;
}

.w-300{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;	
}

.animate-delay{
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
}

.icon-close{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	border: 2px solid;
	padding: 5px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 15px;
	display: inline-block;
	position: relative;
	top: 5px;
}

.icon-close::before{
	content: "X";
	position: absolute;
	left: 6px;
	top: 3px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	font-size: 30px;
	font-style: normal;
	position: absolute;
	top: -1px;
	left: -1px;
	color: #fff;
	padding: 34px 0;
	display: block;
	width: 100%;
}

[class^="flatico1-"]:before, [class*=" flatico1-"]:before,
[class^="flatico1-"]:after, [class*=" flatico1-"]:after {   
	font-family: Flaticon;
	font-size: 18px;
	font-style: normal;
	color: #fff;
	display: block;
	width: 100%;
}

/* flat icons code */
.flaticon-plus:before{
	font-family: 'FontAwesome';
}

.flaticon-lungs:before {
	content: "\e000";
}

.flaticon-heart:before {
	content: "\e004";
}
.flaticon-nose:before {
	content: "\e007";
}
.flaticon-weight:before {
	content: "\e001";
}
.flaticon-cigar:before {
	content: "\e008";
}
.flaticon-plus:before{
	content: "\f067";	
}

@media (min-width: 768px){
	.condition-view .app-selected .condition-wrap .conditions{
		height: 100px;
		border: 0;
	}	
}

.app-selected .condition-wrap:not(.activeCondition) .conditions{
	background-color: #ccc !important;
	color: #ccc !important;
}

.flatico1-go10:before {
	content: "\e002";
}
.flatico1-left222:before {
	content: "\e004";
}
.flatico1-left224:before {
	content: "\e005";
}

.icon-input{
	padding-right: 30px;
}

.datepicker .btn-default {
	border-width: 0;
	box-shadow: none;
}

.date-pick-input .dropdown-menu{
	right: 0 !important;
	left: auto !important;
}

.animated-long{
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.anim-fast{
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-ms-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;	
}

.m-auto{
	margin: 0 auto;
	float: none; 
}

.modal-open .modal .modal-dialog{
	margin-top: 90px;
	margin-bottom: 90px;
} 

.feedback .close{
	opacity: 1;
}

.b-dker{
	border-color: #e0e2e3;
}

.no-hover:hover{
	color: #fff !important;
}

.b-r-xs{
	border-radius: 5px;
}

.h-auto{
	height: auto !important;
}

@media (max-width: 768px){
	.m-t-xs-mob{
		margin-top: 5px;
	}

	.m-t-sm-mob{
		margin-top: 10px;
	}

	.no-padder-xs{
		padding: 0 !important;
	}

	.m-t-sm-mob{
		margin-top: 10px;
	}

	.mobile-logo{
		padding: 0 !important;
	}

	.mobile-notification {
		padding: 10px !important;
	}

	.app-aside {
		top: 0;
		z-index: 9999 !important;
	}

	.aside-brand{
		width: 100%;
		text-align: left;
	}

	.aside-brand a {
		float: right;
	}

	.aside-brand span img {
		margin: 10px 10px 10px 35px;
	}

	.footer-links {
		position: fixed;
		bottom: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		left: 0;
		z-index: 10;
	}

	.footer-links button,.footer-links a.btn{
		border-radius: 0 !important;
	}

	.footer-links li {
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}

	.footer-links li a {
		width: 102%;
		border-radius: 0;
		padding: 10px;
	}

	.app-aside .nav li a {
		font-size: 17px;
	} 

	.app-aside .nav li a b.badge{
		margin-top: 5px;
	}

	.editable .mobile-footer-exempt{
		display: block !important;
		background-color: transparent;
		border: 0;
		position: fixed;
		bottom: 0;
		width: 50%;
		right: 0;
		padding: 0;
		height: 46px; 
		z-index: 11;
	}

	.mobile-footer-exempt *:not(.save-btn-pat){
		display: none !important;
	}

	.mobile-footer-exempt .save-btn-pat span{
		display: block !important;
		font-size: 18px;
	}

	.profile-footer.mobile-footer-exempt .btn.save-btn-pat{
		width: 100%;
		height: 46px;
		border-radius: 0 !important;
	}

}

@media (min-width: 768px){
	.footer-links{
		display: none !important;
	}

	.text-right-sm{
		text-align: right !important;
	}

	.font-bold-sm{
		font-weight: bold !important;
	}

	.prescribe-screen .patients-list{
		padding-left: 0;
		padding-right: 0;
	}

	.app-header {
		z-index: 12;
	}

	.patient-search-block, .apps-search-block {
		margin-left: -15px;
	}

	.feedback-button {
		position: absolute;
		bottom: 15px;
		width: 82%;
		left: 8%;
	}
}

@media (max-width: 767px){
	.btn-ipre.feedback-button{
		border-radius: 0 !important;
	}
}

.flow-hidden{
	overflow: hidden;
}

.search-input input{
	padding-right: 45px;
}

.search-input i{
	right: 15px;
	top: 13px;
	font-size: 18px;
}

@media (min-width: 768px){
	.search-width i{
		right: 30px;
	}

	.pat-det-search-block{
		display: none !important;
	}
}

.top-cent{
	top: 100px;
}

.padder-xs{
	padding-left: 5px;
	padding-right: 5px;
}

.p-l-none{
	padding-left: 0;
}

.p-r-none{
	padding-right: 0;
}

.p-t-xs{
	padding-top: 5px;
}

.p-b-xs{
	padding-bottom: 5px;
}

.padder-sm{
	padding-left: 10px;
	padding-right: 10px;
}

.dis-inline-blk{
	display: inline-block;
}

.pos-abs{
	position: absolute;
}

.pos-rel{
	position: relative;
}

.success_msg,.error_msg{
	display: none;
}

.brk-word{
	word-wrap: break-word;
}

.btn-cancel{
	background-color: #F77305;
	border-color: #F77305;
	color: #fff;
	opacity:0.9;
}

.btn-cancel:hover,.btn-cancel:focus,.btn-cancel:active{
	color: #fff;
	opacity: 1;
}

#toast-container{
	width: 100%;
	left: 0;
	position: fixed;
}

@media (min-width: 768px){
	#toast-container{
		padding-left: 200px;
	}
}

#toast-container{
	position: fixed;
	top: 50px;
	overflow: hidden;
}

#toast-container.custom-toast{
	z-index: 99;
}

#toast-container.custom-toast .toast{
	width: 100%;
	box-shadow: none;
	border-radius: 0;
}

#toast-container.custom-toast .toast:hover{
	opacity: 1;
}


/* login header */

.login-header .navbar-brand{
	padding: 4px 10px;
}

.login-menu{
	position: absolute;
	right: 0;
	top: 58px;
	background-color: #fff;
}

.ipre-modal-wrap .modal-over{
	overflow: auto;
	background-image: url('../img/signin_bg.jpg');
	background-size: cover;
}

.ipre-modal-wrap .modal-center{
	padding-bottom: 20px;
}

.form-container .sign-in-input{
	font-size: 18px;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance:textfield;
}

.form-container input[type="submit"]{
	font-size: 16px;
	letter-spacing: 1px;
}

.glyphicon.glyphicon-credit-card{
	font-size: 16px;
	top: 14px;
}

.form-container.signin .sign-in-input-wrap{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.form-container.signin .sign-in-input-wrap input[type="submit"]{
	width: 100%;
}

.form-container.signin .sign-in-input-wrap input[type="submit"]:hover{
	opacity: 0.8;
}

.form-container.signin .sign-in-input-wrap.btn-loading input[type="submit"]:hover{
	opacity: 1;
}

.feedback-input.sign-in-input-wrap{
	overflow: visible;
}

.form-container.signin{
	margin-top: 40px;
	margin-bottom: 90px;
	max-width: 420px;
	border: 1px solid #e0e2e3;
	border-radius: 5px;
	box-shadow: 2px 1px 21px -1px #000;
}

@media (min-width: 768px){
	.form-container.signin{
		margin-top: 90px;
	}
}


/* nav bar adjustments */
.navbar-brand {
	padding: 0 10px;
}

h2.navbar-brand{
	padding:0; 
}

.nav.navbar-nav.desk-nav .navbar-brand{
	overflow: hidden;
	max-width: 45%;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block !important;
}

.nav.navbar-nav.desk-nav{
	width: 45%;
}

@media (min-width: 768px){
	.nav.navbar-nav.desk-nav .navbar-brand{
		max-width: 100%;
		text-transform: capitalize;
	}	
}

@media (max-width: 767px){
	.notification-menu.show-notificaitons,.notification-menu.show-notificaitons .notification-menu{
		display: block !important;
		width: 100%;
	}

	.user-menu.show-notificaitons{
		display: block !important;
		width: 100%;
	}

	.user-menu .dropdown-menu {
		display: block;
		margin-top: -10px;
		width: 100%;
	}

	.badge.up.notification-badge{
		top: -5px;
	}

	.sidebar-menu .navbar-brand{
		max-width: 100%;
	}

	.aside-wrap .navbar-brand{
		max-width: 100%;
		padding:0;
	}
	.conditions{
		height: 73px;
	}

	.app-selected .conditions{
		height: 75px;
	}
}

/* health conditions */
.material-shadow:hover{
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease-in-out;
}

.material-shadow,.material-shadow.no-hover-shadow:hover{
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
	transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.conditions.bg-light.text-dark,.conditions.bg-light.text-dark:hover{
	color: #3a3f51;
}

.condition-title{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	word-wrap: break-word;
	padding: 30px 0;
}

@media (max-width: 992px){
	.condition-title{
		font-size: 34px;
	}
}

@media (max-width: 767px){
	.condition-title{
		font-size: 30px;
		text-align: center;
		/*margin-left: 20%;*/
	}

	.condition-title-patient{
		font-size: 20px;
		padding: 10px 0;
	}


	.patient-search-block, .apps-search-block{
		left: 0;
	}

	.feedback-button {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		border-radius: 0;
	}

	.patients-list .panel-heading p{
		margin: 0;
	}

	.patients-list .panel-heading{
		background-color: #f6f8f8;
	}

}

@media (max-width: 767px){
	[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
	[class^="flaticon-"]:after, [class*=" flaticon-"]:after { 
		padding: 21px 0;
		display: block;
		width: 100%
	}

	.condition-title {
		padding: 20px 0;
	}
}

@media (min-width: 768px){

	.condition-title-patient{
		padding: 25px 0;
	}

}

/* profile page css */
input[readonly]{
	cursor: no-drop;
}

.profile-form .profile-input{
	display: none;
}

.editable .profile-input{
	display: block;
	font-size: 14px;
	height: 35px;
}


.profile-input-wrap{
	position: relative;
	left: 10px;
}

.profile-input{
	position: absolute;
	left: 0;
	top: 0;
}

.profile-footer{
	display: none;
}

.profile-info label,.profile-info .profile-input-wrap{
	padding: 0;
}

.profile-info label{
	padding-top: 13px;
}

.profile-form.editable input{
	display: block;
}

.profile-detail{
	margin-top: 14px;
}

.profile-form.editable .profile-detail:not(.non-editable){
	display: none;
}

.profile-form.editable .profile-footer{
	display: block;
}

.profile-form .cancel-btn{
	display: none;
}

.profile-form.editable .close-btn{
	display: none;
}

.profile-form.editable .cancel-btn{
	display: inline-block;
}

.password-form-items{
	display: none;
}

.editable .password-form-items{
	display: block;
}

.profile-info label{
	font-weight: bold;
	text-align: right;
}

@media (min-width: 768px){

	.profile-info label{
		padding-right: 10px;
	}
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.no-animation{
	transition: none !important;
	-webkit-transition: none !important;
}

/* End: Recommended Isotope styles */
/* stopping isotope item animation on page load */
.ng-enter [isotope-item],.ng-animate [isotope-item]{
	transition: none !important;
	-webkit-transition: none !important;
}



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.app-items{
	padding-left: 0;
}

.app-desc{
	padding: 5px 3px;
}

.app-sub-desc{
	line-height: 12px;
}

.app-items li {
	list-style: none;
	border-radius: 5px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	padding: 0;
	border: 0;
	z-index: 9;
	width: 130px;
	height: 190px;
}

.conditions-apps .app-item{
	padding-bottom: 5px;
}

.app-items li  .weight-loss {
	font-size: 0.8em;
	margin-top: 8px;
}

.isotope-filter-btn-group {
	margin-top: 15px;
}

.image-holder .angular-img{
	position: absolute;
	top: 0;
	padding: 10px 5px 5px;
	border-radius: 25px;
}


.image-holder-center {
	text-align: center;
}

.img-75 {
	width: 75%;
}

.img-50 {
	width: 50%;
}

.mark-as-fav{
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	z-index: 11;
	border-radius: 0 0 0 40px;
}

.fav-icon{
	font-size: 16px;
	top: 4px;
	left: 3px;
}

.app-item.item-wrap .item-overlay{
	z-index: 10;
	opacity: 0.3;
}

.app-list-page .app-item.item-wrap a.item{
	cursor: pointer;
	height: 100%;
}

.app-item.item-wrap .item{
	cursor: default;	
}

/* Isotope custom application styles */
.item-wrap{
	width: 46%;
}

.item-block{
	padding: 10px 10px 0 10px;
	background-color: #fff;
}

.app-title{
	height: 45px;
	font-size: 16px;
	padding-left: 5px;
}

.app-price{
	height: 14px;
}

@media (min-width: 481px) {
	.item-wrap{
		width: 30%;
	}
}

.sign-in-input-wrap i{
	right: 10px;
	top: 11px;
	font-size: 18px;
	color: #aaa;
}

.sign-in-input-wrap input:focus + i{
	color: #58666e;
}

@media (min-width: 992px) {
	.item-wrap{
		width: 14%;
		margin-bottom: 10px;
	}
}

/* settings dock */
.settings{
	top: auto;
	bottom: 30px;
}

@media (max-width: 768px){
	.colors-dock{
		max-height: 30vh;
		overflow-y: auto;
	}
}

.active-button {
	display: none;
}

.active.settings  .active-button {
	display: block;
}

.colors-dock{
	max-height: 40vh;
	overflow-y: auto;
	overflow-x: hidden;
}

/* color changes for side-nav having white background */
.brand-nav-color {
	background-color: #32BEA6;
}

.brand-nav-color .text-lt {
	color: #fff !important;
}

.brand-nav-color a, .brand-nav-color .glyphicon, .brand-nav-color .icon {
	color: #ffffff;
}

.bg-white .dk {
	background-color: #e4eaec;
}

.bg-white .aside-wrap {
	border-right: 2px solid #e4eaec;
	left: 1px;
}

/* Contacts css */
@media (min-width: 768px) and (max-width: 991px){
	.patients-list li:nth-child(odd){
		clear: both;
	}

}

@media (min-width: 992px){
	.patients-list li:nth-child(3n+1){
		clear: both;
	}
}

.search-block{
	position: relative;
	z-index: 10;
	box-sizing: content-box;
}

.search-block-wrap::before,.search-block-wrap::after{
	content:'';
	width:0;
	height: 100%;
	position: absolute;
	background-color: inherit;
	transition: all 0.8s;
	top: 0;
}

.search-block-wrap::before{
	left: 0;
}

.search-block-wrap::after{
	left: 100%;
}

.fix-to-top .search-block-wrap::before{
	left: -15px;
	width: 15px;
}

.fix-to-top .search-block-wrap::after{
	left: 100%;
	width: 15px;
}

@media (max-width: 767px){
	.fix-to-top .search-block-wrap::after{
		width: 30px;
	}
}


.patient-detail-card{
	width: 100%;
	top: 0;
	cursor: default;
	box-shadow: none;
	border:none;
	box-shadow: 0px 20px 24px #ccc;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
}

.del-label{
	display: none;
}

.editable .label.profile-input{
	position: static;
	display: inline-block !important;
}

.editable .edit-label:first-of-type{
	margin-left: 0;
}

.select-box{
	display: none;
}

.editable .select-box{
	display: block;
}

.editable .edit-label{
	display: inline-block;

}

.patient-profile-form.profile-form .profile-footer{
	display: block;
}

.patient-profile-form .edit-btn{
	display: none;
}

.patient-profile-form.editable .edit-btn{
	display: inline-block;
}

.panel{
	margin-bottom: 15px;
}

@media (min-width: 768px){
	.gen-info-panel-wrap{
		margin-top: 15px;
	}	
}

.patient-profile-form.editable .prescribe-btn{
	display: none;
}

.edit-patient-name{
	display: none;
}

.patient-profile-form.editable .edit-patient-name{
	display: block;
}

.patient-detail-card.last-card-items{
	top: auto;
	bottom: 0px;
	box-shadow: 0px 0px 24px #ccc;
}

.prescribe-icon{
	padding: 0 9px 6px;
}

.patient-name{
	padding-top: 5px;
	text-transform: capitalize;
}
@media (max-width: 767px){
	.patient-name{
		font-weight: bold;
	}	
}

.pat-card-label{
	font-weight: bold;
	text-align: right;
}

.patient-name-sec span.h4.name-edit-sec,.editable .patient-name-sec span.h4{
	display: none;
}

.editable .patient-name-sec span.h4.name-edit-sec{
	display: inline-block;
}

.prescribe-icon.edit-icon:hover,.prescribe-icon.edit-icon:focus,.prescribe-icon.edit-icon:active{
	color: #fff;
}
.prescribe-icon i{
	position: relative;
	top: 3px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.search input{
	height: 30px;
}

.patient-detail-brief{
	display: inherit;
	margin-bottom: 0;
	box-shadow: none;
}

.patient-card .label{
	font-size: 13px;
	border-radius: 0;
}

.patient-card-wrap{
	margin: 0 15px 15px 15px;
}

.editable .chosen-container{
	width: 100% !important;
	display: block;
}

.editable .date-pick-input .profile-input.input-group-btn{
	position: absolute;
	margin-top: 5px;
	display: inline-block;
	width: 30px;
	left: auto;
	right: 8px;
	z-index: 3;
}

.app-options{
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
	margin-top: -1px;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1060;
	width: 100%;
}

.app-options .avail-app-item{
	cursor: pointer;
	color: #555;
}

.app-options .avail-app-item:hover{
	background-color: #337ab7;
	color: #fff;
}


.fix-to-top {
	position: fixed;
	top: 50px;
	box-shadow: 0px 1px 16px #ccc;
}

.fix-margin-top {
	margin-top: 90px;
}

/* app description page */
.appLink{
	font-size: 16px;
}

.change-view-option{
	padding-left: 7px;
	padding-right: 7px;
}

.change-view-option.active-option{
	color: #58666e !important;
	background-color: #edf1f2;
	border-color: #c7d3d6;
}

@media (max-width: 767px){
	.change-view-option.active-option{
		background-color: #cfdadd;
	}	
}

.editable .radio.profile-input{
	position: static;
	display: inline-block;
	margin: 0 20px;
}

.item:hover .del-item-overlay{
	display: none;
}

.editable .item:hover .del-item-overlay{
	display: block;
}

.editable .del-item-overlay{
	width: 100%;
	height: 100%;
	top: 0;
	display: block;
}

.del-item{
	top: 0;
	right: 0;
	width: 35px;
	height: 30px;
	z-index: 11;
	border-radius: 0 0 0 40px;
}

.profile-input.pos-stat{
	position: static;
	overflow: visible;
	clear: both;
}

@media (max-width: 768px){
	.profile-input-wrap .condition-wrap{
		width: 45%;
	}

	.profile-input .condition-wrap{
		margin-bottom: 10px;
	}

	.profile-input-wrap .condition-wrap:nth-child(even){
		float: right;
	}

	.profile-input-wrap .profile-input .condition-wrap{
		width: 45%;
	}

	.profile-input-wrap .profile-input .condition-wrap:nth-child(even){
		float: left;
	}

	.profile-input-wrap .profile-input .condition-wrap:nth-child(odd){
		float: right;
		clear: none;
	}

}

@media (min-width: 769px) and (max-width: 992px){
	.profile-input-wrap .condition-wrap{
		width: 30%;
	}

	.profile-input-wrap .condition-wrap:nth-child(3n+1){
		clear: both;
	}

	.profile-input-wrap .profile-input .condition-wrap:nth-child(3n+1){
		clear: none;
	}
}

.profile-input-wrap .conditions{
	margin-bottom:0;
}

.profile-input-wrap .item-wrap{
	width: 44%;
}

.item-block{
	padding: 10px 10px 0 10px;
	background-color: #fff;
}

.profile-input-wrap .app-title{
	font-size: 14px;
}

@media (min-width: 481px) {
	.profile-input-wrap .item-wrap{
		width: 26%;
	}
}

@media (min-width: 1200px) {
	.profile-input-wrap .item-wrap{
		width: 9%;
	}
	.condition-title {
		font-size: 30px;
	}
}

.profile-input-wrap .app-items li{
	margin-right: 5px;
	height: 175px;
	width: 110px;
}

.remove-pat .del-confirmation{
	display: none;
}

.remove-pat.show-conf .del-btn{
	display: none;
}

.remove-pat.show-conf .del-confirmation{
	display: inline-block;
	border-radius: 4px;
}

.del-confirmation button{
	padding: 2px;
}

@media (max-width: 767px){
	.footer-links .del-confirmation{
		padding: 10px;
		display: none;
	}

	.footer-links.show-conf .main-links{
		display: none;
	}

	.footer-links.show-conf .del-confirmation{
		display: block;
	}
	.footer-links .remove-pat .confirm-message,.footer-links .del-confirmation button {
		padding: 10px;
		border-radius: 0;
	}
}

.custom-message{
	width: 100%;
	resize: none;
	height: 200px;
	overflow-y: auto;
	padding: 10px;
}

@keyframes menuToggle{
	0%{
		transform: translate3D(-100%,0,0);
	}
	100%{
		transform: translate3D(0,0,0);	
	}
}


@keyframes menuClose{
	0%{
		transform: translate3D(0,0,0);
	}
	100%{
		transform: translate3D(-100%,0,0);	
	}
}


.off-screen-toggle{
	display: none;
	background-color: #000;
	opacity: 0.4;
	z-index: 1040;
}

@media (min-width: 768px) {
	.off-screen-toggle{
		display: none !important;
	}

	.condition-wrap .conditions {
		display: block;
		height: 100px;
	}
}

.patient-screen .condition-wrap .conditions{
	height: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-height: 100px;
	overflow: hidden;
}

.patient-screen .condition-wrap .conditions span{
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.patient-screen .profile-input-wrap .app-items li{
	cursor: default;
	height: auto;
	background-color: #edf1f2;
}

.patient-screen .profile-input-wrap .app-items{
	margin-bottom: 0;
}

@media (max-width: 768px){
	.patient-screen .condition-wrap .conditions span{
		font-size: 20px;
	}
}

.aside-wrap{
	height: calc(100vh - 40px);
}

/* menu changes */
@media (max-width: 767px) {
	.modal.fade .modal-dialog{
		transform: none;
		-webkit-transform: none;
	}

	.modal.fade,.modal.fade.in{
		opacity: 1;
	}

	.aside-wrap{
		overflow-y: auto;
	}

	.app-aside{
		position: fixed;
		width: 75%;
		height: 100vh;
		-webkit-transform: translate3D(-100%,0,0);
		transform: translate3D(-100%,0,0);
	}

	.open-menu .app-aside{
		z-index: 1020;
		-webkit-transform: translate3D(0%,0,0);
		transform: translate3D(0%,0,0);
	}

	.animate-menu{
		-webkit-transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
	}

	.off-screen-toggle{
		opacity: 0;
		-webkit-transition: opacity 0.4s linear;
		transition: opacity 0.4s linear;
	}

	.open-menu .off-screen-toggle{
		display: block;
		opacity: 0.4;
	}

	.off-screen.menu-close{
		animation-name: slideOutLeft;
		-webkit-animation-name: slideOutLeft;
	}

	.off-screen {
		z-index: 1020;
		animation-name: slideInLeft;
		-webkit-animation-name: slideInLeft;
	}

	.off-screen + * {
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	.off-screen + * .off-screen-toggle {
		background-color: #000;
		z-index: 1019;
		opacity: 0.4;
	}
}

.isLoading{
	z-index: 10;
	top: -50px;
}

.notification-menu .navbar-brand.desktop-menu {
	color: #fff;
}

.notification-menu.dropdown-menu{
	position: absolute;
}

.mobile-menu .navbar-brand {
	color: #fff;
	padding: 0;
	width: 63%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

.mobile-menu button {
	color: #fff;
}

.desktop-menu .back-icon {
	font-size: 16px;
	margin-right: 5px;
	transition: background-color 0.4s;
}

.desktop-menu .back-icon:hover{
	background-color: rgba(0,0,0,0.2);
}


.aside-brand {
	color: #1199c4;
}

.patient-search-block, .apps-search-block,.pat-det-search-block{
	position: static;
	top: 50px;
	width: inherit;
	background-color: #edf1f2;
	border-bottom: 2px solid #e4eaec;
	width: -moz-available;
}

.patient-search-block-prescribe {
	margin-left: -15px;
	background-color: #edf1f2;
	border-bottom: 2px solid #e4eaec;
	margin-top: -10px;
}

.patient-search-block-fixed{
	position: static;
	top: 50px;
}

.or-margin-top{
	margin-top: 70px;
}

.navigation-aside {
	margin-top: -5px;
}

.icon-purple-color {
	color: #6254b2;
}

.btn-blue-color{
	background-color: #1199c4;
	color: #fff;
}

.btn-blue-color:hover{
	opacity: 0.8;
	color: #fff;
}

.btn-blue-color:active,.btn-blue-color:focus{
	background-color: #1199c4;
	color: #fff;
}

.display-center-element{
	float: none; 
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.custom-message-wrapper .panel-body{
	padding: 0;
}

.app-media-container .blog-post {
	z-index: 0;
}

.date-pick-input .btn-default {
	height: 35px;
}

.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e113";
	float: right;
	color: grey;
}
.panel-heading .accordion-toggle.a-collapsed:after {
	content: "\e114";
}

.menu-active{
	background-color: #eee;
}

.aside-brand a.logo-a-mobile {
	text-align: center;
	width: 100%;
}

.aside-brand a.logo-a-mobile img {
	display: block;
	margin: 20px auto -10px;
	width: 50px;
	max-height: none;
}

.sign-in-btn{
	background-color: #1199c4;
	color: #dcf2f8;
}

.sign-in-btn:hover, .sign-in-btn:active, .sign-in-btn:focus{
	color: #dcf2f8 !important;
}

.condition-wrap-container  .condition-wrap.last a{
	margin-bottom: 0;
}

.condition-wrap-container{
	margin-left: 15px;
	margin-top: 15px;
}

.fa-spin{
	animation: 2s linear 0s normal none infinite running fa-spin;
}

.fa-spin.icon-progress{
	float: right;
	margin-top: 3px;
}

@-webkit-keyframes fadeOutTop {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@keyframes fadeOutTop {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutTop {
	-webkit-animation-name: fadeOutTop;
	animation-name: fadeOutTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
}

@keyframes fadeInTop {
	0% {
		opacity: 0;
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		transform: translateY(-20px);
	}
}

.fadeInTop {
	-webkit-animation-name: fadeInTop;
	animation-name: fadeInTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.backToPresc {
	margin-top: 20px;
	font-size: 18px;
	padding: 10px;
}

.notifiedMsg{
	padding-bottom: 0;
	padding-top: 30px;
}

.notifiedMsg p{
	font-size: 16px;
}

.filteredApps {
	margin-left: 0; 
	padding-left: 0; 
	margin-right: -1px; 
}

.cond-sep{
	height: 100%;
	border-right: 1px solid #ccc;
	display: none;
	width: 1px;
	min-height: 100vh;
	min-height: calc(100vh - 51px);
	margin: 0;
	padding: 0 15px 0 0;
	margin-right: 15px;
}

.show-sep.cond-sep{
	display: block;
}

.conditions{
	border: 0;
}

.condition-wrap-container .conditions .condition-title{
	background-color: #fff;
}

.conditions-apps .list-group-item{
	background-color: transparent;
	border: none;
	box-shadow: none;
	width: calc(100% - 15px);
}

.conditions-app-wrapper{
	background-color: #fff;
	border-radius: 5px;
	max-width: 140px;
	max-height: 190px;
	padding: 5px;
	margin-right: 15px;
}

.cond-top-app-detail{
	width: auto;
	float: none;
}

.conditions-apps .app-item{
	transition: background-color 0.4s,border-color 0.4s;
	padding: 5px;
}

.conditions-apps .app-item:hover .more-details a:hover{
	text-decoration: underline;
}

.conditions-apps .app-item .conditions-app-wrapper{
	border: 1px solid #e4eaec;
}

.conditions-apps .app-item:hover{
	transition: background-color 0.4s,border-color 0.4s;
	background-color: #fff;
}

.hover-box{
	border: 3px solid transparent !important;
	cursor: pointer;
	transition: border-color 0.4s;
}

.init-border-hover-box.hover-box{
	border: 3px solid #f2f2f2 !important;
}

.hover-box *{
	cursor: pointer;
}

.hover-box.no-init-border{
	border-width: 0 !important; 
}

.hover-box:hover{
	border: 3px solid #cfdadd !important;
	border-radius: 0 !important;
	transition: border-color 0.4s;
}

.hover-box.patient-card-wrap,.hover-box.patient-card-wrap:hover{
	border-width: 2px !important;
}

.hover-box:hover .patient-detail-brief{
	border-color: #cfdadd !important;
	border-radius: 0;  
}

.hover-box .patient-detail-brief .panel-heading,.hover-box.patient-detail-brief .panel-body,.hover-box .patient-detail-brief.panel{
	border-radius: 0;
}

.apps-container-prescribe{
	margin-top: 10px;
	width: auto;
	float: none;
}

.apps-container-prescribe .panel-custom-heading{
	font-size: 20px;
}

.apps-container-prescribe li{
	font-weight: normal;
	height: auto;
}

.fullHeightPage{
	height: 100vh !important;
	overflow: hidden !important;
}

.fullHeightPage #ipre-container,.fullHeightPage .parent-view{
	height: 100%;
	padding-bottom: 0;
}

.apps-list,.patient-list-container{
	overflow-y: auto;
	overflow-x: hidden;
}

@media (min-width: 768px){
	.patient-list-container{
		padding-top: 15px;
	}
}

@media (max-width: 767px){
	[body-wrap]{
		min-height: 100vh;
	}	
}

@media (max-width: 767px){
	.apps-container-prescribe{
		margin-left: 10px;
		margin-top: 15px;
	}
}

.app-content-body{
	padding-bottom: 0;
}

@media (max-width: 767px){
	.app-content-body{
		padding-bottom: 50px;
		min-height: 100vh;
	}

	.app-content-body.h-full{
		padding-bottom: 0;
	}

	.app-selected{
		display: none;	
	}

	.app-selected.show-prev-cond{
		display: block;
	}	
}

@media (min-width: 768px) and (max-width: 991px){

	.cond-sep{
		padding: 0 10px 0 0;
		margin-right: 5px;
	}
}

.sidebar-swipe{
	width: 15px !important;
	z-index: 9 !important;
}

.form-notification{
	border: 2px solid #ccc;
	background-color: #F1EEEE;
	border-radius: 5px;
	padding: 5px;
	margin: 10px 0;
}

@media(min-width: 768px){

	.condition-title{
		font-size: 30px;
	}

	.condition-wrap-container,.apps-container-prescribe{
		min-height: calc(100vh - 51px);
		padding: 0;
		margin:0;
	}

	.condition-view{
		min-height: calc(100vh - 51px);
	}

	.condition-view .condition-wrap{
		padding: 0;
		margin: 15px 15px 0 15px;
	}

	.condition-view .condition-wrap:last-child{
		margin-bottom: 15px;
	}

	.condition-view .condition-wrap .conditions{
		height: auto;
		border: 1px solid #fff;
		overflow: hidden;
		margin-bottom: 0;
		/* margin-top: 15px; */
		/* margin-left: 15px; */
	}

	.apps-container-prescribe{
		padding-top: 10px !important;
	}

	.condition-wrap-container{
		width: 45%;
		padding-right: 30px !important;
		margin-right: 15px;
		height: 100%;
		overflow: hidden;
	}

	.condition-wrap-container:hover{
		overflow-y: auto; 
	}

	.smart .condition-wrap-container{
		overflow-y: auto;
	}

	.app-selected.condition-wrap-container{
		border-right: 2px solid #e4eaec;
		background-color: #edf1f2;
	}
}

@media (min-width: 992px){
	.condition-wrap-container{
		width: 35%;
	}
	.condition-title{
		font-size: 34px;
	}
}

.fa-stethoscope:before{
	content: '';
	background-image: url('../img/prescribe_small.png');
	background-repeat: no-repeat;
	padding: 10px;
	background-size: 16px;
	background-position: 0px;
}

.nav .fa-stethoscope:before{
	background-image: url('../img/prescribe_menu_small.png');
	background-size: 17px;
}

.nav .fa-stethoscope.icon-purple-color:before{
	background-image: url('../img/prescribe_active_small.png');
}

.animate {
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s;
}

.aside-track{
	position: relative;
}

.drag-space{
	width: 15px;
	position: absolute;
	height: 100vh;
	background-color: transparent;
	top: 0;
	right: -15px;
}

.feedback-btn-wrap{
	position: fixed;
	width: 100%;
	bottom: 0;
}


.fav-app-detail{
	position: absolute;
	right: 0;
	width: 10%;
}

.app-desc-title{
	margin-top: 10px !important
}

.add-screen{
	padding-top: 0;
}

@media (max-width: 767px){

	.patient-card{
		margin-top: -1px;
		margin-bottom: 0;
	}

	.patient-detail-brief{
		margin-bottom: 0;
		box-shadow: none !important;
		position: relative;
		z-index: 1;
	}

	.patient-card-wrap{
		margin:0; 
	}

	.patient-detail-brief:hover{
		margin-bottom: 0;
		z-index: 2;
	}

	.patient-detail-brief{
		box-shadow: none;
	}

	.patient-detail-brief .panel-heading{
		background-color: #fff;
	}

	.form-editable{
		padding: 0;
		margin: 0;
	}

	.form-editable .panel-heading,.form-editable .profile-form.editable .panel-footer{
		display: none;
	}

	.form-editable .panel-heading{
		padding: 15px 0;
	}

	.add-screen{
		padding: 0;
	}

	.add-screen .profile-info{
		margin: 0;
	}

	.form-editable .panel{
		border: none;
		background-color: transparent;
		margin-bottom: 0;
		box-shadow: none;
	}

	.form-editable .panel-body{
		padding: 0;
		margin: 10px auto;
		max-width: 500px;
	}

	.form-editable .panel-body.pat-presc-applications{
		max-width: 100000px;
		padding: 0;
	}

	.form-editable .panel-body.full-width-xs{
		max-width: 800px;
	}

	.form-editable .panel-body label:not(.i-checks,.i-switch){
		width: 25%;
	}

	.form-editable .i-switch{
		text-align: left;
		z-index: 1;
		margin-top: 0;
	}

	.form-editable .panel-body .profile-input-wrap.flow-hidden{
		width: 100%;
	}

	.avail-app-item{
		background-color: #fff;
		border-bottom: 1px solid #e0e2e3;
	}

	.form-editable .presc-apps-wrap{
		padding: 0;
	}

	.form-editable .app-items{
		padding-left: 15px;
	}

	.search-result-block{
		overflow-y: auto;
	}

	.avail-apps-list{
		margin-bottom: 0;
	}
}

.app-media-container .mark-as-fav{
	z-index: 10;
}

.app-media-container .blog-post{
	padding-bottom: 0;
}

@media (min-width: 768px){
	.app-media-container .mark-as-fav{
		width: 45px;
		height: 45px;
	}
	.app-media-container .fav-icon{
		font-size: 20px;
		top: 10px;
	}
}

.search-block{
	width: 100%;
	box-sizing: border-box;
	margin-left: 0;
}

.search-block .search-input input{
	width: 100%;
}

.patient-search-block-prescribe{
	margin-top: 0;
}

@media (min-width: 768px){
	
	.conditions-outer-wrap{
		height: calc(100vh - 51px);
	}
	.apps-container-prescribe{
		height: 100%;
		overflow: hidden;
	}
	.apps-container-prescribe:hover{
		overflow-y: auto;
	}
	.smart .apps-container-prescribe{
		overflow-y: auto;
	}
}

@media (min-width: 768px) and (max-width: 1199px){
	.patient-search-block .search-input-container{
		width: calc(100% - 65px);
	}
	.patient-search-block .search-btn-container{
		width: 50px;
	}
}

@media (min-width: 1200px){
	.patient-search-block .search-input-container{
		width: calc(100% - 165px);
	}
	.patient-search-block .search-btn-container{
		width: 150px;
	}
}

/* patient details apps styles */
@media (max-width: 767px){

	.search-result-block {
		height: calc(100vh - 188px);
		overflow-y: auto;
	}

	.app-status{
		border-left: 1px solid rgba(0, 0, 0, 0.05);
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		transition: background-color 0.4s;
		-webkit-transition: background-color 0.4s;
	}
}

/* form changes */
@media (max-width: 767px){
	.profile-form.editable input{
		padding: 5px;
		height: 45px;
		font-size: 16px;
	}

	.profile-detail{
		margin-top: 17px;
		font-size: 18px;
	}

	.profile-input{
		position: static;
	}

	.date-pick-input .btn-default{
		height: 45px;
	}

	.profile-info label{
		padding-top: 18px;
		font-size: 16px;
	}

	.editable .profile-input{
		height: 45px;
	}	
}

body{
	margin-top: -50px;
}

.app-content-body{
	padding-top: 50px;
}

.profile-form.editable .search-input input{
	padding: 10px 45px 10px 16px ;
	font-size: 18px;
}

.profile-input-wrap.flow-hidden{
	left: 0;
}

.profile-info .profile-input-wrap{
	left: 18px;
}	

.left-none{
	left: 0 !important;
}

@media (min-width: 768px){
	.profile-info .profile-input-wrap{
		left: 0;
		height: 30px;
	}

	.profile-info .patient-apps-form .profile-input-wrap{
		height: auto;
	}
}

@media (max-width: 767px){
	.form-panel .panel-body{
		padding-top: 0;
	}

	.form-group{
		margin-bottom: 15px;
	}
}

.search-block .search-input input{
	padding: 0;
	padding-left: 10px;
	padding-right: 45px;
}

.presc-decision-panel{
	float: none; 
	display: block; 
	margin: 15px auto; 		
}

@media (min-width: 768px) and (max-width: 1100px){
	.presc-decision-panel{
		width: 100%;
	}
}

.pat-cust-msg-box{
	padding: 5px 10px 10px 15px !important
}

.viewed-badge{
	top: 5px;
	width: 100%;
	text-align: center;
	left: 0;
}

.viewed-badge .label{
	font-size: 14px;
	border-radius: 0;
}

.fa.fa-exclamation-triangle{
	display: none;
}

.dummy-msg.form-msg{
	font-style: italic;
	opacity: 0.7;
}

.dummy-msg:not(.form-msg){
	font-size: 40px;
	opacity: 0.2;
}

@media (max-width: 767px){
	.dummy-msg:not(.form-msg){
		font-size: 30px;
	}		
	.dummy-msg.form-msg{
		font-size: 15px;
	}
}

.conditions.panel{
	margin-bottom: 0;
}

.error-box{
	margin: 10px;
	text-align: center;
}

.error-msg{
	margin-bottom: 0;
}

.patient-cond-form.editable .profile-input{
	height: auto;
}

.patient-cond-form .conditions{
	box-shadow: none;
}

@media (max-width: 767px){
	.condition-view .condition-wrap{
		margin-bottom: 15px;
	}
}

[show-ripple] .ripple-effect{
	background-color: rgba(0,0,0,0.1);
	border-radius: 100%;
	height: 100%;
	top: -100%;
	pointer-events: none;
	position: absolute;
	transform: scale(0);
	width: 100%;
}

[show-ripple]{
	position: relative;
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.ripple-effect.animate{
	-webkit-animation: ripple 0.35s linear;
	animation: ripple 0.35s linear;	
}

@keyframes ripple {
	to {
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes ripple {
	to {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}

.change-pass-btn{
	background-color: #f05050;
	color: #fff !important;
	font-weight: bold;
}

.change-pass-btn:hover,.change-pass-btn:active,.change-pass-btn:focus{
	background-color: #f05050;
	color: #fff !important;
}

@media (max-width: 767px){
	.change-pass-btn{
		margin-left:0;
		font-weight: normal; 
	}
}

.change-pass-btn:hover{
	opacity: 0.9;
	background-color: #f05050;
	color: #fff !important;
}

.app-items.showing-viewed li:not(.viewed-item){
	display: none;
}

.profile-info label.not-label{
	padding-top: 0;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.profile-info .sort-viewed-button{
	background-color: transparent;
	border: none;
}

.patient-apps-form .app-items{
	padding: 0; 
	border-radius: 4px;
}

@media (max-width: 767px){
	
	.profile-info label.not-label{
		margin-top: 10px;
		margin-bottom: 5px;
	}
}

.m-t-n{
	margin-top: 0 !important;
}

.m-t-ipre{
	margin-top: 15px;
}

.m-r-ipre{
	margin-right: 15px;
}

.no-padder-top{
	padding-top: 0 !important;
}

.m-b-ipre{
	margin-bottom: 15px;
}

@media (min-width: 768px){
	.m-t-ipre-sm{
		margin-top: 15px;
	}	
}

.analytics-row .panel.panel-default{
	margin-bottom: 15px;
}

.form-container.signin .h3{
	margin-bottom: 20px !important;
}

.app-list-page .apps-list .app-items{
	margin: 0 auto;
	width: 280px;
}

@media (min-width: 450px){
	.app-list-page .apps-list .app-items{
		width: 420px;
	}
}

@media (min-width: 590px){
	.app-list-page .apps-list .app-items{
		width: 560px;
	}
}

@media (min-width: 730px){
	.app-list-page .apps-list .app-items{
		width: 700px;
	}
}

@media (min-width: 768px){
	.app-list-page .apps-list .app-items{
		width: auto;
	}
}

@media (min-width: 768px){
	.notification-menu{
		position: relative;
	}
	.nav.navbar-nav.desk-nav{
		position: absolute;
		left: 0;
	}

	.notification-menu .navbar-brand.desktop-menu{
		padding: 0;
	}

	.notification-menu .navbar-brand.desktop-menu.padder{
		padding-left: 15px;
	}
}

svg{
	opacity: 0;
	transition: opacity 0.4s;
}

.show-graph svg{
	opacity: 1;
}

svg text {
	font-weight: normal;
	font-size: 14px;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.columnGroup rect{
	fill-opacity: 1 !important;
	max-width: 70px;
}

.chart{
	width: 100%;
	height: 270px;
}

.graph-label{
	display: table-row;
	margin: 0;
}

.graph-label .label-wrap{
	display: table-cell;
	margin: 0; 
	vertical-align: middle;
}

.graph-label .label-color{
	width: 20px;
	height: 20px;	
	display: inline-block;
}

.graph-label .name-wrap{
	padding-left: 20px;
}

.scrubberText{
	padding: 10px;
	height: 20px;
}

.axis path{
	stroke: #dee5e7 !important;
	//stroke-opacity: 0.6;
}

.tick text{
	fill-opacity: 0.6;
	//fill: #dee5e7 !important;	
} 

#n3-pie-arcs path{
	stroke: #fff;
	stroke-width: 2;
	fill-opacity: 1 !important;
	stroke-opacity: 0.5;
	transition: all 0.4s;
}

#n3-pie-arcs path:hover{
	fill-opacity: 0.8 !important;
	transform: scale(1.04);
}

.columnGroup rect, #n3-pie-arcs path{
	cursor: pointer;
}

.pie-wrap{
	max-width: 500px;
	margin: 0 auto;
	width: 100%; 
}

.graph{
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}


.menu-button-mobile{
	padding: 12px 17px;
	cursor: pointer;
}

.dummyGoBackBtn,.dummyMenuBtn{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	top: 0;
	opacity: 0;
	z-index: 10;
}

.bt-menu-trigger {
	font-size: 30px;
	position: relative;
	display: inline-block;
	width: 7px;
	height: 10px;
	cursor: pointer;
	padding: 7px;
	top: 6px;
	z-index: 9;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	margin-top: -0.1em;
	background-color: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}


.bt-menu-trigger span:after,
.bt-menu-trigger span:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

.bt-menu-trigger.bt-menu-open span:before {
	-webkit-transform: translateY(-3px) translateX(-5px) rotate(-45deg) scaleX(0.7);
	transform: translateY(-3px) translateX(-5px) rotate(-45deg) scaleX(0.7);
}

.bt-menu-trigger.bt-menu-open span:after {
	-webkit-transform: translateY(3px) translateX(-5px) rotate(45deg) scaleX(0.7);
	transform: translateY(3px) translateX(-5px) rotate(45deg) scaleX(0.7);
}


@media (max-width: 767px){
	.profile-info .profile-input-wrap{
		left: 0;
	}

	.profile-info .form-panel .panel-body{
		padding-top: 2px;
	}

	.profile-info .form-panel .panel-body.condition-separater{
		padding-top: 15px;
	}

	.form-group{
		margin-bottom: 15px;
		border-bottom: 1px solid #eee;
	}

	.profile-info label{
		padding-top: 5px;
		font-size: 14px;
		display: block;
		text-align: left;
	}

	.profile-detail{
		margin-top: 5px;
		margin-bottom: 5px !important;
		min-height: 18px;
		font-size: 16px;
	}

	.form-editable .panel .form-group{
		border-bottom: 0;
	}

	.patient-cond-form .form-group,.patient-apps-form .form-group{
		border-bottom: 0;
	}

	.form-editable .form-panel .panel-body{
		padding: 0;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 10px;
		margin-top: 0;
	}

	.editable .select-box{
		overflow: hidden;
	}

	.form-editable .form-panel .panel-body.pat-presc-applications{
		padding: 0;
	}

	.form-editable .form-panel .profile-detail{
		margin-bottom: 0 !important;
	}

	.bg-white-xs{
		background-color: #fff;
	}

	.no-bg-xs{
		background-color: transparent;
	}

	.no-box-shadow{
		box-shadow: none;
	}

	.n-b-xs{
		border: 0;
	}

	.n-m-b-xs{
		margin-bottom: 0;
	}

	.wrapper-mob-sm{
		padding: 10px;
	}
}

.text-underline{
	text-decoration: underline;
}

.branding-portal{
	display: block;
	line-height: 0;
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: normal;
}

/* temp styles to test */
#physician-app .bg-info:not(.mark-as-fav), #physiciab-app .bg-info .dker, #physician-app .btn-blue-color,#physician-app .bg-info .nav > li > a:hover, #physician-app .bg-info .nav > li > a:focus,#physician-app .bg-info .nav > li > a:active{
	background-color: #0D5688;
}

#physician-app .text-info, #physician-app .text-info .dker,#physician-app .icon-purple-color,#physician-app .text-info-dker{
	color: #0D5688;
}

#physician-app .butterbar.active .bar,.btn-loading:after{
	border-left-color: #0D5688;
}

#physician-app .i-checks input:checked + i{
	border-color: #0D5688;
}

#physician-app .i-checks input:checked + i:before{
	background-color: #0D5688;
}

.modal-content .i-checks input:checked + i{
	border-color: #0D5688;
}

.modal-content .i-checks input:checked + i:before{
	background-color: #0D5688;
}

.modal-content .btn-blue-color,.btn-blue-color,.btn-loading .mock-btn,.btn-blue-color:active, .btn-blue-color:focus{
	background-color: #0D5688;	
}

.modal-content .text-info,.text-info,.text-info-dker,.text-info-dker:hover,.text-info:hover,a.text-info:hover, a.text-info:focus, a.text-info:active{
	color: #0D5688;
}

.nav .fa-stethoscope.icon-purple-color:before{
	background-image: url('../img/prescribe_active_new.png');
	background-size: 16px;
}

.user-name{
	color: #58666e;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 5px;
}

.presc-btn-wrap button{
	float: none;
	text-align: center;
	padding: 20px 10px;
	width: 30%;
	height: 135px;
	margin-right: 15px; 
	font-size: 18px;
	font-weight: normal;
	white-space: initial;
}

.presc-btn-wrap button:last-child{
	margin-right: 0;
}

.presc-btn-wrap button p{
	clear: both;
}

.presc-btn-wrap{
	text-align: center;
}

.presc-btn-wrap i{
	font-size: 40px;
}

.env-presc{
	position: relative;
	top: -4px;
}

@media(max-width: 991px){
	.presc-btn-wrap button{
		width: 100%;	
		font-size: 16px;
		height: 100px;
	}
	.presc-btn-wrap i{
		font-size: 30px;
	}	
}

.del-confirmation {
	height: 40px;
	padding-top: 7px;
}

.del-confirmation button{
	height: auto;
}

@media (max-width: 767px){
	.presc-decision-panel{
		margin: 0;
		padding: 0;
	}	

	.presc-decision-panel .panel-group{
		margin-bottom: 0; 
	}
}

@media (max-width: 767px){
	.xs-full{
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	.form-editable .form-panel .panel-body{
		padding-left: 15px;
		padding-right: 15px;
	}
}

.btn-ipre,.profile-footer .btn{
	border-radius: 4px !important;
	margin-right: 15px;
	height: 40px;
}

.del-btn.btn-ipre{
	margin-right: 0;
}

@media (min-width: 768px){	
	.btn-ipre{
		padding: 5px 10px;
	}

	.btn-ipre i{
		padding: 0;
		margin: 0;
		margin-right: 10px;
	}

	.change-view-option.btn-ipre i.fa.fa-user{
		margin-right: 0;
		margin-left: 10px;
	}

	.btn-ipre .fa.fa-stethoscope{
		margin-right: 3px;
	}
}

.change-view-wrap.btn-group>.btn:last-child:not(:first-child){
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.change-view-wrap.btn-group>.btn:first-child:not(:last-child){
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.profile-footer .btn:last-child{
	margin-right: 0;
}

.fa-android{
	color: #23ad44 !important;
}

.fa-apple.text-info-dker{
	color: #1199c4 !important;
}

.prescribe-screen .profile-input-wrap .app-items li{
	height: auto;
	background-color: #edf1f2;
}


.prescribe-screen,.patient-presc-wrapper{
	height: 100%;
}

.prescribe-screen .condition-title{
	font-size: 20px;
}

.prescribe-screen .condition-wrap .conditions{
	height: auto;
}

.no-border{
	border: 0 !important; 
	box-shadow: none !important;
}

.panel-custom-heading{
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #DEE5E7;
	margin-bottom: 10px;
}

.pat-details-panel .panel-body .panel-body{
	padding: 0;
	padding: 10px 0;
	border-top: 1px solid #edf1f2;
}

.prescribe-screen .form-group{
	border-bottom: 0;
}

.profile-label{
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 20px;
}

.selected-pat-info .panel{
	padding-bottom: 0;
}

error-block{
	padding-bottom: 10px;
	display: block;
	margin: 0 auto;
	position: relative;
	clear: both;
	overflow: hidden;
	width: 100%;
	z-index: 11;
	min-width: 250px;
	cursor: default;
}

.ipre-error-wrap{
	background-color: #edf1f2;
	border: 1px solid #DEE5E7;
	display: table;
	width: 100%;
	cursor: initial;
}

.ipre-error-msg{
	padding: 10px;
	margin: 0;
	width: 100%;
	text-align: left;
}

.ipre-error-icon-wrap{
	padding: 10px;
	background-color: #58666e;
	height: 100%;
	display: table-cell;
	width: 60px;
	float: none;
	vertical-align: middle;
}

.ipre-error-icon{
	text-align: center;
	color: #fff;
	margin: 0;
}

.ipre-error-icon i{
	font-size: 20px;
}

.ipre-error .ipre-error-icon-wrap{
	background-color: #f05050;
}

.ipre-error.ipre-error-wrap{
	background-color: #fff;
	border: 1px solid #f05050;
	color: #f05050;
}

.ipre-success.ipre-error-wrap{
	background-color: #fff;
	border: 1px solid #27c24c;
	color: #27c24c;	
}

.ipre-success .ipre-error-icon-wrap{
	background-color: #27c24c;
}

.ipre-input-error{
	position: absolute;
	top: 40px;
}

.has-ipre-error{
	margin-bottom: 12px;
}

.has-pass-req-error{
	margin-bottom: 0;
}

.has-pass-req-error+div[ng-messages],.has-min-len-error+div[ng-messages]{
	position: static;
	max-width: 300px;
	margin: 0 auto;
	text-align: left;
}

.has-pass-req-error+div[ng-messages] p,.has-min-len-error+div[ng-messages] p{
	text-align: left;
}

.has-pass-req-error+div[ng-messages] ul{
	text-align: left;
}

.has-pass-req-error+div[ng-messages] ul li{
	margin-left: 25px;
}

@media (max-width: 767px){
	.ipre-input-error{
		top: 50px;
	}

	.has-ipre-error{
		margin-bottom: 10px;
	}	
}

.asterisk{
	color: #f05050;
	font-size: 20px;
	line-height: 0;
	margin-right: 2px;
	font-weight: bold;
	display: none;
}

.annotation{
	display: none;
}

.editable .asterisk, .form-editable .asterisk{
	display: inline;
}

@media (max-width: 767px){
	.patient-screen .asterisk{
		display: inline;
	}	
}

.editable .annotation, .form-editable .annotation{
	display: inline-block;
}

div[ng-messages]{
	display: none;
}

.editable div[ng-messages],.form-editable div[ng-messages]{
	display: block;
}

div[ng-message]{
	color: #f05050;
}

.dis-inline-blk.asterisk{
	display: inline-block;
}

.feedback div[ng-messages]{
	display: block;
}

.feedback .ipre-input-error{
	top: auto;
	bottom: -15px;
}

.feedback .annotation{
	display: block;
}

.form-container.signin .has-ipre-error{
	margin-bottom: 0
}

.form-container.signin .has-ipre-error + div[ng-messages]{
	display: block;
}

.form-container.signin .has-ipre-error div[ng-messages]{
	display: block;
}

@media (min-width: 767px){
	.page-btn-container{
		float: left;
	}

	.page-btn-wrap{
		text-align: center;
	}
	
	.page-btn-wrap.has-buttons{
		height: 40px;
		text-align: left;
	}

	.page-btn-wrap error-block{
		clear: none;
		width: auto;
		margin-top: 15px;
	}

	.page-btn-wrap error-block .ipre-error-outer-wrap{
		display: inline-block;
	}

	.page-btn-wrap.has-buttons error-block{
		margin-top: 0;
	}

	.page-btn-wrap .ipre-error-wrap{
		height: 100%;
	}

	.page-btn-wrap .ipre-error-msg{
		padding: 8px;
	}

	.page-btn-wrap .ipre-error-icon{
		height: 10px;
		margin-top: -8px;
	}

	.page-btn-wrap .ipre-error-icon-wrap{
		padding: 0; 
	}
}

@media (min-width: 991px){
	.pat-cond-panel {
		padding: 0 !important; 
	}

	.m-t-ipre-md{
		margin-top: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.pat-cond-panel{
		padding-right: 0!important; 	
	}
}

.patient-screen .error-box .dummy-msg{
	font-size: 30px;
}

.error-block-trigger{
	display: none;
}

@media (max-width: 767px){
	.form-panel .panel-body.condition-separater .condition-wrap:nth-child(odd){
		padding-left: 0; 
	}

	.form-panel .panel-body.condition-separater .condition-wrap:nth-child(even){
		padding-right: 0;
	}

	.editable .form-panel .panel-body.condition-separater .profile-input .condition-wrap:nth-child(odd){
		padding-right: 0;
		padding-left: 5px;
	}

	.editable .form-panel .panel-body.condition-separater .profile-input .condition-wrap:nth-child(even){
		padding-left: 0;
		padding-right: 5px;
	}
}

.form-panel .panel-heading{
	padding-right: 5px;
}

.form-panel .edit-button{
	border: 1px solid #dee5e7;
	padding: 5px 10px;
	margin-top: -7px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
	border-radius: 2px;
}

.editable .form-panel .edit-button{
	color: #58666e !important;
}

.form-panel .edit-button .edit-icon{
	margin-right: 5px;
}

@media (max-width: 767px){
	error-block.mobile-notification{
		cursor: pointer;
		position: fixed;
		top: 50px;
		padding:0 !important;
		margin: 0;
		max-width: 767px;
		transform: tranlsateY(-100%);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		overflow: visible;
		transition: transform 0.4s;
		-webkit-transition: transform 0.4s;
		-moz-transition: transform 0.4s;
		-o-transition: transform 0.4s;
		-ms-transition: transform 0.4s;
	}

	error-block.mobile-notification.openMobileNotification .ipre-error-icon-wrap{
		overflow: visible;
		animation: showIcon 0.4s;
		-webkit-animation: showIcon 0.4s;
		-moz-animation: showIcon 0.4s;
		-o-animation: showIcon 0.4s;
		-ms-animation: showIcon 0.4s;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		border-radius: 0;
		transition: transform 0.4s, border-radius 0.4s;
		-webkit-transition: transform 0.4s, border-radius 0.4s;
		-moz-transition: transform 0.4s, border-radius 0.4s;
		-o-transition: transform 0.4s, border-radius 0.4s;
		-ms-transition: transform 0.4s, border-radius 0.4s;
		overflow: hidden;
		display: block;
		position: absolute;
		max-height: 40px;
		opacity: 0;
	}

	error-block.mobile-notification.openMobileNotification.openErrorMsg .ipre-error-icon-wrap{
		opacity: 1;
	}

	@keyframes showIcon{
		0%{
			opacity: 0;
			transform: tranlsateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			border-radius: 0;
		}
		100%{
			opacity: 1;
			transform: tranlsateY(100%);
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-o-transform: translateY(100%);
			border-radius: 0 0 50% 50%;
		}
	}

	error-block.openErrorMsg.mobile-notification{
		transform: tranlsateY(-0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
	}

	error-block.openErrorMsg.mobile-notification .ipre-error-icon-wrap{
		animation: hideIcon 0.4s;
		-webkit-animation: hideIcon 0.4s;
		-moz-animation: hideIcon 0.4s;
		-o-animation: hideIcon 0.4s;
		-ms-animation: hideIcon 0.4s;
		max-height: 10000px;
		overflow: visible;
		position: static;
		display: table-cell;
	}

	@keyframes hideIcon{
		0%{
			transform: tranlsateY(100%);
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-o-transform: translateY(100%);
			border-radius: 0 0 50% 50%;
		}
		100%{
			transform: tranlsateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			border-radius: 0;
		}
	}
}

.presc-decision-panel .condition-wrap{
	padding: 10px 10px 0 0;
	margin-top: 0; 
}

.presc-decision-panel .condition-wrap .conditions{
	box-shadow: none;
	-webkit-box-shadow: none;
}

.pat-removed-error-block{
	padding: 0;
	margin-top: 0;
	margin-bottom: 1px;
	z-index: 1;
}

@media (min-width: 768px){
	.pat-removed-error-block{
		margin-top: 0;
		padding: 0 15px 15px 15px;
		margin-bottom: 0;
	}
}

.panel .has-pass-req-error{
	margin-bottom: 14px;
}

.panel .has-pass-req-error div[ng-messages]{
	display: block;
}

.app-details-logo{
	overflow: hidden;
	background-color: #fff;
	margin-right: 15px;
}

.app-details-logo .logo-img{
	width: 100%;
	max-width: 200px;
	min-width: 150px;
}

.app-details-title{
	margin-top: 0;
	margin-bottom: 15px; 
}

.app-meta-data{
	background-color: #fff;
}

.app-details-data-steps{
	padding-left: 20px; 
}

.app-details-data-heading{
	margin-top: 0; 
}

.app-details-data-steps li .app-details-data-sub-heading{
	margin: 5px 0;
}

.app-details-data-heading{
	font-weight: bold;
}

.app-details-data-panel{
	padding-right: 0;
}

.app-details-data-content{
	margin-bottom: 0;
}

.app-details-data-content.answer{
	margin-bottom: 0;
	margin-left: -15px;
	font-size: 16px;
}

.app-details-data{
	min-width: 300px;
}

@media (max-width: 991px){
	.app-details-logo{
		margin-bottom: 15px;
		margin-right: 0;
	}

	.app-details-data-panel{
		padding-left: 0;
	}

	.app-details-logo{
		padding-right: 15px !important;
	}
}

@media (max-width: 499px){
	.app-details-logo{
		min-width: 150px;
	}
}


.app-details-data-panel:nth-child(odd){
	clear: both;
}

.app-detail-footer,.app-detail-footer .app-detail-footer-links,.app-detail-footer .app-detail-footer-links li{
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

@media (max-width: 767px){
	.app-detail-footer,.app-detail-footer .app-detail-footer-links,.app-detail-footer .app-detail-footer-links li{
		text-align: center;
	}

	.app-detail-footer .app-detail-footer-links li{
		margin-bottom: 5px;
	}
}

.app-detail-footer a{
	display: block;
}

.app-detail-footer a:hover{
	text-decoration: underline;
}

.app-details-logo.app-details-video{
	margin-right: 0;
}

@media (min-width: 991px){
	.app-details-logo.app-details-video videogular{
		height: 400px;
	}
}

@media (min-width: 768px){
	.app-details-data.app-pat-details-data{
		min-width: 0;
		padding-left: 15px !important;
	}

	.app-details-video{
		padding-right: 0 !important;
	}

	.pat-data .quick-faq-section.app-details-data-panel{
		padding-left: 0; 
	}

	.pat-data{
		margin-top: 15px;
	}
}

#video-iframe{
	width: 100%;
	height: 400px;
}

@media (max-width: 767px){
	#video-iframe{
		width: 100%;
		height: auto;
		min-height: 200px;
	}	
}

.sign-in-input-wrap{
	overflow: hidden;
}

.sign-in-input-wrap .sign-in-input+i+.input-underline{
	position: absolute;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	height: 3px;
	width: 100%;
	bottom: 0;
	left: 0;
	transition:all 0.6s;
	-webkit-transition: all 0.6s;
	background-color: transparent;
}

.sign-in-input-wrap i{
	top: 20px;
}

.sign-in-input-wrap .sign-in-input:focus+i+.input-underline{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	background-color: #0D5688;
}

.form-container.signin{
	border-color: transparent;
	max-width: 300px;
}

@media (min-width: 400px){
	.form-container.signin{
		max-width: 350px;
		width: 350px;
	}	
}

.form-container.signin .has-ipre-error input:focus+i+.input-underline,.form-container.signin .has-ipre-error input+i+.input-underline{
	background-color: #f05050;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.sign-in-input-wrap .sign-in-input+i+.input-underline.showErrorUnderLine{
	background-color: #f05050;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}


/* temp styles */
@media (max-width: 767px){
	error-block.mobile-notification .ipre-error-wrap{
		border-width: 0;
		background-color: transparent;
	}

	error-block.mobile-notification.openMobileNotification.openErrorMsg .ipre-error-wrap{
		border-width: 1px;
		background-color: #fff;
		opacity: 1;
	}

	error-block.mobile-notification{
		z-index: 1026;
	}


	error-block.mobile-notification p.ipre-error-msg{
		display: none;
	}

	error-block.mobile-notification.openErrorMsg p.ipre-error-msg{
		display: block;
	}


	error-block.mobile-notification.openMobileNotification .ipre-error-icon-wrap{
		top: -90px;
		right: 5px;
		position: absolute;
		height: auto;
		border-radius: 0 0 10px 10px;
	}

	error-block.mobile-notification.openMobileNotification.openErrorMsg .ipre-error-icon-wrap{
		position: static;
		border-radius: 0;
	}

	error-block.openErrorMsg.mobile-notification .ipre-error-icon-wrap{
		opacity: 1;
	}

	error-block.openErrorMsg.mobile-notification{
		top: -50px;
	}

	@keyframes hideIcon{
		0%{
			transform: tranlsateY(100%);
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-o-transform: translateY(100%);
			border-radius: 0 0 10px 10px;
			opacity: 1;
		}
		100%{
			transform: tranlsateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			border-radius: 0;
			opacity: 1;
		}
	}

	@keyframes showIcon{
		0%{
			opacity: 0;
			transform: tranlsateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			-moz-transform: translateY(0);
			-o-transform: translateY(0);
			border-radius: 0;
		}
		100%{
			opacity: 1;
			transform: tranlsateY(100%);
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-o-transform: translateY(100%);
			border-radius: 0 0 10px 10px;
		}
	}

	error-block.openErrorMsg.mobile-notification{
		transform: tranlsateY(228%);
		-webkit-transform: translateY(228%);
		-ms-transform: translateY(228%);
		-moz-transform: translateY(228%);
		-o-transform: translateY(228%);
		z-index: 10;
	}

	error-block.mobile-notification{
		transform: tranlsateY(-228%);
		-webkit-transform: translateY(-228%);
		-ms-transform: translateY(-228%);
		-moz-transform: translateY(-228%);
		-o-transform: translateY(-228%);	
	}
}

.btn-tutorial{
	width: 100%;
	margin-top: 10px;
}

/* modal window: timeout */
.modal-body.timeout .h3 {
	margin-top: 0;
}

.btn-tutorial{
	width: 100%;
	margin-top: 10px;
}

@media (max-width: 767px){
	.patient-app-details-panel{
		padding-bottom: 50px !important;
	}	
}

@media (max-width: 767px){
	.modal-backdrop.in{
		background-color: #f6f8f8;
		opacity: 1;
		top: 50px;
		z-index: 98 !important;
	}

	.modal.fade, .modal.fade.in{
		z-index: 99 !important;
	}

	.modal.fade .modal-dialog{
		margin: 0;
		margin-top: 50px;
		height: calc(100% - 50px);
		width: 100%;
	}

	.modal.fade .modal-dialog .modal-content{
		height: 100%;
		border-radius: 0;
		border: 0;
		box-shadow: none;
		background-color: transparent;
	}

	.footer-feedback-btn{
		display: block;
		width: 100%;
		padding: 10px;
		height: 100%;
	}

	.modal-body{
		height: 100%;
		padding-bottom: 50px;
	}

	.feedback .annotation{
		position: absolute;
		bottom: 0;
	}

	.feedback .row,.feedback .col-xs-12,.feedback form{
		height: 100%
	}
}

@media (min-width: 768px){
	.feedback-btn-wrap {
		width: 200px;
		margin: 0;
		height: 50px;
		background-color: #fff;
		border-right: 2px solid #e4eaec;
	}	

	.feedback-ctrl-wrap{
		height: 100%;
	}

	.feedback-ctrl-wrap .feedback-button{
		margin-top: 10px;
		width: 90%;
		position: static;
		margin: 10px auto 0 auto;
		float: none;
		display: block;
	}
}