/* ================================= */
/*
    ENVISION PORTAL MAIN STYLESHEET
    LIST OF STYLE CONTENT SECTIONS

    A. Generic Elements
    B. Frameworks
    C. Side Menu
        1. Side Menu Slideout Area
        2. Windows List
        3. Footer Slideout Area
    D. Public Styles
    E. Generic Page Messages
    F. Status, Loading and Messages
    G. System/Admin Form Items
    H. Pop-ups
    I. Dashboard
    J. Cursors
    K. Tiles
        1. Experimental Tiles
    L. Windows
    M. Reports
    N. Tables
        1. Expandable Tables
    O. Buckets
    P. Rows
    Q. Builders and Blueprints
    R. Media/Uploads
    S. Profile
    T. Errors (top banner)
    U. Notify (top banner)
    V. Maintenance (top banner)
    
    --------------
    PORTAL MODULES
    --------------

    - Welcome
    - Training
    --   Dashboard
    --   Video
    - Connect
    --   Conversations
    --   Comments
    --   Media
    --   Network
    - Studies
    --   List
    --   Dashboard
    --   Dataform
    ---     Media Overlay
    --   Datapoints
    ---     Subitems
    ---     Labels
    ---     Alert Messages
    ---     Layouts
    ---     Expand Overlay
    ---     Fields
    ---     Input Field Items
    ---     Preview
    - Orders
    --   Orderform
    - Survey
    --   Labels
    --   Input Field Items
    - Certifications
    - Approvals
    - Moderation
    - Media Properties

    Page Mode
    CSS3 Animations
    JQuery Style Overrides
    Mobile Compatibility
    Debug

    --------------------------
    Colors Images - Core Theme
    --------------------------
*/


/* A - GENERIC ELEMENTS */
body { font-family: "Ubuntu", Arial, Helvetica, sans-serif;	background-size: auto 600px; min-height: 600px; background-attachment: fixed; }
input, select, textarea, dt, dd { font-family: "Ubuntu", Arial, Helvetica, sans-serif; }
p { line-height: 120%; margin-bottom: 1em; }
p strong { font-weight: bold; }

/* B - FRAMEWORKS */
div.portal-container { position: relative; width: 100%; height: 100%; }
div.portal-content { margin-left: 100px; padding: 12px 36px; margin-bottom: 36px; }
html.no-backgroundsize body.portal-private div, 
html.no-backgroundsize body.portal-public div { display: none; }

html body.content-pdf { background-image: none !important; }

/* C - SIDE MENU */
aside { position: absolute; top: 0; left: 0; min-width: 100px; height: 100%; box-shadow: #000000 2px 0px 8px; z-index: 20; }
.portal-sidemenu-container { padding: 12px 0; z-index: 3; }
.portal-sidemenu-item,
.portal-settings-item { text-align: center; margin-bottom: 6px; }
.portal-sidemenu-options { min-height: 64px; margin-bottom: 6px; }
.portal-sidemenu-options .portal-logo-bug { background-position: center; margin: 0 auto 6px; }
.portal-sidemenu-home { margin-bottom: 24px; }

.portal-sidemenu-item a.button-badge { position: relative; background-position: center; background-size: 18px; min-width: 18px; }
.portal-sidemenu-item a.button-badge span.count { position: absolute; padding: 2px; top: -41px; right: 22px; border-radius: 12px; min-width: 12px; min-height: 12px; font-size: 11px; text-align: center; max-height: 14px; max-width: 36px; overflow: hidden; }

.portal-sidemenu-module-container { position: relative; padding: 18px 0 12px; border-top: 1px solid; border-bottom: 1px solid; }
.portal-sidemenu-module-container .portal-sidemenu-module-btn-container { position: absolute; left: 0; width: 100%; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }
.portal-sidemenu-module-container.tab_active .portal-sidemenu-module-btn-container { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); }

.portal-sidemenu-module-container a.portal-sidemenu-module-btn { margin: 0 auto; display: block; width: 16px; height: 16px; padding: 6px; background-position: center; background-size: 16px 16px; }
.portal-sidemenu-module-container a.portal-sidemenu-module-btn.disabled { transform: scale(0.6); -moz-transform: scale(0.6); -webkit-transform: scale(0.6); cursor: not-allowed; }
.portal-sidemenu-module-container .portal-sidemenu-module-btn-container.module-up { top: -12px; }
.portal-sidemenu-module-container .portal-sidemenu-module-btn-container.module-down { bottom: -12px; }
.portal-sidemenu-module-belt-container { position: relative; overflow: hidden; }
.portal-sidemenu-module-belt { position: relative; }

.sidemenu-button, .settings-button 
{ 
	padding: 50px 2px 8px; display: inline-block; width: 80px; background: no-repeat center 8px; background-size: 36px;
	font-size: 11px; text-transform: uppercase; text-decoration: none; -webkit-tap-highlight-color: transparent; text-align: center;
}
span.sidemenu-button { font-weight: bold; }
.sidemenu-button.disabled { cursor: not-allowed; }
span.logout { background-position: 50% 6px; padding: 22px 0 12px 0; font-size: 12px; display: none; }
.portal-sidemenu-footer { position: absolute; width: 100%; bottom: 0; padding-top: 12px; }

.portal-notification { position: absolute; top: 22px; left: -150px; padding-left: 108px; border: 2px solid; z-index: 4; }
.portal-notification.active { left: 0; }
.portal-notification a { display: inline-block; font-size: 14px; font-weight: bold;  padding: 8px 8px 8px 20px; background-repeat: no-repeat; background-position: left center; background-size: 16px; text-decoration: none; max-width: 0; }
.portal-notification.alert a { max-width: 100%; }
.portal-notification-tabs { margin-bottom: 1em; text-align: center; padding: 12px 0; border-top: 1px solid; border-bottom: 1px solid; }
.portal-notification-tabs li { display: inline-block; text-align: center; }
.portal-notification-tab { display: inline-block; width: 60px; padding: 45px 3px 8px; margin: 0 2px; font-size: 11px; text-align: center; text-transform: uppercase; text-decoration: none; background-position: 50% 8px; background-size: 32px auto !important; }
.portal-notification-item { position: relative; padding: 8px 12px; margin-bottom: 1em; }
.portal-notification-item p { margin: 0 0 0.2em 0; font-size: 14px; }
.portal-notification-close { position: absolute; top: 8px; right: 8px; display: block; width: 12px; height: 12px; }
.portal-notification-title { padding-right: 24px; margin-bottom: 0.25em; max-width: 260px; overflow: hidden; text-transform: uppercase; font-weight: bold; font-size: 13px; cursor: pointer; } /* position: absolute; top: 8px; left: 8px; */
.portal-notification-clear-all { display: block; padding: 6px 4px; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: bold; margin-bottom: 12px; text-decoration: none; background-size: auto 50%; background-position: 50px 50%; }

.portal-popup-notification-email-message ul { padding: 1em; border: 1px solid; margin-top: 1em; }
.portal-popup-notification-email-message ul li { margin-bottom: 0.25em; }

/* C1 - SIDE MENU SLIDE OUT AREA 
div.portal-sidemenu-slidepanel { position: absolute; top: 0; left: 100px; width: 0; height: 100%; overflow: hidden; z-index: 10; }
div.portal-sidemenu-slidepanel-container { position: absolute; top: 0; left: -400px; width: 400px; height: 100%; }
div.portal-sidemenu-slidepanel-container.open { left: 0; } */

div.portal-sidemenu-slidepanel { position: fixed; top: 0; left: -400px; width: 100%; max-width: 400px; height: 100%; overflow: hidden; z-index: 10; transition: left 0.6s, max-width 0.6s; }
div.portal-sidemenu-slidepanel-container { position: relative; padding-left: 100px; height: 100%; }
div.portal-sidemenu-slidepanel.open { left: 0; }

a.portal-sidemenu-button-close { display: block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background-position: center; background-size: 16px; z-index: 1; }
div.portal-sidemenu-slidepanel-loading-container { position: absolute; top: 32px; left: 0; width: 100%; height: 100%; z-index: 1; padding-left: 100px; box-sizing: border-box; }
div.portal-sidemenu-slidepanel-loading { 
    position: relative; top: 120px; background: url(/Content/Images/Framework/Icons/img00_loading_black.gif) no-repeat 50% 33%;
    width: 100px; padding: 30px 0px 12px 0px; font-size: 11px; text-align: center; margin: 0 auto;
}
div.portal-sidemenu-slidepanel-scroll-outer { position: relative; z-index: 2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; }
div.portal-sidemenu-slidepanel-scroll-inner { height: 100%; overflow: auto; }
div.portal-sidemenu-slidepanel-scroll-content { position: relative; padding-right: 0px; }
div.portal-sidemenu-slidepanel-content { position: relative; padding: 36px 22px 28px 28px; display: none; overflow: hidden; }
h2.portal-sidemenu-slidepanel-title,
h2.portal-sidemenu-slidepanel-title a { font-weight: bold; font-size: 18px; margin-bottom: 12px; text-decoration: none; }
.portal-sidemenu-pins a.portal-sidemenu-slideout-button { 
	position: relative; padding: 8px 8px; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 1em; display: table; float: left; 
	background-position: 50% 20%; background-size: 64px auto; font-size: 13px; width: 80px; height: 80px; text-align: center; text-decoration: none;
}
.portal-sidemenu-pins a.portal-sidemenu-slideout-button span { display: table-cell; vertical-align: bottom; }

.panel-category { position: relative; margin-bottom: 0.5em; overflow: hidden; }
.panel-category h3 { font-size: 14px; padding: 6px 10px; text-transform: uppercase; }
.panel-items { position: relative; margin-bottom: 1em; overflow: hidden; padding-left: 5px; }

div#reportgrouppartial .portal-window-report-title { display: none; }
div#reportgrouppartial .report-chart-type-container { clear: left; }
div#reportgrouppartial .report-chart-expand-filters { clear: none; }
div#reportgrouppartial .report-chart-filter { margin-bottom: 8px; }
div#reportgrouppartial .report-item h3 { max-width: 150px; }
div#reportgrouppartial a.report-group-return { display: inline-block; padding: 8px 8px 8px 28px; text-decoration: none; background-size: 16px auto; background-position: 6px center; font-size: 14px; text-transform: uppercase; }

/* C2 - WINDOWS LIST */
div#env-sidemenu-windows { position: relative; }
div.portal-sidemenu-windows-list { position: absolute; left: 110px; bottom: 2px; min-width: 300px; min-height: 64px; display: none; }
div.portal-sidemenu-windows-list::before,
div.portal-sidemenu-windows-list::after { position: absolute; right: 100%; bottom: 32px; border: solid transparent;	content: ""; height: 0;	width: 0; pointer-events: none; }
div.portal-sidemenu-windows-list::before { border-width: 13px; margin-bottom: -13px; }
div.portal-sidemenu-windows-list::after { border-width: 12px; margin-bottom: -12px; }
div.portal-sidemenu-windows-list h4 { position: relative; padding: 8px; text-align: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
div.portal-sidemenu-windows-list a.portal-sidemenu-windows-list-close { position: absolute; top: 4px; right: 4px; padding: 2px; display: block; width: 24px; height: 24px; background-size: 18px; background-position: center; }
div.portal-sidemenu-windows-list a.portal-sidemenu-windows-list-close span { display: none; }
div.portal-sidemenu-windows-list ul li { position: relative; font-size: 18px; text-align: left; border-top: 1px solid; white-space: nowrap; background-position: 10px 50%; background-size: 32px auto; }
div.portal-sidemenu-windows-list ul li.window-item-none { padding: 8px; font-size: 16px; }
div.portal-sidemenu-windows-list ul li.portal-ui-animate-loading { padding: 6px 12px 6px 52px; }
div.portal-sidemenu-windows-list ul li a.window-item-title { padding: 6px 84px 6px 36px; text-decoration: none; display: block; background-size: 18px; background-position: 10px 50%; }
div.portal-sidemenu-windows-list ul li .window-item-action { position: absolute; top: 3px; display: block; width: 24px; height: 24px; background-position: center; background-size: 16px 16px; }
div.portal-sidemenu-windows-list ul li .window-item-action span { display: none; }
div.portal-sidemenu-windows-list ul li .window-item-action.portal-ui-close { right: 6px; }
div.portal-sidemenu-windows-list ul li .window-item-action.portal-ui-pin { right: 30px; }
div.portal-sidemenu-windows-list ul li .window-item-action.portal-ui-drag { right: 54px; cursor: move; }
div.portal-sidemenu-windows-list ul li .window-item-action.disabled { opacity: 0.25; }

/* C3 - FOOTER SLIDE OUT AREA */
div.portal-sidemenu-footerpanel { position: fixed; bottom: 0; left: -100%; width: 100%; overflow: hidden; z-index: 10; transition: left 0.6s; }
div.portal-sidemenu-footerpanel-container { position: relative; padding-left: 100px; }
div.portal-sidemenu-footerpanel.open { left: 0%; }

div.portal-sidemenu-footerpanel-content { padding: 0 32px 0 8px; text-align: center; height: 100%; width: 100%; overflow: hidden; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
div.portal-help-menu { padding: 12px 0; }
div.portal-help-menu ul { display: inline-flex; border-right: 2px solid; padding-right: 6px; margin-right: 24px; }
div.portal-help-menu li { font-size: 14px; padding: 0 8px; }
div.portal-help-menu li a { min-height: 10px; }
div.portal-footer-content { display: table-cell; vertical-align: middle; text-align: center; padding: 12px 0; }
div.portal-footer-content p.company-footer { text-align: left; font-size: 12px; line-height: 120%; background-position: left center; display: table-cell; vertical-align: middle; padding-left: 200px; background-size: 180px; }
div.portal-footer-content p.company-footer span.footer-copyright { display: block; font-size: 13px; }
div.portal-footer-content p.company-footer span.footer-info,
div.portal-footer-content p.company-footer span.footer-link { display: inline-block; padding: 0 4px; font-weight: 500; white-space: nowrap; }
div.portal-footer-content p.company-footer span.footer-info { padding-left: 0; }
div.portal-help-menu li#env-help-ticketform .sidemenu-button { font-size: 10px; }

/* D - PUBLIC STYLES */
.portal-public { min-width: 760px; background-attachment: fixed; }
.portal-public aside { position: fixed; }
.portal-public .portal-header { padding: 64px 16px 32px 64px; }
.portal-public .portal-header h1 { font-size: 48px; }
.portal-public .portal-section { padding: 0 0 64px 64px; overflow: hidden; }

.portal-public .portal-content { margin-bottom: 0; }

.portal-public .portal-form .portal-form-row { margin-bottom: 24px; }
.portal-public .portal-form .portal-form-row h4 { font-size: 22px; margin-bottom: 6px; }
.portal-public .portal-form .portal-form-button-row { margin-bottom: 12px; }
.portal-public .portal-form .portal-form-row .form-footnote { font-size: 12px; margin-top: 4px; }

.portal-public .portal-footer { position: absolute; left: 0; bottom: 24px; width: 100%; }
.portal-public .portal-footer-container { padding-left: 100px; }
.portal-public .portal-footer p { text-align: center; font-size: 12px; }
.portal-public .portal-footer p.copyright { background: url(/Content/Logos/envision.png) no-repeat top center; background-size: 140px auto; padding-top: 32px; }

.portal-public input.input_text,
.portal-public input.input_password,
.portal-public select.input_select { padding: 6px; font-size: 18px; }
.portal-public input.input_button { -webkit-appearance: none; border: 2px solid; padding: 6px 8px; cursor: pointer; }
.portal-public input.input_button.button-login-cam { padding-left: 32px; background-repeat: no-repeat; background-size: 20px; background-position: 6px 50%; }

.portal-login-status.invalid { padding: 8px; border: 1px solid; display: inline-block; width: auto; max-width: 480px; line-height: 130%; }
.portal-login-status strong { font-weight: bold; }

.portal-public .portal-completeinvitation-content { float: left; width: 300px; margin-right: 8px; }
.portal-public .portal-completeinvitation-requirements { float: left; padding: 12px; margin-top: 18px; width: 230px; }
.portal-public .portal-completeinvitation-requirements p { font-size: 16px; }
.portal-public .portal-completeinvitation-requirements ul { list-style-type: disc; margin-left: 18px; }
.portal-public .portal-completeinvitation-requirements ul li { line-height: 120%; font-size: 12px; }

.portal-public .portal-resetpassword-content { float: left; width: 300px; margin-right: 16px; }
.portal-public .portal-resetpassword-requirements { float: left; padding: 12px; margin-top: 18px; width: 230px; }
.portal-public .portal-resetpassword-requirements p { font-size: 16px; }
.portal-public .portal-resetpassword-requirements ul { list-style-type: disc; margin-left: 18px; }
.portal-public .portal-resetpassword-requirements ul li { line-height: 120%; font-size: 12px; }

.portal-public .portal-logincam-container { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; z-index: 1; }
.portal-public .portal-logincam-container.open { left: 0%; }
.portal-public .portal-logincam { padding: 32px 24px; max-width: 480px; margin: 0 auto; }
.portal-public .portal-logincam-video { position: relative; }
.portal-public .portal-logincam-video video { margin-bottom: 1em; width: 100%; max-width: 480px; }
.portal-public .portal-logincam-video p.webcam-status { position: absolute; top: 12px; left: 12px; }
.portal-public .portal-logincam-video a.portal-logincam-cancel { position: absolute; bottom: 24px; right: 12px; text-decoration: none; display: inline-block; padding: 6px; border: 1px solid; font-size: 13px; text-transform: uppercase; }
.portal-public .portal-logincam p.attempt { position: absolute; bottom: 12px; left: 12px; padding-left: 28px; } 

.portal-public .portal-completeinvitation-extraproperties { clear: left; padding: 1em; max-width: 580px; width: 100%; overflow: hidden; margin-bottom: 1.5em; box-sizing: border-box; }
.portal-public .portal-completeinvitation-extraproperties .portal-form-row { float: left; margin-right: 1.8em; margin-bottom: 1em; }
.portal-public .portal-completeinvitation-extraproperties .portal-form-row h5 { font-size: 15px; margin-bottom: 3px; }
.portal-public .portal-completeinvitation-extraproperties .portal-form-row input.input_text,
.portal-public .portal-completeinvitation-extraproperties .portal-form-row input.input_password,
.portal-public .portal-completeinvitation-extraproperties .portal-form-row select.input_select { font-size: 16px; padding: 4px; }

/* E - GENERIC PAGE MESSAGES */
body.portal-message { min-height: 480px; }
body.portal-message div.portal-content { position: relative; padding: 0px 24px; margin: 0 auto; max-width: 780px; height: auto !important; min-height: 100%; }
body.portal-message header.portal-header { padding: 32px 0; }
body.portal-message header.portal-header h1 { font-size: 48px; }
body.portal-message section.portal-section { padding-bottom: 96px; }
div.portal-message-content p,
div.portal-message-content h2,
div.portal-message-content h3,
div.portal-message-content li { line-height: 130%; }
div.portal-message-content h2 { line-height: 130%; font-size: 24px; font-weight: bold; margin-bottom: 0.8em; }
div.portal-message-content h3 { line-height: 130%; font-size: 16px; font-weight: bold; margin-bottom: 0.8em; }
div.portal-message-content ul { list-style-type: disc; margin-left: 2em; margin-bottom: 1em; }
div.portal-message-content ul li { margin-bottom: 0.5em; }
div.portal-message-content li em { font-style: italic; }
body.portal-message footer.portal-footer { position: absolute; bottom: 0; width: 100%; }
body.portal-message footer div.portal-footer-container { padding: 24px; }
body.portal-message footer p.copyright { background: none; padding: 0; text-align: center; font-size: 12px; }
div.useragent { padding: 12px; }


/* F - STATUS, LOADING AND MESSAGES */
.portal-loading-content { position: relative; top: 120px; background-position: 50% 30%; width: 100px; padding: 32px 8px 12px; font-size: 11px; text-align: center; margin: 0 auto; text-transform: uppercase; }
.portal-status-content { display: inline-block; padding: 12px 12px 12px 36px; background: no-repeat 10px center; border: 1px solid; background-size: 20px 20px !important; font-size: 14px; line-height: 120%; }
.portal-ui-animate-submitting,
.portal-ui-animate-processing { font-size: 14px; }
.portal-ui-animate-loading { font-size: 12px; }


/* G - SYSTEM/ADMIN FORM ITEMS */
div.portal-system-formitems { padding: 10px 0; overflow: hidden; }
div.portal-system-formitems .form_expand { clear: both; }
div.portal-system-formitems .form_expand h5 { clear: both; padding: 8px 16px; margin: 0 0.5em 1em 0.5em; font-weight: bold; font-size: 18px; }

div.portal-system-formitems .form_item { position: relative; font-size: 14px; padding: 10px 15px; float: left; margin: 0 10px 16px 10px; width: 230px; height: 60px; overflow: hidden; }
div.portal-system-formitems .form_item_width_double { width: 478px; }
div.portal-system-formitems .form_item.width_full { box-sizing: border-box; width: 98%; }
div.portal-system-formitems .form_item h6 { font-size: 15px; font-weight: bold; margin-bottom: 4px; }
div.portal-system-formitems .form_item .form_label { font-size: 11px; margin-bottom: 4px; }

div.portal-system-formitems .form_expand .form_item { padding-left: 115px; }
div.portal-system-formitems .form_item .form_item_for { position: absolute; top: 0; left: 0; width: 100px; height: 100%; }
div.portal-system-formitems .form_item .form_item_for p { margin: 0; padding: 8px; font-size: 12px; }

div.portal-system-formitems .form_item input.input_text,
div.portal-system-formitems .form_item select.input_select { font-size: 14px; padding: 3px; border: 1px solid; }

div.portal-system-formitems div.merge_field_container { margin-top: 0.5em; padding: 12px; }
div.portal-system-formitems div.merge_field_label { float: left; margin-right: 1em; width: 160px; }
div.portal-system-formitems a.merge_field_option { position: relative; display: inline-block; padding: 4px 16px 4px 32px; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; margin-right: 1em; margin-bottom: 1em; }
div.portal-system-formitems a.merge_field_option span { position: absolute; top: 0; left: 0; width: 24px; height: 100%; font-size: 24px; text-align: center; line-height: 18px; }

div.portal-system-formitems div.input_upload { position: relative; background-position: center; background-size: 32px auto; border: 2px dashed; border-radius: 8px; height: 180px; opacity: 0.4; width: 150px; margin-top: 1.5em; }
div.portal-system-formitems div.input_upload.dropped { opacity: 1.0; border: 2px solid; }
div.portal-system-formitems div.input_upload a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
div.portal-system-formitems div.input_upload a.input_upload_btn { background-position: center 24%; background-size: 64px auto; box-sizing: border-box; font-size: 11px; padding: 108px 16px 12px; text-decoration: none; text-transform: uppercase; line-height: 12px; text-align: center; }
div.portal-system-formitems div.progresscontainer { position: absolute; width: 100%; min-height: 5px; bottom: 0; left: 0; }
div.portal-system-formitems div.progresscontainer div.progress { position: absolute; width: 0%; min-height: 5px; bottom: 0; left: 0; }

div.portal-system-formitems div.field_options { padding: 10px 6px; }
div.portal-system-formitems div.field_options h3 { font-weight: bold; }
div.portal-system-formitems div.field_options hr { margin: 1em 0; }

div.portal-system-formitems table.field_option_table,
div.portal-system-formitems table.field_datapoint_table { width: 100%; margin-top: 0.5em; }
div.portal-system-formitems table.field_option_table th,
div.portal-system-formitems table.field_option_table td,
div.portal-system-formitems table.field_datapoint_table th,
div.portal-system-formitems table.field_datapoint_table td { font-size: 11px; padding: 3px 2px; vertical-align: middle; }
div.portal-system-formitems table.field_option_table input,
div.portal-system-formitems table.field_option_table select,
div.portal-system-formitems table.field_datapoint_table input,
div.portal-system-formitems table.field_datapoint_table select { font-size: 11px; }
div.portal-system-formitems table.field_option_table a.field_option_add,
div.portal-system-formitems table.field_datapoint_table a.field_option_add { font-weight: bold; text-align: center; display: block; font-size: 12px; padding: 4px 0; text-transform: uppercase; }
div.portal-system-formitems table.field_option_table a.field_option_add span,
div.portal-system-formitems table.field_datapoint_table a.field_option_add span { background-size: auto 100%; display: inline-block; padding-left: 20px; }
div.portal-system-formitems table.field_option_table a.field_option_remove,
div.portal-system-formitems table.field_datapoint_table a.field_option_remove { display: block; width: 14px; height: 14px; margin: 0 3px; }
div.portal-system-formitems table.field_option_table a.field_option_remove span,
div.portal-system-formitems table.field_datapoint_table a.field_option_remove span { display: none; }

div.portal-system-formitems table.field_option_table tr.sub > th,
div.portal-system-formitems table.field_option_table tr.sub > td { padding: 0; }
a.field_values_add, a.field_values_delete { background-size: 100%; width: 16px; height: 16px; display: block; }
a.field_values_add span, a.field_values_delete span { display: none; }

footer.portal-system-footer { position: relative; overflow: hidden; }
footer.portal-system-footer div { padding: 6px 24px; overflow: hidden; }
footer.portal-system-footer div.portal-system-footer-buttons,
footer.portal-system-footer div.portal-system-footer-status { float: right; }
footer.portal-system-footer div.portal-system-footer-buttons a { display: inline-block; float: right; font-weight: bold; margin-left: 0.8em; padding: 8px 12px; text-decoration: none; }
footer.portal-system-footer div.portal-system-footer-message { line-height: 24px; }
footer.portal-system-footer div.portal-system-footer-message p { padding: 4px 4px 4px 40px; font-size: 18px; font-weight: bold; margin: 0; }
/*
.popup_certifyuploadform a.disabled { opacity: 0.2; cursor: not-allowed; }
.popup_certifyuploadform a.disabled:hover { background-color: transparent !important; }
.popup_certifyuploadform div.progresscontainer { position: absolute; width: 100%; min-height: 5px; bottom: 0; left: 0; }
.popup_certifyuploadform div.progresscontainer div.progress { position: absolute; width: 0%; min-height: 5px; bottom: 0; left: 0; }
*/

div.multiselect_container { position: relative; display: inline-block; max-width: 50%; }
li.mslist { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
li.mslist ul { width: 110%; }

div.multiselect_list { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
div.multiselect_list.active { left: 100%; }
div.multiselect_list ul { padding: 12px; }
div.multiselect_list li { font-size: 13px; margin-bottom: 4px; }
div.multiselect_list li.empty { line-height: 130%; }
div.multiselect_list li.title { font-weight: bold; text-decoration: underline; margin-bottom: 8px; }
        
ul.input_multiselect { position: relative; z-index: 3; /* display: inline-block; */ overflow-y: auto; }
ul.input_multiselect li { border-bottom: 1px solid; }
ul.input_multiselect li.msitem a { display: block; padding: 10px 32px; text-decoration: none; background-size: 16px; background-position: 8px 50%; font-size: 14px; }
ul.input_multiselect li:last-child { border: 0; }

ul.input_multiselect li.toolbar { padding: 2px; background-color: #DDDDDD; overflow: hidden; }
ul.input_multiselect li.toolbar a { display: inline-block; width: 20px; height: 16px; background-size: 12px; background-position: center; }
ul.input_multiselect li.toolbar a span { display: none; }


/* H - POP-UPS */
form.portal-popup-form { position: relative; }
div.portal-popup-formitems { overflow: hidden; padding: 16px; display: flex; flex-wrap: wrap; justify-content: flex-start; }
div.portal-popup-formitems .form_item { position: relative; font-size: 14px; padding: 10px 15px; float: left; margin: 6px 8px; width: 214px; height: 50px; overflow: hidden; }
div.portal-popup-formitems .form_item_width_double { width: 478px; }
div.portal-popup-formitems .form_item_height_auto { height: auto; }
div.portal-popup-formitems .form_item h6 { margin-bottom: 4px; }
div.portal-popup-formitems .form_item .form_label { font-size: 11px; margin-bottom: 4px; }

div.portal-popup-formitems .form_item input.input_text,
div.portal-popup-formitems .form_item select.input_select { font-size: 14px; padding: 3px; border: 1px solid; }

div.portal-popup-formitems .form_item form.form_upload { height: 120px; }
div.portal-popup-formitems .form_item div.input_upload { width: auto; height: 100%; }
div.portal-popup-formitems .form_item div.input_upload a.input_upload_btn { padding-top: 64px; font-size: 13px; }
div.portal-popup-formitems .form_item div.input_upload .input_upload_maintenance { font-size: 13px; }
div.portal-popup-formitems .form_item div.progresscontainer { min-height: 7px; bottom: 55px; }

div.portal-popup-formitems .form_item_sub { font-size: 12px; padding: 10px; float: left; margin: 0 20px 0 0; }
div.portal-popup-formitems .form_item_sub.last { margin-right: 0; }
div.portal-popup-formitems .form_item_sub input.input_text,
div.portal-popup-formitems .form_item_sub select.input_select { padding: 2px; margin-left: 4px; font-size: 12px; }
div.portal-popup-formitems .form_item_sub.item_checkboxes { padding: 6px; margin-bottom: 16px; }
div.portal-popup-formitems .form_item_sub.item_checkboxes h6 { font-size: 14px; font-weight: bold; }
div.portal-popup-formitems .form_item_sub.item_checkboxes label { display: inline-block; padding-right: 10px; text-transform: uppercase; font-size: 12px; vertical-align: text-top; }

div.portal-popup-formitems .media_bucket.media_overflow div.mediaitem { float: left; overflow: hidden; margin-right: 2em; min-width: 150px; }
div.portal-popup-formitems .media_bucket.media_overflow p { font-size: 14px; font-weight: normal; text-align: center; line-height: 130%; position: static; text-transform: none; box-sizing: border-box; }
div.portal-popup-formitems .media_bucket.media_overflow div.image_pending p,
div.portal-popup-formitems .media_bucket.media_overflow div.image_error p{ max-width: 150px; }

div.portal-popup-formitems a.portal-ui-help { display: block; width: 16px; height: 16px; }
div.portal-popup-formitems iframe { width: 100% !important; }

div.portal-popup-tabs { padding: 4px; }
div.portal-popup-tabs a { display: inline-block; text-align: center; padding: 6px 12px; font-size: 13px; text-decoration: none; margin-right: 4px }

.portal-popup-footer { position: relative; overflow: hidden; width: 100%; }
.portal-popup-footer div { overflow: hidden; padding: 6px 24px; }

.portal-popup-footer div.portal-popup-footer-buttons,
.portal-popup-footer div.portal-popup-footer-status { float: right; }
.portal-popup-footer div.portal-popup-footer-status { display: none; font-weight: bold; }
.portal-popup-footer div.portal-popup-footer-status span { padding: 8px 12px 8px 24px; }
.portal-popup-footer-buttons a { display: inline-block; padding: 8px 12px; float: right; margin-left: 0.8em; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.portal-popup-footer div.portal-popup-footer-message { padding: 6px 16px; }
.portal-popup-footer div.portal-popup-footer-message p { display: inline-block; padding: 8px 12px 8px 36px; margin: 0; white-space: nowrap; font-size: 14px; font-weight: bold; background-size: 24px; background-position: 4px 50%; }

.portal-popup-confirmation { position: relative; overflow: hidden; padding: 24px; }
.portal-popup-confirmation h3 { font-size: 20px; margin-bottom: 6px; }
.portal-popup-message { padding: 18px; margin-bottom: 0; }

.portal-popup-generic { padding: 1em; }
.portal-popup-generic h3 { font-size: 18px; font-weight: bold; }
.portal-popup-generic ul { list-style-type: disc; margin: 0 0 12px 24px; padding: 0; }
.portal-popup-generic ol { list-style-type: initial; margin: 0 0 12px 24px; padding: 0; }
.portal-popup-generic ul li,
.portal-popup-generic ol li { margin-bottom: 6px; line-height: 130%; }
.portal-popup-generic ul ul,
.portal-popup-generic ol ol { margin-top: 6px; }
.portal-popup-generic ul ul li,
.portal-popup-generic ol ol li { list-style-type: circle; }
.portal-popup-generic p { line-height: 130%; }

.portal-options-popup-container { position: absolute; }
.portal-options-popup-btn { display: block; width: 24px; height: 24px; }
.portal-options-popup-btn.portal-ui-dots { background-size: 70%; background-position: center; }
.portal-options-popup-btn.portal-ui-animate-processing { cursor: not-allowed; }
.portal-options-popup-btn span { display: none; }
.portal-options-popup { position: absolute; bottom: 110%; right: 0; width: 180px; }
.portal-options-popup.left { right: 36px; bottom: auto; top: -25%; }
.portal-options-popup.bottom { bottom: auto; top: 110%; }
.portal-options-popup-list { max-width: 300px; }
.portal-options-popup-list li { border-bottom: 1px solid; font-size: 13px; white-space: nowrap; }
.portal-options-popup-list li:last-child { border-bottom: 0; }
.portal-options-popup-list li a { display: block; padding: 8px 8px 8px 32px; text-decoration: none; background-size: auto 50%; background-position: 8px center; }
.portal-options-popup-list li:first-child a { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.portal-options-popup-list li:last-child a { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

/* I - DASHBOARD 
.portal-dashboard-content { margin-left: 100px; height: 100%; overflow: hidden; } */
.portal-dashboard-content { padding-left: 100px; height: 100%; overflow: hidden; position: relative; }
.portal-dashboard-scroll-container { position: relative; width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; }
.portal-dashboard-scroll-belt { height: 100%; position: absolute; }
.portal-footer-disclaimer { border-left: 2px solid; padding-left: 16px; padding-right: 16px; margin-left: 16px; }
.portal-disclaimer { font-size: 13px; padding: 5px 8px; max-width: 220px; min-width: 200px; }
.portal-disclaimer p { text-align: left; }

/* J - CURSORS */
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt { cursor: move; cursor: ew-resize; cursor: -moz-grab; cursor: -webkit-grab; }
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt:active { cursor: move; cursor: ew-resize; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt .portal-dashboard-tiles-header,
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt .portal-dashboard-tiles-list-container,
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt.portal-window-header,
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt .portal-window-toolbar,
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt .portal-window-contentarea,
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt .portal-bucket,
.portal-dashboard-scroll-container.drag_icons .portal-dashboard-scroll-belt .portal-window-attachment-container { cursor: auto !important; }


/* K - TILES */
.portal-dashboard-tiles-none { border: 1px dashed; padding: 64px 18px; width: 300px; text-align: center; }
.portal-dashboard-tiles-none h4 { font-weight: bold; font-size: 20px; margin-bottom: 12px; }

.portal-dashboard-tiles-container { float: left; height: 100%; overflow: hidden; min-width: 420px; }
.portal-dashboard-tiles-content { padding: 60px; min-width: 200px; }

.portal-dashboard-profile-display { margin-bottom: 1em; }
.portal-dashboard-profile-display h4 { position: relative; font-size: 24px; padding-left: 56px; padding-right: 64px; }
.portal-dashboard-profile-display h4 img.portal-dashboard-tiles-avatar { position: absolute; left: 0; bottom: 0; width: 48px; height: 48px; }
.portal-dashboard-profile-display h4 span.first-line { font-size: 14px; }
.portal-dashboard-profile-display h4 a.portal-dashboard-tiles-music { position: absolute; right: 12px; top: 15px; width: 32px; height: 32px; background-size: 32px; display: block; }

.portal-dashboard-tiles-list-content { position: relative; }
.portal-dashboard-tiles { display: none; }
.portal-tile-sortable { overflow: hidden; }

.portal-tile { position: relative; width: 148px; height: 140px; float: left; margin: 0 16px 16px 0; }
.portal-tile a.portal-tile-link { display: block; width: 110px; height: 120px; padding: 8px 22px 8px 12px; text-decoration: none; font-size: 13px; background-size: 96px 96px; background-repeat: no-repeat; background-position: center 70%; }
.portal-tile a.portal-tile-delete { position: absolute; top: 7px; right: 4px; display: block; width: 16px; height: 16px; background-position: center; background-size: 12px; opacity: 0.5; }
html.no-touchdevice .portal-tile a.portal-tile-delete:hover { opacity: 0.9; }
.portal-tile a.portal-tile-drag { position: absolute; top: 25px; right: 4px; display: block; width: 16px; height: 16px; background-position: center; background-size: 12px; opacity: 0.5; cursor: move; }
html.no-touchdevice .portal-tile a.portal-tile-drag:hover { opacity: 0.9; }
.portal-tile-placeholder { width: 144px; height: 136px; float: left; margin: 0 16px 16px 0; }
.portal-tile.tile-width-double { width: 312px; }
.portal-tile.tile-width-double a.portal-tile-link { width: 274px; }
.portal-tile.tile-width-triple { width: 476px; }
.portal-tile.tile-width-triple a.portal-tile-link { width: 438px; }
.portal-tile.tile-height-double { height: 288px; }
.portal-tile.tile-height-double a.portal-tile-link { height: 272px; }
.portal-tile.tile-height-triple { height: 440px; }
.portal-tile.tile-height-triple a.portal-tile-link { height: 424px; }

div.portal-tile-extracontent { position: absolute; left: 12px; bottom: 8px; min-width: 130px; }
div.portal-tile-extracontent p { float: left; padding-left: 18px; min-width: 16px; margin-right: 16px; background-repeat: no-repeat; background-position: center left; margin-bottom: 0; background-size: 16px 16px; }
div.portal-tile-extracontent p span { padding-right: 0; }
div.portal-tile-extracontent p.portal-tile-content-patient-investigator { padding: 0 1em 0 0; margin: 0; font-size: 11px; }
div.portal-tile-extracontent p.portal-tile-content-patient-baseline { padding: 0 1em 0 0; margin: 0; font-size: 11px; float: right; max-width: 52px; overflow: hidden; }

.portal-tile.tile-width-double div.portal-tile-extracontent { left: 145px; bottom: auto; top: 35px; width: 154px; }
div.portal-tile-extracontent p.convo_message,
div.portal-tile-extracontent p.convo_info { float: none; padding: 0; margin: 0; font-size: 12px; }
div.portal-tile-extracontent p.convo_message { margin-bottom: 6px; font-size: 12px; font-weight: bold; padding-right: 20px; max-height: 80px; }
div.portal-tile-extracontent p.convo_info span { display: inline-block; font-size: 11px; }
div.portal-tile-extracontent p.convo_info span.convo_info_name { display: block; font-size: 14px; text-transform: uppercase; font-weight: bold; }

/* K1 - EXPERIMENTAL TILES */
.portal-tile.off { -webkit-transform: scale(0.01); -moz-transform: scale(0.01); transform: scale(0.01); opacity: 0; }

/* L - WINDOWS */
.portal-dashboard-windows-container { min-width: 10px; float: left; height: 100%; overflow: hidden; }
.portal-dashboard-windows-content { height: 100%; padding: 0 10px; }
.portal-window { position: relative; height: 100%; margin-right: 48px; float: left; overflow: hidden; }
.portal-window-container { position: relative; height: 100%; /* backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); */ }
.portal-window-loading { position: relative; padding: 120px; }
.portal-window-loading a.portal-window-loading-close { position: absolute; top: 6px; right: 6px; width: 32px; height: 32px; background-size: 20px; background-position: center; margin: 0 auto; }
.portal-window-loading a span { display: none; }
.portal-window-loading span.portal-window-loading-message { 
	display: block; min-width: 100px; max-width: 160px; margin: 0 auto; background-position: 50% 16px; text-transform: uppercase;
	padding: 32px 0px 8px; font-size: 11px; line-height: 120%; text-align: center;
}
.portal-window-loading span.portal-window-loading-message span.title { display: inline-block; font-weight: 700; padding: 5px 8px; margin: 4px 0; font-size: 13px; width: 100%; box-sizing: border-box; }
.portal-window-area { height: 100%; }

.portal-window header.portal-window-header { position: relative; z-index: 4; padding: 8px; }
.portal-window header.portal-window-header h2 { font-size: 24px; font-weight: bold; padding-left: 8px; line-height: 30px; overflow: hidden; max-width: 600px; min-height: 30px; }
.portal-window header.portal-window-header div.window-actions { float: right; overflow: hidden; }
.portal-window header.portal-window-header div.window-actions a { display: block; width: 30px; height: 30px; background-position: center; background-size: 20px; float: right; margin-left: 6px; }
.portal-window header.portal-window-header div.window-actions a span,
.portal-window header.portal-window-header div.window-actions span span { display: none; }
.portal-window header.portal-window-header div.window-actions a.disabled { opacity: 0.25; cursor: not-allowed; }

.portal-window-content { position: relative; z-index: 3; }
.portal-window-toolbar { position: relative; overflow: hidden; padding: 8px 0px; z-index: 5; }

.portal-window-toolbar p input.input_search,
.portal-window-toolbar p select.input_select { padding: 3px 24px 3px 4px; border: 1px solid; font-size: 13px; box-sizing: border-box; height: 22px; min-height: 22px; }
.portal-window-toolbar p select.input_select { padding: 3px 0 3px 4px; height: 22px; }

.portal-window-toolbar p.portal-window-toolbar-buttons { position: relative; float: right; margin: 0 15px 0 0; min-height: 24px; line-height: 100%; }
.portal-window-toolbar p.portal-window-toolbar-buttons a { display: inline-block; background-position: 5px 50%; background-size: 16px; margin: 0; vertical-align: middle; margin-left: 12px; margin-left: 0.6em; border: 1px solid; padding: 3px 4px; cursor: pointer; font-size: 13px; height: 16px; vertical-align: middle; text-decoration: none; float: right; }
.portal-window-toolbar p.portal-window-toolbar-buttons a strong { font-size: 120%; line-height: 12px; }
.portal-window-toolbar p a.button-icon-right { padding-left: 4px; padding-right: 24px; background-position: 97% 50%; background-size: 14px; }
.portal-window-toolbar p a.button-icon-left { padding-left: 24px; padding-right: 4px; background-position: 4px 50%; background-size: 14px; }
.portal-window-toolbar p.portal-window-toolbar-buttons a.button-badge { position: relative; background-size: 18px; min-width: 18px; }
.portal-window-toolbar p.portal-window-toolbar-buttons a.button-badge span.count { position: absolute; padding: 0px 2px; top: -6px; right: -7px; border-radius: 12px; min-width: 10px; font-size: 11px; font-weight: 700; text-align: center; }
.portal-window-toolbar p.portal-window-toolbar-buttons span.button-status, .portal-window-toolbar span.button-status { display: inline-block; background-position: 4px 50%; padding-left: 24px; font-size: 13px; padding-top: 4px; padding-bottom: 4px; }

.portal-window-toolbar p.portal-window-toolbar-search { position: relative; float: right; margin: 0 15px 0 0; font-size: 13px; min-height: 24px; line-height: 100%; }
.portal-window-toolbar p.portal-window-toolbar-search a.search_btn { position: absolute; top: 3px; right: 9px; display: block; width: 16px; height: 16px; padding: 0; }
.portal-window-toolbar p.portal-window-toolbar-search span.searching { position: absolute; top: 3px; right: 9px; display: block; width: 16px; height: 16px; padding: 0; }
.portal-window-toolbar p.portal-window-toolbar-search label { margin-right: 2px; }

.portal-window-toolbar p.portal-window-toolbar-filter { position: relative; float: left; margin: 0 0 0 15px; font-size: 13px; min-height: 24px; line-height: 100%; }
.portal-window-toolbar p.portal-window-toolbar-filter span.filter_label { min-height: 24px; line-height: 24px; white-space: nowrap; font-size: 13px; margin: 0 6px 0 0; }
.portal-window-toolbar p.portal-window-toolbar-filter span.filter_searching { display: inline-block; min-width:16px; min-height: 22px; background-position: 0 50%;  }
.portal-window-toolbar p.portal-window-toolbar-filter a.button_filter { display: block; padding: 3px 4px; width: 16px; height: 16px; background-image: none; border-radius: 2px; margin: 0 0.4em; border: 1px solid; }
.portal-window-toolbar p.portal-window-toolbar-filter a.button_filter img { width: 16px; height: 16px; }
.portal-window-toolbar p.portal-window-toolbar-filter a.button_filter_text { display: block; padding: 3px 4px; height: 16px; margin: 0 0.4em; border: 1px solid; text-decoration: none; line-height: 16px; }
.portal-window-toolbar p.portal-window-toolbar-filter a.button-icon-right { padding-left: 4px; padding-right: 24px; background-position: 97% 50%; background-size: 14px; }
.portal-window-toolbar p.portal-window-toolbar-filter a.button-icon-left { padding-left: 24px; padding-right: 4px; background-position: 4px 50%; background-size: 14px; }

.portal-window-toolbar div.portal-window-toolbar-message { display: inline-block; float: left; }
.portal-window-toolbar div.portal-window-toolbar-message p { margin: 0 0 0 15px; font-size: 14px; font-weight: bold; }
.portal-window-toolbar div.portal-window-toolbar-message p strong { font-weight: bold; }
.portal-window-toolbar div.portal-window-toolbar-message p.message-icon { padding-left: 26px; padding-top: 4px; background-position: 0 50%; }

.portal-window-toolbar div.portal-window-toolbar-status { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; display: table; }
.portal-window-toolbar div.portal-window-toolbar-status p { margin: 0; font-size: 14px; padding-left: 44px; vertical-align: middle; display: table-cell; background-position: 12px 50%; background-size: 24px; width: 100%; }
.portal-window-toolbar div.portal-window-toolbar-status p strong { font-weight: bold; }
.portal-window-toolbar div.portal-window-toolbar-status a { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background-position: center; background-size: 30%; }

.portal-window-disable-overlay { position: absolute; width: 100%; height: 100%; z-index: 3; display: none; }

.portal-window-alert-container { position: absolute; width: 100%; height: 0px; z-index: 4; overflow: hidden; }
.portal-window-alert-content { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 12px solid; }
.portal-window-alert { padding: 16px 24px 24px 16px; }
.portal-window-alert h3 { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
.portal-window-alert p { font-size: 14px; }

.portal-window-alert ul { list-style-type: disc; margin-left: 0; margin-bottom: 16px; }
.portal-window-alert ul li { font-size: 14px; margin-bottom: 4px; white-space: nowrap; }
.portal-window-alert ul li span.alert_name { display: inline-block; min-width: 320px; padding-right: 24px; }
.portal-window-alert ul li span.alert_value strong { display: inline-block; padding: 0 4px; font-weight: 700; }

.portal-window-required-message { margin-bottom: 12px; padding: 12px 12px 12px 84px; }
.portal-window-required-message h3 { text-transform: uppercase; }
.portal-window-required-message p { margin: 0; }

.portal-window-alert-message { margin-bottom: 12px; }
.portal-window-alert-message p.warning_message { padding-bottom: 6px; border-bottom: 1px solid; }
.portal-window-alert-message ul { max-height: 200px; overflow: auto; border-bottom: 1px solid; margin-bottom: 12px; padding-bottom: 12px; }
.portal-window-alert-comments { position: relative; margin-bottom: 12px; }
.portal-window-alert-comments h3 { font-size: 18px; }
.portal-window-alert-buttons { text-align: center; }
.portal-window-alert-buttons a.portal-alert-button { margin-left: 1em; border: 1px solid; padding: 3px 4px; cursor: pointer; text-decoration: none; font-size: 13px; vertical-align: middle; }




.portal-window-confirm-container { position: absolute; width: 100%; height: 0px; z-index: 4; overflow: hidden; }
.portal-window-confirm-content { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 12px solid; }
.portal-window-confirm { padding: 16px 24px 24px 16px; }
.portal-window-confirm h3 { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
.portal-window-confirm p { font-size: 14px; }

.portal-window-confirm ul { list-style-type: disc; margin-left: 0; margin-bottom: 16px; }
.portal-window-confirm ul li { font-size: 14px; margin-bottom: 4px; white-space: nowrap; }
.portal-window-confirm ul li span.confirm_name { display: inline-block; min-width: 320px; padding-right: 24px; }
.portal-window-confirm ul li span.confirm_value strong { display: inline-block; padding: 0 4px; font-weight: 700; }

.portal-window-confirm-message { margin-bottom: 12px; }
.portal-window-confirm-message p.warning_message { padding-bottom: 6px; border-bottom: 1px solid; }
.portal-window-confirm-message ul { max-height: 200px; overflow: auto; border-bottom: 1px solid; margin-bottom: 12px; padding-bottom: 12px; }
.portal-window-confirm-buttons { text-align: center; }
.portal-window-confirm-buttons a.portal-confirm-button { margin-left: 1em; border: 1px solid; padding: 3px 4px; cursor: pointer; text-decoration: none; font-size: 13px; vertical-align: middle; }





.portal-window-attachment-container { position: absolute; width: 100%; height: 0px; z-index: 4; overflow: hidden; }
.portal-window-attachment-content { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 12px solid; }
.portal-window-attachment { padding: 16px 24px 24px 16px; overflow: hidden; position: relative; }
.portal-window-attachment h3 { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
.portal-window-attachment p { font-size: 14px; }
.portal-window-attachment-message { width: 180px; float: left; padding-top: 24px; }
.portal-window-attachment-items { margin-left: 190px; }
.portal-window-attachment-buttons { text-align: center; }
.portal-window-attachment-buttons a.portal-attachment-button { border: 1px solid; padding: 3px 4px; cursor: pointer; text-decoration: none; font-size: 13px; vertical-align: middle; margin-top: 18px; display: inline-block; }
.portal-window-attachment-buttons a.portal-attachment-button.portal-ui-animate-processing { padding: 3px 4px 3px 24px; background-position: 4px 50%; }

.portal-window-property-container { position: absolute; width: 100%; height: 0px; z-index: 4; overflow: hidden; }
.portal-window-property-content { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 12px solid; }
.portal-window-property { padding: 16px 24px 24px 16px; }
.portal-window-property h3 { font-size: 24px; font-weight: bold; margin-bottom: 0.8em; }
.portal-window-property input,
.portal-window-property select { padding: 6px 8px; font-size: 16px; }
.portal-window-property p { font-size: 14px; line-height: 140%; margin-bottom: 2px; }
.portal-window-property div.datapoint_column.first,
.portal-window-property div.datapoint_column.last { padding: 0 32px; }
.portal-window-property div.datapoint_button { padding: 24px 48px; min-height: 42px; overflow: hidden; }
.portal-window-property div.datapoint_button input { text-transform: uppercase; cursor: pointer; border: 0px; margin-right: 12px; margin-bottom: 8px; float: left; }
.portal-window-property div.datapoint_button span.loading { padding: 8px 8px 8px 24px; line-height: 150%; }
.portal-window-property div.datapoint_button p.portal-ui-error { background-position: 0 50%; background-size: 24px 24px; color: #660000; line-height: 120%; max-width: 240px; padding: 8px 0 8px 28px; float: left; }

.portal-window-services-container { position: absolute; width: 100%; height: 0px; z-index: 4; overflow: hidden; }
.portal-window-services-content { position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 12px solid; }
.portal-window-services { padding: 16px 24px 24px 16px; cursor: auto; }
.portal-window-services h3 { font-size: 24px; font-weight: bold; margin-bottom: 0.8em; }
.portal-window-services p { font-size: 14px; line-height: 140%; margin-bottom: 2px; }
.portal-window-services div.datapoint_button { padding: 24px 48px; min-height: 42px; overflow: hidden; }
.portal-window-services div.datapoint_button input { text-transform: uppercase; cursor: pointer; border: 0px; margin-right: 12px; margin-bottom: 8px; float: left; }
.portal-window-services div.datapoint_button span.loading { padding: 8px 8px 8px 24px; line-height: 150%; }
.portal-window-services div.datapoint_button p.portal-ui-error { background-position: 0 50%; background-size: 24px 24px; color: #660000; line-height: 120%; max-width: 240px; padding: 8px 0 8px 28px; float: left; position: absolute; bottom: 0; }
.portal-window-services input { padding: 6px 8px; font-size: 16px; }
.portal-window-services p.input_checkbox_choice { float: left; margin-right: 2em; }
.portal-window-services p.portal-ui-success { padding-left: 24px; }

.portal-window-wrapper { position: relative; width: 100%; overflow: auto; }
.portal-window-contentarea { padding: 14px 15px; min-height: 100%; box-sizing: border-box; } /* IF TOO MANY WINDOWS WITH CONTENT LOOK FUNKY, REMOVE BOX-SIZING AND MIN-HEIGHT */
.portal-window-contentarea h2.large { font-size: 32px; margin-bottom: 8px; }
.portal-window-contentarea p { font-size: 14px; }

.portal-window-footer { position: absolute; bottom: 0; left: 0; z-index: 9; width: 100%; height: 24px; }

.portal-window-layover-container { position: absolute; width: 100%; height: 100%; top: -100%; z-index: 4; overflow: hidden; }
.portal-window-layover-container.open { top: 0%; }
.portal-window-layover-container p.footnotes { font-size: 14px; max-width: 480px; margin: 0 auto; }
.portal-window-layover-content { padding-top: 40px; box-sizing: border-box; height: 100%; }
.portal-window-layover { padding: 16px 24px 24px 16px; }
.portal-window-layover h3 { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
.portal-window-layover p,
.portal-window-layover li { font-size: 14px; }
.portal-window-layover-buttons { padding-top: 12px; text-align: center; }
.portal-window-layover-buttons a { display: inline-block; padding: 6px 16px; font-size: 13px; text-transform: uppercase; border: 1px solid; text-decoration: none; margin: 0 4px; }
.portal-window-layover-loading { padding: 96px 48px; text-align: center; }


/* M - REPORTS */
.portal-window-report-container { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; z-index: 3; overflow: auto; }
.portal-window-report { min-height: 100%; }
.portal-window-report .portal-window-report-content { padding: 64px 24px 24px 24px; }

.portal-window-report-title { position: relative; padding: 8px 12px 8px 48px; font-size: 24px; text-transform: uppercase; margin-bottom: 12px; background-size: 24px !important; background-position: 12px 50%; }
.portal-window-report-info { font-size: 14px; margin-bottom: 12px; }
.portal-window-report-close { float: right; display: block; width: 24px; height: 24px; background-size: 18px !important; background-position: center; }
.portal-window-report-close span { display: none; }

.report-item { position: relative; margin-bottom: 1em; overflow: hidden; min-height: 36px; padding-right: 92px; }
.report-item h3 { font-size: 18px; padding: 10px; float: left; margin-right: 12px; height: 100%; }
.report-chart-type-container,
.report-chart-expand-filters { position: relative; padding: 6px; float: left; }
.report-chart-type-container > div { margin-right: 12px; }
.report-chart-type-container p { margin: 0; float: left; font-size: 12px; }
.report-chart-genericdropdown,
.report-chart-type { position: relative; float: left; }
.report-chart-generic-choice,
.report-chart-type-choice { position: relative; margin: 0 0 0 6px; font-size: 12px; padding: 6px 28px 6px 24px; float: left; border: 0; }
.report-chart-generic-choice { padding: 6px 6px 6px 24px; }
.report-chart-generic-choice span.report-chart-generic-icon,
.report-chart-type-choice span.report-chart-type-icon { position: absolute; top: 0; right: 0; padding: 0 6px; display: inline-block; width: 14px; height: 100%; background-size: 16px !important; background-position: center; }
.report-chart-generic-select,
.report-chart-type-select { position: absolute; top: 0; left: 0; opacity: 0.01; cursor: pointer; width: 100%; height: 100%; -moz-appearance: none; -webkit-appearance: none; }
.report-chart-expand-filters a { position: relative; display: block; margin: 0 0 0 6px; font-size: 12px; padding: 6px; text-decoration: none; text-transform: uppercase; line-height: 12px; }
.report-chart-expand-filters a span.toggle { font-size: 16px; }
.report-chart-options { padding: 6px; position: absolute; top: 0; right: 0; }
.report-chart-options a { display: inline-block; padding: 6px 8px 6px 26px; background-size: 16px auto !important; background-position: 6px 50%; font-size: 12px; text-decoration: none; margin-left: 4px; text-transform: uppercase; border: 1px solid; }
.report-chart-button-loading { display: inline-block; padding: 6px 8px 6px 20px; background-position: left center; }
.report-chart-filters { overflow: hidden; clear: both; }
.report-chart-filters.closed { display: none; }
.report-chart-filters.open { display: block; }
.report-chart-filter-options { padding: 12px; overflow: hidden; }
.portal-sidemenu-slidepanel-section .report-chart-expand-filters a { margin: 0; }
.portal-sidemenu-slidepanel-section .report-item { padding-right: 12px; }
.portal-sidemenu-slidepanel-section span.report-chart-button-loading { color: #000000; }

.report-chart-filter { float: left; margin: 0 1em 0 0; font-size: 14px; }
input.input_text_filter,
select.input_select_filter { padding: 2px; border: 1px solid; font-size: 16px; }
input.input_text_filter.calendar { background-position: 95% center; background-repeat: no-repeat; background-size: 16px auto; cursor: pointer; padding-right: 20px; }

.report-chart-loading {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.report-chart-loading p { position: relative; top: 150px; background-position: 50% 30%; width: 124px; padding: 32px 0px 12px 0px; font-size: 12px; text-align: center; margin: 0 auto; text-transform: uppercase; }

div.report-popup-viewchart .chart_item { position: relative; font-size: 14px; padding: 5px 5px; float: left; margin: 0 5px 5px 5px; overflow: hidden; }
div.report-data-renders > div { clear: left; }

div.report_chart_toolbar { padding: 6px 36px; overflow: hidden; position: absolute; top: 0; right: 0; }
div.report_chart_toolbar a { display: inline-block; padding: 6px 8px 6px 24px; background-position: 6px 50%; font-size: 12px; text-transform: uppercase; background-size: 16px; float: right; text-decoration: none; }
div.report_chart_toolbar span { display: inline-block; padding: 6px 8px 6px 24px; background-position: 6px 50%; font-size: 12px; text-transform: uppercase; background-size: 16px; float: right; }

div.portal-reports-exports { position: absolute; top: 0; right: 0; margin-top: 20px; padding: 5px 0; z-index: 2; }
div.portal-reports-exports p { float: left; margin: 0 8px; font-size: 13px; }
div.portal-reports-exports p strong { display: inline-block; padding-right: 4px; }
div.portal-reports-exports p a  { display: inline-block; width: 22px; height: 22px; margin-right: 4px; vertical-align: middle; background-size: 18px !important; background-position: center; }
div.portal-reports-exports p a span { display: none; }

div.portal-reports-filteritems { overflow: hidden; padding: 16px 16px 0 16px; }
div.portal-reports-resultitems { overflow: hidden; padding: 16px; }
div.portal-reports-filteritems h3,
div.portal-reports-resultitems h3 { background-size: 16px; background-position: 5px 50%; padding: 6px 3px 6px 30px; }
div.portal-reports-filteritems div.filter_item { position: relative; float: left; font-size: 14px; height: 50px; margin: 0 5px 15px 10px; overflow: hidden; padding: 10px 15px; width: 138px; }
div.portal-reports-resultitems div.result_item { position: relative; overflow: auto; width: 100%; max-height: 300px; padding: 12px; box-sizing: border-box; }
div.portal-reports-resultitems div.result_item .portal-table { min-width: 100%; width: auto; }
div.portal-reports-resultitems div.result_item .portal-table thead th { white-space: nowrap; }
div.portal-reports-filteritems .filter_label { font-size: 11px; margin-bottom: 4px; }

div.reports-chart-objects { position: relative; padding: 24px; margin-bottom: 1.5em; }
div.reports-chart-objects a,
div.reports-chart-dashboard a.portal-reports-export-item-chart { display: inline-block; width: 80px; padding-top: 82px; min-height: 26px; vertical-align: top; background-size: 100%; background-position: top center; margin: 0 12px; text-transform: uppercase; font-size: 12px; text-align: center; text-decoration: none; }
div.reports-chart-dashboard a.portal-reports-export-item-chart { position: absolute; }
div.reports-chart-objects a.pending { opacity: 0.3; }
div.reports-chart-objects:after { content: ""; position: absolute; bottom: -16px; left: 0; width: 100%; height: 32px; background-position: center; background-size: 32px; background-repeat: no-repeat; }
div.reports-chart-dashboard { position: relative; margin-bottom: 1em; border: 6px dashed; }
div.reports-chart-dashboard p.empty_notice { font-size: 24px; padding: 10% 20%; text-align: center; width: 60%; margin: 0 auto; }
div.reports-chart-dashboard p.loading { position: absolute; top: 9px; right: 48px; display: inline-block; font-size: 16px; padding-left: 20px; background-position: left center; z-index: 2; }
div.reports-chart-item { padding: 16px; margin-bottom: 16px; }

div.reports-chart-item { position: relative; }
div.reports-chart-item-toolbar { position: absolute; top: 8px; right: 8px; }
div.reports-chart-item-toolbar a { display: block; width: 16px; height: 16px; background-size: 16px; padding: 4px; float: right; background-position: center; margin: 0 2px; }
div.reports-chart-item-toolbar a span { display: none; }

/* N - TABLES */
.portal-table-container { position: relative; }
.portal-table { width: 100%; }
.portal-table.pager { width: 98%; }
.portal-table thead tr { border-bottom: 1px solid; }
.portal-table thead th, .portal-table tbody td { padding: 6px; box-sizing: border-box; }
.portal-table thead th { font-size: 13px; font-weight: bold; text-align: left; text-transform: uppercase; }
.portal-table thead tr.subhead th { text-align: center; }

.portal-table tbody td { font-size: 13px; }
.portal-table tbody td.action { padding: 0 6px; vertical-align: middle; white-space: nowrap; }
.portal-table tbody td.action a { float: right; margin-left: 6px; display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; }
.portal-table tbody td.action a[disabled=disabled] { opacity: 0.1; cursor: not-allowed; }
.portal-table tbody td.action-left { padding: 0 6px; vertical-align: middle; white-space: nowrap; }
.portal-table tbody td.action-left a { float: left; margin-left: 6px; display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; }
.portal-table tbody td.action-left a[disabled=disabled] { opacity: 0.1; cursor: not-allowed; }

.portal-table tbody tr.portal-table-none td { padding: 64px; font-weight: bold; font-size: 16px; text-align: center; }
.portal-table tbody tr.showmore td { text-align: right; padding: 0px; }
.portal-table.selectable-rows tbody tr { cursor: pointer; }

.portal-table thead tr.portal-table-subhead th { text-align: center; }
.portal-table tbody tr.portal-subtable-row td.portal-subtable-cell { padding: 0; }
.portal-table tbody tr.portal-subtable-row td.portal-subtable-cell div.subtable-details { padding: 12px; }
.portal-table tbody tr.portal-subtable-row td.portal-subtable-cell div.subtable-details h4 { margin-bottom: 12px; font-size: 24px; }
.portal-table tbody tr.portal-subtable-row td.portal-subtable-cell div.subtable-details table { width: 100%; }
.portal-table tbody .portal-table-loading td { padding: 24px 0; width: 100%; background-position: center; }

.portal-table-showmore { overflow: hidden; }
a.button_showmore { display: block; padding: 6px 8px; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: center; }
a.button_showmore span { display: inline-block; background-position: 6px 50%; background-size: 16px; padding-left: 28px; }
span.showmore { background-position: 8px 50%; padding: 6px 8px 6px 32px; display: inline-block; float: right; font-size: 13px; }

.portal-table tr.textbold td { font-weight: bold; }

a.button_expand,
a.button_collapse { cursor: pointer; }

.portal-table div.action_processing span { font-size: 11px; text-transform: uppercase; }

/* N1 - EXPANDABLE TABLES */
.portal-table.table-expandable tbody td { padding: 0; }
.portal-table.table-expandable tbody td table.portal-subtable tbody tr { background-color: transparent; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td { padding: 6px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td.action { width: 20px; float: none; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td.textsmall { font-size: 80%; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td strong { font-weight: bold; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td h4 { font-size: 18px; font-weight: bold; margin-bottom: 12px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td ul { list-style-type: disc; margin-left: 24px; margin-bottom: 12px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td ul li { margin-bottom: 6px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td ul li strong { display: inline-block; width: 100px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td h5 { font-size: 14px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody td p { margin-bottom: 12px; word-break: break-all; }
.portal-table.table-expandable tbody td table.portal-subtable tbody tr.portal-subtable-row td { padding: 0; }
.portal-table.table-expandable tbody td table.portal-subtable tbody tr.portal-subtable-row td div.subtable-details { padding: 12px; }
.portal-table.table-expandable tbody td table.portal-subtable tbody tr.portal-subtable-row td div.subtable-details table td { padding: 4px; }

/* N2 - FLEX */
/* .portal-flex { border: 1px solid; } */
.portal-flex-container { display: flex; }
.portal-flex-header { display: flex; }
.portal-flex-row { position: relative; }
.portal-flex-row-group { display: flex; position: relative; }
.portal-flex-row-expand { display: none; width: 100%; }
.portal-flex-header h6,
.portal-flex-row p { font-size: 13px; padding: 6px; }
.portal-flex-header h6 { text-transform: uppercase; font-weight: bold; }
.portal-flex-row p { margin: 0; }
.portal-flex-cell { overflow: hidden; width: 100%; flex: 1; }
.portal-flex-cell.action { display: flex; flex-wrap: nowrap; }
.portal-flex-cell.action a { display: block; width: 16px; height: 16px; background-size: 16px; padding: 0 3px; background-position: center; }
.portal-flex-cell.action a span { display: none; }

.portal-flex-cell:nth-child(1) { order: 1; }
.portal-flex-cell:nth-child(2) { order: 2; }
.portal-flex-cell:nth-child(3) { order: 3; }
.portal-flex-cell:nth-child(4) { order: 4; }
.portal-flex-cell:nth-child(5) { order: 5; }
.portal-flex-cell:nth-child(6) { order: 6; }
.portal-flex-cell:nth-child(7) { order: 7; }
.portal-flex-cell:nth-child(8) { order: 8; }
.portal-flex-cell:nth-child(9) { order: 9; }




/* O - BUCKETS */
div.portal-bucket-container { position: relative; overflow: hidden; }
div.portal-bucket-sort { position: relative; overflow: hidden; }
section.portal-bucket { position: relative; width: 230px; margin: 0 12px 18px; float: left; padding: 12px 15px 42px 15px; }
section.portal-bucket:nth-child(3n+1) { clear: left; }
section.portal-bucket.multi-button-rows { padding: 12px 15px 70px 15px; }
section.portal-bucket.bucket-clone { z-index: 5; position: absolute; }
section.portal-bucket header { margin-bottom: 4px; }
section.portal-bucket header h3 { position: relative; font-size: 18px; font-variant: small-caps; padding-right: 24px; cursor: move; }
section.portal-bucket header h3 span.bucket-enabled, /* enabled deprecated*/
section.portal-bucket header h3 span.bucket-active,
section.portal-bucket header h3 span.bucket-inactive { position: absolute; top: 6px; right: 2px; display: inline-block; width: 16px; height: 16px; background-size: 100%; }
section.portal-bucket header h3 span.bucket-enabled span, /* enabled deprecated*/
section.portal-bucket header h3 span.bucket-active span,
section.portal-bucket header h3 span.bucket-inactive span { padding-left: 24px; display: none; font-size: 15px; font-variant: normal; vertical-align: text-top; }
section.portal-bucket header h3 span.bucket-title-name { white-space: nowrap; }
section.portal-bucket header p { margin: 0; font-size: 12px; margin-bottom: 4px; }
section.portal-bucket header a { display: none; }
section.portal-bucket div.portal-bucket-stats { padding: 2px 6px;  margin-bottom: 8px; }
section.portal-bucket div.portal-bucket-stats p { font-size: 11px; margin: 0; text-align: center; }
section.portal-bucket div.portal-bucket-stats p span { display: inline-block; padding: 0 1px; }
section.portal-bucket div.portal-main-buttons { overflow: hidden; text-align: center; }
section.portal-bucket div.portal-main-buttons a { display: inline-block; float: left; width: 96px; word-spacing: 60px; padding: 80px 4px 8px; border: 1px solid; border-radius: 4px; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: bold; margin: 0 4px; background-size: 64px; background-position: 50% 8px; }
section.portal-bucket div.portal-main-buttons a.double-size { width: 212px; font-size: 16px; height: 18px;}
section.portal-bucket div.portal-sub-buttons { overflow: hidden; text-align: center; }
section.portal-bucket div.portal-sub-buttons a.sub-button { display: inline-block; padding: 4px 6px 4px 24px; border: 1px solid; border-radius: 4px; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: bold; background-size: 16px; background-position: 4px 50%; margin-top: 6px; }
section.portal-bucket div.portal-sub-buttons span.nophotos { display: inline-block; padding: 4px 6px; border: 1px dashed; border-radius: 4px; font-size: 12px; text-decoration: none; font-weight: bold; margin-top: 6px; }
section.portal-bucket footer.bucket-buttons { position: absolute; left: 0; bottom: 0; padding: 12px 0; width: 100%; text-align: center; }
section.portal-bucket footer.bucket-buttons a.bucket-button { display: inline-block; padding: 4px 6px 4px 24px; border: 1px solid; border-radius: 4px; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: bold; background-size: 16px; background-position: 4px 50%; margin-top: 6px; }
section.portal-bucket footer.bucket-buttons span.nophotos { display: inline-block; padding: 4px 6px; border: 1px dashed; border-radius: 4px; font-size: 12px; text-decoration: none; font-weight: bold; margin-top: 6px; }
p.portal-bucket-none { text-align: center; font-size: 24px; padding: 24px; }
section.portal-bucket.mediafile-admin-homefolder h3 { cursor: auto; }

section.portal-bucket.active { position: absolute; width: auto; height: 100%; margin: 12px; padding: 0; }
section.portal-bucket.active header { position: absolute; top: 0; left: 0; max-height: 84px; width: 100%; margin: 0; }
section.portal-bucket.active header div.portal-bucket-header-inner { padding: 12px 15px; }
section.portal-bucket.active header div.portal-bucket-stats { margin: 0; }
section.portal-bucket.active h4 { padding: 6px 2px 4px; font-size: 24px; text-transform: uppercase; border-bottom: 1px dashed; margin-bottom: 12px; width: 98% }
section.portal-bucket.active div.portal-bucket-inner { padding: 84px 15px 12px; height: 100%; box-sizing: border-box; }
section.portal-bucket.active div.portal-bucket-inner-scroll { position: relative; height: 100%; overflow: auto; }

section.portal-bucket.bucket-open { position: relative; margin: 0 0 16px 0; float: none; width: auto; padding-bottom: 12px; }
section.portal-bucket.bucket-open header a { display: block; position: absolute; top: 18px; right: 12px; background-size: 12px; font-size: 12px; padding: 4px 22px 4px 4px; text-transform: uppercase; text-decoration: none; background-position: 90% center; width: auto; height: auto; }
section.portal-bucket.bucket-open header h3 { cursor: auto; }
section.portal-bucket.bucket-open header h3 span.bucket-enabled, /* enabled deprecated */
section.portal-bucket.bucket-open header h3 span.bucket-active,
section.portal-bucket.bucket-open header h3 span.bucket-inactive { width: auto; background-size: 16px; right: 80px; top: 8px; }
section.portal-bucket.bucket-open header h3 span.bucket-enabled span, /* enabled deprecated */
section.portal-bucket.bucket-open header h3 span.bucket-active span,
section.portal-bucket.bucket-open header h3 span.bucket-inactive span { display: inline-block; }

section.portal-bucket.active header a { display: block; position: absolute; top: 18px; right: 12px; background-size: 12px; font-size: 12px; padding: 4px 22px 4px 4px; text-transform: uppercase; text-decoration: none; background-position: 90% center; width: auto; height: auto; }
section.portal-bucket.active header h3 { white-space: nowrap; padding-right: 180px; cursor: auto; }
section.portal-bucket.active header h3 span.bucket-enabled, /* enabled deprecated */
section.portal-bucket.active header h3 span.bucket-active,
section.portal-bucket.active header h3 span.bucket-inactive { width: auto; background-size: 16px; right: 80px; top: 8px; }
section.portal-bucket.active header h3 span.bucket-enabled span, /* enabled deprecated */
section.portal-bucket.active header h3 span.bucket-active span,
section.portal-bucket.active header h3 span.bucket-inactive span { display: inline-block; }

section.portal-bucket.active div.bucket-loading,
div.portal-bucket-details div.bucket-loading,
div.portal-approval-details div.bucket-loading { width: 80px; padding: 32px 12px 12px 12px; margin: 24px auto; background-position: center 16px; text-align: center; text-transform: uppercase; }
div.portal-bucket-details { position: relative; min-height: 100%; overflow: hidden; }

div.portal-bucket-item-add { border: 3px dashed; margin-bottom: 16px; margin-right: 8px; }
div.portal-bucket-item-add a { display: block; font-size: 24px; text-decoration: none; padding: 12px 16px; }

div.portal-bucket-item { position: relative; margin-bottom: 16px; margin-right: 8px; overflow: hidden; }
div.portal-bucket-item-main { position: relative; z-index: 2; padding: 10px 160px 10px 60px; min-height: 24px; font-size: 18px; }
div.portal-bucket-item-sub { position: relative; z-index: 1; top: -12px; padding-top: 12px; display: none; border: 1px solid; }
div.portal-bucket-item-sub.active { padding: 24px 12px 12px 12px; }

div.portal-bucket-item div.portal-item-type { position: absolute; top: 0; left: 0; width: 48px; height: 100%; border-right: 1px solid; }
div.portal-bucket-item div.portal-item-type a { display: block; width: 100%; height: 100%; background-position: center; background-size: 32px; }
div.portal-bucket-item div.portal-item-type span { display: none; }
div.portal-bucket-item div.portal-item-type div { width: 100%; height: 100%; background-size: 30px; background-position: center; font-size: 10px; text-align: center; text-transform: uppercase; }
div.portal-bucket-item div.portal-item-type div.portal-item-inert { cursor: not-allowed; }
div.portal-bucket-item div.portal-item-action { position: absolute; top: 0; right: 0; width: 148px; height: 100%; border-left: 1px solid; }
div.portal-bucket-item div.portal-item-action a { display: block; background-position: center; background-size: 24px; width: 40px; height: 100%; float: left; }
div.portal-bucket-item div.portal-item-action a.portal-item-move { width: 50px; cursor: move; border-right: 1px solid; background-size: 32px; margin-right: 10px; }
div.portal-bucket-item div.portal-item-action a span { display: none; }

p.portal-bucket-option-text { font-size: 14px; text-align: center; }
p.portal-bucket-item-none { text-align: center; font-size: 14px; padding: 8px; }
div.portal-bucket-option-item-sort { position: relative; }
div.portal-bucket-option-item { position: relative; margin-bottom: 12px; overflow: hidden; padding: 8px 120px 8px 36px; min-height: 18px; font-size: 16px; }
div.portal-bucket-option-item div.option-item.correct-answer { font-weight: bold; font-style: italic; }
div.portal-bucket-option-item div.option-item-active { position: absolute; top: 0; left: 0; width: 36px; height: 100%; }
div.portal-bucket-option-item div.option-item-active p { margin: 12px; width: 12px; height: 12px; }
div.portal-bucket-option-item div.option-item-active span { display: none; }
div.portal-bucket-option-item div.option-item-action { position: absolute; top: 0; right: 0; width: 110px; height: 100%; border-left: 1px solid; }

div.portal-bucket-option-item div.option-item-action a { display: block; background-position: center; background-size: 18px; width: 28px; height: 100%; float: left; }
div.portal-bucket-option-item div.option-item-action a.option-item-move { width: 40px; cursor: move; border-right: 1px solid; background-size: 24px; margin-right: 10px; }
div.portal-bucket-option-item div.option-item-action a span { display: none; }

div.portal-bucket-option-item-add { border: 2px dashed; }
div.portal-bucket-option-item-add a { display: block; font-size: 16px; text-decoration: none; padding: 8px 12px; }

/* P - ROWS */
section.portal-row-container { position: relative; padding-top: 20px; }
section.portal-row-container h3 { position: relative; border-radius: 6px; margin-bottom: 12px; text-transform: uppercase; }
section.portal-row-container h3 a { display: block; padding: 8px; text-decoration: none; }
section.portal-row-container h3 a.button_add { position: absolute; display: block; top: 3px; right: 8px; width: 10px; height: 10px; background-size: contain; }
section.portal-row-container h3 span.toggle { display: inline-block; font-size: 18px; font-weight: bold; line-height: 18px; padding-right: 2px; vertical-align: top; width: 16px; font-family: "Segoe UI Symbol", Arial, sans-serif; }
section.portal-row-container div.portal-row-group-expand.closed { display: none; }
section.portal-row-container.first { padding-top: 0; }

section.portal-row { position: relative; margin-bottom: 18px; }
section.portal-row header { overflow: hidden; padding: 10px 10px 8px; border-bottom: 1px solid; }
section.portal-row header h3 { display: inline-block; font-size: 18px; float: left; margin: 0; font-weight: bold; }
section.portal-row header p { float: right; font-size: 14px; margin: 0; }

div.portal-row-content { position: relative; overflow: hidden; padding: 10px; }
div.portal-row-content .portal-row-content-title { padding: 4px 4px 5px 4px; line-height: 110%; }
div.portal-row-item-container { float: left; margin-right: 12px; }
div.portal-row-item-container p.portal-row-item-container-title { margin: 0 4px 2px 4px; max-width: 160px; max-height: 18px; overflow: hidden; padding-bottom: 2px; }
div.portal-row-item { position: relative; padding: 4px 6px; min-width: 160px; margin: 0 4px 4px; }
div.portal-row-item > div { height: 200px !important; text-align: center; }
div.portal-row-item p.portal-row-item-title { font-size: 15px; font-weight: bold; margin-bottom: 6px; white-space: nowrap; }
div.portal-row-item div.portal-row-item-toolbar { position: absolute; bottom: 0; left: 0; overflow: hidden; text-align: center; width: 100%; }
div.portal-row-item div.portal-row-item-toolbar a { display: inline-block; margin: 0; background-size: 16px; background-position: center; padding: 6px 0; font-size: 11px; text-decoration: none; text-transform: uppercase; opacity: 0.7; }
html.no-touchdevice div.portal-row-item div.portal-row-item-toolbar a:hover { opacity: 1.0; }

div.portal-row-group-expand .portal-loading-content { top: 0; margin-bottom: 12px; }
div.portal-row-group-expand .portal-loading-content span { padding-top: 24px; background-position: 6px 6px; }

/* Q - BUILDERS AND BLUEPRINTS */
div.portal-builder-container { position: relative; overflow: hidden; }
div.portal-builder-container h2.portal-builder-container-title { padding: 12px 15px; font-size: 20px; overflow: hidden; margin-bottom: 12px; }
div.portal-builder-container h2.portal-builder-container-title a { float: left; display: block; padding: 6px; font-size: 11px; text-decoration: none; font-weight: bold; margin-right: 24px; }
div.portal-builder-container h2.portal-builder-container-title .portal-builder-container-buttons a { display: inline-block; padding-left: 24px; margin: 0 0 0 12px; background-size: 16px; background-position: 4px 50%; }

div.portal-master-container { position: relative; width: 48%; float: left; margin-right: 2%; z-index: 2; }
div.portal-master-container::after { content: ""; position: absolute; right: -38px; top: 48%; width: 40px; height: 40px; background-size: 40px; background-repeat: no-repeat; opacity: 0.8; }
div.portal-master-full-container { position: relative; width: 100%; float: left; margin-right: 2%; z-index: 2; }
div.portal-master-full-container::after { content: ""; position: absolute; right: -38px; top: 48%; width: 40px; height: 40px; background-size: 40px; background-repeat: no-repeat; opacity: 0.8; }
div.portal-master-container-tabs { overflow: hidden; }
div.portal-master-container-tabs ul li { overflow: hidden; font-size: 12px; float: left; border: 1px solid; font-weight: bold; }
div.portal-master-container-tabs ul li a { display: block; padding: 8px 10px; text-decoration: none; }

div.portal-master-container-list-container { overflow: auto; border-radius: 0 12px 12px 12px / 0 12px 12px 12px; min-height: 400px; }
div.portal-master-container-list { padding: 16px; }
div.portal-master-container-item { position: relative; margin-bottom: 16px; overflow: hidden; cursor: move; }
div.portal-master-container-item.last { margin-bottom: 0; }
div.portal-master-container-item-main { position: relative; z-index: 2; padding: 10px 70px 10px 10px; font-size: 18px; }
div.portal-master-container-item-action { position: absolute; top: 0; right: 0; width: 70px; height: 100%; }
div.portal-master-container-item-action-three { position: absolute; top: 0; right: 0; width: 105px; height: 100%; }
div.portal-master-container-item-action a,
div.portal-master-container-item-action-three a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-master-container-item-action a span,
div.portal-master-container-item-action-three a span { display: none; }

div.portal-master-container-item-add { border: 2px dashed; margin-bottom: 16px; }
div.portal-master-container-item-add a { display: block; font-size: 18px; text-decoration: none; padding: 8px 12px; }
div.portal-master-container-item.ui-draggable-dragging div.portal-master-container-item-action,
div.portal-master-container-item.ui-draggable-dragging div.portal-master-container-item-action-three { display: none; }
div.portal-master-container-item a.portal-item-sort { cursor: move; }
div.portal-master-container-item-title { margin-bottom: 3px; }
div.portal-master-container-item-subtitle { font-size: 12px; }

div.portal-master-container-item.container-item-block { width: 48%; margin-right: 2%; float: left; }
div.portal-master-container-item.container-item-block div.portal-master-container-item-main,
div.portal-blueprint-container-item.container-item-block div.portal-blueprint-container-item-main { height: 56px; padding: 10px 10px 30px 10px; }
div.portal-master-container-item.container-item-block div.portal-master-container-item-action,
div.portal-master-container-item.container-item-block div.portal-master-container-item-action-three { height: 28px; top: auto; bottom: 3px; }

div.portal-master-container-item.container-item-block div.portal-master-container-item-main.media-library-main { height: 132px; }
div.portal-master-container-item-media div.media-content { max-height: 90px !important; min-height: 90px !important; margin-bottom: 3px; }
div.portal-master-container-item-media div.media-content a { display: block; }
div.portal-master-container-item-media div.media-content.content-file a { background-color: transparent; padding: 0; height: 90px; text-align: center; border-radius: 0 !important; }
div.portal-master-container-item-media div.media-content.content-file a img { max-width: 100%; height: 100%; display: inline; position: static; }
div.portal-master-container-item-media div.media-content.content-file a span { display: none; }
div.portal-master-container-item-media div.media-content.content-video div.conversion-error p { top: 13%; }
div.portal-master-container-item-media div.media-content.content-video div.conversion-inprogress p { top: 30%; }

div.portal-blueprint-container-item-sub-item div.portal-blueprint-container-item-main.media-library-main { height: 132px; }
div.portal-blueprint-container-item-media div.media-content { max-height: 90px !important; min-height: 90px !important; margin-bottom: 3px; }
div.portal-blueprint-container-item-media div.media-content a { display: block; }
div.portal-blueprint-container-item-media div.media-content.content-file a { background-color: transparent; padding: 0; height: 90px; text-align: center; border-radius: 0 !important; }
div.portal-blueprint-container-item-media div.media-content.content-file a img { max-width: 100%; height: 100%; display: inline; position: static; }
div.portal-blueprint-container-item-media div.media-content.content-file a span { display: none; }
div.portal-blueprint-container-item-media div.media-content.content-video div.conversion-error p { top: 13%; }
div.portal-blueprint-container-item-media div.media-content.content-video div.conversion-inprogress p { top: 30%; }

div.portal-blueprint-container { position: relative; width: 48%; float: right; overflow: auto; }
div.portal-blueprint-full-container { position: relative; width: 100%; float: left; overflow: auto; }
div.portal-blueprint-container-header { padding: 16px 16px 0 60px; background-size: 36px; background-position: 16px 100%; }
div.portal-blueprint-container-header h2 { font-size: 24px; }
div.portal-blueprint-container-header p { margin-bottom: 0; font-size: 12px; }
div.portal-blueprint-container-fields { padding: 16px; }
div.portal-blueprint-container-main { padding: 16px; }
div.portal-blueprint-container-target { position: relative; border: 3px solid; min-height: 250px; padding-bottom: 24px; }
div.portal-blueprint-container-target.empty { border: 3px dashed; background-position: center; background-size: 64px; }
div.portal-blueprint-container-fieldtarget { position: relative; border: 3px solid; min-height: 50px; padding-bottom: 14px; }
div.portal-blueprint-container-fieldtarget.empty { border: 3px dashed; background-position: center; background-size: 64px; }

div.portal-blueprint-container-expand { position: absolute; top: -100%; left: 0; width: 100%; height: 100%; z-index: 3; overflow: auto; }
div.portal-blueprint-container-expand.dropped { top: 0%; }
div.portal-blueprint-container-expand-header { padding: 16px 16px 0 60px; background-size: 36px; background-position: 16px 70%; }
div.portal-blueprint-container-expand-header h2 { font-size: 24px; }
div.portal-blueprint-container-expand-header p { margin-bottom: 0; font-size: 12px; }
div.portal-blueprint-container-expand-main { padding: 16px; }
div.portal-blueprint-container-expand-target { position: relative; border: 3px solid; min-height: 250px; padding-bottom: 24px; }
div.portal-blueprint-container-expand-target.empty { border: 3px dashed; background-position: center; background-size: 64px; }

div.portal-blueprint-container-item { position: relative; margin-bottom: 16px; overflow: hidden; }
div.portal-blueprint-container-item-main { position: relative; z-index: 2; padding: 10px 100px 10px 36px; font-size: 18px; }
div.portal-blueprint-container-item-ph { position: relative; z-index: 2; padding: 10px 70px 10px 10px; font-size: 18px; min-height: 18px; margin-bottom: 16px; }
div.portal-blueprint-container-item-loading { position: absolute; top: 12px; right: 6px; width: 24px; height: 100%; }
div.portal-blueprint-container-item-action { position: absolute; top: 0; right: 0; width: 100px; height: 100%; }
div.portal-blueprint-container-item-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-blueprint-container-item-action a span { display: none; }
div.portal-blueprint-container-item-action a.portal-ui-drag { cursor: move; }
div.portal-blueprint-container-item-action a.portal-item-delete { width: 28px; }
div.portal-blueprint-container-item-expand { position: absolute; top: 0; left: 0; width: 32px; height: 100%; }
div.portal-blueprint-container-item-expand a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; }
div.portal-blueprint-container-item-expand a span { display: none; }
div.portal-blueprint-container-item.invalid { background-color: #FFDDDD; border-color: #CC0000; }

div.portal-blueprint-container-item-sub { overflow: hidden; padding: 10px; }
div.portal-blueprint-container-item-sub p.none { display: none; }
div.portal-blueprint-container-item-sub.empty p.none { display: block; border: 2px dashed; padding: 6px; margin: 0 0 12px 0; }
div.portal-blueprint-container-item-sub-item { width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-sub-item-thirds { width: 30%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-sub-item-quarters { width: 23%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-sub-ph { position: relative; z-index: 2; padding: 10px 0px 32px 0px; height: 32px; width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; border-radius: 8px; }
div.portal-blueprint-container-item-sub-item-main { position: relative; padding: 10px 10px 32px 10px; height: 32px; }
div.portal-blueprint-container-item-sub-item-main-autoheight { position: relative; padding: 10px 10px 32px 10px; height: auto; }
div.portal-blueprint-full-container-item-sub-item-main { position: relative; padding: 10px 10px 32px 10px; height: 220px; }
div.portal-blueprint-container-item-sub-item-loading { position: absolute; bottom: 0; right: 6px; width: 24px; height: 28px; }
div.portal-blueprint-container-item-sub-item-title { max-height: 34px; overflow: hidden; font-size: 13px; padding-bottom: 2px; }
div.portal-blueprint-container-item-sub-item-action { position: absolute; height: 28px; right: 4px; bottom: 4px; }
div.portal-blueprint-container-item-sub-item-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-blueprint-container-item-sub-item-action a.portal-item-delete { width: 28px; }
div.portal-blueprint-container-item-sub-item-action a span { display: none; }
div.portal-blueprint-container-item-sub-item-links { position: absolute; top: 0; right: -1px; height: 8px; }
div.portal-blueprint-container-item-sub-item-links a { display: block; height: 8px; font-size: 0; }
div.portal-blueprint-container-item-sub-item-links span.link-item { display: inline-block; width: 8px; height: 8px; border-radius: 3px; margin-left: 1px; }

div.portal-blueprint-container-item-profile { width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-profile-ph { position: relative; z-index: 2; padding: 10px 0px 32px 0px; height: 32px; width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; border-radius: 8px; }
div.portal-blueprint-container-item-profile-main { position: relative; padding: 10px 10px 32px 10px; height: 32px; }
div.portal-blueprint-container-item-profile-loading { position: absolute; bottom: 0; right: 6px; width: 24px; height: 28px; }
div.portal-blueprint-container-item-profile-title { max-height: 34px; overflow: hidden; font-size: 13px; padding-bottom: 2px; }
div.portal-blueprint-container-item-profile-subtitle { font-size: 11px; }
div.portal-blueprint-container-item-profile-action { position: absolute; height: 28px; right: 4px; bottom: 4px; }
div.portal-blueprint-container-item-profile-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-blueprint-container-item-profile-action a.portal-item-delete { width: 28px; }
div.portal-blueprint-container-item-profile-action a span { display: none; }

div.portal-blueprint-container-item-export { width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-export-ph { position: relative; z-index: 2; padding: 10px 0px 32px 0px; height: 32px; width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; border-radius: 8px; }
div.portal-blueprint-container-item-export-main { position: relative; padding: 10px 10px 32px 10px; height: 32px; }
div.portal-blueprint-container-item-export-loading { position: absolute; bottom: 0; right: 6px; width: 24px; height: 28px; }
div.portal-blueprint-container-item-export-title { max-height: 34px; overflow: hidden; font-size: 13px; padding-bottom: 2px; }
div.portal-blueprint-container-item-export-subtitle { font-size: 11px; }
div.portal-blueprint-container-item-export-action { position: absolute; height: 28px; right: 4px; bottom: 4px; }
div.portal-blueprint-container-item-export-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-blueprint-container-item-export-action a.portal-item-delete { width: 28px; }
div.portal-blueprint-container-item-export-action a span { display: none; }

div.portal-blueprint-container-item-filter { width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-filter-ph { position: relative; z-index: 2; padding: 10px 0px 32px 0px; height: 32px; width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; border-radius: 8px; }
div.portal-blueprint-container-item-filter-main { position: relative; padding: 10px 10px 32px 10px; height: 32px; }
div.portal-blueprint-container-item-filter-loading { position: absolute; bottom: 0; right: 6px; width: 24px; height: 28px; }
div.portal-blueprint-container-item-filter-title { max-height: 34px; overflow: hidden; font-size: 13px; padding-bottom: 2px; }
div.portal-blueprint-container-item-filter-subtitle { font-size: 11px; }
div.portal-blueprint-container-item-filter-action { position: absolute; height: 28px; right: 4px; bottom: 4px; }
div.portal-blueprint-container-item-filter-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-blueprint-container-item-filter-action a.portal-item-delete { width: 28px; }
div.portal-blueprint-container-item-filter-action a span { display: none; }

div.portal-blueprint-container-item-calendar { width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; }
div.portal-blueprint-container-item-calendar-ph { position: relative; z-index: 2; padding: 10px 0px 32px 0px; height: 32px; width: 48%; margin-right: 2%; float: left; margin-bottom: 16px; border-radius: 8px; }
div.portal-blueprint-container-item-calendar-main { position: relative; padding: 10px 10px 32px 10px; height: 32px; }
div.portal-blueprint-container-item-calendar-loading { position: absolute; bottom: 0; right: 6px; width: 24px; height: 28px; }
div.portal-blueprint-container-item-calendar-title { max-height: 34px; overflow: hidden; font-size: 13px; padding-bottom: 2px; }
div.portal-blueprint-container-item-calendar-subtitle { font-size: 11px; }
div.portal-blueprint-container-item-calendar-action { position: absolute; height: 28px; right: 4px; bottom: 4px; }
div.portal-blueprint-container-item-calendar-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 100%; float: left; }
div.portal-blueprint-container-item-calendar-action a.portal-item-delete { width: 28px; }
div.portal-blueprint-container-item-calendar-action a span { display: none; }

div.portal-blueprint-container-item-add { border: 2px dashed; margin-bottom: 16px; }
div.portal-blueprint-container-item-add a { display: block; font-size: 18px; text-decoration: none; padding: 8px 12px; }


/* R - MEDIA/UPLOADS */
div.input_upload { position: relative; background-position: center; background-size: 32px auto; border: 2px dashed; border-radius: 8px; opacity: 0.4; width: 96px; height: 96px; }
div.input_upload.dropped { opacity: 1.0; border: 2px solid; }
form.dragover div.input_upload { opacity: 1.0; }
div.input_upload a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
div.input_upload a.input_upload_btn { background-position: center 24%; background-size: 32px; box-sizing: border-box; text-decoration: none; text-transform: uppercase; line-height: 12px; text-align: center; font-size: 11px; padding: 54px 12px 12px 12px; }
div.input_upload a.input_upload_btn.input_upload_occupied { background: none !important; }
div.input_upload a.image_remove { top: 0px; left: auto; right: 0px; width: 14px; height: 14px; background-size: 8px; background-position: center; border-radius: 4px; opacity: 0; }
html.no-touchdevice div.input_upload:hover a.image_remove { opacity: 1; }
div.input_upload div.upload_loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: calc(100% - 6px) 5%; z-index: 100; }
div.progresscontainer { position: absolute; width: 100%; min-height: 5px; bottom: 0; left: 0; }
div.progresscontainer div.progress { position: absolute; width: 0%; min-height: 5px; bottom: 0; left: 0; }
div.input_upload p { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
div.input_upload .input_upload_maintenance { box-sizing: border-box; text-decoration: none; text-transform: uppercase; line-height: 12px !important; text-align: center !important; font-size: 11px; padding: 45px 12px 12px 12px; }

div.media_bucket { text-align: center; padding: 11px; float: left; position: relative; }
div.media_bucket p { font-size: 12px; font-weight: bold; margin-bottom: 4px; }
div.media_bucket div.progresscontainer { bottom: -8px; width: 84%; margin: 0 8%; border: 1px solid; overflow: hidden; }
div.media_bucket div.progresscontainer div.progress { padding: 3px 0; font-size: 10px; }
div.media_bucket div.progresscontainer div.progress p { margin: 0; padding-left: 16px; white-space: nowrap; overflow: hidden; }
div.media_bucket div.image_pending,
div.media_bucket div.image_error { /* position: absolute; top: 0; left: 0; */ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 12px; text-transform: uppercase; box-sizing: border-box; /*padding: 50px 12px 12px 12px; */ }
div.media_bucket div.image_pending p,
div.media_bucket div.image_error p { width: auto; height: auto; background-position: center 4px; background-size: 32px; padding: 36px 12px 4px 12px; }
div.media_bucket div.image_error a { position: static; }

/* S - SIDEBAR ADD */
div.portal-sidebar-add-container div.sidebar-datapoint { padding: 0.4em 0.6em 0.6em; line-height: 110%; margin-bottom: 0.6em; }
div.portal-sidebar-add-container div.sidebar-datapoint h4 { margin-bottom: 4px; font-size: 13px; text-transform: uppercase; font-weight: bold; }
div.portal-sidebar-add-container div.sidebar-datapoint p { font-size: 14px; margin: 0; }
div.portal-sidebar-add-container .portal-sidebar-add-submit { text-align: center; }
div.portal-sidebar-add-container input:disabled { opacity: 0.25; cursor: not-allowed; }

div.portal-sidebar-add-container div.sidebar-datapoint-field-container { margin-bottom: 0.6em; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row { margin-bottom: 0.4em; padding: 0; overflow: hidden; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row label { display: inline-block; width: 110px; padding: 7px 9px; font-size: 13px; text-transform: uppercase; box-sizing: border-box; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row input.input_text { padding: 8px; width: calc(100% - 114px); border: 0; font-size: 14px; box-sizing: border-box; vertical-align: top; background-position: 95% 50%; background-repeat: no-repeat; background-size: 18px; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices { display: inline-flex; width: calc(100% - 114px); }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a { display: block; text-align: center; width: 100%; text-decoration: none; padding: 8px; font-size: 14px; border-left: 1px solid; background-position: 8px 50%; background-size: 12px; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a:first-child { border-left: 0; }

div.portal-sidebar-add-container div.sidebar-datapoint-list-container { margin-bottom: 0.6em; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-header { padding: 6px; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-header h4 { line-height: 170%; margin: 0; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-content { overflow-y: auto; overflow-x: hidden; max-height: 100px; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item { position: relative; padding: 6px 6px 6px 36px; border-bottom: 1px solid; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item:last-child { border-bottom: 0; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: 10px 50%; background-size: 16px; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item h5 { font-size: 16px; font-weight: bold; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item h6 { margin-top: 1px; font-size: 10px; line-height: 100%; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-footer { padding: 6px; text-align: center; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-footer a { display: inline-block; padding-left: 24px; text-decoration: none; font-size: 13px; font-weight: bold; background-size: 16px; }

div.portal-sidebar-add-container div.sidebar-datapoint { position: relative; }

div.portal-sidebar-add-container div.sidebar-datapoint .sidebar-datapoint-group-loading { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
div.portal-sidebar-add-container div.sidebar-datapoint .sidebar-datapoint-group-loading p { font-size: 10px; background-size: 72px; background-position: center; padding: 32px; text-align: center; display: block; }

div.portal-sidebar-add-container .portal-orders-addorderform-practice strong { font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 100%; }
div.portal-sidebar-add-container .portal-orders-addorderform-row { margin-bottom: 0.6em; }
div.portal-sidebar-add-container .portal-orders-addorderform-row p { margin-bottom: 0.1em; }
div.portal-sidebar-add-container .portal-orders-addorderform-row p.form-footnote { font-size: 12px; line-height: 110%; }
div.portal-sidebar-add-container .portal-orders-addorderform-group { padding: 0.4em; margin-bottom: 1em; }
div.portal-sidebar-add-container .portal-orders-addorderform-group p { font-size: 14px; }
div.portal-sidebar-add-container .portal-orders-addorderform-group input,
div.portal-sidebar-add-container .portal-orders-addorderform-group select { border: 0; font-size: 14px; }
div.portal-sidebar-add-container .portal-orders-addorderform-group div.addorderform-notes { padding-left: 24px; background-size: 16px; background-position: 3px 3px; }
div.portal-sidebar-add-container .portal-orders-addorderform-group div.addorderform-notes p { font-size: 13px; line-height: 110%; }
div.portal-sidebar-add-container .portal-orders-addorderform-group p.orderform_newcustomer { font-size: 12px; line-height: 110%; }
div.portal-sidebar-add-container .orderform_newcustomer input { font-size: 11px; margin: 6px 6px 6px 0; cursor: pointer; }
div.portal-sidebar-add-container .portal-status-content { padding: 6px 12px 6px 36px; margin-top: 1em; }

div.portal-sidebar-add-container .portal-sidebar-add-buttons { margin-bottom: 1em; }
div.portal-sidebar-add-container .portal-sidebar-add-buttons a.input_button_panel { display: inline-block; padding: 8px; border-radius: 6px; text-transform: uppercase; text-decoration: none; }
div.portal-sidebar-add-container .portal-sidebar-add-buttons a.input_button_panel.disabled { opacity: 0.25; cursor: not-allowed; }
div.portal-sidebar-add-container .portal-sidebar-add-footnotes p { font-size: 12px; }

/* T - PROFILE */
section.portal-profile { padding: 12px; }
section.portal-profile div.portal-profile-avatar { position: relative; float: right; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
section.portal-profile div.portal-profile-avatar a { display: block; width: 128px; height: 128px; border: 2px solid; border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; overflow: hidden; background-size: contain; }
section.portal-profile div.portal-profile-avatar a img { width: 128px; height: 128px; }

section.portal-profile header.portal-profile-header { border-bottom: 2px solid; margin-bottom: 32px; max-width: 480px; padding-bottom: 6px; }
section.portal-profile section.portal-profile-section { margin-bottom: 32px; max-width: 480px; }
section.portal-profile section.portal-profile-section .profile_row { overflow: hidden; padding: 6px; margin-bottom: 8px; }

section.portal-profile .profile_row { clear: left; }
section.portal-profile .highlighted { margin-top: 4px; display: table;  }
section.portal-profile .editable,
section.portal-profile .editing { position: relative; padding-right: 24px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-position: 99% 4px; background-repeat: no-repeat; background-size: 12px;  }
section.portal-profile .editable.portal-profile-avatar,
section.portal-profile .editing.portal-profile-avatar { padding: 4px; }

section.portal-profile p,
section.portal-profile h3, 
section.portal-profile h4,
section.portal-profile h5 { padding: 1px 2px; margin: 0; font-size: 18px; }
section.portal-profile h5 { line-height: 130%; }

section.portal-profile p.profile_label { font-weight: bold; float: left; margin-right: 12px; line-height: 120%; }
section.portal-profile p.profile_value { float: left; line-height: 120%; }
section.portal-profile p.profile_value span.none,
section.portal-profile span.none { font-style: italic; }
section.portal-profile section.portal-profile-section input { padding: 0 3px; line-height: 120%; }
section.portal-profile section.portal-profile-section select { padding: 2px 8px 2px 3px; line-height: 120%; font-size: 16px; border: 1px solid; }

section.portal-profile .profile_username { font-size: 48px; }
section.portal-profile .profile_usertitle { font-size: 24px; }
.input_text.input_profile { padding: 0px 3px; border: 1px solid; width: 300px; line-height: 100%; }
.input_profile.profile_firstname,
.input_profile.profile_lastname { font-size: 48px; width: 200px; }
.input_profile.profile_title { font-size: 24px; width: 300px; }
section.portal-profile .profile_practice { font-size: 12px; padding: 8px; text-transform: uppercase; line-height: 13px; display: table-cell; line-height: 100%; }
section.portal-profile h4.profile_practice { font-weight: 700; margin-right: 2px; vertical-align: middle; }

div.avatar_list_container { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 12px 24px; }
a.avatar_select { display: inline-block; padding: 8px; border: 4px dotted transparent; float: left; margin: 0.4em; }
html.no-touchdevice a.avatar_select:hover,
a.avatar_select.selected { padding: 8px; }
a.avatar_select.selected { padding: 8px; border: 4px solid; }
a.avatar_select img { width: 64px; height: 64px; }
div.avatar_item { position: relative; }
div.avatar_item a.avatar_delete { display: block; cursor: pointer; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; border-radius: 16px; background-color: #FFFFFF; border: 1px solid #000000; background-size: 12px; background-position: center; }
div.avatar_item a.avatar_delete span { display: none; }
div.avatar_item.current a.avatar_delete { display: none; }
.portal-window-webcam-container { position: absolute; width: 100%; height: 100%; top: -100%; z-index: 4; overflow: hidden; }
.portal-window-webcam-container.open { top: 0%; }
.portal-window-webcam-container p.footnotes { font-size: 14px; max-width: 480px; margin: 0 auto; }
.portal-window-webcam-content { padding-top: 40px; box-sizing: border-box; height: 100%; }
.portal-window-webcam { padding: 16px 24px 24px 16px; }
.portal-window-webcam h3 { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
.portal-window-webcam p { font-size: 14px; }
.portal-webcam-loading { padding: 96px 32px; text-align: center; }
.portal-webcam-loading p { display: inline-block; }
.portal-webcam-video { position: relative; margin: 0 auto 0.5em; max-width: 480px; z-index: 2; overflow: hidden; }
.portal-webcam-video video { width: 100%; }
.portal-webcam-video div.guidelines { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 75%; height: 75%; border: 2px dashed; margin: auto; }
.portal-webcam-errors { max-width: 360px; margin: 0 auto; padding: 16px; }
.portal-webcam-errors li { font-size: 14px; }
.portal-webcam-buttons { padding-top: 12px; text-align: center; }
.portal-webcam-buttons a { display: inline-block; padding: 6px 16px; font-size: 13px; text-transform: uppercase; border: 1px solid; text-decoration: none; margin: 0 4px; }
.portal-webcam-video .portal-webcam-buttons { position: absolute; bottom: 12px; width: 100%; z-index: 5; }
.portal-webcam-video .portal-webcam-buttons a { margin: 0 6px; border: 0; }
.portal-webcam-preview { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 4; overflow: hidden; }
.portal-webcam-preview img { width: 100%; }
.portal-webcam-preview-flash { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
.portal-webcam-preview-status { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; display: table; }
.portal-webcam-preview-status p { display: table-cell; vertical-align: middle; text-align: center; background-position: 50% 35%; }
.portal-webcam-preview-status p.portal-ui-cancel { background-size: 40%; background-position: center; }
.portal-webcam-avatar { position: absolute; bottom: -100%; left: 0; width: 100%; box-sizing: border-box; padding: 12px; z-index: 10; }
.portal-webcam-avatar.open { bottom: 0%; }
.portal-webcam-avatar img { float: left; width: 48px; margin-right: 1em; }
.portal-webcam-avatar p { float: left; width: 160px; margin-bottom: 0; margin-right: 5px; font-size: 12px; line-height: 100%; }
.portal-webcam-avatar-change p.pwa-max { display: none; }
.portal-webcam-avatar-change.max p.pwa-change,
.portal-webcam-avatar-change.max img,
.portal-webcam-avatar-change.max .portal-webcam-avatar-yes { display: none; }
.portal-webcam-avatar-change.max p.pwa-max { display: inline; }
.portal-webcam-avatar-change.max p { width: 360px; margin: 0 6px; }
.portal-webcam-avatar-buttons { margin: 12px 0; float: left; }
.portal-webcam-avatar-buttons a { display: inline-block; padding: 6px 16px; font-size: 13px; text-transform: uppercase; text-decoration: none; margin: 0 4px; }
.portal-webcam-avatar-buttons span { display: inline-block; padding-left: 26px; }

/* U - ERROR (Style is always fixed, so colors and images are allowed) */
section.portal-error { position: absolute; width: 80%; padding: 12px 10%; z-index: 25; top: -200px; background-color: #660000; box-shadow: #000000 2px 0px 8px; display: table; }
section.portal-error.open { top: 0; }
section.portal-error p.error { 
    display: table-cell; margin: 0 auto; border: 0; padding: 0 0 0 80px; height: 60px; color: #FFFFFF; vertical-align: middle;
    background: url(/Content/Images/Icons/color/error_red.png) no-repeat left center; background-size: auto 64px;
}
section.portal-error a.portal-error-close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(/Content/Images/Icons/white/Widgets/close.png) no-repeat center center; background-size: 20px; }

/* V - WARNING (Style is always fixed, so colors and images are allowed) */
section.portal-warning { position: absolute; width: 80%; padding: 12px 10%; z-index: 25; top: -200px; background-color: #FFEEDD; box-shadow: #000000 2px 0px 8px; display: table; }
section.portal-warning.open { top: 0; }
section.portal-warning p.warning { 
    display: table-cell; margin: 0 auto; border: 0; padding: 0 0 0 80px; height: 60px; color: #000000; vertical-align: middle;
    background: url(/Content/Images/Icons/color/caution_yellow.png) no-repeat left center; background-size: auto 64px;
}
section.portal-warning a.portal-warning-close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(/Content/Images/Icons/black/Widgets/close.png) no-repeat center center; background-size: 20px; }


/* V - NOTIFY (Style is always fixed, so colors and images are allowed) */
section.portal-notify  { position: absolute; width: 80%; padding: 12px 10%; z-index: 25; top: -200px; background-color: #006600; box-shadow: #000000 2px 0px 8px; display: table; }
section.portal-notify.open { top: 0; }
section.portal-notify p.success { display: table-cell; margin: 0 auto; border: 0; padding: 0 0 0 80px; height: 60px; color: #FFFFFF; vertical-align: middle;
    background: url(/Content/Images/Icons/color/success_green.png) no-repeat left center; background-size: auto 64px; }
section.portal-notify a.portal-notify-close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(/Content/Images/Icons/white/Widgets/close.png) no-repeat center center; background-size: 20px; }


/* W - MAINTENANCE (Style is always fixed, so colors and images are allowed) */
div.portal-dashboard-maintenance { position: relative; box-sizing: border-box; overflow: hidden; }
div.portal-dashboard-maintenance a { box-sizing: border-box; text-decoration: none; display: inline-block; padding: 6px 32px; color: #FFFFFF; font-size: 14px; width: 100%; height: 100%; background-color: #6495ed; text-align: center; }
div.portal-dashboard-maintenance a span.portal-maintenance-label-container { display: inline-block; padding-left: 24px; background: url(/Content/Images/Icons/white/Widgets/maintenance.png) no-repeat 0 50%; background-size: auto 16px; }
div.portal-dashboard-maintenance a:hover { background-color: #74a5fd; }

div.portal-container div.portal-dashboard-maintenance { height: 0px; }
div.portal-container.maintenance-mode div.portal-dashboard-maintenance { height: 26px; }
div.portal-container.maintenance-mode div.portal-dashboard-content { height: calc(100% - 26px); }

/* =============================================== */
/*                PORTAL CHANNELS                  */
/* =============================================== */


/* ================== WELCOME ==================== */
div.portal-welcome h3 { font-size: 24px; margin-bottom: 1em; }
div.portal-welcome a.portal-welcome-button { display: inline-block; min-height: 24px; padding: 16px 18px 16px 68px; background-size: 48px; background-position: 10px 50%; margin-right: 12px; font-size: 20px; text-decoration: none; margin-bottom: 18px; }


/* ================== TRAINING =================== */

/* ----- DASHBOARD -----*/
div.training-dashboard { overflow: hidden; }
div.training-dashboard h2 { font-size: 24px; margin-bottom: 1em; }
div.training-dashboard-item-container { position: relative; float: left; margin: 0 7px; margin-bottom: 24px; width: 200px; }
div.training-dashboard-item { position: relative; border: 1px solid;  height: 120px; overflow: hidden; margin-bottom: 4px; }
div.training-dashboard-item a { position: absolute; display: block; width: 100%; height: 100%; z-index: 2; background-position: center; background-size: 48px; }
div.training-dashboard-item img { min-width: 100%; height: 100%; }
div.training-dashboard-item-footer { position: relative; }
div.training-dashboard-item-footer h3 { font-size: 16px; margin-bottom: 4px; width: 90%; }
div.training-dashboard-item-footer p { font-size: 12px; }
div.training-dashboard-item-footer p.time { font-size: 11px; text-transform: uppercase; }
div.training-dashboard-item-footer p.time strong { font-weight: bold; }
div.training-dashboard-item-footer div.training-dashboard-item-status { position: absolute; top: 0px; right: 2px; }
div.training-dashboard-item-footer div.training-dashboard-item-status span { display: block; width: 16px; height: 16px; float: right; }


/* ----- VIDEO -----*/
div#trainingvideocontainer { padding: 15px 0; }
div#trainingvideocontainer div.training-video { padding: 0 15px; }

div.training-video h2 { font-size: 24px; margin-bottom: 0.5em; }
div.training-video-content { width: 640px; margin: 0 auto 16px;}

div.training-video-quiz-container { width: 90%; margin: 0 auto 24px; }
div.training-video-quiz-wait p { padding: 24px; font-size: 16px; margin: 0; }

div.training-video-quiz { padding: 12px 0; margin-bottom: 16px; }
div.training-video-quiz p { font-size: 16px; }
ul.training-video-quiz-choices li { padding: 2px 8px; line-height: 130%; overflow: hidden; }
ul.training-video-quiz-choices li a.video-quiz-choice { position: relative; display: inline-block; padding: 6px 6px 6px 24px; text-decoration: none; font-size: 18px; }
ul.training-video-quiz-choices li a.video-quiz-choice::before { content: ""; position: absolute; left: 0px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; top: 10px; margin-right: 12px; }
ul.training-video-quiz-choices li a.video-quiz-choice.selected::before { background-position: 0 -16px; }
ul.training-video-quiz-choices li span.response { display: inline-block; padding: 6px 10px; }
div.video-quiz-submit-btn a.video-quiz-submit { padding: 6px 10px; text-transform: uppercase; display: inline-block; text-decoration: none; float: right; }
div.training-video-quiz p.training-video-quiz-question { margin-bottom: 0; max-width: 550px; }
div.training-video-quiz p.training-video-quiz-description { font-size: 12px; max-width: 550px; }
div.training-video-quiz p.training-video-status { margin-bottom: 0; }
div.training-video-quiz span.incorrect { display: inline-block; border: 1px solid; padding: 5px 8px; max-width: 420px; }
div.training-video-quiz-question { margin-bottom: 20px; position: relative; }
div.training-video-quiz-question.incorrect div.training-video-quiz-status { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; background-size: 100%; }


div.training-video-quiz.complete ul.training-video-quiz-choices { margin-top: 1em; }
div.training-video-quiz.complete ul.training-video-quiz-choices li a.video-quiz-choice { opacity: 0.25; }
div.training-video-quiz.complete ul.training-video-quiz-choices li.correct a.video-quiz-choice { opacity: 1.0; }
div.training-video-quiz.complete ul.training-video-quiz-choices li a.video-quiz-choice::before { background: none; }
div.training-video-quiz.complete p.training-video-quiz-answer { margin-bottom: 1em; }
div.training-video-quiz.complete p.completed { display: inline-block; padding: 6px; margin-right: 8px; }
div.training-video a.video-quiz-next { display: inline-block; padding: 6px 26px 6px 6px; background-size: 16px; background-position: 90% 50%; text-decoration: none; text-transform: uppercase; font-size: 18px; }

div.training-video-list { position: relative; padding: 18px 0; text-align: center; margin-bottom: 18px; overflow-x: auto; height: 120px; cursor: auto; }
div.training-video-list-scroll { height: 100%; }
div.training-video-list div.filmstrip { position: absolute; left: 0; background-repeat: repeat-x; background-position: left center; width: 100%; height: 18px; overflow-x: auto; }
div.training-video-list div.filmstrip.top { top: 0; }
div.training-video-list div.filmstrip.bottom { bottom: 0; }
ul.training-video-chapters { margin: 0 auto; display: inline-block; overflow: hidden; height: 100%; }
ul.training-video-chapters li { position: relative; display: inline-block; background-position: 6px 6px; background-size: 12px; margin: 0 4px; height: 100%; width: 150px; }
ul.training-video-chapters li a.video-set-mediafile,
ul.training-video-chapters li span.video-inert { position: relative; display: block; width: 100%; height: 100%; z-index: 2; }

ul.training-video-chapters li span.video-text { position: absolute; padding: 6px; left: 0; bottom: 0; text-align: left; line-height: 80%; font-size: 13px; max-height: 72px; overflow: hidden; }
ul.training-video-chapters li span.video-text strong.video-current { padding-left: 18px; }
ul.training-video-chapters li span.video-title { font-weight: bold; font-size: 12px; }
ul.training-video-chapters li span.video-time { font-size: 11px; }
ul.training-video-chapters li div.video-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; background-position: center; background-size: 60%; }
ul.training-video-chapters li strong.video-current,
ul.training-video-chapters li strong.video-complete { position: absolute; top: 4px; right: 4px; font-size: 12px; padding: 2px 4px 3px; display: inline-block; font-weight: bold; }
ul.training-video-chapters li strong.video-complete { right: auto; left: 18px; }

ul.training-video-chapters li.locked { cursor: not-allowed; opacity: 0.5; }

/* ==================  CONNECT  =================== */

/* ----- CONVERSATIONS ----- */
form.portal-inline-post-form { padding: 1em; }
form.portal-inline-post-form textarea { background-position: center; background-size: 64px; background-repeat: no-repeat; }
div.social-conversation-post-form { position: relative; }
div.social-conversation-post-form textarea.input_textarea { width: 80%; height: 110px; min-height: 110px; border: 0; margin: 0; padding: 1% 19% 1% 1%; overflow-y: scroll; resize: vertical; font-size: 14px; }
div.social-conversation-post-form div.conversation-media-upload-progress { position: absolute; bottom: -3px; left: 0; width: 0%; height: 3px; }
div.social-conversation-post-buttons,
div.social-conversation-post-status { position: absolute; right: 1em; bottom: 0; padding: 4px; }
div.social-conversation-post-buttons a,
div.social-conversation-post-status span { display: block; width: 56px; padding: 32px 0px 6px; background-size: 24px; background-position: 50% 6px; margin-bottom: 6px; text-align: center; font-size: 10px; text-decoration: none; background-repeat: no-repeat; text-transform: uppercase; }
div.social-conversation-post-status span { margin-bottom: 0; }
div.social-conversation-post-buttons input { border: 0; padding: 32px 0px 6px; font-size: 10px; text-transform: uppercase; width: 56px; cursor: pointer; background-size: 24px; background-position: 50% 6px; background-repeat: no-repeat; line-height: 90%; }

div.social-conversation-post-footer-message { padding: 8px; overflow: hidden; display: none; }
div.social-conversation-post-footer-message p { margin: 0; font-size: 12px; }
div.social-conversation-post-footer-message p.alert-icon { padding-left: 32px; background-position: 6px 50%; background-size: 18px; }

div.social-conversation-file-preview { padding: 8px; display: none; overflow: hidden; text-align: center; }
div.social-conversation-file-preview div.social-conversation-file-aside { float: left; padding-right: 12px; max-width: 82px; }
div.social-conversation-file-preview div.social-conversation-file-aside p { font-size: 14px; margin-bottom: 4px; }
div.social-conversation-file-preview div.social-conversation-file-aside a.conversation-media-remove { 
	display: inline-block; padding: 40px 8px 8px 8px; background-size: 24px; font-size: 11px;
	background-position: 50% 25%; text-transform: uppercase; text-decoration: none; text-align: center;
}
div.social-conversation-file-preview div.social-conversation-file { min-width: 320px; max-width: 340px; height: 100%; margin-bottom: 12px; float: left; text-align: center; }
div.social-conversation-file-preview img { max-width: 100%; max-height: 100%; }

div.social-conversation-post-row { border: 1px solid; margin-bottom: 12px; }
div.social-conversation-post-row-container { padding: 12px; }
div.social-conversation-post-row-header { height: 32px; padding-bottom: 6px; border-bottom: 1px solid; margin-bottom: 8px; overflow: hidden; }
div.social-conversation-post-row div.media-content { max-height: 100%; }

div.social-conversation-header-avatar { float: left; margin-right: 8px; }
div.social-conversation-header-avatar img { max-height: 32px; }
div.social-conversation-header-profile { float: left; }
div.social-conversation-header-profile p { margin: 0; }
div.social-conversation-header-profile p.social-conversation-header-profile-name { font-size: 16px; font-weight: bold; text-transform: uppercase; }
div.social-conversation-header-profile p.social-conversation-header-profile-toolbar { font-size: 11px; }
div.social-conversation-header-profile p.social-conversation-header-profile-toolbar span { display: inline-block; }

div.social-conversation-post-view,
div.social-conversation-post-edit { position: relative; margin-bottom: 12px; }
div.social-conversation-post-edit form.portal-inline-form { padding: 0; }
div.social-conversation-post-edit-form { position: relative; }
div.social-conversation-post-edit textarea.input_textarea { white-space: pre-line; width: 86%; height: 90px; min-height: 90px; border: 1px solid; margin: 0; padding: 1% 13% 1% 1%; overflow-y: scroll; resize: vertical; }

div.social-conversation-post-commentbar { padding: 6px 12px; overflow: hidden; }
div.social-conversation-post-commentbar p { float: right; font-size: 12px; text-transform: uppercase; margin: 0; font-weight: bold; }
div.social-conversation-post-commentbar p a { display: inline-block; padding: 3px 5px; text-decoration: none; }

/*----- COMMENTS -----*/
div.social-conversation-comment-post-container,
form.portal-inline-comment-post-form { padding: 1em; }
div.social-conversation-comment-container { padding: 0 1em; }
form.portal-inline-comment-post-form textarea { background-position: center; background-size: 64px; background-repeat: no-repeat; font-size: 14px; }
div.social-conversation-comment-post-form { position: relative; }
div.social-conversation-comment-post-form textarea.input_textarea { width: 80%; height: 110px; min-height: 110px; border: 0; margin: 0; padding: 1% 19% 1% 1%; overflow-y: scroll; resize: vertical; font-size: 14px; }
div.social-conversation-comment-post-form div.conversation-comment-media-upload-progress { position: absolute; bottom: -3px; left: 0; width: 0%; height: 3px; }
div.social-conversation-comment-post-buttons,
div.social-conversation-comment-post-status { position: absolute; right: 1em; bottom: 0; padding: 4px; }
div.social-conversation-comment-post-buttons a,
div.social-conversation-comment-post-status span { display: block; width: 56px; padding: 32px 0px 6px; background-size: 24px; background-position: 50% 6px; margin-bottom: 6px; text-align: center; font-size: 10px; text-decoration: none; background-repeat: no-repeat; text-transform: uppercase; }
div.social-conversation-comment-post-status span { margin-bottom: 0; }
div.social-conversation-comment-post-buttons input { border: 0; padding: 32px 0px 6px; font-size: 10px; text-transform: uppercase; width: 56px; cursor: pointer; background-size: 24px; background-position: 50% 6px; background-repeat: no-repeat; line-height: 90%; }

div.social-conversation-comment-post-footer-message { padding: 8px; overflow: hidden; display: none; }
div.social-conversation-comment-post-footer-message p { margin: 0; font-size: 12px; }
div.social-conversation-comment-post-footer-message p.alert-icon { padding-left: 32px; background-position: 6px 50%; background-size: 18px; }

div.social-conversation-comment-file-preview { padding: 8px; display: none; overflow: hidden; text-align: center; }
div.social-conversation-comment-file-preview div.social-conversation-comment-file-aside { float: left; padding-right: 12px; max-width: 82px; }
div.social-conversation-comment-file-preview div.social-conversation-comment-file-aside p { font-size: 14px; margin-bottom: 4px; }
div.social-conversation-comment-file-preview div.social-conversation-comment-file-aside a.conversation-comment-media-remove { 
	display: inline-block; padding: 40px 8px 8px 8px; background-size: 24px; font-size: 11px;
	background-position: 50% 25%; text-transform: uppercase; text-decoration: none; text-align: center;
}
div.social-conversation-comment-file-preview div.social-conversation-comment-file { min-width: 320px; max-width: 340px; height: 100%; margin-bottom: 12px; float: left; text-align: center; }
div.social-conversation-comment-file-preview img { max-width: 100%; max-height: 100%; }

div.social-conversation-comment-post-container div.social-conversation-post-row { margin-bottom: 0; }
div.social-conversation-comment-post-row { margin: 1em 0; }
/*
div.social-conversation-comment-post-row.last { margin-bottom: 0; }
*/

div.social-conversation-comment-post-view,
div.social-conversation-comment-post-edit { position: relative; }
div.social-conversation-comment-post-edit form.portal-inline-form { padding: 0; }
div.social-conversation-comment-post-edit-form { position: relative; }
div.social-conversation-comment-post-edit textarea.input_textarea { white-space: pre-line; width: 86%; height: 90px; min-height: 90px; border: 1px solid; margin: 0; padding: 1% 13% 1% 1%; overflow-y: scroll; resize: vertical; }

div.social-conversation-comment-post-media { width: 100%; }
div.social-conversation-comment-post-media img { width: 100%; }

/* --- MEDIA --- */
div.media-content { position: relative; width: auto; max-width: 100%; max-height: 240px; overflow: hidden; }
div.media-content.thumbnail { text-align: center; }
div.media-content img { display: block; max-width: 100%; max-height: 150%; }

div.media-content-preview a { width: 100%; height: 100%; }

div.media-content.content-video.thumbnail { height: 100%; }
div.media-content.content-video div.media-video { position: relative; display: inline-block; margin: 0 auto; width: auto; max-width: 100%; height: 100% }
div.media-content.content-video .media-video-conversion-status { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.media-content.content-video div.conversion-error p { position: relative; top: 35%; padding: 8px 8px 8px 48px; font-size: 11px; text-transform: uppercase; margin: 0; background-position: 8px 50%; background-size: 24px; font-weight: bold; }
div.media-content.content-video div.conversion-inprogress { background-position: 50% 60%; text-align: center; }
div.media-content.content-video div.conversion-inprogress p { position: relative; top: 40%; font-size: 11px; text-transform: uppercase; margin: 0; font-weight: bold; padding-bottom: 30px; background-size: 128px auto; background-position: 50% 60%; }
div.media-content.content-video a.conversion-ready { display: block; width: 100%; height: 100%; background-position: center; background-size: 64px; }
div.media-video-popup-container { line-height: 80%; font-size: 1px; }

div.media-content.content-file { position: relative; display: inline-block; margin: 0 auto; width: 100%; }
div.media-content.content-file a { position: relative; display: block; overflow: hidden; padding: 12px 12px 12px 72px; min-height: 32px; text-decoration: none; }
div.media-content.content-file a img { position: absolute; max-width: 64px; height: 100%; top: 0px; left: 0px; }
div.media-content.content-file a span.conversation-post-filename { font-size: 16px; font-weight: bold; white-space: nowrap; color: #000000; overflow: hidden; width: 100%; display: block; }
div.media-content.content-file a span.conversation-post-download { font-size: 11px; text-transform: uppercase; color: #666666; }

div.media-error { border: 1px solid; padding: 8px 8px 8px 48px; color: #330000; text-transform: uppercase; width: auto; background-size: 32px; background-position: 6px 50%; min-height: initial; }
div.media-error p { font-size: 11px; }


div.portal-media-list-container { position: relative; margin-top: 10px; }

div.portal-media-list-title { position: relative;  padding: 8px 8px 10px 38px; background-size: 20px; background-position: 10px 50%; line-height: 98%; }
div.portal-media-list-title h3 { font-size: 20px; text-transform: uppercase; width: calc(100% - 48px); }
div.portal-media-list-title .portal-options-popup-container { right: 12px; top: 5px; }
div.portal-media-list-title .portal-options-popup-btn.portal-ui-dots { background-size: 80%; }
div.portal-media-list-title div.portal-options-popup { bottom: auto; top: 0; right: 120%; z-index: 999; width: auto; }
/* h3.portal-media-list-title a.media-list-download { display: inline-block; background-size: 14px; background-position: 4px 50%; padding: 1px 4px 1px 24px; font-size: 12px; margin-left: 18px; float: right; } */
div.portal-media-list-title span.media-list-downloading { display: inline-block; background-size: 14px; background-position: 4px 50%; padding: 1px 4px 1px 24px; font-size: 12px; margin-left: 18px; float: right; }

div.media-library-item { width: 200px; overflow: hidden; margin-bottom: 16px; }
div.media-library-item-image { width: 100% !important; }
div.media-library-item-image div { border: 0; }
div.media-library-item-image img { width: 100% !important; max-width: 100%; }
div.media-library-item-info { position: relative; padding: 14px; }
div.media-library-item-info .portal-options-popup-container { top: 10px; right: 14px; }
div.media-library-item-info p { margin: 0; word-wrap: break-word; }
div.media-library-item-info p.media-title { font-weight: 700; margin-bottom: 4px;}
div.media-library-item-info p.media-upload { font-size: 12px;}
div.media-library-item-info p.media-datetime { font-size: 11px; }
div.media-library-item div.media-content,
div.media-library-item div.media-video { width: 100% !important; }
div.media-library-item div.media-content.content-file a { border-radius: 8px 8px 0 0; }
div.media-library-item div.media-content.content-file a span.conversation-post-filename { display: none; }
div.media-library-item div.media-content.content-file a span.conversation-post-download { display: inline-block; font-size: 16px; font-weight: bold; text-align: center; }
div.media-library-item p.media-title { padding-right: 32px; }
div.media-library-item a.mediafiles-library-item-edit { position: absolute; top: 12px; right: 12px; display: block; width: 16px; height: 16px; }
div.media-library-item a.mediafiles-library-item-edit span { display: none; }
tr.media_files .media-content { display: inline; }
div.media-library-item-list { position: relative; border-bottom: 10px solid; cursor: auto; overflow-x: auto; padding: 18px 0; text-align: center; }
div.media-library-item-list ul { display: inline-block; overflow: hidden; height: 100%; margin: 0 auto; }
div.media-library-item-list ul li { position: relative; display: inline-block; width: 90px; margin: 0 12px; font-size: 12px; text-transform: uppercase; vertical-align: top; }
div.media-library-item-list ul li a { position: relative; display: block; padding: 60px 4px 1px 4px; text-decoration: none; height: 24px; overflow: hidden; }
div.media-library-item-list ul li span.media-folder-opening { position: relative; display: block; padding: 60px 4px 4px 4px; height: 24px; overflow: hidden; opacity: 0.4; cursor: progress; font-size: 10px; }
div.media-library-item-list ul li span.icon { position: absolute; width: 56px; height: 36px; top: 17px; left: 17px; background-size: 40%; background-position: center; background-repeat: no-repeat; }


/* --- NETWORK --- */
div.portal-network-list-container { position: relative; }
div.social-network-item { overflow: hidden; margin-bottom: 16px; }
div.social-network-item-avatar { float: left; height: 80px; padding: 8px; }
div.social-network-item-avatar img { max-width: 80px; }
div.social-network-item-info { float: left; width: calc(100% - 96px); min-height: 96px; }
div.social-network-item-info p { padding: 8px; margin: 0; }
div.social-network-item-info p.network-fullname { font-size: 18px; text-transform: uppercase; font-weight: bold; line-height: 90%; }
div.social-network-item-info p.network-fullname span.network-title { display: block; font-size: 11px; text-transform: none; font-weight: normal; }

div.social-network-item-info div.network-practice { overflow: hidden; }
div.social-network-item-info div.network-practice h5,
div.social-network-item-info div.network-practice p { padding: 8px; font-size: 12px; text-transform: uppercase; float: left; margin: 0; line-height: 100%; }
div.social-network-item-info div.network-practice h5 { width: 60px; font-weight: bold; }
div.social-network-item-info div.network-practice p { width: 132px; }

div.social-network-item-info p.network-email { font-size: 13px; }
div.social-network-item-info p.network-email a { text-decoration: none; }


/* ==================  STUDIES =================== */

/* ----- STUDIES LIST ----- */
div.portal-patientstudies-addpatient-form { padding: 8px 0 10px; }
div.portal-patientstudies-addpatient-form p { position: relative; }
div.portal-patientstudies-addpatient-form p.portal-patientstudies-addpatient-visitdate { z-index: 41; }
div.portal-patientstudies-addpatientform-section { padding: 12px; overflow: hidden; margin-bottom: 12px; }
div.portal-patientstudies-addpatientform-section.addpatient-iddate { clear: both; padding-top: 32px; }
div.portal-patientstudies-addpatientform-section-loading { text-align: center; }
span.fieldnote { position: absolute; top: -32px; display: inline-block; padding: 1px 4px; font-size: 11px; border-radius: 4px; font-weight: bold; }
span.fieldnote:after { content: ''; position: absolute; border-style: solid; border-width: 8px 8px 0; display: block; width: 0; z-index: 1; bottom: -8px; left: 36px; }
span.fieldnote-id { right: 0px; }
span.pid-span { white-space: nowrap; }
span.pid-identifier { position: relative; }
input.input_text_panel,
select.input_select_panel { padding: 2px; border: 1px solid; font-size: 16px; }
input.input_button_panel { font-size: 16px; border: 1px solid; cursor: pointer; }
input.input_text_panel.calendar { padding-right: 20px; background-position: 95% center; background-repeat: no-repeat; background-size: 16px; cursor: pointer; }
.ui-datepicker { width: 15em; z-index: 9999 !important; }
.portal-patientstudies-addpatient-submit,
.portal-patientstudies-addpatient-status { text-align: center; }
.portal-patientstudies-addpatient-submit { margin-bottom: 8px; }
.portal-patientstudies-addpatient-status span.portal-ui-error { padding-left: 24px; }
.portal-patientstudies-addpatient-studies span.item-selected,
.portal-patientstudies-addpatient-sites span.item-selected { display: inline-block; padding: 2px 8px;  }
.portal-patientstudies-addpatient-pid { position: relative; display: inline-block; }

.alert_add_patient div.portal-patientstudies-addpatient-form { overflow: hidden; width: 640px; margin: 0 auto; }
.alert_add_patient div.portal-patientstudies-addpatientform-section { max-width: 290px; margin-bottom: 1em; clear: none; float: left; margin: 0 0.5em; min-height: 100px; }
.alert_add_patient div.portal-patientstudies-addpatientform-section.addpatient-ss { padding-top: 32px; }
.alert_add_patient div.portal-window-alert-buttons { position: relative; min-height: 32px; margin-bottom: 1em !important; }
.alert_add_patient div.portal-window-alert-buttons span.portal-ui-error { position: absolute; display: block; text-align: center; top: 9px; left: 410px; font-size: 14px; padding-left: 16px; max-width: 200px; }
.alert_add_patient form.portal-form-addpatient { min-height: 240px; }
.alert_add_patient div.portal-patientstudies-addpatientform-section.addpatient-ss p { float: none !important; }


/* ----- DASHBOARD ----- */
section.schedule h2 { font-size: 32px; margin-bottom: 8px; }
section.schedule h3 { font-weight: bold; margin-bottom: 4px; }
section.schedule h3 span.toggle { display: inline-block; font-weight: bold; font-size: 20px; line-height: 15px; padding-right: 6px; vertical-align: top; width: 10px; }
section.schedule h3 a { display: block; padding: 8px; text-decoration: none; }
section.schedule section.stage_container { overflow: hidden; padding: 20px 0 0; }
section.schedule section.stage_container div.stage_group_expand.closed { display: none; }

section.schedule div.stage_title { position: relative; }
section.schedule div.stage_title input.stage_input { position: absolute; top: 5px; right: 5px; font-size: 14px; padding: 3px 26px 3px 3px; border: 0; background-size: 16px; background-repeat: no-repeat; background-position: 98% 45%; }

section.schedule div.stage { position: relative; width: 210px; min-height: 80px; border: 1px solid; float: left; margin: 0 16px 16px 0; padding: 8px; overflow: hidden; }
section.schedule div.stage div.loading { position: absolute; top: 0; left: 0; padding: 0; display: none; height: 100%; width: 100%; }
section.schedule div.stage div.loading p.portal-stage-loading { 
	background-position: 50% 25%; font-size: 11px; line-height: 120%; margin: 0 auto; padding: 32px 0 12px; text-align: center; width: 100px; margin-top: 1em; }
section.schedule div.stage div.stage_date {
    position: relative; width: 70px; border-style: solid; border-width: 24px 4px 4px; float: left; margin-right: 12px; padding: 8px 0; min-width: 45px; min-height: 36px; z-index: 2;
}

section.schedule div.stage div.stage_date span.add { font-size: 60px; font-weight: 700; }
section.schedule div.stage div.stage_date span.miss { font-size: 60px; font-weight: 700; }
section.schedule div.stage div.stage_date span.empty { font-size: 60px; font-weight: 700; }
section.schedule div.stage div.stage_date span.notallowed { font-size: 40px; font-weight: 700; line-height: 32px !important; }

section.schedule div.stage div.stage_info { display: table; }
section.schedule div.stage.stage-disabled { display: table; opacity: 0.45; }
section.schedule div.stage div.stage_status { position: relative; z-index: 3; display: table-cell; font-size: 14px; line-height: 130%; vertical-align: middle; }

section.schedule div.stage div.stage_date p,
section.schedule div.stage div.stage_status p { margin: 0; line-height: 110%; }

section.schedule div.stage div.stage_date p { text-align: center; min-height: 36px; }
section.schedule div.stage div.stage_date p strong { font-weight: 700; }
section.schedule div.stage div.stage_date p.stage_date_symbol { max-height: 36px; overflow: hidden; }
section.schedule div.stage div.stage_date p.stage_date_symbol span { line-height: 26px; }
section.schedule div.stage div.stage_date p span.top { white-space: nowrap; }
section.schedule div.stage div.stage_date p span.bottom { font-size: 20px; }

section.schedule div.stage div.stage_status span.stage_name { font-size: 14px; white-space: pre-line; }
section.schedule div.stage div.stage_status span.stage_subtitle { font-size: 13px; font-weight: bold; }
section.schedule div.stage div.stage_status span.stage_name strong,
section.schedule div.stage div.stage_status span.stage_stat strong { font-weight: 700; }
section.schedule div.stage div.stage_status span.stage_stat { font-size: 12px; }
section.schedule div.stage div.stage_status span.stage_stat strong.custom { font-size: 11px; }

section.schedule div.stage_custom div.stage_status span.stage_name { position: relative; z-index: 7; }
section.schedule div.stage_custom div.stage_status { z-index: 6; }

section.schedule div.stage div.message { position: absolute; top: 1px; right: 1px; z-index: 6; height: 24px; padding: 2px; }
section.schedule div.stage div.message p.alert { margin: 0; padding: 0; width: 16px; height: 16px; background-size: 16px; margin-left: 4px; float: right; }
section.schedule div.stage div.message p.alert span { display: none; }

section.schedule div.stage div.stagelock { position: absolute; right: 0; bottom: 0px; z-index: 6; }
section.schedule div.stage div.stagelock.lock { width: 100px; right: -80px; }
section.schedule div.stage div.stagelock.locking { width: 100px; }
section.schedule div.stage div.stagelock.unlock { width: 120px; right: -100px; }
section.schedule div.stage div.stagelock.unlocking { width: 120px; }
section.schedule div.stage div.stagelock a { display: block; padding: 4px 4px 4px 22px; font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: bold; border-radius: 6px 0 0 0; text-align: center; white-space: nowrap; }
section.schedule div.stage div.stagelock span { display: block; padding: 4px 4px 4px 22px; font-size: 11px; text-transform: uppercase; font-weight: bold; border-radius: 6px 0 0 0; text-align: center; white-space: nowrap; }

div.stage a.stage_expand,
div.stage a.stage_open { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 5; }

div.stage a.stage_expand.edit_stage { top: 8px; left: 8px; width: 78px; height: 80px; display: block; z-index: 6; background-position: 100px 4px; background-size: 16px; }
html.no-touchdevice div.stage a.stage_expand.edit_stage:hover { background-position: 56px 4px; }

div.stage div.stage_expand_overlay { position: absolute; width: 100%; height: 100%; left: 0; top: -200%; z-index: 6; }
div.stage div.stage_expand_overlay.se_double { width: 200%; }
div.stage div.stage_expand_overlay.se_doublebytwo { width: 200%; height: 200%; }
div.stage div.stage_expand_overlay div.stage_expand_area,
div.stage div.stage_expand_overlay div.stage_expand_area_quad1,
div.stage div.stage_expand_overlay div.stage_expand_area_quad2,
div.stage div.stage_expand_overlay div.stage_expand_area_quad3 { position: relative; }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area { width: 50%; float: left; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 { width: 50%; height: 50%; top: 50%; float: left; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 { width: 50%; height: 50%; top: 50%; float: right; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 { width: 50%; height: 50%; top: -50%; float: left; }
div.stage div.stage_expand_overlay h5 { text-align: center; padding: 6px 0px 6px; margin-bottom: 4px; border-bottom: 1px solid; }
div.stage div.stage_expand_overlay p.checkbox { position: relative; text-align: left; padding-left: 26px; font-size: 13px; line-height: 15px; }
div.stage div.stage_expand_overlay p.checkbox a { display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid; background-position: center; }
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-position: center; }
html.no-touchdevice div.stage div.stage_expand_overlay p.outofrange { line-height: 90% !important; }
div.stage div.stage_expand_overlay div.stage_expand_area > div,
div.stage div.stage_expand_overlay div.stage_expand_area_quad1 > div,
div.stage div.stage_expand_overlay div.stage_expand_area_quad2 > div,
div.stage div.stage_expand_overlay div.stage_expand_area_quad3 > div { padding: 4px 8px; text-align: center; overflow: hidden; }
div.stage div.stage_expand_overlay div.stage_expand_area p,
div.stage div.stage_expand_overlay div.stage_expand_area_quad1 p,
div.stage div.stage_expand_overlay div.stage_expand_area_quad2 p,
div.stage div.stage_expand_overlay div.stage_expand_area_quad3 p { margin-bottom: 7px; }
div.stage div.stage_expand_overlay div.stage_expand_area input.calendar,
div.stage div.stage_expand_overlay div.stage_expand_area_quad1 input.calendar,
div.stage div.stage_expand_overlay div.stage_expand_area_quad2 input.calendar,
div.stage div.stage_expand_overlay div.stage_expand_area_quad3 input.calendar {
    position: relative; padding: 3px 20px 3px 3px; border: 1px solid; font-size: 14px; cursor: pointer;
	background-repeat: no-repeat; background-position: 96% center; background-size: 16px; z-index: 8; 
}
div.stage div.stage_expand_overlay div.stage_expand_area a.stage_expand_button,
div.stage div.stage_expand_overlay div.stage_expand_area_quad1 a.stage_expand_button,
div.stage div.stage_expand_overlay div.stage_expand_area_quad2 a.stage_expand_button,
div.stage div.stage_expand_overlay div.stage_expand_area_quad3 a.stage_expand_button { 
    display: block; width: 16px; height: 16px; padding: 4px; border-radius: 2px;
    position: absolute; top: 2px; z-index: 22; 
    background-repeat: no-repeat; background-position: center; background-size: 16px; 
}
a.stage_expand_button.button_close { right: 3px; }
a.stage_expand_button.button_goback { left: 3px; }

div.stage div.stage_expand_overlay a.stage_expand_slide { display: inline-block; padding: 6px; font-weight: 700; border-radius: 4px; text-transform: uppercase; text-decoration: none; }
div.stage div.stage_expand_overlay a.button_submit { font-size: 13px; padding: 4px 6px; text-transform: uppercase; font-weight: 700; text-decoration: none; }
div.stage div.stage_expand_overlay span.portal-ui-animate-submitting { padding-top: 4px; font-size: 12px; text-transform: uppercase; font-weight: 700; }

div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate { border-right: 1px solid; width: 120px; }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_edit_visitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_edit_visitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_edit_visitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_edit_visitdate { border-right: 1px solid; width: 120px; }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate-missed,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate-missed,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate-missed,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate-missed { width: 70px; }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate-full,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate-full,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate-full,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate-full { border-right: 0; width: 100%; }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate-full p,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate-full p,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate-full p,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate-full p { float: left; }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate-full div.stage_expand_submit_row a,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate-full div.stage_expand_submit_row a,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate-full div.stage_expand_submit_row a,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate-full div.stage_expand_submit_row a { display: inline-block; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate { border-right: 1px solid; width: 120px; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_edit_visitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_edit_visitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_edit_visitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_edit_visitdate { border-right: 1px solid; width: 120px; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate-missed,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate-missed,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate-missed,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate-missed { width: 70px; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate-full,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate-full,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate-full,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate-full { border-right: 0; width: 100%; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate-full p,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate-full p,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate-full p,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate-full p { float: left; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate-full div.stage_expand_submit_row a,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate-full div.stage_expand_submit_row a,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate-full div.stage_expand_submit_row a,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate-full div.stage_expand_submit_row a { display: inline-block; }

div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate_expand { border-right: 1px solid; width: 210px; }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate_expand { border-right: 1px solid; width: 210px; }


/* ----- DATA FORM ----- */
section.data_form h2 { font-size: 32px; margin-bottom: 8px; }

section.data_form header { padding-top: 12px; }
section.data_form header div.patient_flex { display: flex; }
section.data_form header div.patientid,
section.data_form header div.patientvisitdate { width: 150px; margin-left: 16px; }
section.data_form header div.patientid p,
section.data_form header div.patientvisitdate p { margin-bottom: 4px; font-size: 14px; }
section.data_form header div.patientid p.pid,
section.data_form header div.patientvisitdate p.pvd { padding: 8px 12px; font-weight: bold; }
section.data_form header div.patientid p.pid_title,
section.data_form header div.patientvisitdate p.pvd_title { font-size: 12px; }
section.data_form header div.pvd_choices { position: relative; }
section.data_form header div.pvd_choices p.pvd { padding: 0; }
section.data_form header div.pvd_choices a { padding: 8px 12px; display: block; text-decoration: none; background-position: 90% 50%; background-size: auto 50%; }
section.data_form header div.pvd_choices ul { position: absolute; top: 100%; z-index: 5; width: 100%; }
section.data_form header div.pvd_choices ul li a { display: block; font-size: 14px; }
section.data_form header div.pvd_choices a.pvd_change { padding: 8px 42px 8px 12px; }

section.data_form header div.patient_properties { position: relative; padding: 12px 48px 12px 16px; display: inline-block; max-width: 500px; border-left: 16px solid; }
section.data_form header div.patient_properties h2 { margin-bottom: 3px; line-height: 90%; }
section.data_form header div.patient_properties h3 { font-size: 20px; margin-bottom: 4px; }
section.data_form header div.patient_properties h4 { font-size: 14px; margin-bottom: 2px }
section.data_form header div.patient_properties a,
section.data_form header span.loading { 
    opacity: 0.1; position: absolute; bottom: 0; right: 0; width: 32px; height: 36px; background-position: center 14px;
    background-size: 16px; text-transform: uppercase; font-size: 12px; text-decoration: none; text-align: center;
}
section.data_form header span.loading { width: 6px; height: 20px; opacity: 1; }
section.data_form header div.patient_properties a span { display: none; }
section.data_form header div.patient_properties:hover a { opacity: 1.0; }
section.data_form header div.patient_properties:hover a span { display: inline; }

section.data_form section.stage_datapoints { clear: both; }
section.data_form section.stage_datapoints p.stage_patientid { padding: 12px 8px; font-size: 20px; line-height: 100%; margin-bottom: 4px; text-align: center; font-weight: bold; }

section.data_form div.datapoint_group { padding: 12px 0; overflow: hidden; }
section.data_form div.datapoint_group h3 { position: relative; font-size: 18px; }
section.data_form div.datapoint_group h3 span.toggle { display: inline-block; font-weight: bold; font-size: 20px; line-height: 16px; padding-right: 6px; vertical-align: top; width: 10px; }
section.data_form div.datapoint_group h3 a { display: block; padding: 8px; text-decoration: none; }
section.data_form div.datapoint_group h3 a span.alert { position: absolute; top: 0; right: 0; display: none; padding: 0px 12px; height: 100%; line-height: 32px; font-size: 24px; width: auto; }
section.data_form div.datapoint_group p.datapoint_group_desc { margin: 12px; }

section.data_form div.datapoint_group_expand { position: relative; overflow: hidden; }
section.data_form div.datapoint_group_expand.closed { display: none; }
section.data_form footer { border-top: 1px solid; padding-top: 12px; }
form div.datapoint_group_expand_disable,
section.data_form div.datapoint_group_expand_disable { position: absolute; top: 0; left: 0; z-index: 3; }
/* form.data_form_locked div.datapoint_group_expand_disable,
section.data_form_locked div.datapoint_group_expand_disable { width: 100%; height: 100%; } */

/* --- DATA FORM - MEDIA OVERLAY ---- */
div.dataform_upload { text-align: center; padding: 11px; float: left; position: relative; }
div.dataform_upload p { font-size: 12px; font-weight: bold; margin-bottom: 4px; }
div.dataform_upload div.progresscontainer { position: absolute; bottom: -8px; left: 0; width: 84%; margin: 0 8%; min-height: 5px; border: 1px solid; overflow: hidden; }
div.dataform_upload div.progresscontainer div.progress { padding: 3px 0; font-size: 10px; }
div.dataform_upload div.progresscontainer div.progress p { margin: 0; padding-left: 16px; white-space: nowrap; overflow: hidden; }
div.dataform_upload div.image_pending,
div.dataform_upload div.image_error { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 12px; text-transform: uppercase;  background-position: center 25%; background-size: 32px; box-sizing: border-box; padding: 50px 12px 12px 12px; }
div.dataform_upload div.image_error a { position: static; }

div.medialock { position: absolute; right: 0; bottom: 0px; z-index: 6; }
div.medialock.lock { width: 130px; right: -105px; }
div.medialock.locking { width: 130px; }
div.medialock.unlock { width: 150px; right: -125px; }
div.medialock.unlocking { width: 150px; }
div.medialock a { display: block; padding: 6px 6px 6px 26px; font-size: 13px; text-transform: uppercase; text-decoration: none; font-weight: bold; border-radius: 6px 0 0 0; text-align: center; white-space: nowrap; }
div.medialock span { display: block; padding: 6px 6px 6px 22px; font-size: 13px; text-transform: uppercase; font-weight: bold; border-radius: 6px 0 0 0; text-align: center; white-space: nowrap; }



/* --- DATAPOINTS --- */
form.datapoint_form { overflow: hidden; float: left; }
div.datapoint { position: relative; float: left; border: 1px solid; padding: 6px 10px 28px; margin: 10px; width: 200px; min-height: 120px; overflow: hidden; }
div.dpsize_half { width: 321px; }
div.dpsize_double { width: 442px; }
div.dpsize_triple { width: 684px; height: auto; }

/* DATAPOINT SUBITEMS */
div.datapoint .subitem_hide,
div.datapoint .field_hide,
div.datapoint .fielditem_hide,
div.datapoint .subitem_hide_priority,
div.datapoint .field_hide_priority,
div.datapoint .fielditem_hide_priority { display: none !important; }

/* DATAPOINT LABELS */
div.datapoint h4 { text-align: center; padding: 2px 8px 6px; margin-bottom: 16px; border-bottom: 1px solid; }
div.datapoint p { margin-bottom: 0; }
div.datapoint p.textsmall { font-size: 12px; line-height: 110%; }
div.datapoint p.datapoint_label { font-weight: bold; float: left; padding: 8px 6px; font-size: 14px; margin-right: 1em; }
/* div.datapoint div.datapoint_fields { padding: 8px 0; } */

/* DATAPOINT ALERT MESSAGES */
div.datapoint div.alert_message { position: absolute; bottom: 0; left: 0; width: 100%; }
div.datapoint div.alert_message p { padding: 6px 4px; font-size: 11px; border: 0; display: block; }
div.datapoint div.alert_message p.alert-icon { padding-left: 32px; background-position: 6px 50%; background-size: 18px; }
div.datapoint div.alert_message a.warning_expand_link { display: inline-block; width: 12px; height: 12px; margin-left: 2px; }
div.datapoint div.alert_message a span { display: none; }

/* DATAPOINT LAYOUTS */
div.datapoint_column { float: left; border-right: 1px solid; padding: 0 1em; }
div.datapoint_column.first { padding-left: 0; }
div.datapoint_column.last { border-right: 0; padding-right: 0; }

/* DATAPOINT EXPAND OVERLAYS */
div.datapoint div.datapoint_expand { position: absolute; width: 100%; height: 100%; left: 0; top: -100%; z-index: 3; overflow: hidden; }
div.datapoint div.datapoint_expand h5 { text-align: center; padding: 8px 24px 6px; margin-bottom: 0px; border-bottom: 1px solid; }
div.datapoint a.datapoint_expand_close { display: block; width: 16px; height: 16px; position: absolute; top: 3px; right: 3px; background-position: center; background-size: 16px; padding: 4px; border-radius: 2px; }

div.datapoint_history_list { overflow-y: auto; }
table.datapoint_history_table { width: 100%; }
table.datapoint_history_table thead tr { border-bottom: 1px solid; }
table.datapoint_history_table th,
table.datapoint_history_table td { padding: 4px 3px 3px; font-size: 11px; }
table.datapoint_history_table th { padding: 3px; text-align: left; text-transform: uppercase; }

div.datapoint a.datapoint_history { position: absolute; top: 3px; right: 3px; background-position: center; background-size: 16px; width: 16px; height: 16px; z-index: 2; padding: 4px; border-radius: 2px; }
div.datapoint div.datapoint_warning_extended div.datapoint_warning_message { font-size: 14px; padding: 16px; line-height: 130%; }

/* DATAPOINT FIELDS */
div.datapoint div.field,
form.datapoint_writein div.field { position: relative; }
div.datapoint div.field .readonly { cursor: not-allowed; }
div.datapoint h4.required::after { content: "*"; color: #CC0000; }

/* LOCKED FIELDS */
div.field div.field_disable,
div.field a.preview_value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; cursor: not-allowed; }
div.field a.preview_value { cursor: zoom-in; }

/* INPUT FIELD ITEMS (GENERIC) */
div.datapoint input.input_text,
div.datapoint textarea.input_textarea,
div.datapoint input.input_number,
div.datapoint input.input_date,
div.datapoint input.input_calendar,
div.datapoint input.input_time,
div.datapoint_choice a,
div.datapoint_select p.input_select_choice,
div.datapoint_select select.input_select { font-weight: bold; text-align: center; padding: 8px 6px; font-size: 14px; border: 0; }
div.datapoint_select select.input_select { padding-right: 24px; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; }

section.data_form_locked input,
section.data_form_locked textarea,
section.data_form_locked select,
section.data_form_locked div.datapoint_select p.input_select_choice { cursor: zoom-in; }
section.data_form_locked div.datapoint_choice a,
section.data_form_locked a.input_radio,
section.data_form_locked a.input_checkbox,
form.data_form_locked div.datapoint_group_expand_disable,
section.data_form_locked div.datapoint_group_expand_disable { cursor: not-allowed; }
section.data_form_locked div.datapoint a.datapoint_history,
section.data_form_locked div.datapoint div.alert_message { z-index: 3; }

/* (1) TEXT FIELD */
div.datapoint_text { text-align: center; margin-bottom: 6px; overflow: hidden; }
div.datapoint_text input.input_text.field_locked { cursor: not-allowed !important; }

/* (2) TEXTAREA FIELD */
div.datapoint_textarea { text-align: left; margin-bottom: 6px; overflow: hidden; }
div.datapoint_textarea textarea.input_textarea { font-weight: normal; text-align: left; min-height: 80px; }
div.datapoint_textarea input.input_textarea.field_locked { cursor: not-allowed !important; }

/* (3) NUMBER FIELD */
div.datapoint_number { text-align: center; margin-bottom: 6px; overflow: hidden; }

/* (4) DATE-TEXT FIELD */
div.datapoint_date { text-align: center; }

/* (5) CALENDAR FIELD */
div.datapoint_calendar { margin-bottom: 6px; }
div.datapoint_calendar input.input_calendar { position: relative; padding-right: 20px; background-repeat: no-repeat; background-position: 95% center; background-size: 16px; cursor: pointer; z-index: 2; } /* Changed z-index from 8 to 2, just noting in case something breaks */
div.datapoint_calendar input.input_calendar.field_locked { cursor: not-allowed !important; }
.ui-datepicker .ui-datepicker-buttonpane button { color: #CA4B26; }

/* (6) TIME-TEXT FIELD */
div.datapoint_time { text-align: center; }

/* (7) CHOICE FIELD */
div.datapoint_choice { text-align: center; margin-bottom: 6px; overflow: hidden; }
div.datapoint_choice a { display: inline-block; text-decoration: none; }
div.datapoint_choice a img { width: 100%; }
div.datapoint_choice a.input_choice.field_locked { cursor: not-allowed !important; }

/* (8) SELECT/DROPDOWN FIELD */
div.datapoint_select { text-align: center; margin-bottom: 6px; }
div.datapoint_select div.input_select_dropdown { position: relative; display: inline-block; }
div.datapoint_select p.input_select_choice { display: inline-block; background-position: calc(100% - 6px) 50%; background-size: 12px; padding-right: 24px; cursor: pointer; white-space: nowrap; }
div.datapoint_select select.input_select { text-align: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-appearance: none; -moz-appearance: none; opacity: 0.0001; cursor: pointer; }
div.datapoint_select select.input_select option { text-align: left; padding: 6px; cursor: pointer; white-space: nowrap; }
section.data_form_locked div.datapoint_select select.input_select { display: none; }
div.datapoint_select.field_locked { cursor: not-allowed !important; }

/* (8A) MULTISELECT FIELD */
div.datapoint_multiselect ul.multiselect { display: inline-block; overflow-x: hidden; overflow-y: scroll; }
div.datapoint_multiselect ul.multiselect li a { display: block; padding: 4px 6px 24px; }

/* (9) RADIO FIELD */
div.datapoint_radio { line-height: 28px; overflow: hidden; }
div.datapoint_radio ul.input_radio_choice { margin-bottom: 6px; }
div.datapoint_radio ul.input_radio_choice li { font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 0 8px; }
div.datapoint_radio ul.input_radio_choice li a.input_radio { display: inline-block; text-decoration: none; margin-right: 6px; }
div.datapoint_radio ul.input_radio_choice li a.input_radio::before { content: ""; display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; margin-right: 8px; }
div.datapoint_radio ul.input_radio_choice li a.input_radio.selected::before { background-position: 0 -16px; }

/* (10) CHECKBOX FIELD */
div.datapoint_checkbox { line-height: 28px; margin-bottom: 10px; overflow: hidden; }
div.datapoint_checkbox.checkbox_flex { display: flex; flex-wrap: wrap; }
div.datapoint_checkbox p.input_checkbox_choice { font-weight: bold; font-size: 14px; text-transform: uppercase; position: relative; margin-bottom: 2px; }
div.datapoint_checkbox p.input_checkbox_choice a.input_checkbox { display: inline-block; text-decoration: none; margin-right: 6px; padding: 6px 6px 6px 32px; }
div.datapoint_checkbox p.input_checkbox_choice a.input_checkbox::before { content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; top: 3px; left: 0; margin-right: 8px; }
div.datapoint_checkbox p.input_checkbox_choice a.input_checkbox.selected::before { background-position: 0 -24px; }
div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice { flex-basis: 100%; }
div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice a.input_checkbox { display: flex; padding-top: 0; padding-bottom: 0; min-height: 30px; }
div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice a.input_checkbox span { align-self: center; }
div.dpsize_double div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice { flex-basis: 50%; }
div.dpsize_triple div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice { flex-basis: 33.33%; }
div.datapoint_checkbox a.input_checkbox.field_locked { cursor: not-allowed !important; }

/* (11) SLIDER FIELD */
div.datapoint_slider { line-height: 28px; margin-bottom: 10px; }
section.data_form_locked div.datapoint_slider { overflow: hidden; }
div.datapoint_slider div.input_slider { float: left; min-width: 100px; max-width: 600px; margin-top: 8px; background-image: none; margin-left: 0.8em; }
div.datapoint_slider div.input_slider div.input_handle { width: auto; min-width: 2em; display: inline-block; padding: 0 6px; height: 1.6em; top: 50%; margin-top: -.8em; margin-left: -1.6em; text-align: center; line-height: 1.6em; cursor: ew-resize; background-image: none; }
div.datapoint_slider div.input_slider div.input_handle a.close { position: absolute; top: -8px; right: -8px; width: 16px; height: 16px; background-size: 10px; background-position: center; display: none; }
html.no-touchdevice div.datapoint_slider div.input_slider div.input_handle:hover a.close,
html.touchdevice div.datapoint_slider div.input_slider div.input_handle a.close { display: block; }
div.datapoint_slider div.input_slider div.input_handle a.close span { display: none; }

/* (A) SUM FIELD */
div.datapoint_sum { float: left; }
div.datapoint_sum_total { float: left; border-left: 1px solid; }
div.datapoint_sum_total p { font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; }
div.datapoint_sum_total p span { display: block; font-size: 48px; }
div.datapoint_sum_total p input.input_number { border: 0; background-color: transparent; display: block; font-size: 60px; cursor: not-allowed; width: 100%; padding: 0; overflow: visible; white-space: nowrap; }

/* (B) AVERAGE FIELD */
div.datapoint_avg { float: left; }
div.datapoint_average { float: left; border-left: 1px solid; }
div.datapoint_average p { font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; }
div.datapoint_average p span { display: block; font-size: 48px; }
div.datapoint_average p input.input_number { border: 0; background-color: transparent; display: block; font-size: 60px; cursor: not-allowed; width: 100%; padding: 0; overflow: visible; white-space: nowrap; }

/* MULTI-ADD ITEMS */
div.datapoint_multiadd { width: 100%; }

table.table_multiadd, table.datapoint_table { width: 100%; }
table.table_multiadd th, table.datapoint_table th,
table.table_multiadd td, table.datapoint_table td { padding: 4px; text-align: center; vertical-align: middle; }
table.table_multiadd thead th, table.datapoint_table thead th { font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 8px 0; }
table.table_multiadd tfoot tr td, table.datapoint_table tfoot tr td { text-align: center; font-size: 14px; text-transform: uppercase; padding: 8px 0; }
table.table_multiadd tbody tr td input, table.datapoint_table tbody tr td input { width: 100%; }

div.item_multiadd { overflow: hidden; border-radius: 8px; margin-bottom: 6px; }
div.item_multiadd div.datapoint_column { padding: 0 12px; margin-bottom: 12px; }
div.item_multiadd h4 { text-transform: uppercase; padding: 8px 4px; position: relative; }
div.item_multiadd h4 a { position: absolute; top: 4px; right: 4px; }

.input_multiadd.textsmall .fielditem { font-size: 12px; }
.input_multiadd .item_number { width: 40px; font-weight: bold; }
.input_multiadd .item_tool { width: 30px; vertical-align: middle; }
.input_multiadd a.multiadd-delete { display: block; width: 24px; height: 24px; background-size: 16px; background-position: center; }

.input_multiadd .toolbar_multiadd { text-align: center; }
.input_multiadd .toolbar_multiadd a.multiadd-add { display: inline-block; font-size: 14px; border-radius: 8px; text-transform: uppercase; padding: 8px 8px 8px 26px; text-decoration: none; font-weight: bold; background-position: 8px center; background-size: 12px; }

.writein { border: 1px solid !important; }

/* DATAPOINT PREVIEW */
div.datapoint_ux { padding: 0; }

div.datapoint_preview { overflow: hidden; padding: 8px 0; text-align: center; position: relative; top: 0; left: 0; width: 100%; z-index: 2; }
div.datapoint_preview div.datapoint { display: inline-block; float: none; }

div.datapoint_uxform { padding: 12px; }
div.datapoint_uxform h3 { position: relative; font-size: 18px; }
div.datapoint_uxform h3 a { display: block; padding: 8px; text-decoration: none;  }

/* --- ORDERS --- */
a.row-orders-inventory-thumb { position: relative; display: inline-block; width: 160px; height: 220px; margin: 0 0.75em 2em 0.75em; text-align: center;  }
a.row-orders-inventory-thumb p { position: absolute; width: 100%; bottom: -27px; text-align: center; font-size: 10px; text-transform: uppercase; }
a.row-orders-inventory-thumb img { width: 100%; max-width: 80px; height: 100%; max-height: 110%; }
a.row-orders-inventory-thumb span { position: absolute; top: 0; left: 0; padding-top: 95%; width: 100%; height: 100%; background-position: center; box-sizing: border-box; }

div.portal-orders-addorderform-container .portal-orders-addorderform-practice { padding: 0.4em 0.6em 0.6em; line-height: 110%; }
div.portal-orders-addorderform-container .portal-orders-addorderform-practice strong { font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 100%; }
div.portal-orders-addorderform-container .portal-orders-addorderform-row { margin-bottom: 0.6em; }
div.portal-orders-addorderform-container .portal-orders-addorderform-row p { margin-bottom: 0.1em; }
div.portal-orders-addorderform-container .portal-orders-addorderform-row p.form-footnote { font-size: 12px; line-height: 110%; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group { padding: 0.4em; margin-bottom: 1em; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group p { font-size: 14px; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group input,
div.portal-orders-addorderform-container .portal-orders-addorderform-group select { border: 0; font-size: 14px; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group div.addorderform-notes { padding-left: 24px; background-size: 16px; background-position: 3px 3px; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group div.addorderform-notes p { font-size: 13px; line-height: 110%; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group p.orderform_newcustomer { font-size: 12px; line-height: 110%; }
div.portal-orders-addorderform-container .orderform_newcustomer input { font-size: 11px; margin: 6px 6px 6px 0; cursor: pointer; }
div.portal-orders-addorderform-status .portal-status-content { padding: 6px 12px 6px 36px; margin-top: 1em; }

section.data_form div.portal-window-orderform-fields header div.patient_properties { max-width: 220px; padding-right: 32px; vertical-align: top; margin-right: 0.8em; min-height: 80px; }
section.data_form div.portal-window-orderform-fields header div.patient_properties h2 { font-size: 24px;  }

section.data_form header div.patient_shipping { position: relative; padding: 12px 32px 12px 12px; display: inline-block; max-width: 220px; min-height: 80px; }
section.data_form header div.patient_shipping h2 { margin-bottom: 8px; line-height: 90%; background-size: 18px; padding-left: 22px; text-transform: uppercase; font-size: 20px; }
section.data_form header div.patient_shipping h3 { font-size: 20px; margin-bottom: 4px; }
section.data_form header div.patient_shipping h4 { font-size: 14px; margin-bottom: 2px; line-height: 110%; }
section.data_form header div.patient_shipping a { 
    opacity: 0.1; position: absolute; bottom: 0; right: 0; width: 32px; height: 36px; background-position: center 14px;
    background-size: 16px; text-transform: uppercase; font-size: 12px; text-decoration: none; text-align: center;
}
section.data_form header div.patient_shipping a span { display: none; }
section.data_form header div.patient_shipping:hover a { opacity: 1.0; }
section.data_form header div.patient_shipping:hover a span { display: inline; }

div.form_shipping input.button_revert { border: 0 none; cursor: pointer; margin-bottom: 8px; margin-right: 4px; text-transform: uppercase; font-size: 12px; font-weight: bold; }

div.portal-order-summary-container { padding: 12px; background-color: rgba(0,0,0,0.2); max-height: 300px; overflow: auto; }
p.portal-order-summary-lineitem { float: left; padding: 4px 6px; margin: 0.5em 0.5em 0 0; background-color: rgba(255,255,255,0.2); white-space: nowrap; }
span.portal-order-summary-label { font-size: 12px; font-weight: bold; color: #333333; }
span.portal-order-summary-label br { display: none; }
span.portal-order-summary-value { font-size: 12px; color: #4A4A4A; }
p.portal-order-summary-title { width: 100%; float: left; clear: both; font-size: 14px; font-weight: bold; margin-top: 1em; margin-bottom: 0.25em; }

/* --- SCHEDULES --- */
div.portal-schedule-event-detailscontainer { position: relative; }
div.portal-schedule-event-detail-action { position: absolute; bottom: 0; left: 0; width: 70px; height: 32px; }
div.portal-schedule-event-detail-action a { display: block; background-position: center; background-size: 18px; width: 32px; height: 32px; float: left; }
div.portal-schedule-event-detail-action a span { display: none; }
p.portal-schedule-event-loading { background-position: center; margin: 0; padding: 32px 96px 72px 96px; font-size: 14px; }
p.portal-schedule-event-description { min-height: 30px; padding-left: 36px; padding-right: 32px; background-position: 0 2px; background-size: 28px !important; }
span.portal-schedule-event-visiting { white-space: nowrap; }

/* --- SURVEY --- */
section.survey_form h2 { font-size: 32px; margin-bottom: 8px; }
section.survey_form header { width: 90%; margin: 0 auto; }
div.surveyquestion { position: relative; border: 1px solid; padding: 0; margin: 0 auto 32px; width: 90%; min-height: 120px; overflow: hidden; }
div.surveyquestion_text { position: relative; margin: 0 auto 12px; width: 90%; overflow: hidden; }
div.surveyquestion_text p { font-size: 18px; }
div.surveyquestion_text p.portal-ui-success { padding-left: 56px; }
div.surveyquestion_text p.portal-ui-success strong { font-weight: bold; white-space: nowrap; }

.survey-group-item { position: relative; margin-bottom: 1em; overflow: hidden; min-height: 36px; padding-right: 92px; }
.survey-group-item h3 { font-size: 18px; padding: 10px; float: left; margin-right: 12px; height: 100%; }
.survey-group-chart-options { padding: 6px; position: absolute; top: 0; right: 0; }
.survey-group-chart-options a { display: inline-block; padding: 6px 8px 6px 26px; background-size: 16px auto !important; background-position: 6px 50%; font-size: 12px; text-decoration: none; margin-left: 4px; text-transform: uppercase; border: 1px solid; }

/* SURVEY LABELS */
div.surveyquestion h4 { text-align: left; padding: 8px 8px 12px 8px; font-size: 18px; }
div.surveyquestion p.surveyquestion_label { padding: 12px 12px 0 12px; }

/* INPUT FIELD ITEMS (GENERIC) */
div.surveyquestion input.input_text,
div.surveyquestion textarea.input_textarea,
div.surveyquestion input.input_number,
div.surveyquestion input.input_date,
div.surveyquestion input.input_calendar,
div.surveyquestion input.input_time,
div.surveyquestion a,
div.surveyquestion_select p.input_select_choice,
div.surveyquestion_select select.input_select { font-weight: bold; text-align: center; padding: 8px 6px; font-size: 16px; border: 0; }

div.surveyquestion_textarea { text-align: left; overflow: hidden; }
div.surveyquestion_textarea textarea.input_textarea { font-weight: normal; text-align: left; min-height: 80px; font-size: 16px; }

div.surveyquestion_radio { line-height: 28px; overflow: hidden; }
div.surveyquestion_radio ul.input_radio_choice { margin-bottom: 6px; }
div.surveyquestion_radio ul.input_radio_choice li { font-weight: bold; font-size: 14px; padding: 0 8px; }
div.surveyquestion_radio ul.input_radio_choice li a.input_radio { position: relative; display: inline-block; text-decoration: none; margin-right: 6px; padding-left: 24px; text-align: left; line-height: 130%; }
div.surveyquestion_radio ul.input_radio_choice li a.input_radio::before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 11px; left: 2px; margin-right: 8px; }
div.surveyquestion_radio ul.input_radio_choice li a.input_radio.selected::before { background-position: 0 -16px; }

/* CERTIFICATIONS */
section.status { overflow: hidden; }
section.status strong { font-weight: 700; }
section.status h3.portal-row-container-title { font-size: 20px; margin-bottom: 0; position: relative; z-index: 2; }
section.status div.portal-row-group-expand { padding: 26px 18px 6px 18px; margin-top: -8px; }
section.status section.portal-row header.portal-row-header { line-height: 99%; }
section.status section.portal-row header.portal-row-header p { font-size: 12px; text-transform: uppercase; }

section.status div.button_container { float: right; padding-top: 3px; }
section.status div.button_container a.btn_ec { display: inline-block; padding: 4px 8px; text-decoration: none; margin-left: 6px; font-size: 12px; font-weight: bold; text-transform: uppercase; }

section.status div.portal-row-content { padding-left: 6px; padding-right: 6px; padding-bottom: 0; }
section.status div.portal-row-item-container { margin: 0 6px 12px; }

section.status div.portal-row-item-bucket { position: relative; overflow: hidden; min-width: 168px; height: 125px; padding: 4px 8px 4px 60px; background-position: 12px 9px; background-size: 48px auto; text-align: center; }
section.status div.portal-row-item-bucket p.portal-row-item-title { font-size: 16px; font-weight: bold; white-space: nowrap; text-align: center; margin-bottom: 2px; }
section.status div.portal-row-item-bucket p.status-label { font-size: 10px; text-transform: uppercase; text-align: center; padding: 2px; background-position: 8px 0; width: 85px; margin: 0 auto 10px; }
section.status div.portal-row-item-bucket.certified p.status-label { padding: 2px 2px 2px 20px; background-size: 16px auto; background-position: 5px 0; }
section.status div.portal-row-item-bucket.certified a.status-completion-options-btn { position: absolute; top: 6px; left: 10px; width: 68px; height: 104px; display: block; background-position: center; background-size: 0px; }
section.status div.portal-row-item-bucket.certified a.status-completion-options-btn:hover { background-size: 48px; }

section.status div.portal-row-item-bucket-expand { position: absolute; width: 100%; height: 100%; left: 0; top: -100%; z-index: 3; overflow: hidden; }
section.status div.portal-row-item-bucket-expand h5 { text-align: center; padding: 8px 24px 6px; margin-bottom: 0px; border-bottom: 1px solid; font-weight: bold; }
section.status div.portal-row-item-bucket-expand a.expand_close { display: block; width: 16px; height: 16px; position: absolute; top: 3px; right: 3px; background-position: center; background-size: 16px; padding: 4px; border-radius: 2px; }
section.status div.portal-row-item-bucket-expand-content { padding: 10px 16px; }
section.status div.portal-row-item-bucket-expand-content-scroll { height: 100%; overflow-x: hidden; overflow-y: auto; }
section.status div.portal-row-item-bucket-expand-content-row { display: flex; flex-wrap: nowrap; border-bottom: 1px solid; }
section.status div.portal-row-item-bucket-expand-content-row-info { padding: 4px; font-size: 13px; width: 100%; text-align: left; display: flex; align-items: center; }
section.status div.portal-row-item-bucket-expand-content-row-action { padding: 4px; display: flex; flex-wrap: nowrap; }
section.status div.portal-row-item-bucket-expand-content-row-action a,
section.status div.portal-row-item-bucket-expand-content-row-action span { display: block; width: 16px; height: 16px; margin-left: 4px; background-size: 14px; background-position: center; }

section.status div.portal-row-item-bucket-expand.compact { display: flex; flex-direction: column; flex-wrap: nowrap; }
section.status div.portal-row-item-bucket-expand.compact h5 { padding: 4px 16px 3px; font-size: 12px; text-transform: uppercase; }
section.status div.portal-row-item-bucket-expand.compact a.expand_close { width: 12px; height: 12px; top: 1px; right: 5px; background-size: 12px; padding: 3px; }
section.status div.portal-row-item-bucket-expand.compact div.portal-row-item-bucket-expand-content { padding: 0px; height: 100%; }
section.status div.portal-row-item-bucket-expand.compact div.portal-row-item-bucket-expand-content > div { height: 100%; }


div.portal-certificate-role-users-container section.portal-row { overflow: hidden; }
div.portal-certification-summary-footer { overflow: hidden; padding: 6px 4px; }
div.portal-certification-summary-footer a { font-size: 11px; text-transform: uppercase; text-decoration: none; display: inline-block; border: 1px solid; padding: 4px 4px 4px 22px; margin-left: 1em; background-position: 5px 50%; background-size: 12px; }
div.portal-certification-summary-footer span.status-building { display: inline-block; margin-right: 20px; padding: 4px 4px 4px 22px; font-size: 12px; }

div.portal-certification-popup-summary { padding: 24px; }
div.portal-certification-popup-summary h3 { font-size: 18px; margin-bottom: 0.5em; font-weight: bold; }
div.portal-certification-popup-summary-table { display: table; border-radius: 4px; margin-bottom: 1em; width: 100%; border-bottom: 1px solid; }
div.portal-certification-popup-summary-table-header { display: table-header-group; background-color: #ddd; font-weight: bold; }
div.portal-certification-popup-summary-table-header-cell { display: table-cell; padding: 3px 10px; border-left: 1px solid; border-top: 1px solid; border-bottom: 0; vertical-align: middle; white-space: nowrap; }
div.portal-certification-popup-summary-table-header-cell.last { border-right: 1px solid; }
div.portal-certification-popup-summary-table-row-group { display: table-row-group; }
div.portal-certification-popup-summary-table-row { display: table-row; }
div.portal-certification-popup-summary-table-row-cell { display: table-cell; padding: 3px 10px; border-left: 1px solid; border-top: 1px solid; border-bottom: 0; vertical-align: middle; white-space: nowrap; }
div.portal-certification-popup-summary-table-row-cell.last { border-right: 1px solid; }

div.training_percent { position: absolute; top: 6px; left: 9px; width: 54px; height: 66px; padding-top: 12px; }
div.training_percent p { font-size: 15px; font-weight: bold; margin-bottom: 1px; text-align: center; }
div.training_percent a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-size: 16px auto; background-position: center 30px; font-size: 9px; text-transform: uppercase; text-decoration: none; text-align: center; }
div.training_percent a:hover { background-size: 24px auto; }
div.training_percent span { display: none; }
div.training_bar { max-width: 60%; margin: 0 auto 6px; }
div.training_bar p { margin: 0; line-height: 160%; }

.portal-row-group-expand .portal-loading-content { top: 0; margin-bottom: 12px; }

ul.status-buttons { text-align: center; max-width: 168px; margin: 0 auto; }
ul.status-buttons li, ul.status-buttons li a, ul.status-buttons li span.status-button-color,
ul.status-buttons li span.status_view_processing, ul.status-buttons li span.status_view_error {display: block;float: left; font-size: 12px; text-transform: uppercase; text-decoration: none; }
ul.status-buttons li { float: none; clear: both; margin-bottom: 12px; display: inline-block; }
ul.status-buttons li:first-child {margin-left: 0;}
ul.status-buttons li a,
ul.status-buttons li span.status_view_processing,
ul.status-buttons li span.status_view_error { min-width: 90px; border-left-width: 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; padding: 3px 6px; border-bottom-width: 0;}
ul.status-buttons li span.status-button-color {-moz-border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;font-weight: bold; padding: 2px; min-height: 14px; min-width: 16px; height: 100%; cursor: pointer; }
ul.status-buttons li span.status-button-color span { display: block; width: 12px; width: 100%; height: 100%; line-height: 14px; background-size: auto 100%; background-position: center; }

div.portal-row-item-bucket a.status_archive { position: absolute; bottom: 4px; right: 4px; width: 24px; height: 24px; background-size: 16px; background-position: center; opacity: 0; }
div.portal-row-item-bucket a.status_archive span { display: none; }
div.portal-row-item-bucket:hover a.status_archive { opacity: 0.6; }
div.portal-row-item-bucket a.status_dearchive { position: absolute; bottom: 4px; right: 4px; width: 24px; height: 24px; background-size: 16px; background-position: center; opacity: 0; }
div.portal-row-item-bucket a.status_dearchive span { display: none; }
div.portal-row-item-bucket:hover a.status_dearchive { opacity: 0.6; }
div.portal-row-item-bucket a.status_resend { position: absolute; bottom: 4px; left: 4px; width: 24px; height: 24px; background-size: 16px; background-position: center; opacity: 0; }
div.portal-row-item-bucket a.status_resend span { display: none; }
div.portal-row-item-bucket:hover a.status_resend { opacity: 0.6; }
div.certification-archive-content { position: absolute; left: -101%; top: 0; width: 100%; height: 100%; padding: 12px; box-sizing: border-box; overflow-y: scroll; }
div.certification-archive-content.open { left: 0; }

.popup_certifyuserform p.portal-popup-message,
.popup_signatureform p.portal-popup-message { padding: 6px 12px; }
.popup_certifyuserform div.popup_certification,
.popup_signatureform div.popup_signature { padding: 12px; }
.popup_signatureform div.popup_signature { padding: 24px 32px; }
.popup_signatureform div.popup_signature h2,
.popup_certifyuserform div.popup_certification h2 { font-size: 36px; }
.popup_signatureform div.popup_signature h3,
.popup_certifyuserform div.popup_certification h3 { font-size: 24px; margin-bottom: 0.5em; }
.popup_signatureform div.popup_signature p,
.popup_certifyuserform div.popup_certification p { margin-bottom: 1em; }
.popup_signatureform div.popup_signature ol,
.popup_certifyuserform div.popup_certification ol { margin-left: 1em; margin-bottom: 1em; list-style-type: decimal; }
.popup_signatureform div.popup_signature ol li,
.popup_certifyuserform div.popup_certification ol li { margin-bottom: 0.5em; line-height: 110%; }
.popup_signatureform div.popup_signature ol li ol,
.popup_certifyuserform div.popup_certification ol li ol { margin-top: 0.5em; list-style-type: none; }
.popup_signatureform div.popup_signature p.footnotes,
.popup_certifyuserform div.popup_certification p.footnotes { font-size: 12px; }

.popup_certifyuploadform div.popup_loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.popup_certifyuploadform div.popup_loading p { position: relative; top: 130px; background-position: 50% 30%; width: 124px; padding: 32px 0px 12px 0px; font-size: 12px; text-align: center; margin: 0 auto; text-transform: uppercase; }

.popup_certifyuserform div.popup_certification,
.popup_certifyuserform div.popup_certification_sign,
.popup_certifyuploadform div.popup_certification_upload { position: relative; overflow: hidden; }
.popup_certifyuserform div.popup_certification_sign,
.popup_certifyuploadform div.popup_certification_upload { padding: 12px; }
.popup_certifyuserform div.popup_certification_sign h2,
.popup_certifyuploadform div.popup_certification_upload h2 { font-size: 36px; margin-bottom: 0.1em; }
.popup_certifyuserform div.popup_certification_sign h3,
.popup_certifyuploadform div.popup_certification_upload h3 { font-size: 20px; padding-bottom: 0.5em; border-bottom: 1px solid; margin-bottom: 0.5em; }
.popup_certifyuploadform div.popup_certification_upload p { margin-bottom: 1em; }
.popup_certifyuploadform div.popup_certification_upload strong { font-size: 14px; font-weight: 500; }
.popup_certifyuploadform div.popup_certification_upload p.certification-upload-form-note { width: 200px; float: left; padding: 12px; margin-right: 2em; margin-top: 0.5em; }
.popup_certifyuploadform div.popup_certification_upload form { float: left; }
.popup_certifyuploadform div.popup_certification_upload div.input_upload { width: 300px; height: 120px; float: left; }
.popup_certifyuploadform div.popup_certification_upload div.input_upload a.input_upload_btn { background-position: center 24%; background-size: 64px auto; font-size: 11px; padding: 84px 64px 12px; }
.popup_certifyuploadform a.disabled { opacity: 0.2; cursor: not-allowed; }
.popup_certifyuploadform a.disabled:hover { background-color: transparent !important; }
.popup_certifyuploadform div.progresscontainer { position: absolute; width: 100%; min-height: 5px; bottom: 0; left: 0; }
.popup_certifyuploadform div.progresscontainer div.progress { position: absolute; width: 0%; min-height: 5px; bottom: 0; left: 0; }

.popup_certifyuploadform div.popup_certification_upload .image_pending,
.popup_certifyuploadform div.popup_certification_upload .image_error { display: flex; align-items: center; justify-content: center; background-size: 32px; background-position: 4px center; font-size: 16px; box-sizing: border-box; height: 100%; }
.popup_certifyuploadform div.popup_certification_upload .image_pending p,
.popup_certifyuploadform div.popup_certification_upload .image_error p { position: static; max-width: 90%; height: auto; margin: 0; box-sizing: border-box; background-size: 32px; background-position: 2px center; padding: 4px 4px 4px 36px; }
.popup_certifyuploadform div.popup_certification_upload .image_error a { position: static; height: auto; width: auto; }

/* APPROVALS */
div.portal-approval-details { padding: 0 3px; }
div.portal-approval-details h3 { font-size: 18px; }
div.portal-approval-details div.portal-row-item { width: 160px; height: 200px; padding: 0; display: table; overflow: hidden; border-radius: 4px; }
div.portal-approval-details div.portal-row-item div.media-content { display: table-cell; vertical-align: middle; max-width: 160px; overflow: hidden; height: 200px; }
div.portal-approval-details div.portal-row-item a.portal-approval-change,
div.portal-approval-details div.portal-row-item div.portal-row-item-toolbar a { cursor: pointer; }
div.portal-approval-details div.portal-row-item a span { position: absolute; top: 6px; right: 6px; padding: 0; background-size: 16px; background-position: 6px 50%; font-size: 11px; text-transform: uppercase; line-height: 120%; width: 24px; height: 24px; }
div.portal-approval-details div.portal-row-item a.portal-approval-change span { display: none; padding: 4px 4px 4px 24px; width: auto; height: auto; }
html.no-touchdevice div.portal-approval-details div.portal-row-item a.portal-approval-change:hover span { display: block; }

div.portal-approval-details div.portal-row-item-toolbar a { width: 50px; padding: 6px 6px 6px 24px; background-position: 8px center; }
div.portal-approval-details portal-approval-image { width: 160px; height: 200px; }
div.item-dim img { opacity: 0.15; }

/* MODERATION */
div.canvas_container_outer { text-align: center; height: 100%; }
div.canvas_container_inner { position: relative; display: inline-block; height: 99.99%; font-size: 0; }
div.canvas_container_inner img { display: block; }
div.canvas_container_inner canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: crosshair; }

div.edit-tool-container { float: right; margin-right: 48px; position: relative; font-size: 1px; }
div.edit-tool-container p { padding: 4px; margin: 0; font-size: 12px; float: left; line-height: 100%; }
div.edit-tool-container a { display: inline-block; width: 24px; height: 20px; margin-left: 4px; font-size: 12px; background-size: 16px; background-position: center; border: 1px solid; }
div.edit-tool-container a span { display: none; }
div.edit-tool-status { float: left; margin-left: 24px; position: relative; }
div.edit-tool-status p { font-size: 14px; margin: 0; padding: 2px 6px 2px 24px; background-repeat: no-repeat; background-position: 4px 50%; background-size: 16px; }
div.edit-tool-status p.error { background-size: 16px; }

div.moderate-buttons { float: left; font-size: 1px; }
div.moderate-buttons a { top: auto !important; }
div.moderate-confirm { position: absolute; width: 100%; height: 100%; left: -100%; top: 0; z-index: 5; }
div.moderate-confirm p { font-size: 14px; text-transform: none; padding: 4px 2px 4px 8px; }
div.moderate-confirm p a { margin: 0 0 0 12px; top: 0 !important; }

div.canvas_container_outer { text-align: center; height: 100%; }
div.canvas_container_inner { position: relative; display: inline-block; height: 99.99%; font-size: 0; }
div.canvas_container_inner img { display: block; }
div.canvas_container_inner canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: crosshair; }

/* MEDIA PROPERTIES */
div.media-property-container { padding-bottom: 0; }
div.media-property-item { margin-bottom: 0; }
div.media-property-item div.portal-blueprint-full-container-item-sub-item-main { height: auto; min-height: 164px; }
div.media-property-item div.portal-blueprint-container-item-sub-item-title { font-size: 16px; margin-bottom: 6px; min-height: 32px; }
div.media-property-item div.portal-blueprint-container-item-sub-ph { height: 164px; width: 23%; }

/* REPORT ADMIN */
div.reports-admin-window div.portal-master-container-item-category { font-size: 14px; }
div.reports-admin-window div.portal-master-container-item-category b { font-weight: 700; }
div.reports-admin-window div.portal-master-container-item-title { font-size: 13px; }
div.reports-admin-window div.portal-blueprint-container-item-sub-item-category { font-size: 14px; }
div.reports-admin-window div.portal-blueprint-container-item-sub-item-category b { font-weight: 700; }
div.reports-admin-window div.portal-blueprint-container-item-sub-item-title { font-size: 12px; }

/* TICKET SUBMISSION */
#ticketsubmittalformcontainer div.datapoint h4 { border: 0; margin-bottom: 0; padding-left: 0; font-size: 14px; }
#ticketsubmittalformcontainer div.datapoint h4 input,
#ticketsubmittalformcontainer div.datapoint h4 select,
#ticketsubmittalformcontainer div.datapoint input.input_text, 
#ticketsubmittalformcontainer div.datapoint textarea.input_textarea, 
#ticketsubmittalformcontainer div.datapoint input.input_number, 
#ticketsubmittalformcontainer div.datapoint input.input_date, 
#ticketsubmittalformcontainer div.datapoint input.input_calendar, 
#ticketsubmittalformcontainer div.datapoint input.input_time, 
#ticketsubmittalformcontainer div.datapoint_choice a, 
#ticketsubmittalformcontainer div.datapoint_select p.input_select_choice, 
#ticketsubmittalformcontainer div.datapoint_select select.input_select { padding: 4px 3px; font-size: 13px; font-weight: normal; }
#ticketsubmittalformcontainer div.datapoint_select p.input_select_choice { padding-right: 24px; }
#ticketsubmittalformcontainer div.datapoint p.datapoint_label { padding: 4px 0 4px 12px; font-weight: normal; }

/* PAGE MODE */
body.page-mode div.portal-container { position: relative; width: 960px; margin: 0 auto; box-shadow: 0 0 8px #000000; background-color: rgba(128,128,128,0.5); }
body.page-mode div.portal-content { margin: 0; padding: 128px 128px 32px; }
body.page-mode div.portal-footer-container { padding: 12px; background-color: #DDDDDD; }
body.page-mode div.portal-footer-container p { margin: 0; }
body.page-mode div.portal-dashboard-content { margin-left: 0; }
body.page-mode aside { min-width: 100%; width: 100%; height: 76px; box-shadow: 0 2px 8px #000000; }
body.page-mode div.portal-sidemenu-container { padding: 8px; overflow: hidden; }
body.page-mode div.portal-sidemenu-options,
body.page-mode div.portal-sidemenu-item { float: left; margin: 0 4px 0 0; min-height: 0; }
body.page-mode div.portal-sidemenu-options { margin-right: 12px; }
body.page-mode footer.portal-sidemenu-footer { position: static; float: right; margin: 0; min-height: 0; width: auto; }
body.page-mode footer.portal-sidemenu-footer div#env-sidemenu-windows { display: none; }
body.page-mode div.portal-sidemenu-options div { float: left; margin: 0 4px 0 0 !important; padding: 4px; }
body.page-mode div#env-sidemenu-login,
body.page-mode div#env-sidemenu-forgotpassword { float: right; margin: 0 0 0 12px; }
body.page-mode div#env-sidemenu-forgotpassword a { width: 100px; }
body.page-mode .sidemenu-button { background-size: 28px; padding-top: 42px; width: 64px; }

body.page-mode div.portal-sidemenu-slidepanel { top: 76px; left: 0; width: 100%; height: 0; }
body.page-mode div.portal-sidemenu-slidepanel.open { box-shadow: rgba(0,0,0,0.9) 0px 10px 10px; }
body.page-mode div.portal-sidemenu-slidepanel-container { width: 100%; left: auto; }
body.page-mode div.portal-sidemenu-slidepanel-loading-container div.portal-loading-content { top: 0; }
body.page-mode div.portal-sidemenu-slidepanel-content { top: 0; overflow: hidden; }
body.page-mode div.portal-settings-item { float: left; margin: 0 12px 0 0; min-height: 0; }
body.page-mode div.portal-sidemenu-item a.button-badge span.count { right: 16px; top: -36px; }

body.page-mode div.portal-sidemenu-footerpanel { top: 76px; left: 0; width: 100%; height: 0; bottom: auto; }
body.page-mode div.portal-sidemenu-footerpanel-container { width: 100%; left: auto; }

body.page-mode div.portal-dashboard-scroll-belt { position: relative; }
body.page-mode section.portal-dashboard-windows-container { float: none; }
body.page-mode div.portal-dashboard-windows-content { padding: 0; }
body.page-mode div.portal-window { margin: 0 auto; float: none; }
body.page-mode div.portal-window-loading { padding-top: 196px; }
body.page-mode header.portal-window-header { padding: 84px 8px 8px; }
body.page-mode div.portal-sidemenu-footerpanel-content ul { padding: 32px 24px; }

body.page-mode div.portal-dashboard-profile-display { float: left; margin: 0 24px 0 0; padding: 6px; }
body.page-mode div.portal-dashboard-profile-display h4 { color: #999999; }
body.page-mode div.portal-dashboard-profile-display span.first-line { color: #CCCCCC; }
body.page-mode div.portal-dashboard-profile-display span.portal-name { color: #CCCCCC; }
body.page-mode div.portal-dashboard-profile-display h4 a.portal-dashboard-tiles-music { right: auto; left: -16px; width: 16px; height: 16px; top: 12px; background-size: 16px; }
body.page-mode .portal-window-report .portal-window-report-content { padding-top: 140px; }

body.page-mode div.portal-patientstudies-addpatientform-section { min-width: 300px; max-width: 300px; min-height: 100px; float: left; margin-right: 1em; padding-top: 32px; }
body.page-mode div.portal-patientstudies-addpatientform-section.addpatient-iddate { clear: none; }
body.page-mode div.portal-patientstudies-addpatientform-section p { clear: left; }

body.page-mode div.portal-sidemenu-module-belt-container { display: none; } /*Temporary until page mode is fixed with the menu items*/ 

/* CSS3 ANIMATIONS */
.animate-background {
    transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
}
.animate-border {
    transition: border .5s ease-in-out;
    -moz-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
}
.animate-width {
     transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -webkit-transition: width .5s ease-in-out;
}
.animate-height {
     transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -webkit-transition: height .5s ease-in-out;
}
.animate-color {
    transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out;
}
.animate-top {
    transition: top .5s ease-in-out;
    -moz-transition: top .5s ease-in-out;
    -webkit-transition: top .5s ease-in-out;
}
.animate-left {
    transition: left .5s ease-in-out;
    -moz-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
}
.animate-bottom {
    transition: bottom .5s ease-in-out;
    -moz-transition: bottom .5s ease-in-out;
    -webkit-transition: bottom .5s ease-in-out;
}
.animate-background-and-color {
    transition: background .5s ease-in-out, color .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, color .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
}
.animate-background-size {
    transition: background-size .5s ease-in-out, color .5s ease-in-out;
    -moz-transition: background-size .5s ease-in-out, color .5s ease-in-out;
    -webkit-transition: background-size .5s ease-in-out, color .5s ease-in-out;
}
.animate-opacity {
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
.animate-scale {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.animate-pulse { position: absolute; left:0; width: 20px; height: 20px; }
.animate-pulse:before {
    content: ''; position: relative; display: block; width: 200%; height: 200%; box-sizing: border-box;
    margin-left: -50%; margin-top: -50%; border-radius: 45px; background-color: #FFFFFF;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.animate-pulse:after {
    content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;
    background-color: #FFFFFF; border-radius: 15px; box-shadow: 0 0 8px rgba(0,0,0,.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.animate-pulse.started:before,
.animate-pulse.started:after { background-color: #0033FF; }
.animate-pulse.invalid:before,
.animate-pulse.invalid:after { background-color: #CC0000; }
.animate-pulse.success:before,
.animate-pulse.success:after { background-color: #00CC00; }

.animate-blink { animation: blinker 1s linear 0s 5.5 forwards; }
@keyframes blinker {
  50% { opacity: 0; }
}

@keyframes pulse-ring {
  0% { transform: scale(.33); }
  80%, 100% { opacity: 0; }
}

@keyframes pulse-dot {
  0% { transform: scale(.8); }
  50% { transform: scale(1); }
  100% { transform: scale(.8); }
}

/* JQUERY UI OVERRIDE FOR CALENDAR */
.ui-datepicker .ui-datepicker-buttonpane { margin: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { margin: 0.4em 0.1em; padding: 0; font-size: 11px; }
.ui-timepicker-div { border-top: 1px solid #DDDDDD; padding-top: 5px; }
.ui-timepicker-div dl dt { font-size: 13px; }
.ui-timepicker-div .ui_tpicker_time { width: 100%; margin: 0; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { display: block; border: 0; background-color: rgba(0,0,0,0.1); font-size: 15px; font-weight: bold; max-width: 70px; padding: 2px 6px; border-radius: 4px; margin: 0 auto 8px; }
.ui-timepicker-div dl dd { margin-left: 20%; }
.ui_tpicker_time_label { line-height: 135%; }
.ui-timepicker-div td { font-size: 55%; }
.ui-datepicker table { margin-top: 2px !important; }

/* FULL CALENDAR OVERRIDES */
.fc-toolbar h2 { font-size: 32px; }
.fc th.fc-day-header { padding: 2px 0; font-family: "Ubuntu", Arial, Helvetica, sans-serif; }
.fc .ui-state-highlight { background-color: rgba(192,192,192,0.10); border-color: #666666; }
.fc .fc-day { /* cursor: pointer; */ }
.fc-day-grid-event { padding: 1px; cursor: pointer; }
.fc-day-grid-event.virtual { border: 3px dashed black; }
.fc-day-grid-event.virtual .fc-content { border: 3px dashed black; }
.fc-day-grid-event.inactive { opacity: 0.3; background-image: url(/Content/Images/Framework/inactive.png); background-repeat: repeat; }
.fc-day-grid-event.inactive.dark { background-image: url(/Content/Images/Framework/inactive_white.png); }
.fc-day-grid-event.linked { padding: 3px; border-right: 2px solid #000000 !important; border-top: 2px solid #000000 !important; border-bottom: 2px solid #000000 !important; border-left: 24px solid #000000 !important; }
.fc-day-grid-event.linked:before { background-image: url(/Content/Images/Icons/white/Widgets/link.png); background-repeat: no-repeat; background-size: 16px; position: absolute; top: 2px; left: -20px; width: 18px; height: 18px; content: ""; }
.fc-day-grid-event .fc-content { white-space: normal; line-height: 100%; overflow: visible; }
.fc-day-grid-event .fc-time,
.fc-day-grid-event .fc-title { font-family: "Ubuntu", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; }
.ui-widget .fc-event { color: #000; }
.ui-widget .fc-event.dark { color: #FFF; }

/* DEBUG */
div#env-debug-container { display: none; position: fixed; bottom: 20px; right: 20px; background-color: rgba(255,255,255,0.25); padding: 16px; color: #FFFFFF; z-index: 100; }
div#env-debug-container { /* display: block; */ }

/* ============================== */
/* CORE STYLE - COLORS AND IMAGES */
/* ============================== */

/* FRAMEWORK */
body { background: url("/Content/Images/Backgrounds/core_dots.png"); background-color: #E9E9E9; }
aside { background-color: #CCCCCC; }

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

/* PUBLIC */
.portal-header h1 { color: #000000; }
.portal-footer p { color: #000000; }
.portal-form-row h4 { color: #000000; }
.portal-form-row .form-footnote { color: #333333; }
.portal-message-content p, .portal-message-content h2,
.portal-message-content h3, .portal-message-content li { color: #000000; }
div.portal-message-content li em { color: #666666; }
div.portal-message-content a { color: #660000; }
div.useragent { background-color: rgba(0,0,0,0.2); }
.portal-completeinvitation-requirements { background-color: rgba(0,0,0,0.05); color: #666666; }
.portal-resetpassword-requirements { background-color: rgba(0,0,0,0.05); color: #666666; }
.portal-logincam-container { background-color: rgba(0,0,0,0.9); }
.portal-logincam-container p.attempt,
.portal-logincam-container p.webcam-status { color: #FFFFFF; text-shadow: 0px 0px 5px #000000; }
.portal-logincam-container p.webcam-status { color: #FFFF00; }
.portal-logincam-container a.portal-logincam-cancel { border-color: #FFFFFF; background-color: rgba(255,255,255,0.2); color: #FFFFFF; }
.portal-logincam-container a.portal-logincam-cancel:hover { background-color: rgba(255,255,255,0.3); }
.portal-completeinvitation-extraproperties { background-color: rgba(255,255,255,0.5); }
.portal-login-status { border-color: #666666; }
.portal-login-status.invalid { background-color: #EEDDDD; border-color: #660000; color: #990000; }

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

.sidemenu-button, .settings-button { background-color: rgba(0,0,0,0); color: #333333; }
html.no-touchdevice a.sidemenu-button:hover,
html.no-touchdevice a.settings-button:hover { background-color: rgba(0,0,0,0.15); color: #333333; }
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(0,0,0,0.15); color: #666666; }
a.portal-sidemenu-button-close { background-color: rgba(0,0,0,0.1); }
html.no-touchdevice a.portal-sidemenu-button-close:hover { background-color: rgba(0,0,0,0.2); }
div.portal-sidemenu-pins a.portal-sidemenu-slideout-button { background-color: rgba(255,255,255,0.15); color: #333333; }
html.no-touchdevice div.portal-sidemenu-pins a.portal-sidemenu-slideout-button:hover { background-color: rgba(255,255,255,0.3); }
.portal-sidemenu-item a.button-badge span.count { background-color: #CC0000; color: #FFFFFF; }
.portal-sidemenu-module-container { border-color: rgba(128,128,128,0.5); }
.portal-sidemenu-module-container a.portal-sidemenu-module-btn { background-color: #999999; }
.portal-sidemenu-module-container a.portal-sidemenu-module-btn.disabled,
.portal-sidemenu-module-container a.portal-sidemenu-module-btn.disabled:hover { background-color: #404040; background-image: none; }
.portal-sidemenu-module-container a.portal-sidemenu-module-btn:hover { background-color: #CCCCCC; }

.portal-notification { border-color: rgba(0,0,0,0.0); background-color: rgba(0,0,0,0.25); }
.portal-notification.alert { border-color: #CC0000; background-color: #EECCCC; }
.portal-notification a { color: #000000; background-image: url(/Content/Images/Icons/black/Widgets/flag.png); }
.portal-notification a:hover { color: #FFFFFF; background-image: url(/Content/Images/Icons/white/Widgets/flag.png); }
.portal-notification-tabs { border-color: rgba(255,255,255,0.3); }
.portal-notification-tab { background-color: rgba(255,255,255,0.3); color: #FFFFFF; }
.portal-notification-tab.inactive { background-color: rgba(255,255,255,0); }
.portal-notification-close.portal-ui-close { background-image: url(/Content/Images/Icons/white/Widgets/close.png); }
.portal-notification-message { background-color: rgba(255,192,192,0.4); }
.portal-notification-email { background-color: rgba(255,255,192,0.4); }
.portal-notification-event { background-color: rgba(192,228,255,0.5); }
.portal-notification-schedule { background-color: rgba(192,255,192,0.4); }
.portal-notification-message .portal-notification-title { color: #FFCCCC; }
.portal-notification-email .portal-notification-title { color: #FFFFCC; }
.portal-notification-event .portal-notification-title { color: #99CCFF; }
.portal-notification-schedule .portal-notification-title { color: #CCFFCC; }
.portal-notification-clear-all { color: #FFFFFF; background-color: rgba(96,96,96,1); background-image: url(/Content/Images/Icons/white/Widgets/next.png); }
.portal-notification-clear-all:hover { background-color: rgba(128,128,128,1); }

.portal-popup-notification-email-message ul { background-color: #FFFFFF; }

.panel-category { background-color: #000000; }
.panel-category h3 { background-color: #DDDDDD; color: #404040; }

div#reportgrouppartial a.report-group-return { background-color: #CCCCCC; color: #000000; }
html.no-touchdevice div#reportgrouppartial a.report-group-return:hover { background-color: #999999; }

/* WINDOWS LIST */
div.portal-sidemenu-windows-list { background-color: #DDDDDD; border: 1px solid #808080; box-shadow: rgba(0,0,0,0.5) 0 0 10px; }
div.portal-sidemenu-windows-list::before { border-color: rgba(128, 128, 128, 0); border-right-color: #808080; }
div.portal-sidemenu-windows-list::after { border-color: rgba(220, 220, 220, 0); border-right-color: #DDDDDD; }
div.portal-sidemenu-windows-list h4 { background-color: #BBBBBB; }
html.no-touchdevice div.portal-sidemenu-windows-list a.portal-sidemenu-windows-list-close:hover { background-color: rgba(0,0,0,0.1); }
div.portal-sidemenu-windows-list ul li { color: #333333; border-top-color: #CCCCCC; }
html.no-touchdevice div.portal-sidemenu-windows-list ul li.window-item:hover { color: #000000; background-color: rgba(0,0,0,0.1); }
div.portal-sidemenu-windows-list ul li.window-item a { color: #666666; }
html.no-touchdevice div.portal-sidemenu-windows-list ul li a.window-item-action:hover { background-color: rgba(0,0,0,0.1); }
html.no-touchdevice div.portal-sidemenu-windows-list ul li a.window-item-action.disabled:hover { background-color: transparent; cursor: not-allowed; }

/* SIDEMENU SLIDE OUT */
div.portal-sidemenu-slidepanel-container { background-color: #999999; }
div.portal-sidemenu-slidepanel-content,
h2.portal-sidemenu-slidepanel-title,
h2.portal-sidemenu-slidepanel-title a { color: #000000; }

div.portal-sidemenu-footerpanel-container { background-color: #999999; }
div.portal-sidemenu-footerpanel-content p.company-footer { height: 42px; background-image: url(/Content/Logos/envision.png); }
div.portal-help-menu ul { border-right-color: #666666; }
/*
div.portal-sidemenu-footerpanel-content li a { color: #660000; }
div.portal-sidemenu-footerpanel-content ul.help_menu li a { background-color: rgba(255,255,255,0.15); background-size: auto 75%; background-position: top center; }
html.no-touchdevice div.portal-sidemenu-footerpanel-content ul.help_menu li a:hover { background-color: rgba(255,255,255,0.2); color: #660000; text-decoration: none; }
*/

/* 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; }

/* BUTTONS */
.portal-public input.input_button { background-color: rgba(255,255,255,0.4); }
html.no-touchdevice .portal-public input.input_button:hover { background-color: rgba(255,255,255,0.8); }

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

.portal-tile a.portal-tile-link { background-color: rgba(0,0,0,0.15); color: #333333; }
html.no-touchdevice .portal-tile a.portal-tile-link:hover { background-color: rgba(0,0,0,0.3); }
div.portal-tile-extracontent p { color: #333333; }
.portal-tile-placeholder { background-color: rgba(0,0,0,0.05); }
div.portal-tile-extracontent p.convo_message { color: #666666; }

/* WINDOWS */
.portal-window { background-color: #CCCCCC; box-shadow: 0 0 9px 1px rgba(0,0,0,0.6); }
.portal-window-loading span.portal-window-loading-message { background-color: rgba(0,0,0,0.15); color: #333333; }
.portal-window-loading span.portal-window-loading-message .title { background-color: rgba(0,0,0,0.1); }
.portal-window-loading a.portal-window-loading-close { background-color: rgba(0,0,0,0.05); }
html.no-touchdevice .portal-window-loading a.portal-window-loading-close:hover,
html.no-touchdevice .portal-window-header div.window-actions a:hover { background-color: rgba(0,0,0,0.15); }
html.no-touchdevice .portal-window-header div.window-actions a.disabled:hover { background-color: transparent; }
.portal-window header.portal-window-header { background-color: #999999; }
.portal-window header.portal-window-header h2 { color: #000000; }
.portal-window .portal-window-toolbar { background-color: rgba(0,0,0,0.15); }
.portal-window .portal-window-toolbar p { color: #000000; }
.portal-window .portal-window-toolbar p.portal-window-toolbar-buttons a { background-color: rgba(255,255,255,0.4); color: #333333; border-color: #666666; }
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: rgba(255,255,255,0.8); }
.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(255,255,255,0.4); border-color: #333333; color: #4A4A4A; }
.portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter { background-color: rgba(255,255,255,0.2); border-color: #333333; }
.portal-window .portal-window-toolbar p.portal-window-toolbar-filter a.button_filter_text { border-color: #BBBBBB; color: #333333; }
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(255,255,255,0.5); }
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(255,255,255,0.9); }
.portal-window .portal-window-toolbar div.portal-window-toolbar-message p.message-icon { background-size: auto 100%; }
.portal-window-toolbar .portal-window-toolbar-status { background-color: #CCCCCC; }
html.no-touchdevice .portal-window-toolbar .portal-window-toolbar-status a:hover { background-color: rgba(0,0,0,0.25); }
.portal-window-toolbar .portal-window-toolbar-status .status-success { background-color: #99CC99; }
.portal-window-toolbar .portal-window-toolbar-status .status-warning { background-color: #CCCC99; }
.portal-window-toolbar .portal-window-toolbar-status .status-error { background-color: #CC9999; }
.portal-window-toolbar .portal-window-toolbar-status .status-message { background-color: #9999CC; }

/* WINDOW ALERT OVERLAY */
.portal-window-disable-overlay { background-color: rgba(0,0,0,0.8); }
.portal-window-alert-content { background-color: #CCCCCC; box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; }
.portal-window-alert-message p.warning_message { border-bottom-color: #333333; }
.portal-window-alert-message ul { border-bottom-color: #666666; }
.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 { border-color: rgba(0,0,0,0.4); color: #333333; background-color: rgba(0,0,0,0.15); }
html.no-touchdevice .portal-window-alert-buttons a:hover { background-color: rgba(0,0,0,0.3); }
.portal-window-attachment-content { background-color: #EEEEEE; box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; }
.portal-window-attachment-buttons a { border-color: rgba(0,0,0,0.4); color: #333333; background-color: rgba(0,0,0,0.15); }
.portal-window-attachment-buttons a.portal-attachment-button.portal-ui-animate-processing { background-image: url(/Content/Images/Icons/white/Animation/animation_processing.gif); cursor: progress; }
.portal-window-attachment-items.attachment-locked div.fielditem { background-image: url(/Content/Images/Icons/black/Widgets/lock.png); opacity: 0.25; }
.portal-window-confirm-content { background-color: #CCCCCC; box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; }
.portal-window-confirm-message p.warning_message { border-bottom-color: #333333; }
.portal-window-confirm-message ul { border-bottom-color: #666666; }
.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 { border-color: rgba(0,0,0,0.4); color: #333333; background-color: rgba(0,0,0,0.15); }
.portal-window-property-content,
.portal-window-services-content { background-color: #cccccc; border-bottom-color: #666666; box-shadow: 0 6px 12px -6px #000000; }
html.no-touchdevice .portal-window-confirm-buttons a:hover { background-color: rgba(0,0,0,0.3); }

.portal-window-contentarea p { color: #333333; }
.portal-window .portal-window-footer { background-color: #999999; }
.portal-window-required-message { background: url(/Content/Images/Icons/color/error_red.png) no-repeat 12px center rgba(255,196,196,0.35); background-size: 64px auto; }
.portal-window-required-message h3 { color: #666666; }

.portal-window-layover-container p,
.portal-window-layover-container li { color: #FFFFFF; }
.portal-window-layover-content { background-color: rgba(16,16,16,0.95); }
.portal-window-layover-buttons a { background-color: #D6D6D6; color: #333333; box-shadow: 0 0 6px #000000; -webkit-font-smoothing: antialiased; }
html.no-touchdevice .portal-window-layover-buttons a:hover { background-color: #FFFFFF; }

/* REPORTS
.portal-window-report { background-color: rgba(255,255,255,0.9); box-shadow: 0 6px 12px -6px #000000; border-bottom-color: #666666; } */
.portal-window-report-container { background-color: rgba(255,255,255,0.95); }
.portal-window-report-title { background-color: #AAAAAA; }
html.no-touchdevice .portal-window-report-close:hover { background-color: rgba(0,0,0,0.2); }

.report-item { background-color: #CCCCCC; }
.report-item h3 { background-color: #DDDDDD; color: #404040; }
.report-chart-generic-choice,
.report-chart-type-choice { background: url("/Content/Images/Icons/black/Forms/dropdown_select.png") no-repeat 6px 50% #FFFFFF; color: #000000; }
.report-chart-expand-filters a { background: #FFFFFF; color: #000000; }
.report-chart-options a { background-color: #BBBBBB; color: #000000; border-color: #AAAAAA; }
html.no-touchdevice .report-chart-options a:hover { background-color: #AAAAAA; }
html.no-touchdevice .report-chart-expand-filters a:hover,
.report-chart-expand-filters a.selected { background-color: #E6E6E6; }

input.input_text_filter,
select.input_select_filter { color: #333333; background-color: rgba(255,255,255,0.25); border-color: rgba(0,0,0,0.5); }

.report-chart-loading p { background-color: rgba(0,0,0,0.1); color: #000000; }

div.report_chart_toolbar a { background-color: rgba(0,0,0,0.25); color: #FFFFFF; }
html.no-touchdevice div.report_chart_toolbar a:hover { background-color: rgba(0,0,0,0.5); }
div.report_chart_toolbar a.portal-ui-document { background-image: url("/Content/Images/Icons/white/Widgets/document.png"); }
div.report_chart_toolbar span.portal-ui-animate-processing { background-image: url("/Content/Images/Icons/white/Animation/animation_processing.gif"); }

div.portal-reports-exports p { color: #FFFFFF; }
div.portal-reports-exports p a:hover { background-color: rgba(255,255,255,0.4); }

div.portal-reports-profile-container { background-color: rgba(255, 255, 255, 0.6); }
div.portal-reports-filteritems {  }
div.portal-reports-filteritems h3,
div.portal-reports-resultitems h3 { background-color: rgba(0,0,0,0.1); }
div.portal-reports-filteritems div.filter_item { background-color: #FFFFFF; box-shadow: rgba(0,0,0,0.5) 2px 2px; }
div.portal-reports-filteritems div.filter_item input { background-color: rgba(0,0,0,0.15); border-color: rgba(0,0,0,0.25); }
div.portal-reports-filteritems div.filter_item input.input_text_panel.calendar { background-image: url("/Content/Images/Icons/black/Widgets/calendar.png"); }
div.portal-reports-resultitems div.result_item { background-color: #FFFFFF; border: 1px solid #333333; }

div.reports-chart-objects { background-color: rgba(0,0,0,0.1); }
div.reports-chart-objects a { color: #000000; cursor: move; }
div.reports-chart-objects a:hover,
div.reports-chart-dashboard a.portal-reports-export-item-chart { color: #666666; }
div.reports-chart-objects:after { content: ""; background-image: url("/Content/Images/Icons/black/Widgets/arrow_down.png"); }

div.reports-chart-dashboard { border-color: rgba(0,0,0,0.2); }
div.reports-chart-dashboard.empty { background-color: transparent; }
div.reports-chart-dashboard.portal-blueprint-item-sub-hover,
div.reports-chart-dashboard.portal-blueprint-item-sub-hover.empty { border-color: rgba(64,160,64,0.5); background-color: rgba(208,255,208,0.2); }

div.reports-chart-item { background-color: #FFFFFF; }
div.reports-chart-item-toolbar a:hover { background-color: #DDDDDD; }

/* SYSTEM/ADMIN */
div.portal-system-formitems .form_item { background: rgba(255,255,255,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.2); }
div.portal-system-formitems .form_expand h5 { background-color: #333333; color: #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
div.portal-system-formitems .form_item .form_item_for { background-color: #8A8A8A; }
div.portal-system-formitems .form_item .form_item_for p { color: #FFFFFF; }
div.portal-system-formitems div.merge_field_container { background-color: rgba(0,0,0,0.1); }
div.portal-system-formitems a.merge_field_option {
    background: #f2f6f8;
    background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
    color: #333333;
    box-shadow: 2px 2px 4px #333333;
}
div.portal-system-formitems a.merge_field_option span { 
    background: #bfd255;
    background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
    background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
    color: #FFFFFF;
}

div.portal-system-formitems div.field_options { background-color: #FFFFFF; }

div.portal-system-formitems table.field_option_table th.field_option_header_1,
div.portal-system-formitems table.field_datapoint_table th.field_option_header_1 { background-color: #333333; color: #FFFFFF; }
div.portal-system-formitems table.field_option_table td.field_option_1,
div.portal-system-formitems table.field_datapoint_table th.field_option_1 { background-color: rgba(0,0,0,0.4); }
div.portal-system-formitems table.field_option_table th.field_option_header_2,
div.portal-system-formitems table.field_datapoint_table th.field_option_header_2 { background-color: #444444; color: #FFFFFF; }
div.portal-system-formitems table.field_option_table td.field_option_2,
div.portal-system-formitems table.field_datapoint_table th.field_option_2 { background-color: rgba(0,0,0,0.2); }
div.portal-system-formitems table.field_option_table td a.field_option_add,
div.portal-system-formitems table.field_datapoint_table td a.field_option_add { background-color: rgba(0,0,0,0.3); }
div.portal-system-formitems table.field_option_table td a:hover,
div.portal-system-formitems table.field_datapoint_table td a:hover { background-color: rgba(0,0,0,0.5); }
div.portal-system-formitems table.field_option_table td a span.portal-ui-add,
div.portal-system-formitems table.field_datapoint_table td a span.portal-ui-add { background-image: url("/Content/Images/Icons/white/Widgets/add.png"); color: #FFFFFF; }
div.portal-system-formitems table.field_option_table td a.portal-ui-delete,
div.portal-system-formitems table.field_datapoint_table td a.portal-ui-delete { background-image: url("/Content/Images/Icons/white/Widgets/delete.png"); }
footer.portal-system-footer div.portal-system-footer-buttons a { background-color: rgba(0,0,0,0.25); color: #FFFFFF; }
footer.portal-system-footer div.portal-system-footer-buttons a:hover { background-color: rgba(0,0,0,0.5); }
footer.portal-system-footer div.portal-system-footer-message p.error { color: #6A2A2A; }
footer.portal-system-footer div.portal-system-footer-message p.success { color: #2A6A2A; }

a.field_values_add.portal-ui-add { background-image: url("/Content/Images/Icons/white/Widgets/add.png"); }
a.field_values_add:hover, a.field_values_delete:hover { background-color: transparent !important; }

div.multiselect_list { background-color: rgba(255,255,255,0.8); box-shadow: 0 0 10px rgba(64,64,64,0.5); }
div.multiselect_list li.empty { color: #666666; }
div.multiselect_list li.title { color: #333333; }
ul.input_multiselect { box-shadow: 0 0 10px rgba(64,64,64,0.5); }
ul.input_multiselect li { border-color: #CCCCCC; background-color: #FFFFFF; }
ul.input_multiselect li.msitem a { color: #000000; }
ul.input_multiselect li.msitem:hover { background-color: rgba(0,0,0,0.1); }
ul.input_multiselect li.msitem.selected a { background-image: url("/Content/Images/Icons/color/success_green.png"); }
ul.input_multiselect li.toolbar { background-color: #DDDDDD; }
ul.input_multiselect li.toolbar a { background-color: rgba(0,0,0,0); }
ul.input_multiselect li.toolbar a:hover,
ul.input_multiselect li.toolbar a.selected { background-color: rgba(0,0,0,0.2); }
ul.input_multiselect li.toolbar a.select_all { background-image: url("/Content/Images/Icons/black/Forms/select_all.png"); }
ul.input_multiselect li.toolbar a.select_none { background-image: url("/Content/Images/Icons/black/Forms/select_none.png"); }
ul.input_multiselect li.toolbar a.select_view { background-image: url("/Content/Images/Icons/black/Widgets/view.png"); }

/* POP-UPS */
div.portal-popup-formitems { background-color: rgba(255,255,255,0.4); }
div.portal-popup-formitems .form_item { background-color: rgba(0,0,0,0.1); }
div.portal-popup-formitems .form_item h6 { color: #333333; }
div.portal-popup-formitems .form_item h6.required::after { content: "*"; color: #CC0000; }
div.portal-popup-formitems .form_item .form_label { color: #666666; }
div.portal-popup-formitems .form_item input.input_text,
div.portal-popup-formitems .form_item select.input_select { border-color: #666666; }
div.portal-popup-formitems .form_item input.input_text.valid,
div.portal-popup-formitems .form_item select.input_select.valid { background-color: #DDFFDD; }
div.portal-popup-formitems .form_item input.input_text.input-validation-error,
div.portal-popup-formitems .form_item select.input_select.input-validation-error { border-color: #663333; background-color: #FFDDDD; }
div.portal-popup-formitems .form_item_sub.item_checkboxes { background-color: #EEEEEE; }

div.portal-popup-tabs a { color: #333333; background-color: rgba(255,255,255,0.6); }
div.portal-popup-tabs a:hover,
div.portal-popup-tabs a.active { background-color: rgba(255,255,255,1.0); }

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,
div.portal-popup-confirmation p { color: #000000; }
div.portal-popup-confirmation a { background-color: rgba(255,255,255,0.4); }
div.portal-popup-confirmation p a { background-color: transparent; }
div.portal-popup-content { background-color: rgba(255,255,255,0.4); }

.portal-options-popup-btn { background-color: rgba(0,0,0,0); }
.portal-options-popup-btn:hover,
.portal-options-popup-btn.portal-ui-animate-processing { background-color: rgba(0,0,0,0.1); display: block; }
.portal-options-popup-list { background-color: rgba(0,0,0,0.9); color: #FFFFFF; box-shadow: 0 0 16px #333333; }
.portal-options-popup-list li { border-bottom-color: #999999; }
.portal-options-popup-list a { background-color: rgba(255,255,255,0); color: #FFFFFF; }
.portal-options-popup-list a:hover { background-color: rgba(255,255,255,0.25); }

/* DASHBOARD */
.portal-footer-disclaimer { border-left-color: #666666; }
.portal-disclaimer { background-color: rgba(255, 255, 255, 0.2); color: #FFFFFF; }

/* REPORTS */
div.report_allcharts { background-color: #FFFFFF; }

/* TABLES */
table.portal-table thead tr { background-color: #999999; color: #000000; border-bottom-color: #000000; }
table.portal-table thead tr.portal-table-subhead th { background-color: #666666; color: #FFFFFF; }
table.portal-table tbody tr.portal-table-none td { background-color: #F0F0F0; }
table.portal-table tbody tr.odd,
table.portal-table tbody tr td .portal-subtable tbody tr.odd { background-color: #ECECEC; }
table.portal-table tbody tr.odd td.even,
table.portal-table tbody tr td .portal-subtable tbody tr.odd td.even { background-color: #E9E9E9; }
table.portal-table tbody tr.even,
table.portal-table tbody tr td .portal-subtable tbody tr.even { background-color: #DBDBDB; }
table.portal-table tbody tr.even td.even,
table.portal-table tbody tr td .portal-subtable tbody tr.even td.even { background-color: #D8D8D8; }
html.no-touchdevice table.portal-table.selectable-rows tbody tr:hover { background-color: #FDFDFD; }
table.portal-table.table-nowrap th,
table.portal-table.table-nowrap td { white-space: nowrap; }

.portal-table-showmore { background-color: #999999; }
a.button_showmore { background-color: rgba(255,255,255,0.15); color: #333333; }
html.no-touchdevice a.button_showmore:hover { background-color: rgba(255,255,255,0.3); }
table.portal-table tbody tr.lead { background-color: #DDFFDD; }

.portal-table div.action_processing span { background-image: url(/Content/Images/Icons/black/Animation/animation_submitting.gif); color: #000000; }

/* FLEX */
.portal-flex { border-color: #999999; }
.portal-flex-header { background-color: #666666; }
.portal-flex-header h6 { color: #FFFFFF; }
.portal-flex-row { background-color: #ECECEC; }
.portal-flex-row:nth-child(2n) { background-color: #F0F0F0; }


/* BUCKETS */
section.portal-bucket {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}
section.portal-bucket header h3 span.bucket-enabled, /* enabled deprecated */
section.portal-bucket header h3 span.bucket-active { background-image: url(/Content/Images/Icons/color/success_green.png); }
section.portal-bucket header h3 span.bucket-inactive { background-image: url(/Content/Images/Icons/color/error_red.png); }
section.portal-bucket header h3 span.bucket-enabled span, /* enabled deprecated */
section.portal-bucket header h3 span.bucket-active span { color: #009900; }
section.portal-bucket header h3 span.bucket-inactive span { color: #990000; }
section.portal-bucket header p span { color: #666666; }
section.portal-bucket.mediafile-admin-homefolder { 
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}

section.portal-bucket div.portal-bucket-stats { background-color: #888888; }
section.portal-bucket div.portal-bucket-stats p { color: #FFFFFF; }
section.portal-bucket div.portal-bucket-stats p span { color: #EEEEEE; }
section.portal-bucket div.portal-main-buttons a,
section.portal-bucket div.portal-sub-buttons a,
section.portal-bucket footer.bucket-buttons a.bucket-button { background-color: #CCCCCC; border-color: #BBBBBB; color: #4A4A4A; }
html.no-touchdevice section.portal-bucket div.portal-main-buttons a:hover,
html.no-touchdevice section.portal-bucket div.portal-sub-buttons a:hover,
html.no-touchdevice section.portal-bucket footer.bucket-buttons a:hover { background-color: #AAAAAA; }

section.portal-bucket.active header a { color: #000000; }
html.no-touchdevice section.portal-bucket.active header a:hover { background-color: rgba(0,0,0,0.1); }
section.portal-bucket.active header h4 { border-color: #4A4A4A; }

section.portal-bucket.bucket-open header a { color: #000000; }
html.no-touchdevice section.portal-bucket.bucket-open header a:hover { background-color: rgba(0,0,0,0.1); }
section.portal-bucket.bucket-open header h4 { border-color: #4A4A4A; }

section.portal-bucket.active div.bucket-loading,
div.portal-bucket-details div.bucket-loading,
div.portal-approval-details div.bucket-loading { background-color: rgba(0,0,0,0.1); }

div.portal-bucket-item-add { border-color: #E6E6E6; }
div.portal-bucket-item-add a { color: #999999; }
html.no-touchdevice div.portal-bucket-item-add a:hover { background-color: #E6E6E6; }

div.portal-bucket-item-main { background-color: #F0F0F0; }
div.portal-bucket-item-sub { background-color: #E6E6E6; border-color: #CCCCCC; }

div.portal-bucket-item div.portal-item-type { border-color: #DDDDDD; }
html.no-touchdevice div.portal-bucket-item div.portal-item-type a:hover { background-color: rgba(128,128,128,0.1); }
div.portal-bucket-item div.portal-item-action { border-color: #DDDDDD; }
html.no-touchdevice div.portal-bucket-item div.portal-item-action a:hover { background-color: rgba(128,128,128,0.1); }
div.portal-bucket-item div.portal-item-action a.portal-item-move { border-color: #DDDDDD; }

p.portal-bucket-option-text { color: #4A4A4A; }
div.portal-bucket-option-item { background-color: #D3D3D3; }
div.portal-bucket-option-item div.option-item-active p.enabled { background-color: #009900; }
div.portal-bucket-option-item div.option-item-active p.disabled { background-color: #E83F39; }
div.portal-bucket-option-item div.option-item-action { border-color: #BBBBBB; }

html.no-touchdevice div.portal-bucket-option-item div.option-item-action a:hover { background-color: rgba(64,64,64,0.2); }
div.portal-bucket-option-item div.option-item-action a.option-item-move { border-color: #BBBBBB; }

div.portal-bucket-option-item-add { border-color: #BBBBBB; }
div.portal-bucket-option-item-add a { color: #8A8A8A; }
html.no-touchdevice div.portal-bucket-option-item-add a:hover { background-color: #D3D3D3; }

a.portal-bucket-group-add { color: #8A8A8A; }

/* ROWS */
section.portal-row-container h3.portal-row-container-title { background-color: #CCCCCC; color: #666666; }
section.portal-row-container h3.portal-row-container-title a { color: #666666; }
section.portal-row-container h3 a.button_add { background-image: url('/Content/Images/Icons/black/Widgets/add.png'); background-color: #FFFFFF; }
section.portal-row {
    box-shadow: 0 1px 2px #666666;
    background: #cccccc;
    background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
    background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
    background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}
section.portal-row h3.portal-row-content-title { background-color: #A8A8A8; }
section.portal-row header { border-color: #8A8A8A; background-color: rgba(0,0,0,0.1); }
div.portal-row-item {
    box-shadow: 0 2px 3px #000000;
    background: #F8F8F8;
    background: -moz-linear-gradient(top,  #E8E8E8 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#FFFFFF));
    background: -webkit-linear-gradient(top, #E8E8E8 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #E8E8E8 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #E8E8E8 0%,#FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#FFFFFF',GradientType=0 );
}
div.portal-row-item p { color: #FFFFFF; }
div.portal-row-item div.portal-row-item-toolbar a { border-color: #000000; color: #000000; background-color: #cccccc; }

/* BUILDERS */
div.portal-builder-container h2.portal-builder-container-title { background-color: #333333; color: #FFFFFF; }
div.portal-builder-container h2.portal-builder-container-title span { color: #AAAAAA; }
div.portal-builder-container h2.portal-builder-container-title a { background-color: #CACACA; color: #000000; }
html.no-touchdevice div.portal-builder-container h2.portal-builder-container-title a:hover { background-color: #DEDEDE; }

div.portal-master-container::after { background-image: url(/Content/Images/Icons/black/Widgets/arrow_right.png); }
div.portal-master-container-list-container { background-color: #CCCCCC; }
div.portal-master-container-tabs { border-color: #666666; } 
div.portal-master-container-tabs ul li { 
    background: #8A8A8A;
    background: -moz-linear-gradient(top, #8A8A8A 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A8A8A), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #8A8A8A 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #8A8A8A 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #8A8A8A 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8A8A', endColorstr='#cccccc',GradientType=0 );
    border-color: #666666;
}

div.portal-master-container-tabs ul li a { color: #FFFFFF; }
html.no-touchdevice div.portal-master-container-tabs ul li a:hover,
div.portal-master-container-tabs ul li.selected a { background: #666666; }

div.portal-master-container-item-main { background-color: #F0F0F0; }
div.portal-master-container-item-sub { background-color: #E6E6E6; border-color: #CCCCCC; }
html.no-touchdevice div.portal-master-container-item-action a:hover,
html.no-touchdevice div.portal-master-container-item-action-three a:hover { background-color: rgba(0,0,0,0.1); }
div.portal-master-container-item-add { border-color: #E6E6E6; }
div.portal-master-container-item-add a { color: #8A8A8A; }
html.no-touchdevice div.portal-master-container-item-add a:hover { background-color: #E6E6E6; }
div.portal-master-container-item-subtitle { color: #8A8A8A; }

div.portal-blueprint-container { background: #DDDDDD; }
div.portal-blueprint-full-container { background: #DDDDDD; }
div.portal-blueprint-container-header { background-image: url(/Content/Images/Icons/black/Widgets/blueprint.png); }
div.portal-blueprint-container-target { border-color: #999999; }
div.portal-blueprint-container-target.empty { border-color: #999999; background-image: url(/Content/Images/Icons/black/Widgets/document.png); }
div.portal-blueprint-container-fieldtarget { border-color: #999999; }
div.portal-blueprint-container-fieldtarget.empty { border-color: #999999; background-image: url(/Content/Images/Icons/black/Widgets/document.png); }

div.portal-blueprint-container-target.portal-blueprint-item-acceptable,
div.portal-blueprint-container-fieldtarget.portal-blueprint-item-acceptable,
div.portal-blueprint-container-expand-target.portal-blueprint-item-acceptable { background-color: #CCFFCC; }
div.portal-blueprint-container-target.portal-blueprint-item-hover,
div.portal-blueprint-container-fieldtarget.portal-blueprint-item-hover,
div.portal-blueprint-container-expand-target.portal-blueprint-item-hover { background-color: #99FF99; }
div.portal-blueprint-container-item { background-color: #F0F0F0; }
div.portal-blueprint-container-item-ph { background-color: rgba(255,255,255,0.3); }

div.portal-blueprint-container-item.portal-blueprint-item-acceptable,
div.portal-blueprint-container-item-sub.portal-blueprint-item-acceptable { background-color: #CCFFCC; }
div.portal-blueprint-container-item.portal-blueprint-item-hover,
div.portal-blueprint-container-item-sub.portal-blueprint-item-hover { background-color: #99FF99; }
div.portal-blueprint-container-item-sub.empty p { border-color: #999999; }
div.portal-blueprint-container-item-sub-item,
div.portal-blueprint-container-item-sub-item-thirds,
div.portal-blueprint-container-item-sub-item-quarters { background-color: #F9F9F9; box-shadow: 2px 2px 2px #CCCCCC; }
div.portal-blueprint-container-item-sub-ph { background-color: rgba(255,255,255,0.3); }
html.no-touchdevice div.portal-blueprint-container-item-action a:hover,
html.no-touchdevice div.portal-blueprint-container-item-expand a:hover,
html.no-touchdevice div.portal-blueprint-container-item-sub-item-action a:hover { background-color: rgba(0,0,0,0.1); }
div.portal-blueprint-container-item-sub-item-action a.portal-item-sort { cursor: move; }
div.portal-blueprint-container-item-sub-item-links span.link-item { background-color: #333333; }

div.portal-blueprint-container-item-profile { background-color: #F9F9F9; }
div.portal-blueprint-container-item-profile-ph { background-color: rgba(255,255,255,0.3); }
div.portal-blueprint-container-item-profile-subtitle { color: #8A8A8A; }
html.no-touchdevice div.portal-blueprint-container-item-profile-action a:hover { background-color: rgba(0,0,0,0.1); }
div.portal-blueprint-container-item-profile-action a.portal-item-sort { cursor: move; }

div.portal-blueprint-container-item-export { background-color: #F9F9F9; }
div.portal-blueprint-container-item-export-ph { background-color: rgba(255,255,255,0.3); }
div.portal-blueprint-container-item-export-subtitle { color: #8A8A8A; }
html.no-touchdevice div.portal-blueprint-container-item-export-action a:hover { background-color: rgba(0,0,0,0.1); }
div.portal-blueprint-container-item-export-action a.portal-item-sort { cursor: move; }

div.portal-blueprint-container-item-filter { background-color: #F9F9F9; }
div.portal-blueprint-container-item-filter-ph { background-color: rgba(255,255,255,0.3); }
div.portal-blueprint-container-item-filter-subtitle { color: #8A8A8A; }
html.no-touchdevice div.portal-blueprint-container-item-filter-action a:hover { background-color: rgba(0,0,0,0.1); }
div.portal-blueprint-container-item-filter-action a.portal-item-sort { cursor: move; }

div.portal-blueprint-container-item-calendar { background-color: #F9F9F9; }
div.portal-blueprint-container-item-calendar-ph { background-color: rgba(255,255,255,0.3); }
div.portal-blueprint-container-item-calendar-subtitle { color: #8A8A8A; }
html.no-touchdevice div.portal-blueprint-container-item-calendar-action a:hover { background-color: rgba(0,0,0,0.1); }
div.portal-blueprint-container-item-calendar-action a.portal-item-sort { cursor: move; }

div.portal-blueprint-container-expand { background-color: rgba(0,0,0,0.95); }
div.portal-blueprint-container-expand-header { background-image: url(/Content/Images/Icons/white/Widgets/blueprint.png); }
div.portal-blueprint-container-expand-header h2 { color: #FFFFFF; }
div.portal-blueprint-container-expand-header p { color: #FFFFFF; }
div.portal-blueprint-container-expand-target { border-color: #CCCCCC; }
div.portal-blueprint-container-expand-target.empty { border-color: #CCCCCC; background-image: url(/Content/Images/Icons/white/Widgets/document.png); }

div.portal-blueprint-container-item-add { border-color: #E6E6E6; }
div.portal-blueprint-container-item-add a { color: #8A8A8A; }
html.no-touchdevice div.portal-blueprint-container-item-add a:hover { background-color: #E6E6E6; }

/* MEDIA/UPLOADS */

div.portal-media-list-title { color: #FFFFFF; background-color: #666666; /* background-image: url(/Content/Images/Icons/white/Widgets/folder.png); */ }

/*
h3.portal-media-list-title a.media-list-download { color: #EEEEEE; text-decoration: none; background-color: rgba(255,255,255,0); background-image: url("/Content/Images/Icons/white/Widgets/download.png") }
h3.portal-media-list-title a.media-list-download:hover { background-color: rgba(255,255,255,0.2); }
h3.portal-media-list-title span.portal-ui-animate-processing { background-image: url(/Content/Images/Icons/white/Animation/animation_processing.gif) !important; }
*/
div.input_upload { background-color: #DDDDDD; }
form.dragover div.input_upload { background-color: rgba(0,192,0,0.3); }
div.input_upload.dragover { background-color: rgba(0,192,0,0.3); }
div.input_upload.dropped { background-color: rgba(0,192,0,0.6); }
div.input_upload a.input_upload_btn { background-image: url("/Content/Images/Icons/black/Widgets/upload.png"); color: #000000; }
div.input_upload a.input_upload_btn.input_upload_occupied { background: none !important; }
div.input_upload a.input_upload_btn.portal-ui-animate-converting { background-image: url("/Content/Images/Icons/black/Animation/animation_converting.gif") !important; background-size: 220px !important; }
div.input_upload a.input_upload_btn.portal-ui-success { background-image: url("/Content/Images/Icons/color/success_green.png") !important; }
div.input_upload a.input_upload_btn.portal-ui-error { background-image: url("/Content/Images/Icons/color/error_red.png") !important; color: #660000 !important; }
div.input_upload a.image_remove { background-color: #EEEEEE; }
div.input_upload div.upload_loading { background-color: rgba(255,255,255,0.75); background-image: url("/Content/Images/Icons/black/Animation/animation_processing.gif") !important; }
div.progresscontainer { background-color: #F3F3F3; }
div.progresscontainer div.progress { background-color: #224466; }
div.progresscontainer div.progress.error { background-color: #990000; }
div.progresscontainer div.progress p { color: #FFFFFF; }
span.progresscontainer { background-color: #F3F3F3; position: absolute; width: 100%; min-height: 5px; bottom: 0; left: 0; border: 1px solid; overflow: hidden; }
span.progresscontainer span.progress { background-color: #224466; position: absolute; width: 0%; min-height: 5px; bottom: 0; left: 0; padding: 3px 0; font-size: 10px; }
span.progresscontainer span.progress.error { background-color: #990000; }
span.progresscontainer span.progress p { color: #FFFFFF; }
div.media_bucket div.input_upload.dropped {  background-image: none; border-color: #EEEEEE; background-color: #FFFFFF; }
div.media_bucket div.image_pending,
div.media_bucket div.image_error { background-color: rgba(0,0,0,0.7); }
div.media_bucket div.image_pending p { background-image: url(/Content/Images/Icons/white/Widgets/document.png); color: #FFFFFF;  }
div.media_bucket div.image_error p { background-image: url(/Content/Images/Icons/color/error_red.png); color: #FFFFFF; }
div.media_bucket div.image_error a { color: #FFFFFF; }
div.media-library-item-list ul li a,
div.media-library-item-list ul li span.media-folder-opening { color: #333333; background-size: 56px; background-position: 50% 4px; }
div.media-library-item-list ul li a:hover,
div.media-library-item-list ul li a.selected,
div.media-library-item-list ul li span.media-folder-opening { background-color: rgba(0,0,0,0.1); }
div.media-library-item-list ul li a.media-back { background-image: url(/Content/Images/Icons/black/Widgets/arrow_left.png); background-size: 36px; background-position: 50% 16px; }
div.media-library-item-list ul li a.media-folder,
div.media-library-item-list ul li span.media-folder-opening { background-image: url(/Content/Images/Icons/black/Widgets/folder.png); }
div.media-library-item-list ul li span.media-folder-opening.back { background-image: url(/Content/Images/Icons/black/Widgets/arrow_left.png); background-size: 36px; background-position: 50% 16px; }

/* SIDEBAR ADD */
div.portal-sidebar-add-container div.sidebar-datapoint { background-color: rgba(255,255,255,0.25); }
div.portal-sidebar-add-container div.sidebar-datapoint h4 { color: #CCCCCC; }

div.portal-sidebar-add-container div.sidebar-datapoint .sidebar-datapoint-group-loading { background-color: rgba(0,0,0,0.9); }
div.portal-sidebar-add-container div.sidebar-datapoint .sidebar-datapoint-group-loading p { color: #FFFFFF; }

div.portal-sidebar-add-container div.sidebar-datapoint-field-row { background-color: #AAAAAA; color: #000000; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row input,
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a { background-color: #EEEEEE; color: #333333; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a { border-color: #AAAAAA; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a:hover,
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a.selected { background-color: #FFFFFF; }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row div.sidebar-datapoint-field-choices a.selected { background-image: url(/Content/Images/Icons/color/success_green.png); }
div.portal-sidebar-add-container div.sidebar-datapoint-field-row input:focus { background-color: #FFFFFF; }

div.portal-sidebar-add-container .portal-sidebar-add-buttons a.input_button_panel { background-color: #E7403F; color: #FFFFFF; }

div.portal-sidebar-add-container div.sidebar-datapoint-field-row input.input_text.invalid { background-color: #CCAAAA; background-image: url(/Content/Images/Icons/color/alert.png); }
div.portal-sidebar-add-container div.sidebar-datapoint-list-header { background-color: #8A8A8A; color: #EEEEEE; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-content { background-color: #EEEEEE; color: #666666; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item { border-color: #999999; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item a { background-image: url(/Content/Images/Icons/color/item_empty_blue.png); }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item a.selected { background-image: url(/Content/Images/Icons/color/item_select_blue.png); }
div.portal-sidebar-add-container div.sidebar-datapoint-list-item:hover { background-color: #F6F6F6; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-footer { background-color: #8A8A8A; color: #EEEEEE; }
div.portal-sidebar-add-container div.sidebar-datapoint-list-footer 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(255,255,255,0.4); }
html.no-touchdevice section.portal-profile .editable:hover { background-color: rgba(255,255,255,0.2); background-image: url() initial; }
section.portal-profile p.profile_value span.none,
section.portal-profile span.none { color: rgba(0,0,0,0.4); }
section.portal-profile .profile_username { color: #222222; }
section.portal-profile .profile_usertitle { color: #444444; }
.input_text.input_profile,
.input_select.input_profile { background-color: rgba(255,255,255,0.2); border-color: rgba(222,255,255,0.4); color: #666666; }
section.portal-profile h4.profile_practice { background-color: rgba(0,0,0,0.2); }
html.no-touchdevice a.avatar_select:hover,
a.avatar_select.selected { background-color: rgba(255,255,255,0.4); border-color: #333333; }
.portal-webcam-loading p { color: #FFFFFF; }
.portal-window-webcam h3 { color: #CCCCCC; text-align: center; }
.portal-window-webcam-container p.footnotes { color: #FFFFFF; }
.portal-window-webcam-content { background-color: rgba(16,16,16,0.95); }
.portal-webcam-video div.guidelines { border-color: #CCCCCC; }
.portal-webcam-errors { background-color: #990000; }
.portal-webcam-errors p,
.portal-webcam-errors li { color: #FFFFFF; }
.portal-webcam-errors ul { list-style: disc; margin-left: 24px; }
.portal-webcam-buttons a { background-color: rgba(255,255,255,0.3); color: #FFFFFF; border-color: #FFFFFF; }
html.no-touchdevice .portal-webcam-errors .portal-webcam-buttons a:hover { background-color: rgba(255,255,255,0.5); }
.portal-webcam-video .portal-webcam-buttons a { background-color: #FFFFFF; color: #333333; box-shadow: 0 0 6px #000000; -webkit-font-smoothing: antialiased; }
.portal-webcam-video .portal-webcam-buttons a.portal-webcam-capture,
.portal-webcam-video .portal-webcam-buttons a.portal-webcam-save { background-color: #FF8A8A; }
.portal-webcam-video .portal-webcam-buttons a.portal-webcam-retake { background-color: #8ACEFF; }
html.no-touchdevice .portal-webcam-video .portal-webcam-buttons a:hover { transform: scale(1.05); }
.portal-webcam-preview-flash { background-color: #FFFFFF; }
.portal-webcam-preview-status { background-color: rgba(0,0,0,0.4); }
.portal-webcam-preview-status p { color: #FFFFFF; }
.portal-webcam-avatar { background-color: #000000; }
.portal-webcam-avatar p { color: #FFFFFF; }
.portal-webcam-avatar-buttons a { background-color: #FFFFFF; color: #000000; }
html.no-touchdevice .portal-webcam-avatar-buttons a:hover { transform: scale(1.05); }
.portal-webcam-avatar-buttons span { color: #FFFFFF; }
.avatar_list_container { background-color: rgba(255,255,255,0.8); }

/* WELCOME */
div.portal-welcome a { color: #8A8A8A; text-decoration: none; }
html.no-touchdevice div.portal-welcome a:hover { text-decoration: underline; }
div.portal-welcome a.portal-welcome-button { background-color: #CACACA; color: #4A4A4A; }
html.no-touchdevice div.portal-welcome a.portal-welcome-button:hover { background-color: #DADADA; }

/* TRAINING */
div.training-dashboard h2 { color: #8A8A8A; }
div.training-dashboard-item { border-color: #333333; }
div.training-dashboard-item a.portal-ui-play { background-color: rgba(255,255,255,0.4); }
html.no-touchdevice div.training-dashboard-item a.portal-ui-play:hover { background-color: rgba(255,255,255,0.2); }
div.training-dashboard-item a.portal-ui-lock { background-color: rgba(255,255,255,0.8); cursor: not-allowed; }
div.training-dashboard-item-footer h3 { color: #000000; }
div.training-dashboard-item-footer p { color: #333333; }
div.training-dashboard-item-footer p.time { color: #666666; }

div.training-video-quiz-wait { background-color: rgba(0,0,0,0.2); }
div.training-video h2 { color: #8A8A8A; }

div.training-video-quiz-question.incorrect { }
div.training-video-quiz-question.incorrect div.training-video-quiz-status { background-image: url(/Content/Images/Icons/color/error_red.png); }
div.training-video-quiz-question.incorrect p.training-video-quiz-question,
div.training-video-quiz-question.incorrect p.training-video-quiz-description { color: #CC0000; }
div.training-video-quiz-question.incorrect ul.training-video-quiz-choices li.incorrect a { color: #CC0000; }

ul.training-video-quiz-choices li a.video-quiz-choice { color: #333333; }
ul.training-video-quiz-choices li.correct a.video-quiz-choice { color: #006600; }
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(/Content/Images/Icons/black/Forms/radio_button.png); }
ul span.response.correct { background-color: #88BB88; }
ul span.response.incorrect { background-color: #CC9999; }
div.video-quiz-submit-btn a.video-quiz-submit { background-color: rgba(0,0,0,0.1); color: #333333; }
html.no-touchdevice div.video-quiz-submit-btn a.video-quiz-submit:hover { background-color: rgba(0,0,0,0.2); }
div.training-video-quiz.complete p.training-video-quiz-answer span.correct { color: #006600; }
div.training-video-quiz.complete p.completed { background-color: #88BB88; }
div.training-video a.video-quiz-next { background-color: rgba(0,0,0,0.1); color: #333333; }
html.no-touchdevice div.training-video a.video-quiz-next:hover { background-color: rgba(0,0,0,0.2); }
div.training-video-quiz p.training-video-quiz-description { color: #777777; }
div.training-video-quiz span.incorrect { background-color: #EECCCC; border-color: #990000; color: #CC0000; }

div.training-video-list { background-color: rgba(0,0,0,0.8); }
div.training-video-list div.filmstrip { background-image: url(/Content/Images/Framework/filmstrip.png); }

ul.training-video-chapters li.open { background-image: url(/Content/Images/Icons/black/Widgets/next.png); background-color: #D6D6D6; }
ul.training-video-chapters li.locked { background-image: url(/Content/Images/Icons/black/Widgets/lock.png); color: #666666; background-color: #999999; }
ul.training-video-chapters li.complete { background-image: url(/Content/Images/Icons/color/success_green.png); background-color: #CCFFCC; }
ul.training-video-chapters li.current { background-color: #FFFFFF; }
ul.training-video-chapters li span.video-title { color: #333333; }
ul.training-video-chapters li span.video-time { color: #666666; }
ul.training-video-chapters li strong.video-current { background-color: #000000; color: #FFFFFF; }
ul.training-video-chapters li strong.video-complete { color: #09A818; }
html.no-touchdevice ul.training-video-chapters li:hover { background-color: #FFFFFF; }

/* SOCIAL */
div.social-conversation-comment-post-container { background-color: rgba(0,0,0,0.1); }
form.portal-inline-post-form { background-color: rgba(255,255,255,0.2); }
form.portal-inline-post-form.dragover { background-color: rgba(0,192,0,0.3); }
form.portal-inline-post-form.dragover textarea { background-image: url(/Content/Images/Icons/black/Widgets/upload.png); }
div.social-conversation-post-form div.conversation-media-upload-progress { background-color: rgba(0,0,0,0.5); }
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); color: #000000; }
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: #4A4A4A; }
div.social-conversation-header-profile p.social-conversation-header-profile-toolbar { color: #8A8A8A; }
div.social-conversation-header-profile p.social-conversation-header-profile-toolbar a { color: #8A8A8A; }
html.no-touchdevice div.social-conversation-header-profile p.social-conversation-header-profile-toolbar a:hover { color: #000000; }
div.social-conversation-post-edit textarea.input_textarea { border-color: #CCCCCC; }

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

form.portal-inline-comment-post-form { background-color: rgba(255,255,255,0.2); }
form.portal-inline-comment-post-form.dragover { background-color: rgba(0,192,0,0.3); }
form.portal-inline-comment-post-form.dragover textarea { background-image: url(/Content/Images/Icons/black/Widgets/upload.png); }
div.social-conversation-comment-post-form div.conversation-comment-media-upload-progress { background-color: rgba(0,0,0,0.5); }
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); color: #000000; }
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 { 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,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) 50%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,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: #FFFFFF; box-shadow: 0 0 8px rgba(0,0,0,0.25); }
div.media-library-item-info p.media-upload span { color: #4A4A4A; }

/* NETWORK */
div.social-network-item { background-color: #FFFFFF; box-shadow: 0 0 8px rgba(0,0,0,0.25); }
div.social-network-item-info { background-color: #E0E0E0; }
div.social-network-item-info p.network-fullname { color: #666666; }
div.social-network-item-info p.network-fullname span.network-title { color: #999999; }
div.social-network-item-info div.network-practice { background-color: #D3D3D3; }
div.social-network-item-info div.network-practice p { background-color: #EEEEEE; }
div.social-network-item-info p.network-email a { color: #996666; }

/* STUDIES */
div.portal-patientstudies-addpatientform-section { background-color: rgba(255,255,255,0.1); }
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.2); border-color: rgba(0,0,0,0.5); color: #666666;  }
input.input_button_panel { border-color: rgba(255,255,255,0.3); }
select.input_select_panel option { background-color: rgba(0,0,0,0.75); }
input.input_text_panel.calendar { color: #666666; background-color: rgba(255,255,255,0.2); }
div.portal-window-toolbar input.input_text_panel.calendar { background-color: rgba(255,255,255,0.6); }
table.ui-datepicker-calendar .ui-state-default { color: #C9472E; }
table.ui-datepicker-calendar .ui-state-highlight { color: #000000; }
.alert_add_patient  div.portal-patientstudies-addpatientform-section { background-color: rgba(0,0,0,0.1); }
.alert_add_patient input.input_text_panel { border-color: #333333; color: #333333; }
.alert_add_patient input.input_text_panel.portal-ui-calendar { background-image: url(/Content/Images/Icons/black/Widgets/calendar.png); color: #333333; }
.alert_add_patient .portal-window-alert-buttons a.portal-alert-button.button_close { background-color: #999999; }
html.no-touchdevice .alert_add_patient .portal-window-alert-buttons a.portal-alert-button.button_close:hover { background-color: #666666; }
.alert_add_patient div.portal-window-alert-buttons span.portal-ui-error { color: #990000; }
.alert_add_patient select { color: #333333; }
.portal-patientstudies-addpatient-sites span.item-selected { background-color: rgba(128,128,128,0.4);  }
.alert_add_patient div.portal-patientstudies-addpatient-form input.input_text_panel, 
.alert_add_patient div.portal-patientstudies-addpatient-form select.input_select_panel { border-color: rgba(0, 0, 0, 0.5); color: #333333; }
.alert_add_patient div.portal-patientstudies-addpatient-form select.input_select_panel option { background-color: rgba(255,255,255,0.75); }

section.schedule h2 { color: #333333; }
section.schedule h3,
section.schedule h3 a { color: #666666; }
section.schedule div.stage { background-color: #FFFFFF; border-color: #999999; }
html.no-touchdevice section.schedule div.stage:hover { background-color: #ECECEC; }
html.no-touchdevice section.schedule div.stage.stage-none:hover { background-color: #EEEEEE; }
html.no-touchdevice section.schedule div.stage.stage-add:hover { background-color: #DDFFDD; }
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: #999999; }

section.schedule div.stage div.stage_date span.add { color: #009900; }
section.schedule div.stage div.stage_date span.miss { color: #990000; }
section.schedule div.stage div.stage_date span.empty { color: #663300; }
section.schedule div.stage div.stage_date span.notallowed { color: #996600; opacity: 0.5; }
section.schedule div.stage div.stage_date p,
section.schedule div.stage div.stage_status p { color: #000000; }
section.schedule div.stage div.stage_status span.stage_subtitle { color: #666666; }

section.schedule div.stage div.stage_status span.stage_stat span.stage_completed { color: #009900; }
section.schedule div.stage div.stage_status span.stage_stat span.stage_incomplete,
section.schedule div.stage div.stage_status span.stage_stat span.stage_missed { color: #990000; }
section.schedule div.stage div.stage_status span.stage_stat strong.custom { color: #8A8A8A; }

section.schedule div.stage div.stagelock a { background: url(/Content/Images/Icons/white/Widgets/lock.png) no-repeat 5px 50% #CECECE; background-size: 12px 12px; color: #FFFFFF; }
html.no-touchdevice section.schedule div.stage div.stagelock a:hover { background-color: #AAAAAA; }
section.schedule div.stage div.stagelock span { background: url(/Content/Images/Icons/white/Animation/animation_processing.gif) no-repeat 5px 50% #AAAAAA; background-size: 12px 12px; color: #FFFFFF; }

div.stage_title input.stage_input { background-color: rgba(255,255,255,0); color: #FFFFFF; cursor: pointer; }
div.stage_title input.stage_input:hover { background-color: rgba(255,255,255,0.2); background-image: url(/Content/Images/Icons/white/Widgets/edit.png) !important; }
div.stage_title input.stage_input:focus { background-color: rgba(255,255,255,0.2); cursor: text; text-align: left !important; background-image: url(/Content/Images/Icons/white/Widgets/edit.png) !important; }
div.stage_title input.stage_input::-webkit-input-placeholder { color: rgba(255,255,255,0.8); text-align: right; }
div.stage_title input.stage_input::-moz-placeholder { color: rgba(255,255,255,0.8); text-align: right; }
div.stage_title input.stage_input:-ms-input-placeholder { color: rgba(255,255,255,0.8) !important; text-align: right !important; }
div.stage_title input.stage_input:-moz-placeholder { color: rgba(255,255,255,0.8); text-align: right; }


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: #333333; }
div.stage div.stage_expand_overlay p { color: #666666; }
div.stage div.stage_expand_overlay p.checkbox a { border-color: #4A4A4A; }
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,
div.stage div.stage_expand_overlay div.stage_expand_area_quad1 input.calendar,
div.stage div.stage_expand_overlay div.stage_expand_area_quad2 input.calendar,
div.stage div.stage_expand_overlay div.stage_expand_area_quad3 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,
html.no-touchdevice div.stage div.stage_expand_overlay div.stage_expand_area_quad1 a.stage_expand_button:hover,
html.no-touchdevice div.stage div.stage_expand_overlay div.stage_expand_area_quad2 a.stage_expand_button:hover,
html.no-touchdevice div.stage div.stage_expand_overlay div.stage_expand_area_quad3 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,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate { border-right-color: rgba(0,0,0,0.5); }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate { border-right-color: rgba(0,0,0,0.5); }
div.stage div.stage_expand_overlay.se_double div.stage_expand_area div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad1 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad2 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_double div.stage_expand_area_quad3 div.stage_addvisitdate_expand { border-right-color: rgba(0,0,0,0.5); }
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad1 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad2 div.stage_addvisitdate_expand,
div.stage div.stage_expand_overlay.se_doublebytwo div.stage_expand_area_quad3 div.stage_addvisitdate_expand { border-right-color: rgba(0,0,0,0.5); }

div.stage div.stage_expand_overlay a.stage_expand_slide { color: #8A8A8A; }
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: rgba(0,0,0,0.15); color: #000000; }
html.no-touchdevice div.stage div.stage_expand_overlay a.button_submit:hover { background-color: rgba(0,0,0,0.3); }

div.medialock a { background: url(/Content/Images/Icons/white/Widgets/lock.png) no-repeat 5px 50% #CECECE; background-size: 16px 16px; color: #FFFFFF; }
html.no-touchdevice div.medialock a:hover { background-color: #AAAAAA; }
div.medialock span { background: url(/Content/Images/Icons/white/Animation/animation_processing.gif) no-repeat 5px 50% #AAAAAA; background-size: 16px 16px; color: #FFFFFF; }

section.data_form h2 { color: #666666; }
section.data_form header div.patientid p.pid,
section.data_form header div.patientvisitdate p.pvd { background-color: rgba(0,0,0,0.25); color: #333333; }
section.data_form header div.pvd_choices a { color: #000000; }
section.data_form header div.pvd_choices ul { background-color: #CCCCCC; color: #333333; }
html.no-touchdevice section.data_form header div.pvd_choices a:hover { background-color: rgba(0,0,0,0.1); }

section.data_form header div.patient_properties { background-color: rgba(0,0,0,0.05); border-color: #4A4A4A; }
section.data_form header div.patient_properties h3 { color: #8A8A8A; }
section.data_form header div.patient_properties h4 { color: #8A8A8A; }
section.data_form header div.patient_properties span { color: #000000; }
section.data_form header div.patient_properties a { color: #999999; }

section.data_form section.stage_datapoints p.stage_patientid { background-color: #000000; color: #FFFFFF; }

section.data_form div.datapoint_group h3 { background-color: rgba(0,0,0,0.15); color: #4A4A4A; }
section.data_form div.datapoint_group h3 span.toggle { color: #333333; }
section.data_form div.datapoint_group h3 a { color: #333333; }
html.no-touchdevice section.data_form div.datapoint_group h3 a:hover { color: #666666; }
section.data_form div.datapoint_group h3 a span.alert { color: #000000; }
section.data_form div.datapoint_group.invalid h3 a span.alert { background-color: #CC0000; }
section.data_form div.datapoint_group.warning h3 a span.alert { background-color: #CCCC00; color: #000000; }
section.data_form div.datapoint_group.invalid h3 a span.alert,
section.data_form div.datapoint_group.warning h3 a span.alert { display: block; }
section.data_form div.datapoint_group.warning.invalid h3 a span.alert { 
	background: #CC0000; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #cc0000 0%, #cc0000 50%, #cccc00 51%, #cccc00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cc0000), color-stop(50%,#cc0000), color-stop(51%,#cccc00), color-stop(100%,#cccc00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #cc0000 0%,#cc0000 50%,#cccc00 51%,#cccc00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #cc0000 0%,#cc0000 50%,#cccc00 51%,#cccc00 100%); /* Opera 11.10+ */
	background: linear-gradient(135deg, #cc0000 0%,#cc0000 50%,#cccc00 51%,#cccc00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cccc00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section.data_form footer { border-top-color: #000000; }

div.datapoint { border-color: #666666; background-color: #E0E0E0; color: #000000; }
div.datapoint.warning { background-color: #FFFFDD; border-color: #999900; }
div.datapoint.invalid { background-color: #FFDDDD; border-color: #CC0000; }
div.datapoint.special { background-color: #FFEEDD; border-color: #CC6600; }
div.datapoint h4 { border-bottom-color: #333333; color: #333333; }
div.datapoint.invalid h4 { color: #CC0000; }
div.datapoint.special h4 { color: #CC6600; }
div.datapoint p { color: #000000; }
div.datapoint p.textsmall { color: #333333; }

div.datapoint div.alert_message p { color: #000000; background-color: #999999; }
div.datapoint div.alert_message p.alert_error { background-color: #FF9999; }
div.datapoint div.alert_message p.alert_warning { background-color: #BBBB33; }
div.datapoint div.alert_message p.alert_special { background-color: #CC8A33; }

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

div.datapoint div.datapoint_expand { background-color: rgba(255,255,255,0.9); }
div.datapoint div.datapoint_expand h5 { border-bottom-color: #333333; color: #1A1A1A; }
div.datapoint a.datapoint_expand_close { background-color: rgba(0,0,0,0.05); }
html.no-touchdevice div.datapoint a.datapoint_expand_close:hover { background-color: rgba(0,0,0,0.2); }
table.datapoint_history_table thead tr { border-bottom-color: #333333; }
table.datapoint_history_table thead th { color: #000000; }
table.datapoint_history_table tbody td { color: #333333; }
div.datapoint div.datapoint_warning_extended div.datapoint_warning_message { color: #666666; }

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

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: #99FF99; }

div.datapoint div.field.invalid > input,
div.datapoint div.field.invalid > select,
div.datapoint div.field.invalid > div.input_select_dropdown > p.input_select_choice,
div.datapoint div.field.invalid > textarea,
div.datapoint div.field.invalid > a.input_choice,
div.datapoint div.field.invalid p.datapoint_fields > input,
div.datapoint div.field.invalid p.datapoint_fields > a.input_choice,
div.datapoint div.field input.invalid { background-color: #FF9999; color: #663333; }
div.datapoint div.field.invalid div.input_handle { background: #FF9999; color: #663333; }
div.datapoint div.field.invalid > p.datapoint_label { color: #CC0000; }

div.datapoint div.field.warning > input,
div.datapoint div.field.warning > select,
div.datapoint div.field.warning > div.input_select_dropdown > p.input_select_choice,
div.datapoint div.field.warning > textarea,
div.datapoint div.field.warning a.input_choice.selected,
div.datapoint div.field.warning p.datapoint_fields > input,
div.datapoint div.field.warning div.input_handle,
div.datapoint div.field input.warning { background-color: #E3E388; color: #666633; }

div.datapoint div.field.special > input,
div.datapoint div.field.special > select,
div.datapoint div.field.special > div.input_select_dropdown > p.input_select_choice,
div.datapoint div.field.special > textarea,
div.datapoint div.field.special a.input_choice.selected,
div.datapoint div.field.special p.datapoint_fields > input,
div.datapoint div.field.special div.input_handle,
div.datapoint div.field input.special { background-color: #E3B288; color: #664A33; }

div.datapoint div.field .readonly { background-color: #EEDDCC; color: #554433; }
div.datapoint div.field.valid .readonly { background-color: #CCEECC; color: #335533; }
div.datapoint div.field .disabled { background-color: #EEEEEE !important; color: #DDDDDD !important; cursor: not-allowed; background-image: none; }

div.datapoint input.input_text,
div.datapoint textarea.input_textarea,
div.datapoint input.input_number,
div.datapoint input.input_date,
div.datapoint input.input_calendar,
div.datapoint input.input_time,
div.datapoint_choice a,
div.datapoint p.input_select_choice,
div.datapoint select.input_select,
div.datapoint div.input_slider { background-color: #F0F0F0; color: #333333; }
div.datapoint_radio a.input_radio,
div.datapoint_checkbox a.input_checkbox,
div.datapoint_slider div.input_handle { color: #333333; }
div.datapoint_slider div.input_slider div.input_handle a.close { background-color: #000000; background-image: url(/Content/Images/Icons/white/Widgets/close.png); }
div.datapoint p.input_select_choice { background-image: url(/Content/Images/Icons/black/Widgets/more.png); }
div.datapoint_radio a.input_radio::before { background-image: url(/Content/Images/Icons/black/Forms/radio_button.png); }
div.datapoint_checkbox a.input_checkbox::before { background-image: url(/Content/Images/Icons/black/Forms/checkbox_button.png); }

div.datapoint_sum_total,
div.datapoint_average { border-left-color: #666666; }
div.datapoint_sum_total p input.input_number,
div.datapoint_average p input.input_number { color: #8A8A8A; }
div.datapoint_sum_total p input.input_number.invalid,
div.datapoint_average p input.input_number.invalid { color: #990000; }
div.datapoint_sum_total p input.input_number.warning,
div.datapoint_average p input.input_number.warning { color: #666633; }

div.dataform_upload div.input_upload.dropped {  background-image: none; border-color: #EEEEEE; background-color: #FFFFFF; }
div.dataform_upload div.image_pending { background-image: url(/Content/Images/Icons/color/caution_yellow.png); background-color: rgba(0,0,0,0.7); color: #FFFFFF; }
div.dataform_upload div.image_error { background-image: url(/Content/Images/Icons/color/error_red.png); background-color: rgba(0,0,0,0.7); color: #FFFFFF; }
div.dataform_upload div.image_error a { color: #FFFFFF; }

table.table_multiadd thead tr, table.datapoint_table thead tr { background-color: #888888; }
table.table_multiadd thead th, table.datapoint_table thead th { color: #000000; }
div.item_multiadd h4 { background-color: #999999; color: #000000 !important; }
.input_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(0,0,0,0.2); }
.input_multiadd .item_multiadd.odd { background-color: #CCCCCC; }
.input_multiadd .item_multiadd.even { background-color: #BBBBBB; }
.input_multiadd .toolbar_multiadd a.multiadd-add { background-color: #AAAAAA; color: #333333; background-image: url(/Content/Images/Icons/black/Widgets/add.png); }
html.no-touchdevice .input_multiadd .toolbar_multiadd a:hover { color: #666666; }

div.datapoint_preview { background-color: #FFFFCC; }
div.datapoint_uxform h3 a { background-color: #AAAAAA; color: #000000; }

.writein { border-color: #333333; }

/* ORDERS */
a.row-orders-inventory-thumb { background-color: #FFFFFF; box-shadow: 2px 2px 4px #666666; }
a.row-orders-inventory-thumb span { background-color: rgba(255,255,255,0.85); color: #000000; }
div.portal-orders-addorderform-container .portal-orders-addorderform-practice { background-color: rgba(255,230,230,0.3); }
div.portal-orders-addorderform-container .portal-orders-addorderform-row p.form-footnote { color: #eec6d0; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group { background-color: rgba(240,226,233,0.3); }
div.portal-orders-addorderform-container .portal-orders-addorderform-group div.addorderform-notes { background-image: url(/Content/Images/Icons/color/caution_yellow.png); background-position: 3px 3px; }
div.portal-orders-addorderform-container .portal-orders-addorderform-group div.addorderform-notes p { color: #ffddbb; }

.order_multiadd a.multiadd-delete { background-image: url(/Content/Images/Icons/black/Widgets/delete.png); }
section.data_form header div.patient_shipping { background-color: rgba(0,0,0,0.05); }
section.data_form header div.patient_shipping h2 { background-image: url(/Content/Images/Icons/black/Orders/orders_shipping.png); }
section.data_form header div.patient_shipping a { color: #000000; }

/* SURVEYS */
section.survey_form h2 { color: #666666; }
div.surveyquestion h4 { background-color: #CCCCCC; color: #333333; }
div.surveyquestion textarea.input_textarea,
div.surveyquestion p.input_select_choice,
div.surveyquestion select.input_select { background-color: #F0F0F0; color: #333333; }
div.surveyquestion_radio a.input_radio { color: #333333; }
div.surveyquestion_radio a.input_radio::before { background-image: url(/Content/Images/Icons/black/Forms/radio_button.png); }

.survey-group-item { background-color: #CCCCCC; }
.survey-group-item h3 { background-color: #DDDDDD; color: #404040; }
.survey-group-chart-options a { background-color: #BBBBBB; color: #000000; border-color: #AAAAAA; }
html.no-touchdevice .survey-group-chart-options a:hover { background-color: #AAAAAA; }

/* CERTIFICATIONS */
section.status div.portal-row-group-expand { background-color: rgba(0,0,0,0.2); }
section.status div.portal-row-item-bucket { background-color: rgba(160,160,160,0.25); background-image: url(/Content/Images/Framework/medal_empty.png); box-shadow: 0 0 24px rgba(204,0,0,0.4) inset; }
section.status div.portal-row-item-bucket.certified { background-image: url(/Content/Images/Framework/medal_full.png); box-shadow: 0 0 24px rgba(0,204,0,0.4) inset; }
section.status div.portal-row-item-bucket.outdated { background-image: url(/Content/Images/Framework/medal_half.png); box-shadow: 0 0 24px rgba(204,204,0,0.4) inset; }
section.status div.portal-row-item-bucket p.status-label { background-color: #BB0000; color: #FFFFFF; }
section.status div.portal-row-item-bucket.certified p.status-label { background-color: #00BB00; }
section.status div.portal-row-item-bucket.outdated p.status-label { background-color: #DDDD00; color: #000000; display: inline-block; min-width: 80px; white-space: nowrap; width: auto; padding: 2px 6px; }
section.status div.portal-row-item-bucket.certified a.status-completion-options-btn { background-color: rgba(255,255,255,0); }
section.status div.portal-row-item-bucket.certified a.status-completion-options-btn:hover { background-color: rgba(255,255,255,0.75); }
section.status div.portal-row-item-bucket p.status-label span.na_status { background-color: #BB0000; color: #FFFFFF; margin: 2px, 2px, 2px, 2px; }
section.status div.portal-row-item-bucket p.status-label span.current_status { background-color: #00BB00; color: #FFFFFF; margin: 2px, 2px, 2px, 2px; }
section.status div.portal-row-item-bucket p.status-label span.outofdate_status { background-color: #DDDD00; color: #000000; margin: 2px, 2px, 2px, 2px; }

section.status div.portal-row-item-bucket-expand { background-color: rgba(0,0,0,0.9); }
section.status div.portal-row-item-bucket-expand h5 { border-bottom-color: #4A4A4A; color: #EAEAEA; }
section.status div.portal-row-item-bucket-expand a.expand_close { background-color: rgba(128,128,128,0.05); background-image: url("/Content/Images/Icons/white/Widgets/close.png"); }
html.no-touchdevice section.status div.portal-row-item-bucket-expand a.expand_close:hover { background-color: rgba(128,128,128,0.2); }
section.status div.portal-row-item-bucket-expand-content-row { background: -moz-linear-gradient(top,  rgba(191,191,191,0) 0%, rgba(191,191,191,0.4) 100%); background: -webkit-linear-gradient(top,  rgba(191,191,191,0) 0%,rgba(191,191,191,0.4) 100%); background: linear-gradient(to bottom,  rgba(191,191,191,0) 0%,rgba(191,191,191,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfbfbf', endColorstr='#66bfbfbf',GradientType=0 ); border-bottom-color: #666; }
section.status div.portal-row-item-bucket-expand-content-row-action a:hover { background-color: rgba(255,255,255,0.25); }

div.training_percent p { color: #000000; }
div.training_bar { background-color: #EAEAEA;  }
div.training_bar p { background-color: #999999; color: #1A1A1A; }
section.status div.portal-row-item-bucket-expand-content p.training_stats { color: #FFFFFF; font-weight: bold; }

section.status a.btn_ec { background-color: #CCCCCC; color: #FFFFFF; }
html.no-touchdevice section.status a.btn_ec:hover { background-color: #DDDDDD; color: #FFFFFF; }

ul.status-buttons li { box-shadow: 1px 7px 2px 0 rgba(0,0,0,0.3); }
ul.status-buttons li a,
ul.status-buttons li span.status_view_processing,
ul.status-buttons li span.status_view_error { color: #838383; text-shadow: 0 1px 0 #FFF; background: #e7e7f9; background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e7e7f9)); -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset; -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset; }
ul.status-buttons li span.status-button-color { -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700; -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700; background: #f7f7f7; background: -moz-linear-gradient(top, #98c100 0%, #659506 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c100), color-stop(100%,#659506)); text-shadow: 0 1px 0 rgba(0,0,0,0.3); color: #FFF; }
ul.status-buttons li span.status-button-color.red { background: #ee706b; background: -moz-linear-gradient(top, #ee706b 0%, #9c3107 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee706b), color-stop(100%,#9c3107)); text-shadow: 0 1px 0 rgba(0,0,0,0.3); box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300; -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300; -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300; }
ul.status-buttons li span.status-button-color.yellow { background: -moz-linear-gradient(top, #ffd800 0%, #ffb400 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ffb400));box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;}
ul.status-buttons li span.status-button-color.green { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #98c100 0%, #659506 100%) repeat scroll 0 0; box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 5px 0 0 #447700; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
ul.status-buttons li span.status-button-color.blue { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #0098c1 0%, #066595 100%) repeat scroll 0 0; box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 5px 0 0 #004477; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

ul.status-buttons li:hover a {background: -moz-linear-gradient(top, #FFFFFF 0%, #e7e7f9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e7e7f9));}
ul.status-buttons li:hover span.status-button-color.red {background: -moz-linear-gradient(top, #f0807c 0%, #9c3107 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0807c), color-stop(100%,#9c3107));}
ul.status-buttons li:hover span.status-button-color.yellow {background: -moz-linear-gradient(top, #ffe300 0%, #ffb400 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe300), color-stop(100%,#ffb400));}
ul.status-buttons li:hover span.status-button-color.green {background: -moz-linear-gradient(top, #abcc00 0%, #659506 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abcc00), color-stop(100%,#659506));}
ul.status-buttons li:hover span.status-button-color.blue {background: -moz-linear-gradient(top, #00abcc 0%, #066595 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00abcc), color-stop(100%,#066595));}

ul.status-buttons li span.status-button-color span.portal-ui-animate-processing { background-image: url("/Content/Images/Icons/white/Animation/animation_processing.gif") !important; }
ul.status-buttons li span.status-button-color span.portal-ui-error { background-image: url("/Content/Images/Icons/color/error_red.png") !important; }

div.portal-row-item-bucket a.status_archive:hover { background-color: rgba(0,0,0,0.25); }
div.portal-row-item-bucket a.status_dearchive:hover { background-color: rgba(0,0,0,0.25); }
div.certification-archive-content { background-color: rgba(0,0,0,0.95); }
div.certification-archive-content div.status-certification-item { background-color: rgba(255,255,255,0.75); }

.popup_certifyuserform div.popup_certification,
.popup_signatureform div.popup_signature,
.popup_certifyuserform div.popup_certification_sign,
.popup_certifyuploadform div.popup_certification_upload { background-color: #FFFFFF; }
.popup_certifyuserform div.popup_certification_sign h2,
.popup_certifyuploadform div.popup_certification_upload h2 { color: #3992A4; }
.popup_certifyuserform div.popup_certification_sign h3,
.popup_certifyuploadform div.popup_certification_upload h3 { border-bottom-color:  #3992A4; }
.popup_certifyuserform div.popup_certification_sign span.status-certification-name,
.popup_certifyuploadform div.popup_certification_upload span.status-certification-name { color: #E83F39; }
.popup_certifyuploadform div.popup_certification_upload p.certification-upload-form-note { background-color: #DDDDDD; }

.popup_certifyuploadform div.popup_certification_upload .image_pending p { background-image: url(/Content/Images/Icons/black/Widgets/document.png);  }
.popup_certifyuploadform div.popup_certification_upload .image_error p { background-image: url(/Content/Images/Icons/color/error_red.png); }
.popup_certifyuploadform div.popup_certification_upload .image_error a { color: #E83F39; }
.popup_certifyuploadform .popup_loading p { background-color: rgba(0,0,0,0.1); color: #000000; }

/* APPROVALS */
div.portal-approval-details div.portal-row-item a.portal-approval-change span { color: #000000; background-color: rgba(255,255,255,0.5); }
div.portal-approval-details div.portal-row-item-toolbar a.portal-approval-accept { background-color: #BBEEBB; }
div.portal-approval-details div.portal-row-item-toolbar a.portal-approval-reject { background-color: #EEBBBB; }
div.portal-approval-details a span.portal-ui-animate-processing { background-image: url("/Content/Images/Icons/white/Animation/animation_processing.gif"); background-color: transparent; }
div.portal-approval-details a.portal-approval-accepted span { background-image: url(/Content/Images/Icons/color/success_green.png); }
div.portal-approval-details a.portal-approval-rejected span { background-image: url("/Content/Images/Icons/white/Widgets/cancel.png"); }

/* MODERATION */
div.edit-tool-container p { color: #FFFFFF; }
div.edit-tool-container a { background-color: rgba(255,255,255,0.25); color: #FFFFFF; border-color: #333333; }
html.no-touchdevice div.edit-tool-container a:hover { background-color: rgba(255,255,255,0.75); }
div.edit-tool-container a.edit-tool-box { background-image: url(/Content/Images/Icons/black/Widgets/boxtool.png); }
div.edit-tool-container a.edit-clear { background-image: url(/Content/Images/Icons/color/boxclear.png); }
div.edit-tool-status p { background-color: rgba(255,255,255,0.2); }
div.edit-tool-status p.error { background-image: url(/Content/Images/Icons/color/error_red.png); }
div.edit-tool-status p.portal-ui-animate-processing { background-image: url(/Content/Images/Icons/white/Animation/animation_processing.gif); }
div.moderate-confirm { background-color: #AAAAAA; }
div.moderate-confirm p { color: #333333; }

/* SCHEDULE */
div.portal-certification-summary-footer { background-color: #333333; }
div.portal-certification-summary-footer a { color: #FFFFFF; border-color: #CCCCCC; }
div.portal-certification-summary-footer a:hover { background-color: rgba(255,255,255,0.2); }
div.portal-certification-summary-footer a.certification-summary-form.portal-ui-flag { background-image: url(/Content/Images/Icons/white/Widgets/flag.png); }
div.portal-certification-summary-footer a.certification-summary-pdf.portal-ui-document { background-image: url(/Content/Images/Icons/white/Widgets/document.png); }
div.portal-certification-summary-footer a.certification-remove-summary.portal-ui-delete { background-image: url(/Content/Images/Icons/white/Widgets/delete.png); }
div.portal-certification-summary-footer span.status-building { color: #FFFFFF; }

div.portal-certification-popup-summary { background-color: #F3F3F3; }
div.portal-certification-popup-summary-table { border-bottom-color: #999999; }
div.portal-certification-popup-summary-table-header-cell,
div.portal-certification-popup-summary-table-row-cell { border-color: #999999; }
div.portal-certification-popup-summary-table-header-cell.last,
div.portal-certification-popup-summary-table-row-cell.last { border-right-color: #999999; }
div.portal-certification-popup-summary-table-row-cell { background-color: #FCFCFC; }
/* MEDIA QUERIES */
/*
@media (max-height: 700px) {
	.portal-sidemenu-item { margin-bottom: 3px; }
	.portal-sidemenu-options { margin-bottom: 18px; }
    .sidemenu-button { padding: 48px 2px 6px; background-position: center 8px; }
}
*/

@media (max-width: 1280px) {
    span.footer-info { display: block; clear: left; }
    span.footer-split-first { display: none; }
    span.footer-links { display: block; clear: left; }
    div.portal-footer-content p.company-footer span.footer-link.first { padding-left: 0; }
}

@media (max-width: 1024px) {
    /* div.portal-sidemenu-footerpanel-content { min-width: 700px; } */
    div.portal-footer-content p.company-footer { padding-left: 0 !important; background-position: -1000% -1000%; }
}
@media (max-width: 820px) {
    .portal-public .portal-content { padding: 12px; }
    .portal-public .portal-header { padding-left: 24px; }
    .portal-public .portal-section { padding-left: 24px; }

    div.portal-sidemenu-footerpanel { height: auto; }
    div.portal-sidemenu-footerpanel div.portal-help-menu,
    div.portal-sidemenu-footerpanel div.portal-footer-content { display: block; text-align: center;  box-sizing: border-box; }
    div.portal-sidemenu-footerpanel div.portal-footer-content { padding-top: 0; }
    div.portal-sidemenu-footerpanel-container { position: relative; }
    div.portal-sidemenu-footerpanel-content { display: block; padding: 0 32px; }
    div.portal-footer-content p.company-footer { display: block; text-align: center; height: auto; margin: 0; padding-top: 42px; background-position: top center; }
    div.portal-help-menu { width: 100%; }
    div.portal-help-menu ul { border: 0; margin: 0 auto; padding: 0; min-width: 0; }
    div.portal-footer-disclaimer { padding-bottom: 16px; border: 0; }
    div.portal-footer-disclaimer div { margin: 0 auto; }

    div.portal-container.maintenance-mode div.portal-dashboard-maintenance { height: 44px; }
    div.portal-container.maintenance-mode div.portal-dashboard-content { height: calc(100% - 44px); }
}

/* Mobile styles */
@media (max-width: 480px), 
only screen and (max-device-width: 480px),
only screen and (max-width: 660px) and (orientation: landscape) {

    body { min-height: 0; }
    .portal-public { min-width: 0; }
    .portal-public .portal-content { padding: 48px 12px; }
    .portal-public .portal-header { padding: 32px 16px; }
    .portal-public .portal-section { padding: 16px; }
    .portal-public .portal-footer { position: static; }
    .portal-public .portal-footer-container { padding-left: 0; }
    .portal-public .portal-sidemenu-item { float: right; }
    .portal-public .portal-sidemenu-options { float: left; }
    .portal-public #env-sidemenu-login { display: none; }
    .portal-public .portal-logincam { padding-top: 64px; padding-bottom: 16px; }
    .portal-public .portal-logincam p.attempt { max-width: 60%; }
    .portal-public .portal-sidemenu-footerpanel { display: none; }

    div.portal-content { margin-left: 0; }
    aside { height: 48px; width: 100%; border-right: 0 !important; position: fixed; }
    .portal-sidemenu-container { padding: 4px 6px; overflow: hidden; }
    .portal-sidemenu-item, .portal-settings-item { float: none; margin-bottom: 0; vertical-align: top; }
    .portal-sidemenu-options { padding: 0; margin: 0; min-height: 42px; float: left; }
    .portal-sidemenu-options div.portal-logo-bug { background-size: auto 40px; width: 42px; height: 40px; margin: 0; float: left; }
    
    .portal-aside .sidemenu-button, 
    .portal-aside .settings-button { width: auto; padding: 9px 6px 8px 26px; background-size: auto 16px; background-position: 6px center; margin-left: 12px; }

    div.portal-sidemenu-slidepanel { left: -100%; }
    div.portal-sidemenu-slidepanel-container,
    div.portal-sidemenu-slidepanel-loading-container { max-width: 100% !important; padding-left: 0; }
    div.portal-sidemenu-slidepanel-container { top: 48px; }
    .portal-public input.input_text,
    .portal-public input.input_password,
    .portal-public select.input_select { min-width: 0 !important; width: 90% !important; }
    .portal-public input.input_button { font-size: 14px; }

    body.portal-message footer.portal-footer { position: relative; }

    .portal-dashboard-content { margin: 0; padding-top: 48px; box-sizing: border-box; padding-left: 0; height: auto; }
    .portal-disclaimer { bottom: 0; right: 0; border-radius: 0 !important; width: 100%; box-sizing: border-box; font-size: 12px; padding: 8px; }
    .portal-dashboard-scroll-container { overflow-x: hidden; }
    .portal-dashboard-scroll-belt { width: 100% !important; position: relative; }
    .portal-dashboard-tiles-container { /* position: absolute; */ float: none; min-width: 0; width: 100%; }
    .portal-dashboard-tiles-content { padding: 32px 16px; }
    .portal-dashboard-tiles-list-container { max-width: 314px; margin: 0 auto; min-height: 120px; }
    .portal-dashboard-tiles .portal-tile-sortable div:nth-child(2n) { margin-right: 0; }

    .portal-dashboard-profile-display h4 { padding-right: 0px; font-size: 22px; }
    .portal-loading-content { top: 72px; }
    .portal-dashboard-tiles { width: 100% !important; }
    .portal-dashboard-tiles-none { width: auto; }
    .portal-dashboard-tiles-none h4 { font-size: 16px; }
    .portal-dashboard-tiles-none p { font-size: 12px; }

    /* .portal-dashboard-windows-container { position: absolute; top: 0; left: 0; min-width: 0; width: 0; float: none; background-color: #F0F0F0; } */
    .portal-dashboard-windows-container { position: fixed; top: 0; left: 0; min-width: 0; width: 0; float: none; background-color: #F0F0F0; height: 100%; padding-top: 48px; box-sizing: border-box; }
    .portal-dashboard-windows-container.active { width: 100%; }
    .portal-dashboard-windows-content { padding: 0; }

    .portal-notification { top: 9px; padding-left: 0; z-index: 25; display: none; position: fixed; }
    .portal-notification.active { display: inline-block; left: 64px; }
    .portal-notification a { padding: 7px 8px 7px 26px; background-position: 5px center; background-size: 16px; font-size: 14px; line-height: 100%; }

    .portal-sidemenu-container { position: relative; }
    .portal-sidemenu-menu { position: absolute; top: -100%; left: 0; width: 100%; margin-top: 36px; background-color: #4A4A4A; }
    .portal-sidemenu-menu { top: 0%; } /* For now */

    .portal-sidemenu-module-container { border: 0; position: relative; top: 0; left: 0; width: 100%; margin: 16px 0; padding: 4px 0 8px; box-sizing: border-box; }
    .portal-sidemenu-module-belt-container { background-color: rgba(0,0,0,0.75); padding: 6px; text-align: center; }
    .portal-sidemenu-module-btn-container { display: none; }
    .portal-sidemenu-item { display: inline-block; }

    .portal-sidemenu-slidepanel-container { background-color: #000000; }

    .portal-sidemenu-footer { padding-top: 0; bottom: 0; top: 0; right: 0; }
    .portal-public .portal-sidemenu-item a.sidemenu-button,
    .portal-sidemenu-options a.sidemenu-button,
    .portal-sidemenu-home a.sidemenu-button,
    .portal-sidemenu-footer a.sidemenu-button { float: none; position: absolute; top: 8px; left: auto; right: 0px; padding: 0; width: 32px; height: 32px; background-position: center; background-size: auto 28px; margin-left: 0; z-index: 2; }
    .portal-public .portal-sidemenu-item a.sidemenu-button { width: auto; line-height: 32px; right: 12px; padding-left: 36px; font-size: 16px; background-position: left; }
    .portal-sidemenu-home a.sidemenu-button { right: 93px; background-color: transparent !important; }
    .portal-sidemenu-options a.sidemenu-button { right: 52px; }
    .portal-sidemenu-footer a.sidemenu-button { right: 12px; }
    .portal-sidemenu-options a span,
    .portal-sidemenu-home a span,
    .portal-sidemenu-footer a span,
    .portal-sidemenu-windows { display: none; }

    div.portal-sidemenu-footerpanel { left: -100%; width: 100% !important; }
    div.portal-sidemenu-footerpanel-container { padding-left: 0; left: 0%; width: 100% !important; }
    div.portal-sidemenu-footerpanel .sidemenu-button { font-size: 10px; width: 70px; }
    div.portal-help-menu { height: 0; } /* Temporary until contact form is in place */
    div.portal-help-menu li { padding: 0 4px; }
    #env-help-faq .sidemenu-button { background-size: 40%; }
    #env-help-tutorial .sidemenu-button { background-size: auto 80%; }
    #env-help-contactus .sidemenu-button { background-size: auto 60%; }
    #env-help-ticketform .sidemenu-button { background-size: auto 60%; }
    div.portal-sidemenu-footerpanel-content p.company-footer { background-size: auto 24px; }
    div.portal-sidemenu-footerpanel-content div.portal-footer-disclaimer { margin-left: 0; border: 0; }
    div.portal-footer-content p.company-footer { font-size: 10px; }
    div.portal-footer-content p.company-footer span.footer-copyright { font-size: 11px; }
    div.footer-div.split { display: none; }

    .portal-settings-container .portal-settings-item { float: left; margin-right: 6px; margin-top: 12px; }

    div.form_item { width: 100% !important; min-width: 0 !important; margin-left: 0 !important; height: auto !important; box-sizing: border-box; }
    div.form_item input,
    div.form_item select,
    div.form_item textarea { width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
    div.form_item input[type=checkbox] { width: 20px !important; }

    #cboxTitle { font-size: 18px; min-height: 32px; }
    #cboxClose { background-size: 18px; top: 0; }
    div.portal-popup-generic p,
    div.portal-popup-generic li { font-size: 13px; }
    div.portal-popup-generic h3 { font-size: 16px; }
    .portal-popup-footer div { padding: 6px; }

    section.portal-error { top: -100%; width: 100%; padding: 12px 36px 12px 12px; box-sizing: border-box; }
    section.portal-error p.error { height: 60px; font-size: 12px; }

    .portal-window { position: absolute; margin-right: 0; float: none; width: 100%; }
    .portal-window-loading { padding: 120px 100px; }
    .portal-window-toolbar { padding: 6px 0; }
    .portal-window-toolbar p.portal-window-toolbar-search { float: left; margin: 1px 0 0 15px; min-height: 0; }
    .portal-window-toolbar p.portal-window-toolbar-search input { width: 80px !important; min-width: 80px !important; }
    .portal-window-footer { position: fixed; }

    .portal-flex-container { display: block; }
    .portal-flex { border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px #999999; border: 0; }
    .portal-flex-row p.portal-flex-cell.empty { display: none; }

    section.status div.portal-row-group-expand { padding: 18px 10px 4px 10px; }
    section.portal-row header h3,
    section.portal-row header p,
    div.portal-row-item-container { float: none; }
    section.status div.portal-row-item-bucket { height: auto; min-height: 108px; padding: 8px 8px 8px 80px }
    section.status div.portal-row-item-bucket p.portal-row-item-title { white-space: normal; }

    section.status div.button_container { float: none; padding: 0; }
    section.status div.button_container a.btn_ec { margin-left: 0; margin-right: 6px; }

    section.portal-profile .profile_username { font-size: 32px; }
    section.portal-profile div.portal-profile-avatar a { width: 96px; height: 96px; }
    section.portal-profile div.portal-profile-avatar a img { width: 100%; height: 100%; }
    section.portal-profile header.portal-profile-header { margin-bottom: 16px; }
    section.portal-profile p, section.portal-profile h3, section.portal-profile h4, section.portal-profile h5 { font-size: 14px; }

    /* TRAINING */
    div.training-dashboard-item-container { float: none; width: 100%; max-width: 320px; margin: 0 auto 1.5em; }
    div.training-dashboard-item { height: auto; }
    div.training-video-list { margin-bottom: 6px; }
    div.media-content.content-video div.media-video { display: block; }
    div.training-dashboard-item img { height: auto; }
    div.training-dashboard-item a { background-size: 72px; }
    div.training-video-content { width: auto; }
    div.azuremediaplayer { width: auto !important; height: auto !important; }
    div.azuremediaplayer video.vjs-tech { position: relative; }

    /* LIBRARY */
    div.mediafiles-library-window p.portal-window-toolbar-filter { display: none; }
    div.mediafiles-library-window div.portal-window-toolbar select.media-files-filters.condensed { font-size: 12px; }
    div.mediafiles-library-window div.media-library-item { width: 100%; overflow: visible; }
    div.mediafiles-library-window div.media-library-item-list { padding: 4px 0; border-bottom: 0; box-shadow: 0 2px 10px #333333; }
    div.mediafiles-library-window div.media-library-item-list ul li { margin: 0 8px; font-size: 10px; }
    div.mediafiles-library-window div.media-library-item-list ul li a, div.media-library-item-list ul li span.media-folder-opening { height: 20px; padding: 52px 4px 2px 4px; background-size: 48px; background-position: 50% 3px; }
    div.mediafiles-library-window div.media-library-item-list ul li span.icon { top: 12px; }
    div.mediafiles-library-window div.media-library-item-list ul li a.media-back { background-position: 50% 10px; background-size: 36px; }
    div.mediafiles-library-window div.media-library-item-list ul li span.media-folder-opening.back { background-position: 50% 10px; }
    div.mediafiles-library-window div.media-library-item-image { /* float: left; */ position: absolute; width: 20%; max-width: 80px; height: 100%; overflow: hidden; }
    div.mediafiles-library-window div.media-library-item-image a { height: 100%; box-sizing: border-box; display: block; position: relative; }
    div.mediafiles-library-window div.media-library-item-image img { /* top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 300%; max-width: 84px; */ }
    div.portal-options-popup { bottom: 0; right: 120%; }
    /* div.media-library-item div.media-content, div.media-library-item div.media-video { max-width: 80px; max-height: 80px; } */
    
    div.mediafiles-library-window div.media-library-item-info { float: right; width: 75%; box-sizing: border-box; }
    div.mediafiles-library-window div.media-content { height: 100% !important; }
    div.mediafiles-library-window div.media-content img { position: absolute; width: auto !important; min-width: 0; max-height: 110%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 1000%; margin: auto; }
    div.mediafiles-library-window div.media-content.content-file a img { transform: none; bottom: 0; right: 0; top: 0; left: 0; margin: auto; height: auto; border-radius: 8px; }
    div.mediafiles-library-window div.media-library-item div.media-content.content-file a span.conversation-post-download { display: none; }
    div.mediafiles-library-window h3.portal-media-list-title { overflow: hidden; background-position: 10px 8px; }
    div.mediafiles-library-window div.media-content.content-video a.conversion-ready { background-size: 48px; }

    /* SCHEDULE */
    div.schedule-events-window p.portal-window-toolbar-filter span { display: none; }
    div.schedule-events-window div.portal-window-toolbar select.portal-schedule-region-filter.condensed { box-sizing: content-box; font-size: 12px; }
    div.schedule-events-window .fc-toolbar .fc-center { margin-top: 0.75em; }
    div.schedule-events-window .fc-basic-view .fc-body .fc-row { min-height: 3em; }
    div.schedule-events-window .fc-day-header { font-weight: 500; }

    /* SOCIAL */
    div.social-conversation-post-buttons,
    div.social-conversation-post-status,
    div.social-conversation-comment-post-buttons,
    div.social-conversation-comment-post-status{ right: 2px; }
    div.social-conversation-post-status span,
    div.social-conversation-comment-post-status span { margin-bottom: 6px; }

    /* STUDIES */
    section.schedule div.stage { width: 100%; box-sizing: border-box; }
    div.dpsize_double div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice,
    div.dpsize_triple div.datapoint_checkbox.checkbox_flex p.input_checkbox_choice { flex-basis: 100%; }

    /*FORMS */
    section.data_form header { padding-top: 0; }
    section.data_form header div.patient_flex { display: block; }
    section.data_form header div.patient_properties { width: 100%; max-width: 100%; box-sizing: border-box; }
    section.data_form header div.patient_properties:first-child { margin-bottom: 1em; }
    section.data_form header div.patientid, section.data_form header div.patientvisitdate { width: 100%; }
    div.datapoint { width: 100%; box-sizing: border-box; margin: 0 0 1em 0; }
    div.datapoint h4 { box-sizing: border-box; }
    div.dpsize_triple { width: 100%; }

    /* CERTIFICATION */
    .popup_certifyuserform div.popup_certification_sign h2,
    .popup_certifyuploadform div.popup_certification_upload h2 { font-size: 24px; }
    .popup_certifyuserform div.popup_certification_sign h3,
    .popup_certifyuploadform div.popup_certification_upload h3 { font-size: 18px; }
    .popup_certifyuploadform div.popup_certification_upload p.certification-upload-form-note { float: none; width: auto; margin-right: 0; }
    .certification-upload-form .floatleft { float: none !important; width: 100%; }
    .popup_certifyuploadform div.popup_certification_upload div.input_upload { float: none; width: 100%; }
    .portal-certification-popup-summary { padding: 12px !important; }
    .portal-certification-popup-summary-table-header-cell,
    .portal-certification-popup-summary-table-row-cell { font-size: 13px; white-space: normal; }

    div.sigPad { display: block; }
    div.sigPad p { display: block; height: auto; float: none; padding: 5px 8px; }
    div.sigPad p.signame { width: auto; padding-top: 30px; padding-bottom: 3px; }
    div.sigPad p.date { position: absolute; top: 2px; right: 2px; font-size: 14px; width: auto; }
    div.sigPad div.sigWrapper { height: auto; width: auto; float: none; padding: 5px 8px; }
    div.sigPad div.sigWrapper canvas { width: 100%; }
    div.sigPad div.clearButton { top: 5px; right: 8px; }
    .popup_certifysummaryform .portal-popup-footer-buttons a { font-size: 14px; margin-left: 0.5em; }
    .popup_certifysummaryform .portal-popup-footer-buttons a:last-child { margin-left: 0; }
}

@media (max-width: 350px) {
    .portal-tile { float: none; margin: 0 auto 1em; }
    .portal-dashboard-tiles .portal-tile-sortable div:nth-child(2n) { margin-right: auto; }
    .fc button { height: 1.6em; padding: 0 0.4em; }
    .fc-day-header { font-size: 80%; vertical-align: middle; }

}

/* TICKET SUBMISSION */
.ticket-submission-attachfile-statuslabel { padding-left: 20px; display: inline-block; font-size: 13px; }
.ticket-submission-attachfile-progressbarcontainer { width: 100px !important; display: inline-block; position: relative !important; min-height: 15px !important; }
.ticket-submission-attachfile-progressbar { display: inline-block !important; position: relative !important; padding: 0 !important; min-height: 13px; }
.ticket-submission-attachfile-propertydetails { margin-left: 10px; margin-bottom: 0px !important; line-height: 13px !important; }
.ticket-submission-attachfile-filenamelabel { font-size: 13px; }
.ticket-submission-attachfile-filenameitem { font-size: 13px; }