@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

@font-face {
    font-family: 'neuropoliticalregular';
    src: url('../fonts/neuropolitical_rg-webfont.eot');
    src: url('../fonts/neuropolitical_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neuropolitical_rg-webfont.woff2') format('woff2'),
         url('../fonts/neuropolitical_rg-webfont.woff') format('woff'),
         url('../fonts/neuropolitical_rg-webfont.ttf') format('truetype'),
         url('../fonts/neuropolitical_rg-webfont.svg#neuropoliticalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/gotham_light.eot');
    src: url('../fonts/gotham_light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham_light.woff') format('woff'),
         url('../fonts/gotham_light.ttf') format('truetype'),
         url('../fonts/gotham_light.svg#GothamLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/gotham_medium.eot');
    src: url('../fonts/gotham_medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham_medium.woff') format('woff'),
         url('../fonts/gotham_medium.ttf') format('truetype'),
         url('../fonts/gotham_medium.svg#GothamMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/gotham_bold.eot');
    src: url('../fonts/gotham_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham_bold.woff') format('woff'),
         url('../fonts/gotham_bold.ttf') format('truetype'),
         url('../fonts/gotham_bold.svg#GothamBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#env-help-faq, #env-help-tutorial { display: none; }
div.portal-help-menu ul { min-width: 120px; }

.portal-header h1,
.portal-form-row h4,
.portal-public input.input_button,
h2.portal-sidemenu-slidepanel-title,
.portal-dashboard-tiles-content h4,
.portal-window-alert h3,
.portal-window-attachment h3,
.portal-window-confirm h3,
.portal-window-property h3,
.portal-popup-confirmation h3,
section.portal-profile .profile_username,
div.training-dashboard h2,
div.training-video h2,
a.video-quiz-submit,
a.video-quiz-next,
input.input_button_panel,
section.schedule h2,
section.status h2,
section.data_form h2,
section.survey_form h2,
div.patientid p.pid_title,
div.patientvisitdate p.pvd_title,
.portal-window-alert-buttons a,
.portal-window-attachment-buttons a,
.portal-window-report-title,
.portal-sidemenu-windows-list h4 { font-family: "neuropoliticalregular"; font-weight: 400; }

/* ======================================== */
/* ENVISION LIGHT STYLE - COLORS AND IMAGES */
/* ======================================== */

/* FRAMEWORK */
body { font-family: "Montserrat"; background-image: url("/Themes/RxSight/Images/Backgrounds/sunburst_dim.jpg"); background-position: 60% center; background-repeat: no-repeat; background-color: #FFFFFF; letter-spacing: -0.15px; }
input, select, textarea, p.input_select_choice { font-family: "Montserrat", Arial, Helvetica, sans-serif; font-weight: 400 !important; }

aside { 
    border-right: 1px solid #000000;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    background: #0b2f4e;
}

/* PUBLIC */
body.portal-public { background-position: 60% center; }
.portal-header h1 { color: #4c1743; }
.portal-footer p { color: #424243; }
.portal-form-row h4 { color: #424243; }
.portal-message-content p, .portal-message-content h2,
.portal-message-content h3, .portal-message-content li { color: #424243; }
div.portal-message-content li em { color: #666666; }
div.portal-message-content a { color: #0b2f4e; }
div.useragent { background-color: rgba(0,0,0,0.2); }
.portal-public input.input_text, .portal-public input.input_password { background-color: rgba(0,0,0,0.2); border: 0; }
.portal-public input.input_button { background-color: #4c1743; color: #FFFFFF; border-radius: 6px; border: 0; font-size: 14px; }
.portal-public .portal-forgotpassword-email input { background: #FFFFFF; }
html.no-touchdevice .portal-public input.input_button:hover { background-color: #a55683; }
.portal-public .portal-footer p.copyright { background-image: url(/Themes/RxSight/Images/Logos/rxsight_2020.png); padding-top: 54px; }


/* SIDEMENU */
div.portal-logo-bug { background-image: url("/Themes/RxSight/Images/Logos/rx_bug.png"); width: 56px; height: 52px; background-size: 56px 52px; }

.sidemenu-button, .settings-button { background-color: rgba(255, 255, 255, 0); color: #FFFFFF; }
html.no-touchdevice a.sidemenu-button:hover,
html.no-touchdevice a.settings-button:hover { background-color: rgba(255,255,255,0.15); color: #FFFFFF; }
a.sidemenu-button.selected, a.sidemenu-button.disabled,
a.settings-button.selected, a.settings-button.disabled,
span.sidemenu-button, span.settings-button { background-color: rgba(255,255,255,0.15); color: #FFFFFF; }
a.portal-sidemenu-button-close { background-color: rgba(255,255,255,0.25); }
html.no-touchdevice a.portal-sidemenu-button-close:hover { background-color: rgba(255,255,255,0.5); }

div.portal-sidemenu-pins a.portal-sidemenu-slideout-button { background-color: #333333; color: #E0E0E0; }
html.no-touchdevice div.portal-sidemenu-pins a.portal-sidemenu-slideout-button:hover { background-color: #4A4A4A; }
html.no-touchdevice div.portal-sidemenu-footerpanel-content ul.help_menu li a:hover { color: #a55683; }


/* SIDEMENU SLIDE OUT */
div.portal-help-menu { padding-left: 40px; }
div.portal-sidemenu-slidepanel-container { background-color: rgba(0,0,0,0.95); }
div.portal-sidemenu-slidepanel-content { color: #CCCCCC; }
h2.portal-sidemenu-slidepanel-title,
h2.portal-sidemenu-slidepanel-title a { color: #a55683; font-weight: bold; }
div.portal-sidemenu-footerpanel-container { background-color: rgba(0,0,0,0.9); }
div.portal-sidemenu-footerpanel-content li { color: #CCCCCC; }
div.portal-sidemenu-footerpanel-content p.company-footer { background-image: url(/Themes/RxSight/Images/Logos/rxsight_logo_footer.png); background-size: 180px; }
div.portal-sidemenu-footerpanel-content li a { color: #89a7cb; }
div.portal-sidemenu-slidepanel-loading-container .portal-loading-content { background-color: rgba(255,255,255,0.15); color: #FFFFFF; }
div.portal-footer-content p.company-footer { color: #FFFFFF; }
div.portal-footer-content p.company-footer a { color: #89a7cb; text-decoration: none; }
html.no-touchdevice div.portal-footer-content p.company-footer a:hover { text-decoration: underline; }
div.portal-help-menu li a { min-height: 12px; font-size: 10px; }

.panel-category h3 { background-color: #6fcbd0; color: #FFFFFF; }

/* WINDOWS LIST */
div.portal-sidemenu-windows-list h4 { background-color: #0b2f4e; color: #FFFFFF; font-size: 20px; }
div.portal-sidemenu-windows-list a.portal-sidemenu-windows-list-close { background-image: url(/Content/Images/Icons/white/Widgets/close.png); }
html.no-touchdevice div.portal-sidemenu-windows-list a.portal-sidemenu-windows-list-close:hover { color: #424243; background-color: rgba(255,255,255,0.1); }
div.portal-sidemenu-windows-list ul li { color: #424243; border-top-color: #999999; }
div.portal-sidemenu-windows-list ul li.window-item-title a { color: #808080; }
html.no-touchdevice div.portal-sidemenu-windows-list ul li a.window-item-action:hover { background-color: rgba(0,0,0,0.2); }

/* LOADING/STATUS */
.portal-loading-content { background-color: rgba(0,0,0,0.15); }
.portal-status-content.portal-ui-error { background-color: #FFDDDD; border-color: #660000; color: #660000; }
.portal-status-content.portal-ui-warning { background-color: #FFFFDD; border-color: #666600; color: #666600; }
.portal-status-content.portal-ui-success { background-color: #DDFFDD; border-color: #006600; color: #006600; }
.portal-status-content.portal-ui-help { background-color: #DDDDFF; border-color: #000066; color: #000066; }

/* TILES */
.portal-dashboard-tiles-none { border-color: #4A4A4A; }
.portal-dashboard-tiles-content h4 span.first-line { color: #000000; }
.portal-dashboard-tiles-content h4 span.user-name,
.portal-dashboard-tiles-content h4 span.portal-name { color: #a55683; }
.portal-dashboard-tiles-none { border-color: rgba(0,0,0,0.25); color: #333333; }

.portal-tile a.portal-tile-link { background-color: rgba(137,167,203,0.35); color: #0b2f4e; border: 0px; border-radius: 0px; padding: 10px 24px 10px 14px; }
html.no-touchdevice .portal-tile a.portal-tile-link:hover { background-color: rgba(137,167,203,0.65); }
div.portal-tile-extracontent p { color: #333333; }
.portal-tile-placeholder { background-color: rgba(165,68,131,0.1); }
div.portal-tile-extracontent p.convo_message { color: #424243; }
div.portal-tile-extracontent p.convo_info span { color: #808080; }
div.portal-tile-extracontent p.convo_info span.convo_info_name { color: #4c1743; }


/* WINDOWS */
.portal-window { background-color: rgba(0,0,0,0.1); box-shadow: 0 0 9px 1px rgba(0,0,0,0.25); }
.portal-window-loading span.portal-window-loading-message { background-color: rgba(0,0,0,0.15); color: #333333; }
.portal-window-loading a.portal-window-loading-close { background-color: rgba(0,0,0,0.1); }
html.no-touchdevice .portal-window-loading a.portal-window-loading-close:hover { background-color: rgba(0,0,0,0.2); }
html.no-touchdevice .portal-window-header div.window-actions a:hover { background-color: rgba(255,255,255,0.25); }
.portal-window header.portal-window-header { background-color: #0b2f4e; }
.portal-window header.portal-window-header h2 { color: #FFFFFF; font-weight: 400; text-transform: capitalize; }
.portal-window .portal-window-toolbar { background-color: #EEEFEF; }
.portal-window .portal-window-toolbar p { color: #424243; }
.portal-window .portal-window-toolbar p.portal-window-toolbar-buttons a { background-color: #6fcbd0; color: #FFFFFF; border-color: transparent; height: 14px; line-height: 13px; font-weight: bold; }
html.no-touchdevice .portal-window .portal-window-toolbar p.portal-window-toolbar-buttons a:hover,
.portal-window .portal-window-toolbar p.portal-window-toolbar-buttons a.selected { background-color: #47B6CC; }
.portal-window .portal-window-toolbar p.portal-window-toolbar-buttons a.button-badge span.count { background-color: #CC0000; color: #FFFFFF; }
.portal-window .portal-window-toolbar p input.input_search,
.portal-window .portal-window-toolbar p select.input_select { background-color: rgba(0,0,0,0.15); border: 0; color: #4A4A4A; }
.portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter { background-color: rgba(0,0,0,0.2); border-color: #4A4A4A; }
.portal-window .portal-window-toolbar input.input_text_panel.calendar { border-color: #4A4A4A; color: #4A4A4A; background-image: url("/Content/Images/Icons/black/Widgets/calendar.png"); }
html.no-touchdevice .portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter:hover,
html.no-touchdevice .portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter_text:hover { background-color: rgba(71,182,204,0.4); }
html.no-touchdevice .portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter.selected,
html.no-touchdevice .portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter_text.selected { background-color: rgba(71,182,204,0.9); color: #FFFFFF; }
html.no-touchdevice .portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter_text.selected.portal-ui-view { background-image: url(/Content/Images/Icons/white/Widgets/view.png); }

.portal-window-contentarea p { color: #424243; }
.portal-window-contentarea h2.large { color: #4c1743; }
.portal-window .portal-window-footer { background-color: #424243; }

/* WINDOW ALERT OVERLAY */
.portal-window-disable-overlay { background-color: rgba(0,0,0,0.9); }
.portal-window-alert-content { background-color: #CCCCCC; box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; }
.portal-window-alert-message h3 { color: #4c1743; }
.portal-window-alert-message p.warning_message { border-bottom-color: #6fcbd0; }
.portal-window-alert-message ul { border-bottom-color: #6fcbd0; }
.portal-window-alert-comments h3 { color: #666666; }
.portal-window-alert-comments textarea { border-color: #666666; background-color: rgba(255,255,255,0.5); }
.portal-window-alert ul li span.alert_value { color: #000000; }
.portal-window-alert ul li span.alert_value strong { color: #333333; }
.portal-window-alert-buttons a.portal-alert-button { border-color: transparent; color: #FFFFFF; background-color: #4c1743; border-radius: 4px; padding: 4px 8px; }
html.no-touchdevice .portal-window-alert-buttons a.portal-alert-button:hover { background-color: #A55683; }
.portal-window-required-message h3 { color: #4c1743; }
.portal-window-attachment-message h3 { color: #4c1743; }
.portal-window-attachment-buttons a.portal-attachment-button { border-color: transparent; color: #FFFFFF; background-color: #4c1743; border-radius: 4px; }
html.no-touchdevice .portal-window-attachment-buttons a.portal-attachment-button:hover { background-color: #A55683; }
.portal-window-attachment-message a.portal-downloadall-button { border-color: transparent; color: #FFFFFF; background-color: #4c1743; border-radius: 4px; }
html.no-touchdevice .portal-window-attachment-message a.portal-downloadall-button:hover { background-color: #A55683; }
.portal-window-confirm-content { background-color: #CCCCCC; box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; }
.portal-window-confirm-message h3 { color: #4c1743; }
.portal-window-confirm-message p.confirm_message { border-bottom-color: #6fcbd0; }
.portal-window-confirm-message ul { border-bottom-color: #6fcbd0; }
.portal-window-confirm-message hr { background-color: #6fcbd0; height: 1px; border: 0; margin-bottom: 12px; }
.portal-window-confirm-comments h3 { color: #666666; }
.portal-window-confirm-comments textarea { border-color: #666666; background-color: rgba(255,255,255,0.5); }
.portal-window-confirm ul li span.confirm_value { color: #000000; }
.portal-window-confirm ul li span.confirm_value strong { color: #333333; }
.portal-window-confirm-buttons a.portal-confirm-button { border-color: transparent; color: #FFFFFF; background-color: #4c1743; border-radius: 4px; padding: 4px 8px; }


.portal-window-property-content { background-color: #CCCCCC; box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; }
.portal-window-property-content h3 { color: #4c1743; }
.portal-window-property div.datapoint_button input,
.portal-window-property div.form_shipping input.button_revert { background-color: #4c1743; color: #FFFFFF; box-shadow: 2px 2px 1px #666666; }
html.no-touchdevice .portal-window-property div.datapoint_button input:hover,
html.no-touchdevice .portal-window-property div.form_shipping input.button_revert:hover { background-color: #A55683; }

/* REPORTS */
.portal-window-report-title { background-color: #4c1743; color: #FFFFFF; }
.report-item h3 { background-color: #6fcbd0; color: #FFFFFF; }
.report-chart-options a { background-color: #AAAAAA; border-color: #808080; }
html.no-touchdevice .report-chart-options a:hover { background-color: #999999; }
.report-chart-filter-options {
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(170,170,170,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(170,170,170,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(170,170,170,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(170,170,170,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(170,170,170,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#aaaaaa',GradientType=0 ); /* IE9 */
}

/* SYSTEM/ADMIN */
div.portal-system-formitems .form_item { }
div.portal-system-formitems .form_expand h5 { background-color: #4c1743; }

/* POP-UPS */
div.portal-popup-formitems { background-color: rgba(255,255,255,0.6); }
div.portal-popup-formitems .form_item { background-color: rgba(255,255,255,0.9); border: 1px solid #CCCCCC; }
div.portal-popup-formitems .form_item h6 { color: #000000; }
div.portal-popup-formitems .form_item .form_label { color: #424243; }
div.portal-popup-formitems .form_item input.input_text,
div.portal-popup-formitems .form_item select.input_select,
div.portal-popup-formitems .form_item textarea.input_textarea { border-color: transparent; background-color: rgba(128,128,128,0.1); }
div.portal-popup-formitems .form_item input.input_text.valid,
div.portal-popup-formitems .form_item select.input_select.valid,
div.portal-popup-formitems .form_item textarea.input_textarea.valid { background-color: #89A7CB; }
div.portal-popup-formitems .form_item input.input_text.input-validation-error,
div.portal-popup-formitems .form_item select.input_select.input-validation-error,
div.portal-popup-formitems .form_item textarea.input_textarea.input-validation-error { border-color: transparent; background-color: #FFDDDD; }
html.no-touchdevice .portal-popup-footer-buttons a:hover { background-color: rgba(0,0,0,0.15); }
.portal-popup-footer-buttons a.button_ok,
.portal-popup-footer-buttons a.button_yes { color: #2A6A2A; }
.portal-popup-footer-buttons a.button_cancel,
.portal-popup-footer-buttons a.button_no { color: #6A2A2A; }
.portal-popup-footer div.portal-popup-footer-message p.error { color: #6A2A2A; }
.portal-popup-footer div.portal-popup-footer-message p.success { color: #2A6A2A; }
div.portal-popup-confirmation { background-color: rgba(255,255,255,0.4); }
div.portal-popup-confirmation h3 { font-weight: bold; color: #4c1743; }
div.portal-popup-confirmation p { color: #000000; }
div.portal-popup-confirmation a { background-color: rgba(255,255,255,0.4); }
div.portal-popup-content { background-color: rgba(255,255,255,0.4); }
#cboxOverlay { background-color: #CCCCCC; }
#cboxTitle { background-color: #6fcbd0; color: #FFFFFF; font-weight: normal; text-transform: uppercase; }
#cboxTitle a.media-button, #cboxTitle a.convo-button,  #cboxTitle a.moderate-button { color: #FFFFFF; }

/* TABLES */
table.portal-table thead tr { background-color: #6fcbd0; color: #FFFFFF; border-bottom-color: transparent; }
table.portal-table tbody tr.portal-table-none td { background-color: #F6F6F6; padding: 40px; }
table.portal-table tbody tr.odd,
table.portal-table tbody tr td .portal-subtable tbody tr.odd { background-color: #F0F0F0; }
table.portal-table tbody tr.even,
table.portal-table tbody tr td .portal-subtable tbody tr.even { background-color: #E9E9E9; }
html.no-touchdevice table.portal-table.selectable-rows tbody tr:hover { background-color: #FDFDFD; }

.portal-table-showmore { background-color: #D6D6D6; }
a.button_showmore { background-color: #4c1743; color: #FFFFFF; }
a.button_showmore span.portal-ui-dots { background-image: url("/Content/Images/Icons/white/Widgets/dots.png"); }
html.no-touchdevice a.button_showmore:hover { background-color: #A55683; }
table.portal-table tbody tr.lead { background-color: #89A7CB; }

/* FLEX */
.portal-flex-header { background-color: #6fcbd0; }
.portal-flex-row { border-color: #6fcbd0; }

/* BUCKETS */
section.portal-bucket {
    background: #cccccc;
    background: -moz-linear-gradient(top,  #89A7CB 0%, #bdc9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89A7CB), color-stop(100%,#bdc9d9));
    background: -webkit-linear-gradient(top,  #89A7CB 0%,#bdc9d9 100%);
    background: -o-linear-gradient(top,  #89A7CB 0%,#bdc9d9 100%);
    background: linear-gradient(to bottom,  #89A7CB 0%,#bdc9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89A7CB', endColorstr='#bdc9d9',GradientType=0 );
}
section.portal-bucket div.portal-bucket-stats { background-color: #6fcbd0; }
div.portal-bucket-item-main { background-color: #89A7CB; } 
div.portal-bucket-item-sub { background-color: #F6F6F6; }
div.portal-bucket-item-add a,
a.portal-bucket-group-add { color: #4c1743; }


/* ROWS */
section.portal-row-container h3.portal-row-container-title { background-color: #4c1743; color: #FFFFFF; font-weight: bold; }
section.portal-row-container h3.portal-row-container-title a { color: #FFFFFF; }
section.portal-row header.portal-row-header { background-color: #6fcbd0;  color: #FFFFFF; }

section.status h3.portal-usersduties-container-title { font-size: 20px; margin-bottom: 0; position: relative; z-index: 2; }
section.portal-row-container h3.portal-usersduties-container-title { background-color: #4c1743; color: #FFFFFF; font-weight: bold; }
section.portal-row-container h3.portal-usersduties-container-title a { color: #FFFFFF; }
 
section.status h3.portal-certificationphase-container-title { font-size: 20px; margin-bottom: 0; position: relative; z-index: 2; }
section.portal-row-container h3.portal-certificationphase-container-title { background-color: #4c1743; color: #FFFFFF; font-weight: bold; }
section.portal-row-container h3.portal-certificationphase-container-title a { color: #FFFFFF; }
 
section.status h3.portal-laltrainingsurvey-container-title { font-size: 20px; margin-bottom: 0; position: relative; z-index: 2; }
section.portal-row-container h3.portal-laltrainingsurvey-container-title { background-color: #4c1743; color: #FFFFFF; font-weight: bold; }
section.portal-row-container h3.portal-laltrainingsurvey-container-title a { color: #FFFFFF; }
 
/* PROFILE */
section.portal-profile div.portal-profile-avatar a { border-color: rgba(0,0,0,0.3); background-color: rgba(0,0,0,0.2); }
section.portal-profile header.portal-profile-header { border-bottom-color: rgba(0,0,0,0.5); }
section.portal-profile .highlighted { background-color: rgba(128,128,128,0.4); }
html.no-touch section.portal-profile .editable:hover { background-color: rgba(128,128,128,0.2); background-image: url() initial; }
section.portal-profile p.profile_value span.none,
section.portal-profile span.none { color: rgba(128,128,128,0.4); }
section.portal-profile .profile_username { color: #4c1743; }
section.portal-profile .profile_usertitle { color: #424243; }
.input_text.input_profile { background-color: rgba(128,128,128,0.1); border-color: transparent; color: #424243; font-size: 18px; padding: 2px; }
section.portal-profile h4.profile_practice { background-color: rgba(0,0,0,0.2); }
section.portal-profile p.profile_practice { background-color: #6fcbd0; color: #FFFFFF; }
html.no-touchdevice a.avatar_select:hover,
a.avatar_select.selected { background-color: rgba(255,255,255,0.4); border-color: #333333; }


/* TRAINING */
div.training-dashboard h2 { color: #4c1743; }
div.training-dashboard-item { border-color: #424243; }
div.training-dashboard-item a.portal-ui-play { background-color: rgba(0,0,0,0.5); }
html.no-touchdevice div.training-dashboard-item a.portal-ui-play:hover { background-color: rgba(0,0,0,0.25); }
div.training-dashboard-item a.portal-ui-lock { background-color: rgba(0,0,0,0.75); }
div.training-dashboard-item-footer h3 { color: #4c1743; }
div.training-dashboard-item-footer p { color: #424243; }
div.training-dashboard-item-footer p.time { color: #808080; }
/* div.training-video-list { display: none; } */ 

div.training-video h2 { color: #4c1743; font-weight: bold; padding: 4px 10px; }
div.training-video-quiz-wait { background-color: #6fcbd0; color: #FFFFFF; }
div.training-video-quiz-wait p { color: #FFFFFF; }
ul.training-video-quiz-choices li a.video-quiz-choice { color: #6fcbd0; }
ul.training-video-quiz-choices li.correct a.video-quiz-choice { color: #339933; }
ul.training-video-quiz-choices li.incorrect a.video-quiz-choice { color: #660000; }
ul.training-video-quiz-choices li a.video-quiz-choice::before { background-image: url(/Themes/EnvisionLight/Images/Icons/Forms/radio_button.png); }
ul span.response.correct { background-color: #89A7CB; }
ul span.response.incorrect { background-color: #FF9999; }
div.video-quiz-submit-btn a.video-quiz-submit { background-color: #4c1743; color: #FFFFFF; }
html.no-touchdevice div.video-quiz-submit-btn a.video-quiz-submit:hover { background-color: #4c1743; }
div.training-video-quiz.complete p.training-video-quiz-answer span.correct { color: #006666; }
div.training-video-quiz.complete p.completed { background-color: #6fcbd0; color: #FFFFFF; }
div.training-video a.video-quiz-next { background-color: #4c1743; color: #FFFFFF; }
html.no-touchdevice div.training-video a.video-quiz-next:hover { background-color: #4c1743; }

ul.training-video-chapters li.complete { background-color: #89A7CB; }
ul.training-video-chapters li.current { background-color: #FFFFFF; }

/* SOCIAL */
form.portal-inline-form { background-color: rgba(0,0,0,0.1); }
form.portal-inline-form.dragover { background-color: #89A7CB; }
div.social-conversations-container { border-top: 6px solid #B0B0B0; }
div.social-conversation-post-buttons a,
div.social-conversation-post-status span,
div.social-conversation-post-buttons input { background-color: rgba(0,0,0,0.1); }
html.no-touchdevice div.social-conversation-post-buttons a:hover,
html.no-touchdevice div.social-conversation-post-buttons input:hover { background-color: rgba(0,0,0,0.2); }
div.social-conversation-post-footer-message { background-color: #FF9999; }
div.social-conversation-post-footer-message p { color: #990000; }
div.social-conversation-file-preview { background-color: rgba(0,0,0,0.2); }
div.social-conversation-file-preview img { box-shadow: 5px 5px 5px rgba(0,0,0,0.4); }
div.social-conversation-file-preview div.social-conversation-file-aside a.conversation-media-remove { color: #000000; }
html.no-touchdevice div.social-conversation-file-preview div.social-conversation-file-aside a.conversation-media-remove:hover { background-color: rgba(0,0,0,0.2); }

div.social-conversation-post-row { background-color: #FFFFFF; border-color: #999999; }
div.social-conversation-post-row-header { border-bottom-color: rgba(0,0,0,0.25); }
div.social-conversation-header-profile p.social-conversation-header-profile-name { color: #4c1743; }
div.social-conversation-header-profile p.social-conversation-header-profile-toolbar { color: #808080; }
div.social-conversation-header-profile p.social-conversation-header-profile-toolbar a { color: #808080; }
html.no-touchdevice div.social-conversation-header-profile p.social-conversation-header-profile-toolbar a:hover { color: #424243; }
div.social-conversation-post-edit textarea.input_textarea { border-color: #424243; }

div.social-conversation-post-commentbar { background-color: rgba(0,0,0,0.15); color: #333333; }
div.social-conversation-post-commentbar p a { background-color: #4c1743; color: #FFFFFF; }
html.no-touchdevice div.social-conversation-post-commentbar p a:hover { background-color: #4c1743; }

form.portal-inline-comment-form { background-color: rgba(0,0,0,0.1); }
form.portal-inline-comment-form.dragover { background-color: #89A7CB; }
div.social-conversation-comment-post-container { background-color: rgba(0,0,0,0.2); border-bottom: 6px solid #B0B0B0; }
div.social-conversation-comment-container { border-bottom: 6px solid #B0B0B0; }
div.social-conversation-comment-post-buttons a,
div.social-conversation-comment-post-status span,
div.social-conversation-comment-post-buttons input { background-color: rgba(0,0,0,0.1); }
html.no-touchdevice div.social-conversation-comment-post-buttons a:hover,
html.no-touchdevice div.social-conversation-comment-post-buttons input:hover { background-color: rgba(0,0,0,0.2); }
div.social-conversation-comment-post-footer-message { background-color: #FF9999; }
div.social-conversation-comment-post-footer-message p { color: #990000; }
div.social-conversation-comment-file-preview { background-color: rgba(0,0,0,0.2); }
div.social-conversation-comment-file-preview img { box-shadow: 5px 5px 5px rgba(0,0,0,0.4); }
div.social-conversation-comment-file-preview div.social-conversation-comment-file-aside a.conversation-comment-media-remove { color: #000000; }
div.social-conversation-comment-post-row {
	border: 1px solid #C0C0C0; 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 25%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 25%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 25%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 25%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
html.no-touchdevice div.social-conversation-comment-file-preview div.social-conversation-comment-file-aside a.conversation-comment-media-remove:hover { background-color: rgba(0,0,0,0.2); }

/* MEDIA */
div.media-content.media-placeholder { border-color: #CCCCCC; }
div.media-error { background-color: #EEDDDD; border-color: #660000; }

div.media-content.content-video div.media-video-conversion-status { background-color: rgba(255,255,255,0.8); }
div.media-content.content-video a.media-video-conversion-status { background-color: rgba(255,255,255,0.5); }
div.media-content.content-file a { background-color: rgba(0,0,0,0.1); }
html.no-touchdevice div.media-content.content-file a:hover { background-color: rgba(0,0,0,0.2); }

/* LIBRARY */
div.media-library-item { background-color: #E0E0E0; }
div.media-library-item-info p.media-upload span { color: #4c1743; }

/* NETWORK */
div.social-network-item { background-color: #E9E9E9; }
div.social-network-item-info { background-color: #E0E0E0; }
div.social-network-item-info p.network-fullname { color: #4c1743; }
div.social-network-item-info p.network-fullname span.network-title { color: #808080; }
div.social-network-item-info div.network-practice { background-color: #D3D3D3; }
div.social-network-item-info div.network-practice p { background-color: #6fcbd0; color: #FFFFFF; width: 100%; }
div.social-network-item-info p.network-email a { color: #4c1743; }


/* STUDIES */
span.fieldnote { background-color: rgba(255,255,255,0.75); color: #000000; }
span.fieldnote:after { border-color: rgba(255,255,255,0.75) transparent; }
input.input_text_panel,
select.input_select_panel { background-color: rgba(255,255,255,0.25); border-color: rgba(255,255,255,0.5); color: #CCCCCC;  }
input.input_button_panel { border-color: transparent; background-color: #4c1743; color: #FFFFFF; padding: 4px 8px; border-radius: 6px; }
input.input_text_panel.calendar { color: #666666; background-color: rgba(255,255,255,0.25); color: #CCCCCC; }
table.ui-datepicker-calendar .ui-state-default { color: #C9472E; }
table.ui-datepicker-calendar .ui-state-highlight { color: #000000; background: #89A7CB; border-color: #4c1743; }
.ui-widget-header { background: #6fcbd0; color: #FFFFFF; border-color: #424243; }
.ui-widget-header .ui-icon { background-image: url(/Content/Css/Bundles/jquery-ui/images/ui-icons_222222_256x240.png); }

section.schedule h2 { color: #4c1743; }
section.schedule h3 { background-color: #a55683; color: #FFFFFF; margin-bottom: 12px; border-radius: 6px; }
section.schedule h3 a { color: #FFFFFF; }
section.schedule div.stage { background-color: #FFFFFF; border-color: #808080; }
html.no-touchdevice section.schedule div.stage:hover { background-color: #ECECEC; }
html.no-touchdevice section.schedule div.stage.stage-add:hover { background-color: #DDFFDD; }
section.schedule div.stage.stage-disabled { cursor: not-allowed; }
section.schedule div.stage div.loading { background-color: rgba(255,255,255,0.9); }
section.schedule div.stage div.loading p.portal-stage-loading { background-color: rgba(0,0,0,0.15); color: #000000; }
section.schedule div.stage div.stage_date { background-color: #ffffff; border-color: #6fcbd0; }

div.stage a.stage_expand,
div.stage a.stage_open { background-color: rgba(0,0,0,0); }
html.no-touchdevice div.stage a.stage_expand.edit_stage:hover { background-color: rgba(0,0,0,0.2); background-image: url(/Content/Images/Icons/black/Widgets/edit.png); }
div.stage div.stage_expand_overlay { background-color: rgba(255,255,255,0.95); }
div.stage div.stage_expand_overlay h5 { border-bottom-color: #999999; color: #4c1743; }
div.stage div.stage_expand_overlay p { color: #424243; }
div.stage div.stage_expand_overlay p.checkbox a { border-color: #4A4A4A; background-color: #89A7CB; }
html.no-touchdevice div.stage div.stage_expand_overlay p.checkbox a:hover,
div.stage div.stage_expand_overlay p.checkbox.undo a { background-image: url(/Content/Images/Icons/black/Forms/checkbox_mark.png); }
div.stage div.stage_expand_overlay p.checkbox a.checked,
html.no-touchdevice div.stage div.stage_expand_overlay p.checkbox a.checked:hover { background-image: url(/Content/Images/Icons/black/Animation/animation_processing.gif); }
div.stage div.stage_expand_overlay div.stage_expand_area input.calendar { border-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.1); color: #333333; }
html.no-touchdevice div.stage div.stage_expand_overlay div.stage_expand_area a.stage_expand_button:hover { background-color: rgba(0,0,0,0.15); }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate { border-right-color: rgba(0,0,0,0.5); }

div.stage div.stage_expand_overlay a.stage_expand_slide { color: #4c1743; }
html.no-touchdevice div.stage div.stage_expand_overlay a.stage_expand_slide:hover { background-color: rgba(0,0,0,0.15); }
div.stage div.stage_expand_overlay a.button_submit { background-color: #4c1743; color: #FFFFFF; border-radius: 6px; }
html.no-touchdevice div.stage div.stage_expand_overlay a.button_submit:hover { background-color: #4c1743; }
section.data_form header div.patient_properties { border-color: #4c1743; background-color: rgba(0,0,0,0.1); }

section.data_form h2 { color: #4c1743; }
section.data_form header div.patientid p.pid,
section.data_form header div.patientvisitdate p.pvd { background-color: rgba(0,0,0,0.1); color: #424243; }
section.data_form header div.patientid p.pid_title,
section.data_form header div.patientvisitdate p.pvd_title { color: #000000; font-weight: bold; }

section.data_form div.datapoint_group h3 { background-color: #4c1743; color: #FFFFFF; border-radius: 6px; }
section.data_form div.datapoint_group h3 span.toggle { color: #FFFFFF; }
section.data_form div.datapoint_group h3 a { color: #FFFFFF; }
html.no-touchdevice section.data_form div.datapoint_group h3 a:hover { color: #CCCCCC; }
section.data_form div.datapoint_group h3 a span.alert { color: #000000; }

section.data_form footer { border-top-color: #6fcbd0; }

div.datapoint { border-color: #CCCCCC; background-color: #FFFFFF; color: #424243; }
div.datapoint.warning { background-color: #FFFFDD; border-color: #999900; }
div.datapoint.invalid { background-color: #FFDDDD; border-color: #CC0000; }
div.datapoint h4 { border-bottom-color: #333333; color: #4c1743; }
div.datapoint.invalid h4 { color: #CC0000; }
div.datapoint p { color: #424243; }
div.datapoint p.textsmall { color: #808080; }

div.datapoint_column { border-right-color: #999999; }

div.datapoint div.datapoint_expand { background-color: rgba(16,16,16,0.9); }
div.datapoint div.datapoint_expand h5 { border-bottom-color: #6fcbd0; color: #FFFFFF; }
div.datapoint a.datapoint_expand_close { background-color: rgba(255,255,255,0.1); }
html.no-touchdevice div.datapoint a.datapoint_expand_close:hover { background-color: rgba(255,255,255,0.2); }
table.datapoint_history_table thead tr { border-bottom-color: #6fcbd0; }
table.datapoint_history_table thead th { color: #6fcbd0; color: #FFFFFF; }
table.datapoint_history_table tbody td { color: #FFFFFF; }
div.datapoint div.datapoint_warning_extended div.datapoint_warning_message { color: #A0A0A0; }

html.no-touchdevice div.datapoint a.datapoint_history:hover { background-color: rgba(0,0,0,0.1); }

div.datapoint div.field.valid > input,
div.datapoint div.field.valid > select,
div.datapoint div.field.valid > div.input_select_dropdown > p.input_select_choice,
div.datapoint div.field.valid > textarea,
div.datapoint div.field.valid a.input_choice.selected,
div.datapoint div.field input.valid,
div.datapoint div.field.valid div.input_handle { background-color: #bdc9d9; }
div.datapoint div.field .disabled { background-color: #F6F6F6; }

table.table_multiadd thead tr, table.datapoint_table thead tr { background-color: #4c1743; }
table.table_multiadd thead th, table.datapoint_table thead th { color: #FFFFFF; }
div.item_multiadd h4 { background-color: #4c1743; color: #FFFFFF !important; }
.input_multiadd a.multiadd-delete { background-image: url(/Content/Images/Icons/white/Widgets/delete.png); }
.order_multiadd a.multiadd-delete { background-image: url(/Content/Images/Icons/black/Widgets/delete.png); }
html.no-touchdevice .input_multiadd a.multiadd-delete:hover { background-color: rgba(255,255,255,0.2); }
.input_multiadd .item_multiadd.odd { background-color: #DDDDDD; }
.input_multiadd .item_multiadd.even { background-color: #CCCCCC; }
.input_multiadd .toolbar_multiadd a.multiadd-add { background-color: #4c1743; color: #FFFFFF; background-image: url(/Content/Images/Icons/white/Widgets/add.png); }
html.no-touchdevice .input_multiadd .toolbar_multiadd a:hover { color: #CCCCCC; }

div.datapoint_upload div.input_upload.dragover { background-color: #89A7CB; }

p.datapoint_static { font-size: 14px; margin-right: 1em; padding: 8px 6px; }

/* SURVEYS */
section.survey_form h2 { color: #4c1743; }
div.surveyquestion { border-color: #CCCCCC; background-color: #FFFFFF; color: #424243; border-radius: 6px; }
div.surveyquestion h4 { color: #FFFFFF; background-color: #6fcbd0; }
div.surveyquestion.invalid { background-color: #FFDDDD; border-color: #CC0000; }
/* { border-bottom-color: #333333;  } */
div.surveyquestion.invalid h4 { color: #CC0000; background-color: #DDAAAA; }

div.surveyquestion div.field.valid > input,
div.surveyquestion div.field.valid > select,
div.surveyquestion div.field.valid > div.input_select_dropdown > p.input_select_choice,
div.surveyquestion div.field.valid a.input_choice.selected,
div.surveyquestion div.field input.valid { background-color: #89A7CB; }
div.surveyquestion div.field.valid > textarea { background-color: #D7FFFF; }

/* CERTIFICATIONS */
section.status a.btn_ec { background-color: #4c1743; color: #FFFFFF; }
html.no-touchdevice section.status a.btn_ec:hover { background-color: #a55683; }
div.training_bar p { background-color: #00BB00; color: #FFFFFF; }

section.status div.portal-row-item-bucket { background-color: rgba(57,146,164,0.25); }
section.status section.portal-row header.portal-row-header p { color: #FFFFFF; }
div.sigPad.sigPad1 { background-color: #B8DEE5; }
div.sigPad.sigPad2 { background-color: #CFE2E5; }

.multi-upload-item.portal-ui-download { background-image: url("/Content/Images/Icons/white/Widgets/download.png"); background-size: 16px; color: white; text-decoration: none; }
.multi-upload-item.portal-ui-delete { background-image: url("/Content/Images/Icons/white/Widgets/delete.png"); background-size: 16px; color: white; text-decoration: none; }
.status_multiupload_download_processing.portal-ui-animate-processing { background-image: url("/Content/Images/Icons/white/Animation/animation_processing.gif") !important; background-size: 16px; }


/* JQUERY UI OVERRIDE FOR CALENDAR */
.ui-datepicker .ui-datepicker-buttonpane button { color: #660000; }


/* STYLES FOR EDITING ATTACHMENT */
#cboxTitle .moderate-confirm { background-color: #a55683; }
#cboxTitle .moderate-confirm p { color: #FFFFFF; }
#cboxTitle .portal-ui-accept { background-image: url("/Content/Images/Icons/white/Widgets/accept.png"); }
#cboxTitle .portal-ui-reject { background-image: url("/Content/Images/Icons/white/Widgets/cancel.png"); }
#cboxTitle .portal-ui-download { background-image: url("/Content/Images/Icons/white/Widgets/download.png"); }


/* CUSTOM RXSIGHT FORM */
div.rxsightform_addpatient_form { margin: 0 auto 0.5em; overflow: hidden; width: 730px; height: 270px; position: relative; }
div.rxsightform_addpatient_form_section { position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.1); clear: none; width: 730px; min-height: 160px; overflow: hidden; }
div.rxsightform_addpatient_form_section.step1 { left: 0; }
div.rxsightform_addpatient_form_section.step2 { left: 740px; }
div.rxsightform_addpatient_form_section_step { max-width: 320px; padding: 12px; float: left; }
div.rxsightform_addpatient_form_results { position: relative; z-index: 5; background-color: rgba(255,255,255,0.5); float: right; margin-left: 1em; width: 100%; height: 100%; max-width: 360px; min-height: 190px; overflow: hidden; }

div.rxsightform_search { background-color: rgba(137,167,203,0.35); overflow: hidden; margin-bottom: 0.8em; box-shadow: 2px 2px 1px 0 #777777; }
div.rxsightform_search p { margin-bottom: 0; }
div.rxsightform_search p.rxsightform_searchlabel { font-size: 12px; font-weight: bold; padding: 8px; float: left; min-width: 70px; }
div.rxsightform_search p.rxsightform_searchfield { position: relative; float: right; font-size: 0; }
div.rxsightform_search p.rxsightform_searchfield input.input_text { border: 0; background-color: #DDDDDD; padding: 8px 32px 8px 8px; font-size: 12px; }
div.rxsightform_search p.rxsightform_searchfield input.input_text.search_ignore { padding: 8px; margin-left: 2px; }
div.rxsightform_search p.rxsightform_searchfield span.searching { position: absolute; right: 0; top: 0; width: 36px; height: 100%; background-position: center; }

div.rxsightform_addpatient_form_results div.portal-ui-animate-streaming { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-color: rgba(255,255,255,0.9); }
div.rxsightform_addpatient_form_results div.portal-ui-animate-streaming p { text-align: center; font-size: 11px; text-transform: uppercase; padding-top: 140px; }
div.rxsightform_addpatient_form_results div.scroll { max-height: 190px; overflow: auto; }
div.rxsightform_addpatient_form_results table { width: 100%; height: 100%; }
div.rxsightform_addpatient_form_results table tr { background-color: #DDDDDD; cursor: default; }
div.rxsightform_addpatient_form_results table tr.portal-table-none { height: 190px; }
div.rxsightform_addpatient_form_results table tr.selectable-rows:hover { background-color: #F6F6F6; cursor: pointer; }
div.rxsightform_addpatient_form_results table th { padding: 6px; font-size: 12px; font-weight: 700; text-align: left; background-color: #6fcbd0; }
div.rxsightform_addpatient_form_results table td { padding: 6px; font-size: 13px; background-position: center; background-size: 16px; }
div.rxsightform_addpatient_form_results table td.portal-ui-next { width: 30px; padding: 0; }
div.rxsightform_addpatient_form_results table td.portal-ui-link { width: 50px; padding: 0; }
div.rxsightform_empty,
div.rxsightform_newpatient { padding: 12px; }
div.rxsightform_addpatient_form h4 { font-weight: bold; line-height: 130%; }

div.step2 div.rxsightform_addpatient_form_section_step { padding-top: 28px;}
div.step2 div.rxsightform_addpatient_form_results { min-height: 260px; }
div.step2 div.rxsightform_addpatient_form_results div.scroll { max-height: 260px; }
div.step2 div.rxsightform_addpatient_form_results table tr.portal-table-none { height: 260px; }

div.sn_setup { position: absolute; top: 0; left: 0; background-color: #4C1743; width: 100%; }
div.sn_setup p { float: left; font-size: 10px; padding: 4px 8px; margin: 0; background-color: #000000; color: #FFFFFF; text-transform: uppercase; }
div.sn_setup p a { text-decoration: none; color: #FFDDEE; display: inline-block; }

div.rxsightform_chart_item { position: relative; border: 2px solid #4c1743; width: 280px; height: 160px; margin: 20px; float: left; padding: 36px 24px; background-color: rgba(255,255,255,0.3); }
div.rxsightform_chart_item:hover { background-color: rgba(255,255,255,0.6); }
div.rxsightform_chart_item.completed { background-color: rgba(228,255,228,0.3); background-image: url(/Content/Images/Icons/color/success_green.png); background-size: 32px; background-position: 95% 95%; }
div.rxsightform_chart_item.completed:hover { background-color: rgba(228,255,228,0.6); }
div.rxsightform_chart_item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.rxsightform_chart_item p.type { position: relative; background-size: 96px; padding-top: 108px; background-position: center top; font-size: 36px; font-weight: bold; color: #4C1743; text-align: center; margin: 0 auto; }
div.rxsightform_chart_item p.sn { font-size: 11px; color: #666666; text-align: center; }
div.rxsightform_chart_item.disabled { opacity: 0.3; }
div.rxsightform_chart_item.disabled a { display: none; }

div.portal-sidebar-add-container div.sidebar-datapoint-field-row label { line-height: 170%; font-size: 12px; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row input.input_text,
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices { width: calc(100% - 114.1px); }

/* CUSTOM BUTTONS */
.rxsight-medical-contact-form { position: absolute; top: -40px; left: 24px; display: inline-block; font-weight: bold; padding: 6px 6px 6px 22px; box-shadow: 2px 2px 2px #999; color: #000000; background: url(/Content/Images/Icons/black/Menu/sidemenu_help.png) 4px 50% no-repeat rgba(0,0,0,0.1); background-size: 14px 14px;  border-radius: 8px; text-decoration: none; font-size: 13px; }
.rxsight-medical-contact-form:hover { background-color: rgba(0,0,0,0.25); }
.rxsight-medical-contact-form:after { position: absolute; top: 0; left: 105%; font-weight: normal; content: "For clinical inquiries about the Light Adjustable Lens, Light Delivery Device, or patient-related care, please click on this button."; font-size: 9px; width: 212px; }

@media (max-width: 820px) {
    div.portal-help-menu { width: auto; padding-left: 0px; }
    div.portal-footer-content p.company-footer { padding-top: 54px; }
}

@media (max-width: 480px) {
    .rxsight-medical-contact-form { top: -22px; padding: 4px 6px 4px 22px; background-size: 12px 12px; font-size: 12px; }
}

@media only screen and (min-width: 768px) and (min-aspect-ratio: 32 / 19) {
    body.public-page-login { min-height: 750px; background-image: url("/Themes/RxSight/Images/Backgrounds/login_bg2.png"), url("/Themes/RxSight/Images/Backgrounds/login_bg1.jpg"); background-repeat: no-repeat, no-repeat; background-size: auto 100%, cover; background-position: right, center; }
    .portal-public .portal-footer { /* position: static; */ }
    .portal-public .portal-footer p.copyright { max-width: 500px; }
    .portal-public-auxiliary { margin-top: 7.5vh; max-width: 380px; }
    .portal-public-auxiliary h2::after { content: "Welcome to the"; font-family: "GothamLight", sans-serif; color: #4c1743; font-size: 36px; }
    .portal-public-auxiliary h3::after { content: "RxSight® Connect Portal"; font-family: "GothamMedium", sans-serif; color: #4c1743; font-size: 36px; }
    .portal-public-auxiliary p:last-child::after { content: "This portal no longer hosts the RxSight Library for Light Adjustable Lens customers. If you need access to the new RxSight Library, please reach out to marketing@rxsight.com."; line-height: 120%; font-size: 12px; }
}

@media only screen and (min-device-width: 480px) and (min-aspect-ratio: 32 / 19), not (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-aspect-ratio: 16/11) {
    body.public-page-login { min-height: 768px; background-image: url("/Themes/RxSight/Images/Backgrounds/login_bg2.png"), url("/Themes/RxSight/Images/Backgrounds/login_bg1.jpg"); background-repeat: no-repeat, no-repeat; background-size: auto 100%, cover; background-position: right, center; }
    .portal-public .portal-footer { /* position: static; */ }
    .portal-public .portal-footer p.copyright { max-width: 500px; }
    .portal-public-auxiliary { margin-top: 7.5vh; max-width: 380px; }
    .portal-public-auxiliary h2::after { content: "Welcome to the"; font-family: "GothamLight", sans-serif; color: #4c1743; font-size: 36px; }
    .portal-public-auxiliary h3::after { content: "RxSight® Connect Portal"; font-family: "GothamMedium", sans-serif; color: #4c1743; font-size: 36px; }
    .portal-public-auxiliary p:last-child::after { content: "This portal no longer hosts the RxSight Library for Light Adjustable Lens customers. If you need access to the new RxSight Library, please reach out to marketing@rxsight.com."; line-height: 120%; font-size: 14px; }
}