@font-face{
	font-family: "Britanica";
	src: url('/css/fonts/Britanica.woff'),
	url('/css/fonts/Britanica.woff'); /* IE */
}

@font-face{
	font-family: "BritanicaNew";
	src: url('/css/fonts/Britanicanew.woff'),
	url('/css/fonts/Britanicanew.woff'); /* IE */
}

@font-face{
	font-family: "Sloan";
	src: url('/css/fonts/Sloan.woff'),
	url('/css/fonts/Sloan.woff'); /* IE */
}

@font-face{
	font-family: "SloanVanish";
	src: url('/css/fonts/SloanVanish.woff'),
	url('/css/fonts/SloanVanish.woff'); /* IE */
}

@font-face{
	font-family: "Snellen";
	src: url('/css/fonts/Snellen.woff'),
	url('/css/fonts/Snellen.woff'); /* IE */
}

@font-face{
	font-family: "Numeros";
	src: url('/css/fonts/Numeros.woff'),
	url('/css/fonts/Numeros.woff'); /* IE */
}

@font-face{
	font-family: "NumerosR";
	src: url('/css/fonts/NumerosR.woff'),
	url('/css/fonts/NumerosR.woff'); /* IE */
}

@font-face{
	font-family: "Landolt";
	src: url('/css/fonts/Landolt.woff'),
	url('/css/fonts/Landolt.woff'); /* IE */
}

@font-face{
	font-family: "Gafas";
	src: url('/css/fonts/Caras4.woff'),
	url('/css/fonts/Caras4.woff'); /* IE */
}

@font-face{
	font-family: "Gafas3";
	src: url('/css/fonts/Caras3.woff'),
	url('/css/fonts/Caras3.woff'); /* IE */
}

@font-face{
	font-family: "Gafas2";
	src: url('/css/fonts/Caras2.woff'),
	url('/css/fonts/Caras2.woff'); /* IE */
}

@font-face{
	font-family: "Calibri";
	src: url('/css/fonts/Calibri.woff'),
	url('/css/fonts/Calibri.woff'); /* IE */
}

@font-face{
	font-family: "LandoltVanish";
	src: url('/css/fonts/LandoltVanish.woff'),
	url('/css/fonts/LandoltVanish.woff'); /* IE */
}

@font-face{
	font-family: "SnellenVanish";
	src: url('/css/fonts/SnellenVanish.woff'),
	url('/css/fonts/SnellenVanish.woff'); /* IE */
}

@font-face{
	font-family: "BritanicaVanish";
	src: url('/css/fonts/BritanicaVanish.woff'),
	url('/css/fonts/BritanicaVanish.woff'); /* IE */
}

/* cyrillic-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta1.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta2.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta3.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta1.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta2.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta3.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/css/fonts/jakarta/jakarta4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
	--notch-size: 0px;
}

body.phone.iosapp, body.mobile{
	--notch-size: max(constant(safe-area-inset-right), constant(safe-area-inset-left));
	--notch-size: max(env(safe-area-inset-right), env(safe-area-inset-left));
}

.has-left-menu{
	--left-menu-size: 330px;
}

.videconsultation_mode.has-left-menu{
	--left-menu-size: 400px;
}

.has-left-menu.mobile:not(.iosapp, .androidapp), .has-left-menu.phone{
	--left-menu-size: 285px;
}

.has-left-menu.scaled-desktop{
	--left-menu-size: 305px;
}

.videconsultation_mode.has-left-menu.mobile:not(.iosapp, .androidapp), .videconsultation_mode.has-left-menu.phone, .videconsultation_mode.has-left-menu.scaled-desktop{
	--left-menu-size: 340px;
}

.has-left-menu.left_menu_hidden{
	--left-menu-size: 0px;
}

.has-right-menu{
	--right-menu-size: 240px;
}

.has-right-menu.mobile:not(.iosapp, .androidapp), .has-right-menu.phone, .has-right-menu.scaled-desktop{
	--right-menu-size: 205px;
}

.has-right-menu.remote_mode{
	--right-menu-size: 400px;
}

.has-right-menu.mobile:not(.iosapp, .androidapp).remote_mode, .has-right-menu.phone.remote_mode, .has-right-menu.scaled-desktop.remote_mode{
	--right-menu-size: 330px;
}

.has-right-menu.phone.iosapp{
	--right-menu-size: calc(205px + var(--notch-size));
}

.has-right-menu.phone.iosapp.remote_mode{
	--right-menu-size: calc(330px + var(--notch-size));
}

.has-right-menu.collapsed{
	--right-menu-size: 100px;
}

.has-right-menu.mobile:not(.iosapp, .androidapp).collapsed, .has-right-menu.phone:not(.iosapp).collapsed, .has-right-menu.scaled-desktop.collapsed{
	--right-menu-size: 80px;
}

.has-right-menu.phone.iosapp.collapsed{
	--right-menu-size: calc(80px + var(--notch-size));
}

.has-right-menu.remote_mode.collapsed{
	--right-menu-size: 300px;
}

.has-right-menu.mobile:not(.iosapp, .androidapp).remote_mode.collapsed, .has-right-menu.phone:not(.iosapp).remote_mode.collapsed, .has-right-menu.scaled-desktop.remote_mode.collapsed{
	--right-menu-size: 230px;
}

.has-right-menu.phone.iosapp.remote_mode.collapsed, .has-right-menu.scaled-desktop.remote_mode.collapsed{
	--right-menu-size: calc(230px + var(--notch-size));
}

.mobile .right_shortcut, .phone.iosapp .right_shortcut{
	right: calc(0px + var(--notch-size));
}

html, body{
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
	color: #333;
	width: 100vw;
	height: 100%;
	overflow-x: hidden;
}

/* MUI custom styles */
.MuiTabs-scrollButtons.Mui-disabled{
	display: none!important;
}

/* Survey.js Custom Styles */

.sv_main{
	font-family: 'Plus Jakarta Sans', sans-serif!important;
}

.phone .sv_main .sv_header{
	padding: 0.5em!important;
}

.sv_main .sv_header h3{
	font-size: 1.5em!important;
}

.phone .sv_main .sv_header h3{
	font-size: 1.25em!important;
}

.sv_main .sv-action-bar{
	justify-content: flex-end;
}

.sv_q_imgsel_control_item {
	display: none;
}

.sv_main > form > .sv_container > .sv_progress{
	margin-left: 1em!important;
}

.sv_main > form > .sv_custom_header {
	background-color: white!important;
}

.sv_main span > a{
	color: #337ab7!important;
}

.sv_main .sv_p_root .sv_q .sv_select_wrapper:before{
	right: 0px!important;
}

.androidapp .sv_main .sv_p_root .sv_q .sv_select_wrapper:before, .iosapp .sv_main .sv_p_root .sv_q .sv_select_wrapper:before, .mobile .sv_main .sv_p_root .sv_q .sv_select_wrapper:before{
	right: -1.5em!important;
}

.sv-q-column-4 {
	min-width: 25%!important;
}

.sv-q-column-3 {
	min-width: 33.33%!important;
}

.sv-q-column-2 {
	min-width: 50%!important;
}

.sv-q-column-1 {
	min-width: 100%!important;
}

.sv-q-column-5 {
	min-width: 20%!important;
}

.sv-q-column-6 {
	min-width: 16.66%!important;
}

.sv-q-column-7 {
	min-width: 14.28%!important;
}

.sv-q-column-8 {
	min-width: 12.5%!important;
}

.sv-q-column-9 {
	min-width: 11.11%!important;
}

.sv-q-column-10 {
	min-width: 10%!important;
}

.sv-q-column-11 {
	min-width: 9.09%!important;
}

.sv-q-column-12 {
	min-width: 8.33%!important;
}

.sv_qstn .sv_q_description{
	display: none!important;
}

.sv_panel_dynamic > .sv_p_container > div[style="display: none;"] {
	display: block!important;
}

.sv_body{
	border-top: none!important;
}

.sv_body > .sv_progress{
	margin-bottom: 25px!important;
}

.sv-boolean__switch{
	background-color: rgba(0,0,0,0.1);
}

.sv-boolean__slider{
	background-color: #03bcd4;
}

.sv_row > div[data-key]{
	min-width: 0!important;
}

.sv_row > div[data-key] > .sv_q.sv_qstn{
	min-width: 0!important;
}

.sv_main .sv_progress .sv_progress_bar{
	margin-top: 0em!important;
}

.sv_main .sv-components-column .sv_progress{
	margin-bottom: 0em!important;
}

.sv_main .sv-components-column .sv_progress > span{
	display: none;
}

.sv_main .sv-action-bar{
	margin-top: 16px;
}

.sv_main label.sv-boolean{
	display: flex;
	flex-direction: row;
}

.sv_main .sv_body{
	padding: 1em!important;
}

.sv_main .sv_body > .sv-action-bar:first-child{
	display: none;
}

body:not(.phone) .sv_page_chooser{
	margin-bottom: 10px;
}

.sv_main .sv_p_root .sv_q .sv_q_imgsel label>div{
	border: none!important;
	text-align: center!important;
}

.sv_main .sv_p_root .sv_q .sv_q_imgsel label>div>div:first-child{
	text-align: center!important;
}

.sv_q_imgsel.sv_q_imagepicker_inline.checked .sv-string-viewer{
	color: white!important;
}

.sv_main .sv_q_dropdown_clean-button{
	margin-right: 1.1em!important;
	margin-left: 0px!important;
}

.sv_main .sv_q_dropdown_control{
	padding-inline-end: 0em!important;
}

.sv_main.sv_default_css .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control:focus-within{
	border-color: var(--border-color, rgba(64, 64, 64, 0.5))!important;
}

/* Dropzone.js Custom Styles */

form.dropzone {
	border: 2px dashed #01C0C8;
	border-radius: 5px;
	margin: 10px;
}

.dropzone-fileviewer > embed{
	width: 100%;
	height: 500px;
}

.patient-fileviewer, .patient-fileviewer > embed{
	width: 100%;
	height: 80vh;
}

.phone .patient-fileviewer, .phone .patient-fileviewer > embed{
	height: 78vh;
}

.phone .mui-dialog-file-viewer{
	padding-bottom: 0px;
}

.invoice-fileviewer, .invoice-fileviewer > embed{
	width: 100%;
	height: 70vh;
}

.dropzone .dz-preview .dz-progress{
	top: 80%!important;
}

.dz-message {
	background-image: none !important;
}

.dz-message > span {
	display: block !important;
}

/* Mobiscroll Custom Styles */

.mbsc-ios .mbsc-fr-w{
	padding-top: 0px!important;
}

.mbsc-mobiscroll .mbsc-event-list .mbsc-lv-gr-title, .mbsc-mobiscroll .mbsc-lv-item, .mbsc-mobiscroll .mbsc-lv, .mbsc-mobiscroll .mbsc-fr-w, .mbsc-mobiscroll .mbsc-fr-w, .mbsc-mobiscroll.mbsc-form, .mbsc-mobiscroll .mbsc-event-list .mbsc-lv-gr-title, .mbsc-mobiscroll .mbsc-lv-item, .mbsc-mobiscroll .mbsc-lv, .mbsc-mobiscroll .mbsc-fr-w, .mbsc-mobiscroll .mbsc-fr-w, .mbsc-mobiscroll.mbsc-form{
	background: white!important;
}

.mbsc-cal-cell-i div[style*="position:absolute!important"]{
	display: none!important;
	width: 0px!important;
	overflow: hidden;
}

.mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt, .mbsc-mobiscroll.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover, .mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt{
	background: #01C0C8;
}

.mbsc-mobiscroll .mbsc-cal-days>div {
	color: #01C0C8;
}

.mbsc-event-txt+div, .mbsc-cal-cell-txt+div[style], .mbsc-event-time{
	visibility: hidden;
}

.appointments .mbsc-event-time{
	visibility: visible;
	font-size: 0.75rem;
	line-height: 115%;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 400;
	justify-content: flex-end;
	align-items: center;
	display: flex;
}

.appointments .mbsc-event-txt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	gap: 20px;
}

.mbsc-material, .mbsc-ios, .mbsc-bootstrap, .mbsc-windows{
	display: none;
}

.appointments .mbsc-event-list{
	max-height: 60vh;
	flex-grow: 1;
}

.mobile .appointments .mbsc-event-list, .phone .appointments .mbsc-event-list{
	max-height: 82vh;
}

.appointments .mbsc-empty{
	justify-content: center;
	display: flex;
	align-items: center;
	min-height: 44vh;
	margin: 0;
}

.mobile .appointments .mbsc-event-txt, .phone .appointments .mbsc-event-txt{
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.appointments .mbsc-fr-w{
	display: flex!important;
	flex-direction: row!important;
	justify-content: flex-start!important;
	align-items: flex-start!important;
}

.appointments .mbsc-fr-c{
	max-width: 60%;
	padding-right: 16px;
}

.mobile .appointments .mbsc-fr-c, .phone .appointments .mbsc-fr-c{
	padding-right: 8px;
}

.mobile .mbsc-w-p.mbsc-cal-c, .phone .mbsc-w-p.mbsc-cal-c{
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

.mobile .mbsc-cal-year-picker, .phone .mbsc-cal-year-picker{
	display: none;
}

.mobile .mbsc-cal-month-picker, .phone .mbsc-cal-month-picker{
	padding-bottom: 0px!important;
}

.mbsc-lv-gr-title{
	font-family: 'Plus Jakarta Sans', sans-serif!important;
	font-size: 0.8rem!important;
}

.mbsc-event-txt{
	font-family: 'Plus Jakarta Sans', sans-serif!important;
	font-size: 0.9rem!important;
}

.mbsc-material .mbsc-fr-w{
	box-shadow: none!important;
}

/* React resizable && React draggable Custom Styles */

.react-resizable-handle {
	position: absolute;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-origin: content-box;
	box-sizing: border-box;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
	background-position: bottom right;
	padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
	bottom: 0;
	left: 0;
	cursor: sw-resize;
	transform: rotate(90deg);
}
.react-resizable-handle-se {
	bottom: 0;
	right: 0;
	cursor: se-resize;
}
.react-resizable-handle-nw {
	top: 0;
	left: 0;
	cursor: nw-resize;
	transform: rotate(180deg);
}
.react-resizable-handle-ne {
	top: 0;
	right: 0;
	cursor: ne-resize;
	transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
	top: 50%;
	margin-top: -10px;
	cursor: ew-resize;
}
.react-resizable-handle-w {
	left: 0;
	transform: rotate(135deg);
}
.react-resizable-handle-e {
	right: 0;
	transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
	left: 50%;
	margin-left: -10px;
	cursor: ns-resize;
}
.react-resizable-handle-n {
	top: 0;
	transform: rotate(225deg);
}
.react-resizable-handle-s {
	bottom: 0;
	transform: rotate(45deg);
}

.hover-handles .react-resizable-handle {
	display: none;
}
.hover-handles:hover .react-resizable-handle {
	display: block;
}

.container-dragging, .container-dragging > iframe{
	visibility: hidden;
	pointer-events: none;
}

/* App Styles */

.mobile-apps-content{
	display: flex;
	text-align: center;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 10%;
	flex-wrap: wrap;
	margin-bottom: 10%;
}

.scaled-desktop .mobile-apps-content{
	margin-top: 5%;
}

.mobile-apps-content .iphone {
	height: 54px;
	/* margin-bottom: -1px; */
	//*max-width: 200px;*/
	image-rendering: -webkit-optimize-contrast;
	/*width: 100%;*/
}

.mobile-apps-content .android {
	max-width: 200px;
	image-rendering: -webkit-optimize-contrast;
	width: 100%;
}

.mobile-apps-content .amazon {
	max-width: 200px;
	height: 52px;
	/*image-rendering: -webkit-optimize-contrast;*/
	width: 100%;
}

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

.hidden-number-arrows input[type="number"]{
	-moz-appearance: textfield;
}
.hidden-number-arrows input[type="number"]:hover,
.hidden-number-arrows input[type="number"]:focus {
	-moz-appearance: number-input;
}

h2{
	color: #01C0C8;
	margin-bottom: 30px;
}

.rotation-component{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000000;
	background-color: #1a1a1a;
	color: white;
	font-size: 3em;
}

.highlighted{
	border-bottom: 2px solid #0f4ca2 !important;
	margin-bottom: 2px !important;
}

.rotation-component p{
	font-size: 1.2rem;
}

.rotation-ios-16-fixed, .rotation-ios-16-fixed body{
	background: rgb(26, 26, 26)!important;
}

.rotation-ios-16-fixed-portrait{
	width: 100vh!important;
}

.rotation-ios-16-fixed-portrait .rotation-component{
	width: 100vh!important;
	overflow-x: hidden!important;
}

.rotation-ios-16-fixed-portrait .phone .rotation-component{
	font-size: 0.75em!important;
}

.rotation-ios-16-fixed-landscape .phone .rotation-component{
	font-size: 2em!important;
}

.rotation-ios-16-fixed-portrait .phone .rotation-component img{
	max-width: 80vw!important;
}

.rotation-ios-16-fixed-landscape .phone .rotation-component img{
	max-height: 60vh!important;
}

.rotation-ios-16-fixed-landscape{
	height: 100vw!important;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.img-zoom-lens {
	position: absolute;
	z-index: 10001;
	border: 1px solid #d4d4d4;
}

.img-zoom-result {
	border: 1px solid #d4d4d4;
	/*set the size of the result div:*/
	width: 15vw;
	height: 15vw;
	position: absolute;
	z-index: 10001;
	top: 1%;
	left: 1%;
}

.image-modal {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100000;
	padding-top: 1%;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	max-height: 100vw;
	overflow: hidden;
	background-color: rgb(0,0,0); /* Fallback color */
	border: 10px solid white;
}

/* Modal Content (Image) */
.image-modal-content {
	margin: auto;
	display: block;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.image-modal-caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation - Zoom in the Modal */
.image-modal-content, .image-modal-caption {
	animation-name: image-modal-zoom;
	animation-duration: 0.6s;
}

@keyframes image-modal-zoom {
	from {transform:scale(0)}
	to {transform:scale(1)}
}

.image-modal-close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.image-modal-close:hover,
.image-modal-close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
	.image-modal-content {
		width: 100%;
	}
}

.hidden{
	display: none!important;
}

.opacity-hidden{
	opacity: 0!important;
}

canvas:not(.react-pdf__Page__canvas, .webrtc-preview canvas){
	touch-action: none !important;
	font-family: Sloan;
	line-height: 1px!important;
}

canvas.optonet-test{
	image-rendering: pixelated!important;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.vertical-center {
	min-height: 100%;  /* Fallback for vh unit */
	min-height: 100vh; /* You might also want to use
                        'height' property instead.

                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.

                        In this case the parent of '.vertical-center'
                        is the <body> element */

	/* Make it a flex container */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	/* Align the bootstrap's container vertically */
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;

	/* In legacy web browsers such as Firefox 9
	   we need to specify the width of the flex container */
	width: 100vw;

	/* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
	   hence the bootstrap's container won't be aligned to the center anymore.

	   Therefore, we should use the following declarations to get it centered again */
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}

.vertical-center-nowidth {
	min-height: 100%;  /* Fallback for vh unit */
	min-height: 100vh; /* You might also want to use
                        'height' property instead.

                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.

                        In this case the parent of '.vertical-center'
                        is the <body> element */

	/* Make it a flex container */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	/* Align the bootstrap's container vertically */
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;

	/* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
	   hence the bootstrap's container won't be aligned to the center anymore.

	   Therefore, we should use the following declarations to get it centered again */
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}

.absolute-center {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	bottom: 50%;
	right: 0;
}

.container-test-header{
	position: absolute;
	z-index: 1301;
}

.container-test{
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: white;
}

.container-test canvas{
	display: block;
	background-color: white;
}

.progress-modal{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.36);
	z-index: 1000;
}

.progress-modal > div{
	height: 5px!important;
}

.quick_launch_parent{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1301;
}

.quick_launch{
	width: 99%;
	height: 97%!important;
	z-index: 1001;
	background: rgba(255,255,255,1);
	left: 0;
	right: 0;
	margin: 10px auto!important;
	padding: 1px 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 12px grey;
	overflow-y: auto;
	padding-top: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.googlereview .quick_launch {
	width: 100% !important;
	height: 100% !important;
	margin: 0px !important;
	border-radius: 0 !important;
}

.paper-close{
	width: fit-content;
	position: absolute;
	right: 10px;
}

.quick_launch > .paper-close{
	position: absolute!important;
	top: 5px!important;
	right: 0px;
	z-index: 999999;
}

.quick_launch_item{
	display: inline-block;
	height: 13.8vh;
	width: auto;
	margin-left: 9px;
	cursor: pointer;
	border-radius: 0px;
	margin-top: 0px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.4) and (orientation:landscape),
only screen and (   min--moz-device-pixel-ratio: 1.4) and (orientation:landscape),
only screen and (     -o-min-device-pixel-ratio: 1.4/1) and (orientation:landscape),
only screen and (        min-device-pixel-ratio: 1.4) and (orientation:landscape) {
	body:not(.iosapp, .mobile, .androidapp) .quick_launch_item, .desktop-safari .quick_launch_item {
		height: 12.3vh;
	}
}

.androidapp:not(.phone) .quick_launch_item, .iosapp:not(.phone) .quick_launch_item{
	height: 12.3vh;
}

.quick_launch_augmented .quick_launch_container{
	position: relative;
	margin-top: 15px;
}

.quick_launch_container-first{
	margin-top: 8px!important;
}

.quick_launch_augmented .quick_launch_item{
	height: 16vh!important;
	margin-left: 0;
	margin-top: 2.5vh;
	margin-bottom: 2.5vh;
}

.androidapp:not(.phone) .quick_launch_augmented .quick_launch_item, .iosapp:not(.phone) .quick_launch_augmented .quick_launch_item{
	height: 19vh!important;
}

.quick_launch_augmented .quick_launch_item_container {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0%;
	text-align: center;
	flex-grow: 1;
	justify-content: space-between;
}

.quick_launch_augmented .quick_launch_item_container>a {
	flex: 0 0 15%;
}

.quick_launch_focused > img{
	box-shadow: 0px 0px 20px 5px #a2a2a2;
	height: 14vh!important;
	margin-left: 18px;
	margin-top: -30px;
}

.quick_launch_augmented .quick_launch_focused > img {
	box-shadow: 0px 0px 20px 10px #a2a2a2;
	margin-left: -20px!important;
	margin-top: 10px!important;
}

.quick_launch_category{
	font-size: 1.15rem;
}

.quick_launch_category_parent{
	width: 4%;
	height: auto;
	max-width: 3em;
	transform: rotate(180deg);
	writing-mode: tb-rl;
	margin-left: 8px;
	width: 100%;
	vertical-align: middle;
}

.quick_launch_category_parent, .quick_launch_item_container{
	display: inline-block;
}

.quick_launch_item_container{
	max-width: 92%;
	vertical-align: middle;
}

.quick_launch_container{
	margin-top: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.quick_launch_title{
	text-align: center;
	padding-top: 10px;
	font-size: 3em;
	color: #358FA7;
	padding-left: 48px;
}

.quick_launch_change_mode{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.stereo_player{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.modal-download{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background: #00000080;
}

.modal-download-button{
	padding: 0px 25px;
	background: #fff;
	color: #000;
	border: 1px solid #000;
	border-radius: 20px;
}

.test-info-left-top{
	position: fixed;
	z-index: 1000;
	top: 7px!important;
	left: 50px;
}

.test-info-right-top{
	position: fixed;
	z-index: 1000;
	top: 7px!important;
	right: calc(var(--right-menu-size) + 10px);
	text-align: right;
	max-width: calc(100% - var(--right-menu-size) - 10px)!important;
}

.test-info-top{
	position: fixed;
	z-index: 1000;
	top: 10px;
	left: 0;
	width: calc(100% - var(--right-menu-size) - 10px)!important;
	max-height: 64px;
}

.test-info-bottom{
	position: fixed;
	z-index: 1000;
	bottom: 10px;
	left: 2px;
	width: 100%;
	max-height: 65px;
}

.phone .test-info-bottom{
	width: calc(100% - 10px);
}

.teleconsultation_mode .test-info-left-top, .teleconsultation_mode .test-info-right-top, .teleconsultation_mode .test-info-top, .teleconsultation_mode .test-info-bottom{
	display: none!important;
}

.toolbar_open .test-info-bottom, .toolbar_open .test-info-top{
	max-width: calc(100% - var(--right-menu-size) - 10px)!important;
}

.phone.iosapp .toolbar_open .test-info-bottom, .phone.iosapp .toolbar_open .test-info-top{
	max-width: calc(100% - var(--right-menu-size) - 10px)!important;
}

.test-info-bottom .MuiGrid2-direction-xs-row:last-child, .test-info-bottom .MuiGrid-direction-xs-row:last-child {
	padding-right: 10px;
}

.test-info-top.remote{
	 max-width: calc(100% - var(--right-menu-size))!important;
 }

.iosapp .test-info-top.remote, .androidapp .test-info-top.remote, .mobile .test-info-top.remote{
	max-width: calc(100% - var(--right-menu-size))!important;
	left: 0px!important;
}

.test-info-top-distance{
	position: fixed;
	left: calc(var(--left-menu-size) + 10px);
	right: calc(var(--right-menu-size) + 10px);
	top: 7px;
	z-index: 99;
}

.left_menu_hidden.assistance_mode .test-info-bottom.remote{
	left: 10px;
	right: calc(var(--right-menu-size) + 10px);
}

.iosapp .test-info-top-distance, .androidapp .test-info-top-distance, .mobile .test-info-top-distance{
	left: 0px!important;
}

.test-info-bottom.remote{
	z-index: 1006;
	display: flex;
	flex-direction: row;
	bottom: 10px;
	max-width: calc(100% - var(--right-menu-size) - 10px)!important;
	min-height: 25px;
}

.assistance_mode .test-info-bottom.remote{
	max-width: calc(100% - var(--left-menu-size) - var(--right-menu-size) - 20px)!important;
	left: calc(var(--left-menu-size) + 10px);
}

.left_menu_hidden.assistance_mode .test-info-bottom.remote{
	max-width: calc(100% - var(--right-menu-size) - 10px)!important;
	left: 0px;
}

.iosapp .test-info-bottom.remote, .androidapp .test-info-bottom.remote, .mobile .test-info-bottom.remote {
	max-width: calc(100% - var(--right-menu-size) - 10px)!important;
	left: 0px!important;
}

.test-info-bottom.remote > div:first-child{
	padding-left: 50px;
	text-align: left;
	display: inline-flex;
	flex-grow: 1;
}

.test-info-bottom.remote > div:last-child{
	padding-right: 50px;
	text-align: right;
	display: inline-flex;
}

.phone .test-info-bottom.remote > div:first-child {
	padding-left: 15px;
}

.phone .test-info-bottom.remote > div:last-child{
	padding-right: 15px;
}

.test-info-bottom.remote > div.center {
	position: absolute;
	left: 50%;
}

.test-info-bottom.remote > div.center > div {
	position: relative;
	left: -50%;
}

.optoff-dialog-white{
	background: white;
}

.optoff-overlay{
	background: black;
	color: white!important;
}

.optoff-loader{
	background: black;
}

.optoff-overlay *{
	color: white!important;
}

.welcome{
	background-color: white;
}

.welcome-img{
	max-width: 100%;
}

.welcome-img img{
	max-width: 312px;
}

.welcome-text{
	color: #01C0C8!important;
}

.welcome-subtext{
	color: #757575!important;
	margin-top: 20px!important;
}

.scaled-desktop .welcome-subtext{
	margin-top: 10px!important;
}

.phone .welcome-subtext{
	margin-top: 5px!important;
	padding: 0px 10px!important;
}

.phone .welcome-quickstart{
	margin-top: 10vh!important;
}

.phone.remote_mode .welcome-quickstart{
	margin-top: 4vh!important;
}

.welcome-declaration{
	position: absolute;
	bottom: 50px;
	left: 50px;
	text-align: center;
}

.welcome-3dvision{
	position: absolute;
	bottom: 50px;
	right: 50px;
	text-align: center;
}

.welcome-medical{
	display: block;
	font-weight: bold;
	font-size: 1rem;
	font-family: Verdana;
	margin-top: 10px;
}

.welcome-button{
	margin-top: 10px;
	color: black;
}

.welcome-declaration-img{
	height: 500px;
	width: 768px;
	max-width: 100%;
	background: url('../img/declaracion-conformidad.jpg') no-repeat;
}

.welcomepatient .ps__rail-x{
	top: 0px;
	bottom: none!important;
}

.welcomepatient .ps{
	padding-top: 20px;
}

.welcomepatient .ps__thumb-x{
	background-color: rgb(0, 188, 212)!important;
}

.welcomepatient .ps__rail-x:hover > .ps__thumb-x, .welcomepatient .ps__rail-x:focus > .ps__thumb-x, .welcomepatient .ps__rail-x.ps--clicking .ps__thumb-x {
	background-color: rgb(0, 188, 212)!important;
}

.welcomepatient .welcome-img img{
	max-width: 10em;
}

.welcomepatient .welcome-declaration{
	bottom: 2.5%;
}

.welcomepatient .text-blink{
	zoom: 1.2;
}

.welcome-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	margin-top: 10px;
	min-width: 95%;
	position: absolute;
	bottom: 50px;
}

.scaled-desktop .welcome-bottom{
	position: relative;
	bottom: 0;
}

.MuiTabs-scrollButtons {
	display: block;
}

*, *:focus, *:hover{
	outline:none;
}

.remote-canvas-footer{
	margin: 0 auto;
	display: none;
}

.canvas-wrapper {
	position: relative;
}

.remote-screen-canvas{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: fit-content;
	margin-left: 15px;
	margin-top: 50px;
}

.remote-screen-canvas canvas{
	border: 1.5em solid black;
	border-radius: 26px;
	/*box-shadow: 0px 20px 20px 0px black;*/
}

.remote-screen-canvas-title{
	position: absolute;
	top: 0px;
	color: white;
	font-weight: bold;
}

.remote-screen-canvas .remote-canvas-footer{
	display: inline-block!important;
	max-height: 40px;
}

.phone .remote-screen-canvas .remote-canvas-footer{
	display: none!important;
}

.canvas-remote-loader{
	text-align: right;
	z-index: 1;
	position: absolute;
	top: 20px;
	left: 20px;
	padding-right: 30px;
	width: 97%;
	height: 86.5%;
}

.canvas-remote-loader > img{
	width: 7em;
}

.textoIzq, .textoDer{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	text-align: center;
	color: black;
	display: table;
}

.textoIzq > span, .textoDer > span{
	display: table-cell;
	vertical-align: middle;
}

.textoav-image-remote{
	width: calc(100% - 600px);
}

.remote-custom-font-fixed{
	font-family: Snellen;
	line-height: 1.5!important;
	position: absolute;
	top: 0.75em;
	left: 0;
	right: 0;
}

.test-toolbar-parent{
	text-align: center;
	width: 0px;
	height: 0px;
}

.test-toolbar-parent > .MuiBackdrop-root{
	background-color: transparent!important;
}

.test-toolbar-item[disabled]{
	opacity: 0.5;
}

.test-toolbar-item img{
	margin: 4px!important;
	width: 44px!important;
	height: 44px!important;
}

.scaled-desktop .test-toolbar-item img{
	margin: 3px!important;
	width: 36px!important;
	height: 36px!important;
}

.test-toolbar-item-overflow > div > div {
	left: 0px!important;
	padding: 0 5px!important;
}

.test-toolbar-container{
	padding-top: 15px;
	padding-bottom: 10px;
}

.test-toolbar-container-remote .test-toolbar-tooltip-wrapper {
	width: fit-content;
	display: inline-block;
}

.test-toolbar-container-remote{
	display: block!important;
	padding-top: 15px!important;
	padding-bottom: 5px!important;
}

.test-toolbar-container-remote .test-toolbar-item{
	justify-content: start!important;
}

.test-toolbar-notch .test-toolbar-item {
	margin-top: 8px;
	margin-bottom: 8px;
}

.no-overflow{
	overflow: hidden!important;
}

.config-slider > div{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.menu-opened .snackbar-parent-provider {
	left: 155px!important;
}

.optonet-calibration{
	image-rendering: optimizeSpeed;             /* Older versions of FF          */
	image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
	image-rendering: -webkit-optimize-contrast; /* Safari                        */
	image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
	image-rendering: pixelated;                 /* Awesome future-browsers       */
	-ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}

.iosapp .optonet-calibration > canvas {
	image-rendering: pixelated!important;
	image-rendering: crisp-edges!important;
}

.canvas-col{
	padding-right: 40px!important;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.capitalize{
	text-transform: capitalize;
}

.datepicker{
	margin-top: 0px!important;
}

.survey-tooltip {
	display: inline-block;
	color: white;
	background-color: #01C0C8;
	border-radius: 50%;
	padding: 0 5px;
	cursor: help;
	font-size: 0.75em;
	margin-left: 2px;
	line-height: 1rem;
	position: absolute;
	top: 0px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}

.report{
	width: 100%;
	height: 100%;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
}

.step-programmed-test-completed > div, .step-programmed-test-completed + div > span{
	border-color: rgb(0, 188, 212)!important;
	/*border-color: rgb(255, 64, 129)!important;*/
}
.step-programmed-test-completed > button svg{
	/*color: rgb(255, 64, 129)!important;
	fill: rgb(255, 64, 129)!important;*/
	color: rgb(0, 188, 212)!important;
	fill: rgb(0, 188, 212)!important;
}

.step-programmed-test-completed button.MuiStepButton-root.Mui-disabled svg{
	color: rgb(255, 255, 255)!important;
	fill: rgb(255, 255, 255)!important;
	width: 1.5em !important;
	height: 1.5em !important;
}

.welcomepatient .ps__rail-x{
	top: 0px;
	bottom: none!important;
}

.welcomepatient .ps{
	padding-top: 20px;
}

.welcomepatient .ps__thumb-x{
	background-color: rgb(0, 188, 212)!important;
}

.welcomepatient .ps__rail-x:hover > .ps__thumb-x, .welcomepatient .ps__rail-x:focus > .ps__thumb-x, .welcomepatient .ps__rail-x.ps--clicking .ps__thumb-x {
	background-color: rgb(0, 188, 212)!important;
}

.scheduled-test-list{
	border-radius: 20px;
	margin-top: 0px;
	min-height: 35vh;
	padding: 20px 50px!important;
	padding-top: 0px!important;
}

.phone .scheduled-test-list{
	padding-bottom: 0px!important;
}

.scaled-desktop .scheduled-test-list{
	margin-top: 0px!important;
	padding: 10px 50px!important;
}

.diploma{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	height: 0;
	opacity: 0;
}

.diploma > div{
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.diploma > div > img{

}

.diploma > div > p.name{
	position: absolute;
	top: 310px;
	left: 0;
	font-size: 40px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: black;
}

.diploma > div > p.date{
	position: absolute;
	top: 455px;
	left: 0;
	font-size: 20px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: black;
}

.welcomepatient .welcome-img img{
	max-width: 10em;
}

.welcomepatient .welcome-declaration{
	bottom: 2.5%;
}

.scheduled-test-download{
	margin-top: 40px;
}

.scheduled-test-list .MuiStepLabel-label {
	font-size: 1.2em;
	white-space: nowrap;
}

.scheduled-test-list .MuiStepLabel-iconContainer > svg {
	width: 1.21em;
	height: 1.2em;
}

.scheduled-test-list p {
	margin: 0 0 10px;
}

.phone .scheduled-test-list p {
	margin: 0 0 5px;
}

.MuiStepButton-root.Mui-disabled{
	pointer-events: unset!important;
	cursor: not-allowed!important;
}

.text-blink {
	animation-duration: 1s;
	animation-name: text-blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes text-blink {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.teleconsultation-patient-view-title{
	color: #e1e1e1;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: 1;
}

.teleconsultation-patient-view-top-title{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	color: #1a1a1a;
	top: 32px;
	font-size: 1.75em;
	z-index: 1;
}

.teleconsultation-patient-view-bottom-title{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 10px;
	color: #1a1a1a;
	font-size: 1.2em;
	z-index: 1;
}

.teleconsultation-patient-view{
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}

.teleconsultation-patient-view-img{
	display: block;
	border: 1.5em solid black;
	border-radius: 26px;
	margin: 0 auto;
	position: relative;
	max-width: 95%;
}

.teleconsultation-patient-view-img.step10{
	max-width: calc(100% - 45px)!important;
	padding: 45px!important;
	box-shadow: none!important;
	border: 0px!important;
	border-radius: 0px!important;
}

.teleconsultation-patient-view-text{
	margin-right: 10px;
	font-weight: bold;
	font-style: italic;
	font-size: 2em;
	color: #383838;
}

.teleconsultation-stepper{
	max-width: 400px;
	max-height: 50px;
	margin: 10px auto 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.teleconsultation-patient-screen-size{
	height: 2px;
	width: 114%;
	transform: rotate(-27deg);
	background: black;
	position: absolute;
	left: -8%;
	bottom: 49%;
	font-weight: bold;
}

.maximizable-paper-container{
	position: fixed;
	right: 10px;
	bottom: 5px;
	/*height: 30vh;
	width: 20vw;*/
	display: flex;
	flex-direction: column;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.maximizable-paper-container.maximized{
	/*height: 93vh;
	width: 97vw;*/
	bottom: 5vh;
	right: 1.5vw;
}

.maximizable-paper-container.minimized{
	/*height: 48px;
	width: 15vw;*/
	right: 10px;
	bottom: -15px;
	overflow: hidden;
	transform: none!important;
}

.maximizable-paper-container.left:not(.maximizable-paper-container.maximized){
	right: unset!important;
	left: 20px;
	bottom: 5px!important;
}

.maximizable-toolbar{
	display: flex;
	flex-direction: row;
	cursor: move;
	background: white;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.paper-button{
	position: relative;
}

.paper-button span.material-icons{
	color: #9e9e9e!important;
}

.paper-button > button > div > div:first-child{
	top: 9px!important;
	bottom: 0px!important;
	height: 30px!important;
}

.maximizable-paper-container.minimized .paper-min{
	display: none;
}

.paper-title{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	font-size: 1.5em;
	color: #212426;
}

.zoom-container{
	width: 100%;
	height: 100%;
}

.zoom-popup{
	top: unset!important;
	bottom: 0px;
}

.zoom-call{
	width: 100%;
	height: calc(100% - 40px);
	border: 0;
	margin-top: 40px;
	border-radius: 8px;
}

.zoom-av-confirm{
	z-index: 10000001!important;
}

.video-verify{
	display: block;
	width: 16vw;
	height: 9vh;
}

.ipd-instructions{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px!important;
	padding: 0px!important;
	width: 100vw!important;
	height: 100vh;
	overflow: auto;
	background: white;
	font-size: 1.5em;
	z-index: 1000;
}

.patient-answer{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100vw;
	height: 100vh;
	overflow: auto;
	background: white;
	font-size: 3em;
}

.pairingResponseSelected{
	background: #fff0c2;
}

.ipd-instructions > div{
	margin-top: 0!important;
	margin-bottom: 0!important;
	min-height: 100vh!important;
	max-height: 100vh;
	overflow: hidden;
	padding: 0!important;
}

.patient-answer > div{
	margin-top: 0!important;
	margin-bottom: 0!important;
	min-height: 100vh!important;
	padding: 0!important;
}

.answer-simetrica{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	align-items: center;
	justify-content: center;
	flex: 25;
}

.answer-simetrica > span{
	line-height: 100%;
	margin-right: 0px !important;
	margin-top: 20px;
	margin-bottom: 20px;
}

.camera-black-box{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1300;
	background: black;
}

.camera-black-box > *{
	text-align: center;
	color: white;
	vertical-align: middle;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
}

.div[data-tour-elem="controls"] + button{
	width: 12px!important;
}

#app{
	width: 100vw!important;
	height: 100vh!important;
}

.container-paper-full{
	height: 97vh!important;
	width: 98vw;
	margin-left: 1vw;
	margin-top: 0.5vh;
	position: relative;
}

.paper-container{
	height: 100%!important;
	width: 100%!important;
	padding: 10px 20px!important;
	margin-top: 10px!important;
	display: inline-block!important;
	overflow: auto;
	overflow-x: hidden;
	background: #0000;
	position: relative;
}

.container-paper-full > div:first-child{
	min-height: 97%!important;
	height: 1%;
	margin-bottom: 10px;
}

.container-paper-full .MuiPaper-root:not(.MuiMobileStepper-root) {
	box-shadow: rgb(0 0 0 / 12%) 0px 1px 6px 20px, rgb(0 0 0 / 12%) 0px 1px 4px 8px!important;/*rgb(0 0 0 / 12%) 0px 1px 3px 3px, rgb(0 0 0 / 12%) 0px 1px 3px 5px!important;*/
}

.dz-remove{
	color: #01C0C8!important;
	text-decoration: none;
	font-family: 'Plus Jakarta Sans', sans-serif!important;
	font-size: 0.875rem!important;
}

.wsserver-connected{
	position: absolute;
	z-index: 999;
	bottom: 12px;
	left: 12px;
	background-image: url('../img/connected.png');
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: center;
	width: 22px;
	height: 22px;
	image-rendering: auto;
}

.phone .wsserver-connected{
	left: 2px;
	bottom: 2px;
	width: 1rem;
	height: 1rem;
	background-size: 1rem;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-height: 500px) and (orientation:landscape),
only screen and (   min--moz-device-pixel-ratio: 1.5) and (max-height: 500px) and (orientation:landscape),
only screen and (     -o-min-device-pixel-ratio: 1.5/1) and (max-height: 500px) and (orientation:landscape),
only screen and (        min-device-pixel-ratio: 1.5) and (max-height: 500px) and (orientation:landscape){
	.auth-logo{
		width: 40%!important;
	}

	.mobile-apps-content{
		margin-top: 3%;
		margin-bottom: 0%;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:landscape),
only screen and (   min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:landscape),
only screen and (     -o-min-device-pixel-ratio: 1.5/1) and (-o-max-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:landscape),
only screen and (        min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:landscape){
	.mobile-apps-content{
		margin-top: 10px;
	}

	.mobile-apps-content img {
		zoom: 0.75;
	}
}

@media print {

	html,body{
		overflow-x: unset!important;
		width: 100%!important;
		height: auto!important;
	}

	.paper-container{
		overflow-x: unset!important;
		overflow: unset!important;
	}

	*{
		-webkit-print-color-adjust: exact!important;
	}

	.sv_main{
		margin-top: 0px!important;
	}

	.sv_main .sv_container .sv_body{
		padding: 0px!important;
	}

	.sv_progress{
		display: none!important;
	}

	.sv-skeleton-element{
		min-height: 0px!important;
	}

	*[data-html2canvas-ignore="true"], *[data-html2canvas-ignore="true"] *{
		display: none !important;
	}

	.report{
		display: block;
	}

	.report > div >  h1, .report > div > h2, .report > div > div, .report h3, .report hr, .report .resultado-test{
		break-inside: avoid!important;
		page-break-before: avoid!important;
		page-break-inside: avoid!important;
		page-break-after: avoid!important;
		display: block!important;
	}
}

.webrtc-preview{
	margin: 5px auto 0px;
	background: black;
	display: block;
	/*justify-content: center;
	align-items: center;*/
	color: white;
	text-align: center;
	position: relative;
}

.webrtc-config{
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000000f5;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
}

.webrtc-config *{
	white-space: break-spaces;
}

.webrtc-preview-toolbar{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	z-index: 2;
	display: flex;
	/*background: #00000087;*/
	background: #222222b0;
	justify-content: flex-end;
	align-items: center;
}

.webrtc-toolbar-title{
	display: none;
}

.webrtc-preview.maximized .webrtc-preview-toolbar > .webrtc-toolbar-title{
	display: block;
	margin-left: 1rem;
}

.webrtc-preview-toolbar > .webrtc-toolbar-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.webrtc-peervideo{
	width: 100%;
	height: 100%;
}

.webrtc-localvideo{
	width: 100%;
	height: 100%;
	image-rendering: optimizeSpeed;             /* Older versions of FF          */
	image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
	image-rendering: -webkit-optimize-contrast; /* Safari                        */
	image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
	image-rendering: pixelated;                 /* Awesome future-browsers       */
	-ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}

.webrtc-localvideo.mini{
	width: 25%;
	height: 25%;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.webrtc-preview.maximized{
	position: fixed!important;
	top: 1vh;
	left: 2.5vw;
	width: 95vw!important;
	height: 95vh!important;
	z-index: 10000000;
	border-radius: 10px;
}

.webrtc-preview.maximized .peerVideoContainer, .webrtc-preview.maximized .localVideoContainer{
	border-radius: 10px;
}

.webrtc-preview.maximized .webrtc-preview-toolbar{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	justify-content: space-between;
}

.webrtc-preview.maximized .webrtc-localvideo.mini{
	width: 20%!important;
	height: 20%!important;
}

.webrtc-video-cover{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	height: fit-content;
	margin: 0 auto;
}

.peerVideoContainer{
	margin: 0 auto;
	position: relative;
	max-width: 95vw!important;
	max-height: 95vw!important;
}

.localVideoContainer{
	width: 0px;
	height: 0px;
}

.peerVideoContainer canvas{
	width: 100%!important;
	height: 100%!important;
	left: 0!important;
	top: 0!important;
	transform: none!important;
}

.webrtc-preview.maximized .peerVideoContainer canvas{
	position: relative!important;
}

.peerVideoContainer canvas#peerVideoCanvas{
	position: absolute!important;
}

.peerVideoContainer.portrait canvas{
	width: auto!important;
}

video::-internal-media-controls-overlay-cast-button {
background-image: none!important;
background-color: black!important;
}

/*react-pdf*/

.react-pdf__Page {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.react-pdf__Document{
	width: 100%;
	height: 100%;
}

.ishihara-results{
	padding-bottom: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
	width: 100vw;
	height: 100vh;
	background: white;
	overflow-y: auto;
}

.scaled-desktop .MuiStack-root:not(.login-subactions){
	margin-top: 12px!important;
}

.scaled-desktop .MuiCardContent-root{
	padding-top: 12px!important;
}

.scaled-desktop .breadcumb{
	margin-top: 15px!important;
}

.scaled-desktop .MuiBreadcrumbs-root{
	display: none;
}

.scaled-desktop .base-page-item{
	padding-left: 12px!important;
}

.scaled-desktop .remote-screen-settings-container{
	padding: 12px!important;
}

.tensor-camera-ui{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1202;
	width: 100vw;
	height: 100vh;
}

.whole{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 1299;
	padding: 0px 20px;
}

.whole .col{
	width: auto;
	display: inline-block;
}

.campimetercircle{
	position: absolute;
}

@keyframes blink {
	100%,
	0% {
		stroke: #ffffff;
	}
	60% {
		stroke: #2f528f;
	}
}

.campimetercircle circle {
	animation: blink 0.8s infinite;
}

.campimetercursor{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
	pointer-events: none;
}

.saludcampimetro{
	overflow: hidden;
}

.nooverflow{
	overflow: hidden!important;
}

.table {
	width: 50vw;
	margin: 1rem auto;
	border-spacing: 0px;
}

.mobile .table, .iosapp .table, .androidapp .table {
	width: 80vw;
}

.table th {
	border-bottom: 1px solid gray;
	border-top: 1px solid #ddd;
	padding: 8px;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	padding: 8px;
	border-top: 0;
	border-spacing: 0px;
}

.table td {
	padding: 8px;
}

.table td:not(.table tr:first-of-type > td) {
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.autogenerated {
	margin-right: 0.15em;
}

.autogenerated .key {
	color: black;
}

.autogenerated .value {
	color: blue;
}

.autogenerated .value table {
	border: solid 1px gray;
}

.autogenerated .value table td,th {
	border-bottom: 1px solid gray;
	padding: 8px;
}

#editable-text {
	max-height: 16em;
	overflow-y: auto;
	padding: 0 10px;
	text-align: center;
}

.editable-text-dialog {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1500;
	background: rgba(0, 0, 0, 0.54);
	width: 100%;
	height: 100%;
}

.editable-text-dialog > div{
	color: rgba(0, 0, 0, 0.87);
	background: white;
	min-width: 30%;
	max-width: 768px;
	min-height: 10%;
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 45px, rgba(0, 0, 0, 0.22) 0px 10px 18px;
	border-radius: 2px;
}

.editable-text-dialog > div > h3{
	padding: 24px 24px 20px;
	color: rgba(0, 0, 0, 0.87);
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
	border-bottom: none;
	margin: 0;
	text-align: left;
}

.editable-text-dialog-body{
	padding: 0 24px 24px;
	max-height: 1035px;
	font-size: 16px;
	color: black;
}

.editable-text-dialog-actions{
	text-align: right;
	padding: 8px;
}

.autocomplete-secuencias{
	overflow: auto;
}

.js-plotly-plot > .plot-container.plotly > .svg-container{
	margin: 0 auto;
}

.farnsworth-summary{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	width: calc(50% - var(--right-menu-size));
	position: absolute;
	right: var(--right-menu-size);
	top: 50px;
	min-height: 0vh!important;
}

@media only screen and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.1) and (orientation:landscape) {
	.scaled-desktop .farnsworth-summary {
		width: calc(60% - var(--right-menu-size))!important;
		font-size: 0.6rem;
	}
}

.remote_mode .saludfarnsworthd15.display-results .remote-screen-canvas{
	display: none!important;
}

.mobile .farnsworth-summary, .phone .farnsworth-summary{
	top: 0px;
	font-size: 0.6rem;
}

.mobile.remote_mode .farnsworth-summary, .phone.remote_mode .farnsworth-summary{
	width: 50%;
	right: 3%;
}

.mobile .colorbox, .phone .colorbox{
	padding-top: 0px!important;
	margin-top: -20px;
}

.farnsworth-summary table{
	text-align: center;
	border: 1px solid;
}

.farnsworth-summary td, .farnsworth-summary th{
	border: 1px solid;
	padding: 10px;
	width: 14.28%;
	text-align: center;
}

.js-plotly-plot{
	width: 50%;
	border-radius: 10px;
	margin-top: 0px;
	margin-left: 0px;

}

.phone .js-plotly-plot{
	margin-top: -60px;
}

.phone .js-plotly-plot .legend{
	transform: translateY(85%);
}

.farnsworth-summary th{
	background-color: #ecf7ff;
}

.farnsworth-summary td:nth-child(2), .farnsworth-summary td:nth-child(3), .farnsworth-summary td:nth-child(5), .farnsworth-summary td:nth-child(7) {
	border-bottom: 0px!important;
	border-top: 0px!important;
}

.farnsworth-summary td:nth-child(3){
	background-color: #b0ffcc;
	font-weight: bold;
}

.remote-mode-display-results .remote-screen-canvas{
	display: none!important;
}

.remote-mode-display-results .colorbox > div > div {
	max-width: 3vw!important;
	max-height: 3vw!important;
}

.remote-mode-display-results .colorbox{
	position: fixed;
	left: var(--left-menu-size);
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	font-size: 0.6rem;
	width: calc(100% - var(--right-menu-size) - var(--left-menu-size));
}

@media only screen and (min-width: 1921px) and (-webkit-min-device-pixel-ratio: 1.0) and (-webkit-max-device-pixel-ratio: 1.0) and (orientation:landscape){
	.remote-mode-display-results .farnsworth-summary{
		right: 400px!important;
	}
}

.textoav-image{
	position: absolute;
	bottom: 61px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1001;
}

.textoav-image-remote{
	width: calc(100% - 600px);
}

.custom-scrollbar *::-webkit-scrollbar{
	width: 5px;
	-webkit-overflow-scrolling: auto;
	overflow-scrolling: auto;
}

.custom-scrollbar *::-webkit-scrollbar-track {
	background: transparent;
}

.custom-scrollbar *::-webkit-scrollbar-thumb {
	background: rgb(196, 196, 198);
	border-radius: 7px;
}
.custom-scrollbar *::-webkit-scrollbar-thumb:hover {
	background: rgb(196, 196, 198),
	border-radius: 7px;
}

.custom-scrollbar-x *::-webkit-scrollbar{
	height: 5px;
	-webkit-overflow-scrolling: auto;
	overflow-scrolling: auto;
}

.custom-scrollbar-x *::-webkit-scrollbar-track {
	background: transparent;
}

.custom-scrollbar-x *::-webkit-scrollbar-thumb {
	background: rgb(196, 196, 198);
	border-radius: 7px;
}
.custom-scrollbar-x *::-webkit-scrollbar-thumb:hover {
	background: rgb(196, 196, 198),
	border-radius: 7px;
}

#font-loader{
	width: 1px;
	height: 1px;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	color: rgba(0,0,0,0);
	visibility: hidden;
}

.unload{
	display: none;
}
.vertical-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	display: box!important;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	box-orient: vertical;
}

.vertical-ellipsis.two-lines{
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.vertical-ellipsis.three-lines{
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/*Home Testing Response*/

.pairingResponseSelected, .response-keyboard .hg-button[data-pairingResponseSelected="true"]{
	background: #fff0c2!important;
}

.response-keyboard{
	text-transform: uppercase;
}

.response-keyboard.keyboard-letter{
	font-size: 9vw;
}

.response-keyboard.keyboard-numeric{
	font-size: 27vh;
}

.response-keyboard.keyboard-height-snellen{
	font-size: 12vh;
}

.response-keyboard.keyboard-height-landolt{
	font-size: 10vh;
}

.response-keyboard .hg-theme-default .hg-button{
	width: auto!important;
	height: auto!important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: unset;
	margin: 5px !important;
	padding: 5px 1.1vw;
	min-width: 8vw;
}

.response-keyboard.keyboard-height .hg-theme-default .hg-row{
	flex-direction: column;
}

.response-keyboard.keyboard-letter .hg-theme-default .hg-row{
	min-height: 25vh;
}

.response-keyboard.keyboard-numeric .hg-theme-default .hg-row{
	min-height: 33vh;
}

.response-keyboard .hg-theme-default{
	font-family: inherit;
}

.response-keyboard.keyboard-numeric .hg-theme-default .hg-button{
	padding: 5px 3vw;
}

.response-keyboard.keyboard-height .hg-theme-default .hg-button{
	justify-content: flex-start;
	padding: 5px 5vw;
	min-height: 15vh;
}

.response-keyboard .hg-theme-default .hg-row{
	display: flex;
	justify-content: center;
}

.response-keyboard .keyboard-suffix{
	font-family: 'Arial';
	font-size: 6vh;
	margin-left: 10%;
}

.keyboard-undo{
	width: 15.5em!important;
	height: 15.5em!important;
}

.keyboard-undo span.material-icons {
	font-size: 5.5em !important;
}

.keyboard-undo img{
	height: 3.5em!important;
	width: 3.5em!important;
	padding: 1em;
}

.therapy_table{
	border-collapse: collapse;
	border-spacing: 0;
}

.therapy_table td {
	border: 1px solid;
	padding: 5px;
}

div[data-tour-elem="controls"]{
	width: 100%;
}