/*********************************************************************************************/
/*  05-stylesheet-v3.1.css     
    ThemeMedicalBlue
                                                      
    Styles for standard HTML tags                         
    Note: Copy the font family from the themeroller       
    ui-widget style.
    
    2020-04-24 SG: Removed button styling in code, moved it to style sheet. This helps prevent momentary FOUC.
    2020-06-24 SG: Changes to support web fonts.
    2020-06-28 SG: Fixed URL link to images.
    2021-04-12 SG: Fixed missing border around general_errormsg_box.

*/

/* Web fonts. These links are required in the master page */

/* 
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> HEADINGS
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> HEADINGS,  TOO LIGHT FOR BODY
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" rel="stylesheet" /> NOPE
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> SLIGHTLY BETTER, TOO CONDENSED
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> SERIF, BUT GOOD
    <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> DIGITS NOT MONO
    <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" />
*/

/* Base styles */

/*html {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 85%;
    background-color: #F6FBFF;
    height: 100%;
}*/

html {
    font-family: "Nunito Sans", "Trebuchet MS", verdana, arial, sans-serif;
    /*font-size: 88%;*/
    font-size: 14px;
    padding: 0;
    background-color: #ffffff;
}

html, input {
    /*height: 100%;*/
    line-height: 1.1em;
    margin: 0;
}

body, form {
    margin: 0;
    /*padding: 6px 6px 3px 6px;*/
}

body {
    height: 100%;
}

form {
    height: 99%;
    padding: 6px 6px 0 6px;
}

/* Headings */

h1, h2, h3, h4 {
    font-family: Roboto, "Trebuchet MS", verdana, arial, sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 1.5em;
    margin-bottom: 0.25em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

XXXinput, XXXselect {
    /*font-family: "Open Sans", "Trebuchet MS", verdana, arial, sans-serif;*/
    /*font-family: Rubik, "Trebuchet MS", verdana, arial, sans-serif;*/
    font-family: "Nunito Sans", "Trebuchet MS", verdana, arial, sans-serif;
}

    /* input[type="button"], .button_small input[type="button"], input[type="submit"], .button_small input[type="submit"], button, .button_small button { */
    XXXinput[type="button"], XXXinput[type="submit"], XXXbutton {
        -moz-box-shadow: 1px 1px 1px #888;
        -webkit-box-shadow: 1px 1px 1px #888;
        box-shadow: 1px 1px 1px #888;
        border-collapse: separate;
        cursor: pointer;
        margin: 2px;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 6px;
        padding-right: 6px;
        /* Setting the font-size here needed for Safari, to override its default style */
        font-size: 1em;
        font-weight: bold !important;
        height: 100%;
        line-height: 1.3em;
        /* Copied from jQuery UI styles */
        /*background-image: url(/App_Themes/images/ui-bg_glass_100_f6f6f6_1x400.png);*/
        border-style: solid;
        border-width: 1px;
        border-color: rgb(204, 204, 204);
        border-radius: 4px;
        color: rgb(28, 148, 196);
    }

        /* Same as ui-state-hover */

        XXXinput[type="button"]:hover, .XXXbutton_small input[type="button"]:hover, XXXinput[type="submit"]:hover, .XXXbutton_small input[type="submit"]:hover, XXXbutton:hover, .XXXbutton_small button:hover {
            border: 1px solid #fbcb09;
            background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
            font-weight: bold;
            color: #c77405;
        }

/* Same as ui-state-active */

/***
input[type="button"]:active, .button_small input[type="button"]:active, input[type="submit"]:active, .button_small input[type="submit"]:active, button:active, .button_small button:active {
    border: 1px solid #fbd850;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}
***/

/* 2020-05-30 SG: Fix for Safari
.button_small, .button_small input[type="button"], .button_small input[type="submit"] {
    font-size: .85em !important;
    min-width: 52px;
}
*/

/*.button_small, .button_small input[type="button"], .button_small input[type="submit"],*/
.button_small, input[type="button"] .button_small, input[type="submit"] .button_small {
    font-size: .85em !important;
    min-width: 52px;
}

input[type="text"], textarea {
    font-size: 1.0em;
    line-height: 1.1em;
}

select {
    /* 2022-01-24 SG: Tweak font size */
    /*font-size: 0.9em;*/
}

input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
}

input[type="radio"] {
    margin: 1px 3px 2px 3px;
}

p {
    margin: 1em 0 1em 0;
    text-align: left;
}

ul {
    margin-top: .5em;
    margin-bottom: .5em;
}

    /* Bullets change with each level of nesting */

    ul.bullet li {
        padding-top: 4px;
        list-style-type: square;
    }

        ul.bullet li ul li {
            padding-top: 4px;
            list-style-type: disc;
        }

        ul.bullet li ol li {
            padding-top: 4px;
            list-style-type: decimal;
        }

ol li {
    padding-top: 4px;
}

table {
    border-collapse: collapse;
}

    table td {
        vertical-align: baseline;
    }

/*********************************************************************************************/
/* General-purpose styles
*/

.general_left {
    text-align: left;
}

.general_right {
    text-align: right; /*margin-left: 40px;*/
}

.general_top {
    vertical-align: top;
}

.general_center {
    text-align: center;
}

.general_hidden {
    display: none;
}

.general_box, .general_infomsg_box, .general_cautionmsg_box, .general_errormsg_box {
    border: 1px solid #A0A0A0;
    padding: 4px;
}

.general_normalmsg_text, .general_infomsg_text, .general_cautionmsg_text, .general_errormsg_text, .general_normalmsg, .general_infomsg, .general_infomsg_box, .general_cautionmsg, .general_cautionmsg_box, .general_errormsg, .general_errormsg_box {
    font-size: 0.9em;
}

.general_infomsg_text, .general_infomsg, .general_infomsg_box {
    color: #006600;
}

.general_infomsg, .general_infomsg_box {
    background-color: #F0FFF0;
}

.general_infomsg_box {
    border: 1px solid #006600;
}

.general_cautionmsg, .general_cautionmsg_box {
    background-color: #FFFFD0;
}

.general_cautionmsg_box {
    border: 1px solid #A0A0A0;
}

.general_errormsg_text, .general_errormsg, .general_errormsg_box {
    color: #CC0000;
}

.general_errormsg, .general_errormsg_box {
    background-color: #FFF0F0;
}

.general_errormsg_box {
    border: 1px solid #CC0000;
}

/* "Required Field" asterisk */

.general_required {
    color: #FF3300;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
}

.general_size75pct {
    font-size: 75% !important; /* Overrides themeroller input styles */
}

/*.general_shaded {
    background-color: #f0f0f0;*/ /* Shaded cells in tables, like headings */
/*}*/

/* Off screen, so it's hidden. Used to get the focus instead of first DatePicker.   */
/* If the DatePicker problem is fixed, get rid of these fields.                     */

.general_fakehidden {
    position: fixed;
    left: -1000px;
}

/*********************************************************************************************/
/* Styles for the home page.
*/

.homepage_subhead {
    font-size: 1.1em; /*font-weight: bold; */
    margin: .7em 0 0 0;
}

.homepage_hint {
    font-size: 85%;
    color: #808080;
    margin-left: 0;
}

/*********************************************************************************************/
/* Style for modal dialog                                   
*/

.dialog {
    margin-bottom: 0;
}

/*********************************************************************************************/
/* Generic styles for tables. May be used for other controls
*/

.table_centerbox, .table_center {
    margin-right: auto;
    margin-left: auto;
}

.table_centerbox {
    border: 1px solid #A0A0A0;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*********************************************************************************************/
/* Define the style for labels within a table. The style varies a bit depending on the thing    
   being labeled. The "multiline" style is for labeling multi-line text boxes, as commonly      
   used for fields of notes. The "radiolist" style is used for labeling vertical radio button   
   lists.   
*/

.table_label_col, .table_label_col_multiline, .table_label_col_radiolist, .datepicker_label_col, .addressEditor_label_col {
    text-align: right;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
}

.table_label_col_multiline, .table_label_col_radiolist {
    vertical-align: top;
}

.table_label_col_radiolist {
    padding-top: 5px;
}

/*  Styles for the AddressEditor.
    In particular, the AddressEditor displays a table, and the first column shows labels for 
    the text controls in the next column. Since the AddressEditor coexists with similar elements
    on the same page, we want the editor's columns to line up with the other tables on the same 
    page.

    Usage: If the parent page places the AddressEditor user control within a table and the 
    parent table's first column is a table_label_col (typical usage), then use the addressEditor_label_col
    instead of table_label_col class for one of the label cells in the parent's table.

    For example:
    <table>
        <tr>
            <td colspan="2">
                <uc1:AddressEditor ID="AddressEditorForContact" runat="server" />
            </td>
        </tr>
        <tr>
            <td class="addressEditor_label_col">My Label #1</td>
            <td>
                <asp:TextBox ID="MyTextBox1" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="table_label_col">My Label #2</td>
            <td>
                <asp:TextBox ID="MyTextBox2" runat="server"></asp:TextBox>
            </td>
        </tr>
        ...
    </table>
*/

.addressEditor_label_col {
    width: 10em;
}

.datepicker_label_col {
    vertical-align: bottom;
    padding-bottom: 4px;
}

.datepicker {
    vertical-align: bottom;
}

.datepicker_sep {
    font-size: 85%;
    color: #808080;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    text-align: center;
    vertical-align: bottom;
}

.datepicker_textbox {
    text-align: center;
    border-width: 1px;
    font-size: 88% !important;
    margin: 0;
    padding-top: 2px;
    padding-left: 0;
    padding-right: 0;
}

.datepicker_button, .datepicker_button_l, .datepicker_button_r,
.datepicker_button_l_OLD, .datepicker_button_r_OLD {
    position: absolute;
    bottom: 0;
    border-style: none;
    box-shadow: none;
    width: 15px;
    height: 15px;
    vertical-align: bottom;
}

.datepicker_button_l, .datepicker_button_r,
.datepicker_button_l_OLD, .datepicker_button_r_OLD {
    background-image: url('images/datepickerv3-sprites.png');
    background-color: transparent;
    background-repeat: no-repeat;
    padding-bottom: 1px;
}

.datepicker_button_l, .datepicker_button_l_OLD {
    background-position: 0 -16px;
    left: 2px;
}

    .datepicker_button_l:hover, .datepicker_button_l_OLD:hover {
        background-position: 0 0;
    }

.datepicker_button_r, .datepicker_button_r_OLD {
    background-position: -15px -16px;
    right: 2px;
}

    .datepicker_button_r:hover, .datepicker_button_r_OLD:hover {
        background-position: -15px 0;
    }

/* NEW - MOVE TO ABOVE AFTER TESTING */
/*.datepicker_button_l {
    position: absolute;
    bottom: 0;
    left: 2px;
}

.datepicker_button_r {
    position: absolute;
    bottom: 0;
    right: 2px;
}
*/

.table_hint, .table_hint_caution {
    font-size: 85%;
    color: #808080;
    line-height: 110%;
    vertical-align: top;
}

    .table_hint p, .table_hint_caution p {
        padding: 0;
        margin: 0 0 .5em 0;
    }

.table_hint_caution {
    color: #000000;
    background-color: #FFFFD0;
}

.table_rowborder_top {
    border-top: 1px solid #DDDDDD;
}

.table_rowborder_top_heavy {
    border-top: 2px solid #DDDDDD;
}

/*
.table_row_alt, .table_row_alt td {
    background-color: #E6F5FF;
}
*/

/* Used when a Panel's "GroupingText" is set (rendered as <fieldset><legend>...) */

fieldset {
    border: 1px solid #DDDDDD;
}

    fieldset legend {
        color: #006600;
    }

/*********************************************************************************************/
/* GridViews are used to display paging lists of database tables. 
   Usually, the user can select a row for editing and such. The styles below define the 
   appearance of the header row, the body, and the pager row.
*/

/* Copy from ui-widget-content ! */

.gridview_title {
    font-size: 1.2em;
}

/*.gridview_content, .gridview_background {
    color: #333333;
    background-image: url('/images/background_box.gif');
    background-repeat: repeat-x;
    background-color: #FBFFFF;
}*/

.gridview_content {
    margin-right: auto;
    margin-left: auto; /*background: #eeeeee url('themeroller/images/ui-bg_highlight-soft_100_eeeeee_1x100.png') repeat-x 50% top;*/ /*background: #FAFBFF;*/
    padding: 2px;
}

.gridview_content, .gridview_border {
    border: 1px solid #DDDDDD;
}

.gridview_row_alt, .gridview_row_alt td {
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: baseline; /* See if this screws up some gridviews. If not, leave it in place. */
    border-width: 1px;
    border-style: none;
    /*background-color: #E6F5FF;*/
}

.gridview_cell, .gridview_cell td {
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: baseline; /* See if this screws up some gridviews. If not, leave it in place. */
    border: 1px none #DDDDDD;
}

.gridview_row_footer, .gridview_row_footer td {
    border-style: solid none none none;
    border-width: 1px;
    border-color: #DDDDDD;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: baseline; /* See if this screws up some gridviews. If not, leave it in place. */
}

/* Copy of ui-widget-header */
.gridview_header, .gridview_header th, .gridview_header th a {
    /*border: 1px solid #e78f08;*/
    /*background: #f6a828 url('images/ui-bg_gloss-wave_35_f6a828_500x100.png') repeat-x 50% 50%;
    color: #ffffff;*/
    font-size: 97%;
    font-weight: normal;
    padding: 2px 4px 2px 4px;
    /*padding-right: 4px;
    padding-left: 4px;*/
}

/*.gridview_pager, .gridview_pager td {
    padding-right: 4px;
    padding-left: 4px; 
    border: 1px none #DDDDDD;
}

    .gridview_pager table {
        margin-right: auto;
        margin-left: auto;
    }
*/
    /* The page numbers inside the pager row */

/*    .gridview_pager td td {
        border: 1px none #FFFFFF;
        padding-left: 4px;
        padding-right: 4px;
    }
*/
/*********************************************************************************************/
/* These are styles used by the datepicker.                 
*/

/* Mask to cover datepickers during postback with the asp:UpdateProgress control */

.datepicker-disable {
    opacity: .50;
    filter: Alpha(Opacity=50);
    background-color: #FFFFFF;
}

/*********************************************************************************************/
/* Styles for ReportViewer controls							
   Idea: add a style for landscapre reports?               
*/

.reportviewer_surround, .reportviewer_surround_minheight {
    /*width: 7.25in;*/ /* Same as .rdlc file plus 0.25 to avoid scrollbar */
    /*min-width: 7.25in;*/ /* Needed for IE 8 or older, or max-width:100% causes skinny column */
    min-width: 680px;
    /*max-width: 100%;*/
    max-width: 720px;
    overflow: auto;
}

.reportviewer_surround_wide {
    /*width: 9.75in;*/ /* Same as .rdlc file plus 0.25 to avoid scrollbar */
    /*min-width: 9.75in;*/ /* Needed for IE 8 or older, or max-width:100% causes skinny column */
    min-width: 680px;
    /*max-width: 100%;*/
    /*max-width: 1000px;*/
    overflow: auto;
    /* 2017-07-03 SG: Center the report */
    display: table;
    margin-left: auto;
    margin-right: auto;
    /* For Chrome */
    margin-bottom: 1px;
}

.reportviewer_surround_wide {
    max-width: 1000px;
}

/* 2017-07-03 SG */
/* Exports are usually formatted *very* wide, so we have to constrain them a bit */
.reportviewer_surround_wide_export {
    max-width: 950px;
}

.reportviewer_surround_minheight {
    min-height: 700px;
}

/* 2020-07-15 SG: This cleans up the toolbar. It was sloppy due to other CSS changes we applied to the web site as a whole. */
.glyphui, .MSRS-RVC .ToolbarExport .ExportLink {
    padding-top: 5px !important;
}

/*********************************************************************************************/
/* Styles for the Privacy Policy							
*/

.privacypolicy_subhead {
    font-size: 1.15em;
    font-weight: 600;
    color: #000000;
}

/*********************************************************************************************/
/* The following are styles to override the defaults defined	
   for ASP.NET AJAX tools.										
*/

/* Styles to override the ASP.NET Ajax ValidatorCallout */

.ajax__validatorcallout_error_message_cell {
    vertical-align: top;
}

/* Styles to override the ASP.NET Ajax ColorPicker */

.ajax__colorPicker_container table {
    border-collapse: separate; /*border: 1px solid #FFFFFF; 	border-spacing: 1px;*/
}

/*********************************************************************************************/
/* Temporary fix for AJAX PasswordStrength extender within a ModalPopup extender. The fix is 
   to forcea Z-index higher than the ModalPopup (which is10,000).
*/

.passwordstrength, .passwordstrength_veryweak, .passwordstrength_weak, .passwordstrength_mild, .passwordstrength_medium, .passwordstrength_strong, .passwordstrength_verystrong {
    padding: 4px;
    border: 1px solid #DDDDDD;
    z-index: 10001;
    background-color: #F8F8F8;
}

.passwordstrength_veryweak {
    color: #FF0000;
}

.passwordstrength_weak {
    color: #FF66CC;
}

.passwordstrength_mild {
    color: #FFBF00;
}

.passwordstrength_medium {
    color: #999966;
}

.passwordstrength_strong {
    color: #00CC00;
}

.passwordstrength_verystrong {
    color: #009933;
}

/*********************************************************************************************/
/* Styles for the EvvTimeCardsRecordControl. These should be in their own css file, but it's 
   pretty trivial stuff.
*/

.evvTimeCardsRecordControl_RadioButton input {
    float: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.evvTimeCardsRecordControl_RadioButton label {
    margin-right: 0.5em;
    /*margin-left: 1em;*/
    /*display: block;*/
}

/*.evvTimeCardsRecordControl_left_col {
    width: 2em;
    float: left;
    padding-left: 1em;
}

.evvTimeCardsRecordControl_right_col {
    margin-left: 2em;
}*/

.evvTimeCardsRecordControl_surround {
    clear: both;
}