/*
    06-stylesheet-medicalgreen-v3.2.css

    These are the AdaCare styles for this theme.

    Key colors from jQueryUI ThemeRoller:

    OLD
    #f8f8ff; Very pale theme color blue
    #eaf7ff; Same as jQUI "header/toolbar" background
    #454545; Same as jQUI "clickable default state text"
    #c5c5c5; Same as jQUI "clickable default state border"
    #d7ebff; Same as jQUI "clickable default state background"
    #e1f0ff; Slightly lighter than jQUI "clickable default state background"
    #2b2b2b; Same as jQUI "clickable hover state text"
    #9accfe; Same as jQUI "clickable hover state background"

    NEW
    #f8ffff; Very pale theme color blue
    #7bd5f5; Same as jQUI "header/toolbar background"
    #454545; Same as jQUI "clickable default state text"
    #c5c5c5; Same as jQUI "clickable default state border"
    #abe1fd; Same as jQUI "clickable default state background"
    #ecf8fe; Slightly lighter than jQUI "clickable default state background"
    #2b2b2b; Same as jQUI "clickable hover state text"
    #bfedfe; Same as jQUI "clickable hover state background"
    #ffffff; Same as jQUI "clickable active state text"
    #3BA7BF; Same as jQUI "clickable active state background"

    Revisions
    2021-10-23 SG: Original code, much of it refactored from other stylesheets.
*/

/*********************************************************************************************/
/*  Hyperlinks 
*/

a {
    text-decoration: underline;
}

    a:link {
        color: Blue;
    }

    a:visited {
        color: Blue;
    }

    a:hover {
        color: Red;
    }

    a:active {
        color: Blue;
    }

/*********************************************************************************************/
/*  Button styles 
*/

.ui-button {
    font-weight: 700 !important; /* Make button text bold */
}

/*********************************************************************************************/
/*  Stand-alone class for shading, like shaded cells in table headings 
*/
.general_shaded {
    background-color: #ecf8fe; /* Slightly lighter than jQUI "clickable default state background" */
}

/*********************************************************************************************/
/*  Header styles 
*/

.page_header {
    max-width: 100%;
    height: 86px;
    top: 0;
    position: relative;
}

.page_header_tagline1, .page_header_tagline2 { /* Hide the obsolete header, and delete it entirely when the Classic theme is retired */

    display: none;
}

.page_header_logo {
    background-image: url("/images/adaCareLogo2022-balls-header.png" );
    background-size: 150px auto;
    background-repeat: no-repeat;
    height: 50px;
    width: 200px;
    margin-top: 15px;
    margin-right: 4px;
    margin-bottom: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

/*********************************************************************************************/
/*  This is a placeholder class that surrounds all of the body content below the menu bar. 
*/

.page_body {
}

/*********************************************************************************************/
/*  Menus. We use a "sticky" menu bar, so when the user scrolls dow the menu doesn't scroll 
    off the top. 
*/

.menubar_surround {
    position: sticky;
    top: 0;
    border-style: solid none solid none;
    border-width: 2px 1px 1px 1px;
    border-color: #c5c5c5; /* Same as jQUI "clickable default state border" */
    /*background-color: #abe1fd;*/ /* Same as jQUI "clickable default state background" */
    background-color: #7bd5f5; /* Same as jQUI "header/toolbar background" */
    font-weight: 700;
    /*height: 20px;*/
    z-index: 1;
}

    .menubar_surround ul.level3 {
        max-height: 50vh;
        overflow-y: auto;
    }

.menubar_top_item, .menubar_top_item a {
    color: #2b2b2b; /* Same as jQUI "clickable hover state text" */
    /*font-weight: 700;*/
}

    /* Hover on top menu items (these have the "highlighted" class) */

    .menubar_top_item .highlighted {
        background-color: #bfedfe !important; /* Same as jQUI "clickable hover state background" */
        color: #2b2b2b; /* Same as jQUI "clickable hover state text" */
    }

    /* Top level menu hover */

    .menubar_top_item a:hover {
        color: #2b2b2b; /* Same as jQUI "clickable hover state text" */
    }

    .menubar_top_item li {
        list-style-type: none;
    }

    /* Hover on top menu items (these have the "highlighted" class) */

    .menubar_top_item .highlighted {
        background-color: #bfedfe !important; /* Same as jQUI "clickable hover state background" */
        color: #2b2b2b; /* Same as jQUI "clickable hover state text" */
    }

/* Selected menu item - all levels */

.selected, .selected a {
    background-color: #bfedfe !important; /* Same as jQUI "clickable hover state background" */
    color: #2b2b2b; /* Same as jQUI "clickable active state text" */
}

.menubar_sub {
    border: 1px solid #c5c5c5; /* Same as jQUI "clickable default state border" */
    /*background-color: #abe1fd;*/ /* Same as jQUI "clickable default state background" */
    background-color: #7bd5f5; /* Same as jQUI "header/toolbar background" */
    box-shadow: 1px 1px 1px 0px rgba(136,136,136,0.5); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px 0px rgba(136,136,136,0.5); /* CSS3 */
    -webkit-box-shadow: 1px 1px 1px 0px rgba(136,136,136,0.5); /* CSS3 */
}

    .menubar_sub li.has-popup > a {
        background-image: url('images/menubar_arrow_hover_off.png');
        background-position: right;
        background-repeat: no-repeat;
    }

        .menubar_sub li.has-popup > a.highlighted {
            background-image: url('images/menubar_arrow_hover_off.png');
            background-position: right;
            background-repeat: no-repeat;
        }

/*********************************************************************************************/
/*  Tables and GridViews
*/

.table_row_alt, .table_row_alt td {
    background-color: #ecf8fe; /* Slightly lighter than jQUI "clickable default state background" */
}

.gridview_content, .gridview_background {
    background-color: #f8ffff; /* Very pale theme color blue */
    color: #454545; /* Same as jQUI "clickable default state text" */
}

.gridview_row_alt, .gridview_row_alt td {
    background-color: #ecf8fe; /* Slightly lighter than jQUI "clickable default state background" */
}

.gridview_header, .gridview_header th, .gridview_header th a {
    border: 1px solid #c5c5c5; /* Same as jQUI "clickable default state border" */
    background-color: #7bd5f5; /* Same as jQUI "header/toolbar background" */
    /*color: #2b2b2b;*/ /* Same as jQUI "clickable hover state text" */
    color: #000000; /* Solid black for better contrast */
}

.gridview_pager td td {
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

.gridview_pager table, .gridview_alphapicker {
    font-size: 90%;
    margin-right: auto;
    margin-left: auto;
}

.gridview_alphapicker {
    margin-top: 4px;
    /*margin-right: auto;
    margin-left: auto;*/
}

    .gridview_pager a, .gridview_alphapicker a {
        background-color: #abe1fd;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 8px;
    }

        .gridview_pager a:hover, .gridview_alphapicker a:hover {
            background-color: #bfedfe;
        }

/* Bo: If you decide to make the alpha picker plain (no bubbles), uncomment the following style. */
/*.gridview_alphapicker a {
        background-color: inherit;
        padding-left: 4px;
        padding-right: 4px;
    }*/

/*********************************************************************************************/
/*  Tab controls. This theme uses a large corner radius, so we need to make the tab header 
    bottom corners square. 
*/
.ui-tabs-nav {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/*********************************************************************************************/
/*  Option group heading 
*/

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    color: #808080;
    background-color: #ecf8fe; /* Slightly lighter than jQUI "clickable default state background" */
    border-bottom: 1px solid #DDDDDD;
}

/*********************************************************************************************/
/*  VSRepeaterEditor 
*/

/*  															
   Notice that ui-widget is automatically applied to button	elements, so we have to have classes
   defined twice. This solves a problem when used in popup dialogs.				
*/

.vsrepeatereditor_dow_button_on, .ui-widget .vsrepeatereditor_dow_button_on, .vsrepeatereditor_dow_button_off, .ui-widget .vsrepeatereditor_dow_button_off {
    padding: 0 !important;
    margin: 0 !important;
    width: 17px;
    height: 20px;
    text-align: center; /*font-size: .8em;*/
    font-size: 12px !important;
    border: 1px solid #DDDDDD;
    /*color: #1c94c4;*/
}

    .vsrepeatereditor_dow_button_on, .vsrepeatereditor_dow_button_on:active {
        /*background: #f6a828 url('images/ui-bg_gloss-wave_35_f6a828_500x100.png') repeat-x 50% 50% !important;*/
        /*background-color: #99FFCC;*/
        background-color: #3BA7BF; /* Same as jQUI "clickable active state background" */
        color: #ffffff; /* Same as jQUI "clickable active state text" */
    }

    .vsrepeatereditor_dow_button_off, .vsrepeatereditor_dow_button_off:active {
        background-color: #F0F0F0; /* Gray */
        color: #A0A0A0;
    }

.vsrepeatereditor_frequencystring {
    color: #006600;
    font-style: italic;
}