@charset "UTF-8";
/*
 *     https://developer.mozilla.org/en-US/docs/Web/CSS/@charset
 *
 * The @charset CSS at-rule specifies the character encoding used in the style sheet.
 * It must be the first element in the style sheet and not be preceded by any character;
 *  as it is not a nested statement, it cannot be used inside conditional group at-rules
 *
 *  A <string> denoting the character encoding to be used.
 *  It must be the name of a web-safe character encoding defined in the IANA-registry,
 *   and must be double-quoted, following exactly one space character (U+0020), and immediately terminated with a semicolon.
 *  If several names are associated with an encoding, only the one marked with preferred must be used.
 *
 * and
 *     https://www.w3.org/International/questions/qa-css-charset
 *
 *  Only one @charset byte sequence may appear in an external style sheet and it must appear at the very start of the document.
 *  It must not be preceded by any characters, not even comments.
 */

/**
 * @file      installation-datapoints-dates-picker.csst
 *
 * @brief     css for the InstallationDatapointsDatesPicker module.
 *
 * @copyright Copyright Dexdyne Ltd. 2012-2023. All Rights Reserved.
 *
 * @author    Unknown - see PHP
 */

#graphArea, #graphChartArea
{
    float:                  left;
    margin-left:            28px;
    position:               relative;
}

.saveDiv
{
    border:                 1px solid DarkGray;          /* #A9A9A9 was #B3B3B3 */
    margin-top:             8px;
    padding:                4px;
}

.dyn_select, .datapoint_select, #installationPickerHtmlId
{
    border:                 1px solid DimGray;                      /* #696969 was #646464 */
    font-family:            Geneva, Arial, Helvetica, sans-serif;
    font-size:              12px;
    width:                  190px;                       /* This fixed-number-of-pixels seems to be standard. */
}

/* This has been renamed from param_select, but I can find no reference to any such thing. */
.datapoint_select
{
    margin-left:            18px;
    margin-top:             5px;
    width:                  170px;
}

#graphControls
{
    background-color:                 WhiteSmoke;       /* #F5F5F5 was #f8f8f8 */
    border:                 solid 1px DarkGray;         /* #A9A9A9 was #ababab */
    border-bottom:          solid 2px Gray;             /* #808080 was #a5a5a5 */
    border-right:           solid 2px Gray;
    color:                            DarkSlateGray;    /* #2F4F4F was #222222 */
    float:                  left;
    font-family:            arial, helvetica, sans-serif;
    font-weight:            bold;
    padding:                0px 5px 15px 5px;
    text-align:             center;
    width:                  240px;
}

#IDDPDatapointsDivId
{
    margin:                 5px auto 0px auto;
    text-align:             left;
}

#datapointPickerTitle
{
    margin-bottom:          10px;
}

#IDDPInstallationDivId, #buttonSection
{
    background-color:       WhiteSmoke;        /* #F5F5F5 was #f8f8f8 */
    color:                  DarkSlateGray;     /* #2F4F4F was #222222 */
    margin:                 5px auto 15px auto;
    padding:                0;
    text-align:             left;
    width:                  100%;
}

input.styledButton
{
    background-color:       white;
    background-position:    7% 50%;
    background-repeat:      no-repeat;
    border:                 2px solid Gray;              /* #808080 was #909090 */
    border-color:           Gray DarkSlateGray DarkSlateGray Gray;
                            /* Gray;              #808080 was #707070
                             * DarkSlateGray;     #2F4F4F was #303030
                             */
    font-size:              10pt;
    margin:                 5px 2px 2px 2px;
    outline:                none;
    padding:                4px 2px;
    width:                  95px;
}

input.styledButton:disabled
{
    border-color:           DarkGray Gray Gray DarkGray;
                            /* DarkGray;         #A9A9A9 was #b0b0b0
                             * Gray;             #808080 was #707070
                             */
    background-color:       Gainsboro;        /* #DCDCDC was #eeeeee */
}

/**
 * @FIXME DGC 26-Jly-2018
 *           Previously this picked up shared files from another module -- very bad programming.
 *           The manifest didn't even declare a dependence on charts.
 *           Now we are the only installation-datapoints-date picker, we can hard-wire them here.
 */
input.plotButton
{
    background-image:       url('/mft/assets/pickers/installation-datapoints-dates-picker/img/plot-button-img.jpg');
    outline:                none;
}
input.saveButton
{
    background-image:       url('/mft/assets/pickers/installation-datapoints-dates-picker/img/save-button-img.jpg');
    outline:                none;
}

/* Not in use in this module
                                        input.printButton
                                        {
                                            background-image:     url('/mft/assets/pickers/installation-datapoints-dates-picker/img/print-button-img-NIU.jpg');
                                            outline:              none;
                                        }
                                        input.livesiteButton
                                        {
                                            background-image:     url('/mft/assets/pickers/installation-datapoints-dates-picker/img/live-site-button-img-NIU.jpg');
                                            outline:              none;
                                        }
*/

#IDDPInstallationDivId p, #IDDPDatapointsDivId p
{
    margin-top:             4px;
    margin-bottom:          10px;
}

#aptext a
{
    color:                  Gainsboro;      /* #DCDCDC was #eeeeee */
    padding-top:            5px;
}

.comAxis
{
    margin:                 0;
    font-size:              80%;
    text-align:             right;
}

#commonAxis
{
    vertical-align:         middle;
}

/* WARNING - after changing this section you sometimes have to CTRL-refresh many times,
 *  and/or wait some minutes to see the effect.
 */

 /* @FIXME DGC - I don't know which of the following class selections is doing the job !! */
.ui-tooltip, .qtip
{
    border-color:           DimGray;            /* #696969 was #666666 */
    font-size:              15px;               /* 17px;  */
    line-height:            19px;               /* 19px;  */
    /* I tried using 'auto !important' and 'auto' in the next line, but it didn't work. */
    max-width:              900px;              /* 280px; */
    min-width:              50px;
    /* I don't know what sets the text-alignment in the tool-tip,
     *  but this doesn't affect it as far as I can see.
     * Nor does the equivalent setting in
     *     .ui-tooltip-content
     */
    text-align:             center;
}