/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Lato', sans-serif;
	font-size:0;
}
@font-face {
    font-family: Medio;
    src: url(../fonts/Medio.ttf)
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, textarea, select,button {
	font-family: 'Lato', sans-serif;
	margin:0; padding: 0;
	border-radius: 0;
	-webkit-appearance: none;
	border: none;
}
input:focus, textarea:focus {
	outline: none;
}

input[type="email"]:disabled {
  background: #dddddd;
}

.animate {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.clear {
	clear: both;
	display: block!important;
	width: 100%!important;
}
.content {
	width:1200px;
	margin:auto;
}
strong {font-weight: bold;}
#locale {
	position: absolute;
	right: 170px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#locale a {
	display: inline-block;
	font-size:14px;
	margin-right:15px;
	color:#000;
	text-decoration: none;
}
#locale a.active-lang {
	font-weight:bold;
}
#form-message {
	position: fixed;
	top: 90%;
	left: 0;
	right: 0;
	margin: auto;
	width: 95%;
	padding: 15px 0;
	background-color: #000000;
	color: #fff;
	text-align: center;
	font-size: 15px;
}

#cta3{position:fixed;bottom:180px;right:30px;z-index:130;border-radius:5px;padding:10px;background-color:#CA6A8A;animation:shadow-pulse 1.5s infinite;-webkit-animation:shadow-pulse 1.5s infinite}
#cta3 a {
	font-size: 15px;
text-decoration: none;
font-weight: 400;
color: #fff;
text-transform: uppercase;
}
#cta2{position:fixed;bottom:100px;right:30px;z-index:130;border-radius:5px;padding:10px;background-color:#D0DFE5;animation:shadow-pulse 1.5s infinite;-webkit-animation:shadow-pulse 1.5s infinite}
#cta2 a {
	font-size: 15px;
text-decoration: none;
font-weight: 400;
color: #000;
text-transform: uppercase;
}
#cta{position:fixed;bottom:20px;right:30px;z-index:130;border-radius:5px;padding:10px;background-color:#D0DFE5;animation:shadow-pulse 1.5s infinite;-webkit-animation:shadow-pulse 1.5s infinite}
#cta:hover{cursor:pointer}
#cta a {
	font-size: 15px;
text-decoration: none;
font-weight: 400;
color: #000;
text-transform: uppercase;
}
#cta .cta-overlay {
display:none;
position:absolute;
top:-80px; left:0; right:0;
height:80px; background:#D0DFE5;
}
#cta .cta-overlay > p {
	margin: 20px 0 20px 10px
}
#cta .cta-overlay .hide-cta {position:absolute;top:5px;right:5px;font-size:13px;font-weight:bold;}
.paused {
	-webkit-animation:none !important;
}
@keyframes shadow-pulse {
	0%{box-shadow:0 0 0 0 rgba(0,0,0,0.2)}
	100%{box-shadow:0 0 0 35px rgba(0,0,0,0)}
	}
header {
	position: fixed;
	top:0;
	left:0;
	right:0;
	margin:auto;
	padding:5px 0;
	height:100px;
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
	background: #fff;
	z-index: 100;
}
header .content {
	position: relative;
	height:100px;
}
header figure {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left:50px;
	width:140px;
}
header figure img {
	width:100%;
}
header nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left:0; right:0;
	margin:auto;
	text-align: center;
}
header nav {
	font-size:0;
}
header nav a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin:5px;
	font-size:14px;
	color:#000;
	text-decoration: none;
}
header nav a:first-of-type {
	margin-left:0;
}
header nav a:last-of-type {
	margin-right:0;
}
header nav a.upper {
	text-transform: uppercase;
}
header nav a.active:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 100%;
	padding: 0 5px;
	height: 3px;
	background-color: #D0DFE5;
}
header nav a:last-of-type {
	margin-right:0;
}
#yourOrders {
	position: absolute;
	top:50%; right:75px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	font-size:15px;
	color:#000;
	text-decoration: none;
	font-weight:bold;
	text-align: right;
}
#yourOrders:after {
	content:"";
	position: absolute;
	right:-25px;
	top:5px;
	width:20px; height:20px;
	background:url('../img/user.svg') center center no-repeat;
	background-size:cover;
}

#user {
	margin: 160px auto 50px auto;
	min-height: 550px;
}
#user .content {
	position: relative;
}

#menu {
	position: relative;
	width:calc(100% - 20px);
	padding: 10px;
	border-radius:5px;
	margin-bottom:30px;
	text-align: left;
	background-color: rgb(230,230,230);
	font-size:0;
}
#menu a {
	display:inline-block;
	margin-right:20px;
	font-size:15px;
	line-height: 22px;
	color:#000;
	text-decoration: none;
	text-transform: uppercase;
}
#menu a:last-of-type {
	margin-right:0;
}
#menu a.active {
	font-weight: bold;
	color:#000;
}
#menu a.marked {
	border-radius: 5px;
	padding: 10px;
	background-color: #CA6A8A;
	color:#fff;
	font-weight:700;
}
#user_discount {
	margin-bottom:30px;
	padding:10px;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	background-color:rgb(61, 198, 61);
}
#udpate_status {
	position:absolute;
	right:10px; top:10px;
	display: flex; align-items: center; justify-content: flex-start;
	background-color: #fff;
	padding:5px;
	border-radius:5px;
}
#udpate_status label {
	padding-right:10px;
	font-size:13px;
	font-weight:700;
}
#udpate_status select:focus {
	outline: none;
}
#udpate_status select {
	width:150px;
	padding:5px;
	border-radius: 5px;
	border:1px solid rgb(210,210,210);
	background: url('../img/down-arrow.png') 98% center no-repeat;
	background-size: 10px;
	font-size:13px;
}
#searchForm {
	position:relative;
	width:calc(100% - 20px);
	padding: 10px;
	border-radius:5px;
	text-align: left;
	background-color: #fff;
}
#searchForm label {
	display: block;
	font-size:14px;
}
#searchForm input[type="text"] {
	display: block;
	width:calc(100% - 25px);
	margin-top:10px;
	padding:8px 10px;
	border-radius:5px;
	text-align: left;
	border:2px solid #D0DFE5;
}
#searchForm input[type="submit"] {
	display: inline-block;
	width:170px;
	margin-top:10px;
	padding: 7px 0;
	background: #D0DFE5;
	color:#000;
	font-size:14px;
	font-weight:700;
	border-radius:5px;
	text-transform: uppercase;
}
#searchForm input[type="submit"]:hover {
	cursor: pointer;
}
#searchForm .resetFilters {
	position:absolute;
	right:20px; bottom:10px;
	font-size:13px;
	color:#000;
	font-weight:700;
	text-decoration: none;
	float:right;
}

#no_results {
	padding:5px;
	background-color:#fff;
	border-radius:5px;
	font-size:15px;
	font-weight: 400;
}
#pagination {
	margin-top:20px;
    margin-bottom: 20px;
	padding:10px 0;
    text-align: center;
	background-color:#fff;
	color:#fff;
	border-radius: 5px;;
}

#pagination * {
    display: inline-block;
    margin: 0 2px;
    font-size: 14px;
	color:#000;
}

#pagination .pagination-button {
    display: inline-block;
    margin: 0 2px;
    font-weight: 400;
    text-decoration: none;
}

#pagination span.pagination-button-next {
    font-weight: 300 !important
}

#current-page-number {
    font-weight: 700;
}

#pagination-summary {
    font-weight: 300
}

#orders {
	margin-top:10px;
	padding:10px;
	background-color:rgb(230,230,230);
	border-radius:5px;
	font-size:14px;
}
#orders .table-head {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding:0 5px;
	margin-bottom:20px;
	border-radius:5px;
	background-color:#fff;
}
#orders .col {
	position: relative;
	padding:10px 5px;
	margin-right:10px;
	border-right:1px solid rgb(230,230,230);
}
#orders .col .label {
	font-size:15px;
	font-weight:600;
}

#orders .col:last-of-type {
	margin-right:0;
	border-right:none;
}
#orders .col-1 {
	flex-basis: 150px;
	flex-grow: 0;
	flex-shrink: 0;
}
#orders .col-2 {
	flex-basis: 481px;
	flex-grow: 0;
	flex-shrink: 0;
}
#orders .col-2-flex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#orders .col-3 {
	flex-basis: 150px;
	flex-grow: 0;
	flex-shrink: 0;
}
#orders .col-4 {
	flex-basis: 150px;
	flex-grow: 0;
	flex-shrink: 0;
}
#orders .col-5 {
	flex-basis: 150px;
	flex-grow: 0;
	flex-shrink: 0;
}

#orders .order {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	padding:5px;
	min-height:85px;
	margin-bottom:10px;
	background-color:#fff;
	border-radius:5px;
}
#orders .order .unread-messages {
	position: absolute;
	left:10px;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	display: inline-block;
	padding:5px;
	border-radius:5px;
	font-size:12px;
	font-weight:700;
	color:#fff;
	background-color:#2dadc2;
}
#orders .order .unread-messages:before {
	content:"";
	display: inline-block;
	vertical-align: middle;
	margin-right:3px;
	width:13px; height:11px;
	background: url('../img/icons/message.png') center center no-repeat;
	background-size:11px;
}
#orders .order .col .see-order {
	opacity:0;
	position: absolute;
	bottom:5px; left:5px;
	font-size:14px; font-weight:700;
	color:rgb(89, 186, 89);
}
#orders .order:hover {
	background-color: #dcf1fa;
	cursor: pointer;
}
#orders .order:hover .see-order {
	opacity:1;
}
.order .link {
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	z-index:50;
}
#orders .order .col .avatar {
	display: block;
	margin-right:20px;
	max-width:80px;
	max-height:80px;
	box-shadow: 0 0 10px 0 rgb(240,240,240);
}
#orders .order .col .text {
	font-size:14px;
	font-weight: 400;
	line-height:17px;
}
#orders .order .col .accepted {
	margin-top:5px;
	font-weight:700;
	line-height:15px;
	font-size:12px;
	color: rgb(89, 186, 89);
}
#orders .order .col .text-margin-bottom {
	margin-bottom:5px;
}
#orders .order .col .text strong {
	font-weight:600;
}

#order_content {
	margin-top:160px;
}
#order_content .order_no {
	position: relative;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
#order_content .copy-order {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -3px;
	font-size: 12px;
	color: #000;
}

#order_content .order_no .status {
	position: absolute;
	right:0; top:0;
	padding:5px;
	border-radius: 5px;
	font-weight:400;
	font-size:15px;
	color:#fff;
}
#order_content .order_no .status strong {
	font-weight:700;
}

#order_container {
	margin-bottom:30px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

#patient_container {
	width:320px;
}
#patient_container .row {
	margin-bottom:20px;
	padding:10px;
	background-color:rgb(230,230,230);
	border-radius:5px;
}
#patient_container .subtitle {
	margin-bottom:20px;
	padding:5px;
	font-size:17px; font-weight:700;
	text-transform: uppercase;
	background-color:#fff;
	border-radius:5px;
}
#patient_container .group {
	padding:5px;
	margin-bottom:10px;
	border-radius:5px;
	background-color:#fff;
}
#patient_container  .group-margin-bottom {
	margin-bottom:20px;
}
#patient_container .text {
	margin-bottom:5px;
	font-size:15px;
	line-height:17px;
	font-weight:400;
}
.gray-italic {
	color: #707070;
	font-style: italic;
	font-size:14px;
	line-height:18px;
}
#patient_container .text strong {
	font-weight:700;
}

#order_comments {
	position: relative;
	height:200px; overflow-y:scroll;
	padding:5px;
	border-radius:5px;
	background-color:#fff;
}

#order_comments .comment {
	display: block;
	padding:5px;
	margin-top:10px;
	border-radius:5px;
}
#order_comments .comment:first-of-type {
	margin-top:0;
}
#order_comments .comment .comment-text {
	font-size:13px;
	line-height:16px;
}
#order_comments .comment .link {
	display: inline-block;
	margin-top:5px;
	font-size:12px;
	font-weight:700;
}
#order_comments .cs-comment {
	text-align: left;
	border-top-left-radius: 0;
	background-color: #2dadc2;
}
#order_comments .cs-comment .author {
	margin-bottom:5px;
	font-size:13px;
	font-weight:700;
	color:#fff;
}
#order_comments .cs-comment .comment-text {
	color:#fff;
}
#order_comments .cs-comment a {
	color:#fff;
}
#order_comments .user-comment {
	text-align: right;
	border-top-right-radius: 0;
	background-color: rgb(221, 242, 255);
}
#order_comments .user-comment .author {
	margin-bottom:5px;
	font-size:13px;
	font-weight:700;
	color:#000;
}
#order_comments .user-comment .comment-text {
	color:#000;
}
#order_comments .user-comment a {
	color:#000;
}

#order_comments .author .date {
	font-size:10px;
	font-weight:400;
}

#no_comments {
	font-size: 14px;
	color: #777;
}

#add_comment textarea {
	display: block;
	width: calc(100% - 10px);
	height:50px;
	margin-top:20px;
	resize:vertical;
	padding:5px;
	border-radius:5px;
	background-color:#fff;
	font-size:13px; line-height:16px;
}
#add_comment textarea:focus {
	outline:none;
	background-color:#defff7;
}
#add_comment label {
	display: block;
	margin:10px 0 5px 0;
	font-size:12px;
	color:#000;
}
#add_comment input[type="file"] {
	display: inline-block;
	margin:0 0 10px 0;

}
#add_comment input[type="submit"] {
	display: block;
	width:100%;
	padding:5px;
	border-radius:5px;
	background-color:#000;
	font-size:14px;
	color:#fff;
	font-weight:400;
	text-transform: uppercase;
	text-align: center;
}
#add_comment input[type="submit"]:hover {
	cursor: pointer;
}

#documentation_container {
	width: calc(100% - 320px - 20px - 20px);
	padding:10px;
	margin-left:20px;
	border-radius:5px;
	background-color: rgb(230,230,230);
}

#ortho_simulation {
	position: relative;
	width:100%; height:500px;
}
#ortho_simulation.fullscreen {
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	width:100vw; height:100vh;
	z-index: 10000;
}
#ortho_simulation.no-simulation {
	height:auto;
}
#ortho_simulation > iframe {
	position: absolute !important;
}
#no_simulation {
	margin-bottom:20px;
	padding:10px 5px;
	border-radius:5px;
	background-color:#fff;
	font-size: 15px;
	color: #777;
	line-height: 20px;
}
#simulation_logo {
	position: absolute;
	left:10px; top:10px;
	width:130px;
	z-index:100;
}
#toggle_fullscreen {
	position: absolute;
	z-index:100;
	top:0; right:0;
	padding:5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size:12px; font-weight:700;
	color:#fff;
	background-color:#000;
}
#toggle_fullscreen:hover {
	cursor: pointer;
}

#specialist_comment,
#ortho_protocol,
#ortho_pricing {
	margin-top:20px;
	padding:5px;
	border-radius: 5px;
	background-color:#fff;
}
#specialist_comment .subtitle,
#ortho_protocol .subtitle,
#ortho_pricing .subtitle{
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 5px;
}
#specialist_comment .text {
	font-size:15px; line-height:18px;
	color: #707070;
	font-style: italic;
}
#no_comment,
#no_protocol,
#no_pricing {
	margin-bottom:15px;
	font-size: 15px;
	color: #777;
	line-height: 20px;
}
#ortho_protocol .items {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#ortho_protocol .items .break {
	flex-basis:100%;
}
#ortho_protocol .items .item {
	display: block;
	width:180px;
	padding:10px;
	margin-right:10px;
	border-radius:5px;
	background-color: rgb(230,230,230);
	font-size:14px;
	line-height:16px;
	text-decoration: none;
	color:#000;
}
#ortho_protocol .items .item-margin-top {
	margin-top:10px;
}
#ortho_protocol .items .item img {
	display: block;
	max-width:100px;
	margin-top:10px;
}

#ortho_pricing .items-pricing-toggle {
	display: inline-block;
	padding:5px;
	border-radius:5px;
	font-size:15px;
	font-weight: bold;
	background-color: #2dadc2;
	color: #fff;
}
#ortho_pricing .items-pricing-toggle:hover {
	cursor: pointer;
}
#ortho_pricing .items-hidden {
	display: none;
}
#ortho_pricing .items .item {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid rgb(235,235,235);
}
#ortho_pricing .items .item .label {
	width:200px;
	font-size:15px;
	font-weight:700;
}
#ortho_pricing .items .item .price {
	font-size:15px;
	font-weight:400;
}
#ortho_pricing .items .item .qty {
	display: inline-block;
	width:30px;
}

#ortho_pricing .items .item:last-of-type {
	margin-bottom:0;
}

#documentation_media {
	padding: 5px;
	background-color:#fff;
	border-radius: 5px;
}

#documentation_media .title {
	margin-bottom:20px;
	font-size:17px; font-weight:700;
	text-transform: uppercase;
}
#documentation_media .title > span {
	font-weight:400;
	font-size:15px;
}

#documentation_media .media-row {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom:20px;
}
#documentation_media .media-row .media {
	position: relative;
	padding: 10px;
	margin-left: 10px;
	flex-basis: 132px;
	border:1px solid rgb(230,230,230);
	border-radius: 5px;
}
#documentation_media .media-row .media form {
	display: none;
}
#documentation_media .media-row .media .update {
	position: absolute;
	right:0; top:0; z-index:998;
	width:22px; height:22px;
	border-radius:2px;
	background: #2dadc2 url('../img/icons/update-img.png') center center no-repeat;
	background-size:14px;
}
#documentation_media .media-row .media .update-attachment {
	background: #2dadc2 url('../img/icons/attachment-white.png') center center no-repeat;
	background-size:14px;
}
#documentation_media .media-row .media .update-stl {
	background: #2dadc2 url('../img/icons/attachment-white.png') center center no-repeat;
	background-size:14px;
}
#documentation_media .media-row .media .update-control-scan {
	background: #2dadc2 url('../img/icons/attachment-white.png') center center no-repeat;
	background-size:14px;
}
#documentation_media .media-row .media .update:hover {
	cursor: pointer;
}
#documentation_media .media-row .media .remove {
	position: absolute;
	right:0; top:30px; z-index:998;
	width:22px; height:22px;
	border-radius:2px;
	background: red url('../img/icons/remove-img.png') center center no-repeat;
	background-size:14px;
}
#documentation_media .media-row .media .image {
	display: block;
	max-width:100%;
	height:100px;
	margin-bottom:10px;
}
#documentation_media .media-row .media .image:hover {
	opacity:0.7;
}
#documentation_media .media-row .media .name {
	font-size:13px;
	font-weight:700;
}
#documentation_media .no-media {
	margin:20px 0;
	font-size:15px;
	color: #777;
	line-height:20px;
}

#prescription_content .title {
	padding: 5px;
	background-color:#fff;
	border-radius: 5px;
	margin-bottom:20px;
	font-size:17px; font-weight:700;
	text-transform: uppercase;
}
#prescription_content .section {
	padding: 5px;
	background-color:#fff;
	border-radius: 5px;
	margin-bottom:20px;
}
#prescription_content .section-bo-margin-bottom {
	margin-bottom:0;
}
#prescription_content .section .subtitle {
	margin-bottom:10px;
	font-size:16px;
	font-weight:700;
	color:#000;
}
#prescription_content .section .subtitle:before {
	content:"";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-color: #2dadc2;
	border-radius: 50%;
}
#prescription_content .section .text {
	font-size:14px; font-weight:400;
	color:#000;
	line-height:16px;
	font-style: italic;
}
#prescription_content .section .spacer {
	display: block;
	width:100%; height:10px;
}
#prescription_content .section .section-content-flex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#prescription_content .section .section-content-flex .item {
	flex-basis: 250px;
	margin-right:20px;
}
#prescription_content .section .section-content-flex .item .label {
	margin-bottom:5px;
	font-size:14px;
	font-weight:700;
	color:#000;
}


#user .title {
	font-size: 20px;
	font-weight: bold;
	color:#000;
	margin-bottom: 50px;
}
#user .form {
	display: block;
	width: 700px;
	padding: 20px;
	background-color: rgb(235,235,235);
	border-radius:5px;
}
#user .form label {
	position: relative;
	display: block;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 20px;
}
#user .form label.required:after {
	content:"*";
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	color:#D0DFE5;
}

#user .form h3 {
	padding: 10px;
	border-radius:5px;
	background-color: #D0DFE5;
	color:#000;
	text-transform: uppercase;
	font-weight:700;
	font-size:15px;
	margin-bottom: 30px;
}

#user .form input {
	display: block;
	width: calc(100% - 20px);
	padding: 10px;
	margin-bottom: 20px;
	border-radius:5px;
	border: 1px solid rgb(220,220,220);
	font-size:15px;
}
#user .form select {
	display: block;
	width: calc(100% - 20px);
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid rgb(220,220,220);
	font-size:15px;
}

#user .form input[type="submit"] {
	width:400px;
	background-color: #D0DFE5;
	color:#000;
	border:none;
	text-align: center;
	font-weight:700;
	text-transform: uppercase;
}
#user .form input[type="submit"]:hover {
	cursor: pointer;
}
#user .addons {
	margin-top: 30px;
}
#user .addons-top {
	margin: 0 0 30px 0;
}
#user .addons a {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 15px;
	color:#000;
}
#user .addons a:last-of-type {
	margin-bottom:0;
}

footer {
	padding: 50px 0;
	border-top: 1px solid rgb(220,220,220);
	text-align: center;
}
footer a {
	text-decoration: none;
	font-size: 14px;
	color: #000;
}

#orders_search {
	display: block;
	width:calc(100% - 20px);
	padding: 10px;
	background-color:rgb(230,230,230);
	border-radius:5px;
}


#user .titleText {
	font-size: 40px;
	color:#000;
	margin-bottom: 50px;
	font-family: Medio;
	text-transform: uppercase;
}
#proteticBanner {
	position:fixed;
	top:200px; right:0; left:0;
	margin:auto;
	width:700px;
	margin:auto;
}
#hideProteticBanner {
	position:absolute;
	top:-20px; right:-20px;
	padding: 5px;
	background-color:#fff;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#hideProteticBanner:hover {
	cursor: pointer;
}
#proteticBanner img {
	display: block;
	width:100%;
	padding:30px;
	background-color:#fff;
}
#text strong {
	font-weight:bold;
}
#text .upper {
	text-transform: uppercase;
}
#text ul {
	padding-left:20px;
}
#text ul li {
	display: block;
	margin-bottom:20px;
	font-size:15px;
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
}
#text h2.subtitle {
	font-size:25px;font-weight:bold;margin-bottom:30px;line-height:30px;
}
#text p {
	margin-bottom:20px;
	font-size:15px;
	line-height:20px;
}
#text .upper {
	text-transform: uppercase;
}
#text img {
	display: block;
	max-width: 100%;
	margin-bottom:20px;
}
#res {
	display: none;
}

@media all and (max-width: 1200px) {
	#res {
		display: block;
		position: absolute; z-index:1000;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
	#res img {
		width:30px;
	}
	header {
		z-index:999;
	}
	header .content {
		width:100%;
	}
	header nav {
		display: none;
		top:105px;
		right:0;
		width:70%;
		background: #fff;
		text-align: right;
		transform: none;
		margin: 0;
		left: initial;
		padding-right: 20px;
	}
	header nav a {
		display: block;
		margin:15px 0;
	}
	#yourOrders {
		right:100px;
	}
	#locale {
		right:180px;
	}
	#user .content {
		max-width: 1200px;
		width:100%;
	}
	#menu {
		text-align: center;
	}
	#menu a {
		display: block;
		margin:5px auto;
	}
	#user .title {
		text-align: center;
		margin-bottom: 25px;
	}
	#user {
		margin-top:135px;
	}
	#orders {
		overflow-x: scroll;
	}
	#orders .orders-table-mobile {
		width:1200px;
	}
	#user .form {
		width:100%;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	#order_content .order_no {
		text-align: center;
		display: flex;
    	align-items: center;
    	flex-direction: column;
	}
	#order_content .order_no .status {
		position: initial;
		margin-top:10px;
	}
	#order_content .content {
		max-width: 1200px;
		width:100%;
	}
	#udpate_status {
		position: initial;
		justify-content: center;
		padding:10px;
	}
	#udpate_status label {
		font-size:15px;
	}
	#order_container {
		flex-direction: column;
	}
	#patient_container {
		width:100%;
	}
	#documentation_container {
		width:100%;
		margin-left: auto;
		box-sizing: border-box;
	}
	#add_comment input[type="submit"] {
		max-width: 350px;
	}
	#patient_container .row {
		margin-bottom: 0px;
	}
	#cta {
		bottom:18px;
	}
	#cta2 {
		bottom:60px;
	}
	#cta3 {
		bottom:100px;
	}
	#cta, #cta2, #cta3 {
		animation: none;
		-webkit-animation: none;
	}
	#cta a, #cta2 a, #cta3 a {
		font-size:14px
	}
}

@media all and (max-width: 600px) {
	header figure {
		left: 10px;
		width: 100px;
	}
	#yourOrders{
		right:75px;
	}
	#locale {
		right: 155px;
	}
	#res {
		right:10px;
	}
	#cta, #cta2, #cta3 {
		right:10px;
	}
	#locale a {
		margin-right: 8px;
	}
	#documentation_media .media-row .media {
		position: relative;
		padding: 10px;
		margin: 5px;
		flex-basis: 46%;
		border: 1px solid rgb(230,230,230);
		border-radius: 5px;
		box-sizing: border-box;
	}
	#documentation_media .media-row .media .image {
		margin-left: auto;
		margin-right: auto;
	}
	#ortho_protocol .items {
		flex-direction: column;
	}
}

.popup {
	position: fixed;
	z-index: 999999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(255, 255, 255, 0.9);
}
.popup img {
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: calc(100vh);
}
.popup .hide-popup {
	position: absolute;
	top: 10px; right: 20px;
	padding: 15px 20px;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
}
.popup .hide-popup:hover {
	cursor: pointer;
}

.acceptance-popup {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 5000;
    background-color: rgba(0, 0, 0, 0.8);
}
.acceptance-popup .acceptance-popup-content {
    position: absolute;
	transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);
    top: 50%; left: 0; right: 0;
    width: 700px;
    margin: auto;
    padding: 20px;
    background-color: #fff;
}
.acceptance-popup .acceptance-popup-content .popup-title {
    margin-bottom: 20px;
    font-size: 16px; font-weight: bold;
    line-height: 20px;
    text-align: justify;
}
.acceptance-popup .acceptance-popup-content .popup-subtitle {
    margin-bottom: 20px;
    font-size: 16px;
}

.acceptance-popup .acceptance-popup-content .popup-checkbox-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.acceptance-popup .acceptance-popup-content .popup-checkbox-wrapper .popup-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 15px; height: 15px;
    margin-right: 10px;
    border: 1px solid #000;
}
.acceptance-popup .acceptance-popup-content .popup-checkbox-wrapper .popup-checkbox:checked {
    background-color: #000;
}
.acceptance-popup .acceptance-popup-content .popup-checkbox-wrapper .popup-label {
    display: inline-block;
    width: calc(100% - 20px);
    font-size: 15px;
    line-height: 20px;
}
.acceptance-popup .acceptance-popup-content .popup-checkbox-wrapper .popup-checkbox:hover,
.acceptance-popup .acceptance-popup-content .popup-checkbox-wrapper .popup-label:hover {
    cursor: pointer;
}
.acceptance-popup .acceptance-popup-content .acceptance-popup-controls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.acceptance-popup .acceptance-popup-content .acceptance-popup-controls .btn {
    display: inline-block;
    padding: 15px 10px;
    margin: 0 10px;
    background-color: #000;
    border: 1px solid #000;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}
.acceptance-popup .acceptance-popup-content .acceptance-popup-controls .btn.btn-reject {
    background-color: #fff;
    color: #000;
}
.acceptance-popup .acceptance-popup-content .acceptance-popup-controls .btn:hover {
    cursor: pointer;
}

@media only screen and (max-width: 1100px) {
    .acceptance-popup .acceptance-popup-content {
        transform:none;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        top: 50px; left: 0; right: 0;
        width: calc(100% - 40px);
    }
    .acceptance-popup .acceptance-popup-content .acceptance-popup-controls {
        display: block;
    }
    .acceptance-popup .acceptance-popup-content .acceptance-popup-controls .btn {
        display: block;
        margin: 0 0 20px 0;
        text-align: center;
    }
}