.patient-name {
	background-color: #67a216;
	height: 30px;
	font-size: 14px;
	color: white;
	padding-left: 30px;
	line-height: 30px;
}


@media screen and (max-width: 328px) {
	.patient-name {
		background-color: #67a216;
		height: 30px;
		font-size: 12px;
		color: white;
		padding-left: 30px;
		line-height: 30px;
	}
}

@media screen and (max-width: 415px) {
	#big-logo {
		display: none;
	}

	/*.logo-image {
		display: none;
	}*/

	#small-logo {
		display: block;
	}
}

@media screen and (min-width: 470px) {
	#big-logo {
		display: block;
	}

	#small-logo {
		display: none;
	}
}

/*Start - learn progress*/
@media screen and (max-width: 369px) {
	.learn-progress .text {
		height: 100%;
		color: white;
		font-size: 10px;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		text-transform: uppercase;
	}

	.learn-progress .progress {
		height: 100%;
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		padding-right: 15px;
	}

	#progress_circles li {
		list-style: none;
		display: inline-block;
		background: white;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		/*margin-right: 10px;*/
	}
}
/*End - learn progress*/

@media screen and (max-width: 320px) {
	.back-button {
		height: 25px;
		background-color: #afbec5;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border: 1px solid #afbec5;
		color: white;
		font-weight: bold;
		text-align: center;
		padding-left: 8px;
		padding-right: 8px;
		text-transform: uppercase;
	}

	.saveclose-button {
		height: 25px;
		background-color: #80b1f4;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border: 1px solid #80b1f4;
		color: white;
		font-weight: bold;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		text-transform: uppercase;
	}

	.next-button {
		height: 25px;
		background-color: #47bb00;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border: 1px solid #47bb00;
		color: white;
		font-weight: bold;
		text-align: center;
		padding-left: 8px;
		padding-right: 8px;
		text-transform: uppercase;
	}
}

/*Start - Patient survey radio button 'best' */

.radio-best-align {
	text-align: left;
}

@media screen and (max-width: 340px) {
	.radio-best-align {
		text-align: right;
	}
}
/*End - Patient survey radio button 'best' */

@media screen and (max-width: 400px) {
	.icon-info-sign {
		font-size: 25px;
		top: 7px;
		right: 10px;
	}
}

@media screen and (max-width: 600px) {
	.icon-info-sign-large {
		font-size: 40px !important;
		top: 25%;
		left: 39%;
	}
}

/*@media screen and (max-width: 1720px) {
	.icon-info-sign-small.bottom-left {
		bottom: 48%;
	}
}*/


@media all and (min-width: 770px) and (max-width:850px) {
	.icon-info-sign-small.bottom-left {
		bottom: 40%;
	}
}

@media all and (min-width: 1330px) and (max-width:1499px) {
	.icon-info-sign-small.bottom-left {
		bottom: 40%;
	}
}


@media all and (min-width: 1720px) {
	.icon-info-sign-small.bottom-left {
		/*bottom: 40%;*/
		bottom: 45%;
	}
}

@media screen and (max-width: 768px) {
	.media-text span {
		font-size: 17px;
		line-height: 17px;
	}
}

@media screen and (max-width: 375px) {
	.provider-image {
		width: 100px;
		height: 100px;
		margin: 20px 20px 20px 10px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
	}
}


/*@media screen and (max-width: 445px) {
	#userMenu {
		display: none;
	}

	#userMenu-no-company {
		display: block;
	}
}*/

@media screen and (max-width: 445px) {
	#userMenu {
		display: none;
	}

	#userMenu-no-company {
		display: initial;
	}
}

@media screen and (min-width: 445px) {
	  #userMenu {
		display: initial;
	}

	#userMenu-no-company {
		display: none;
	}
}