/**
 * @file      modal-windows.css
 *
 * @brief     Provides an interface to create modal windows.
 *
 * Modal windows are currently used only in the pickers modules,
 *  and one place in the dash version of the control centre.
 *
 * @copyright Copyright Dexdyne Ltd. 2012-2020. All Rights Reserved.
 *
 * @author    Peter Bridgman
 */

#ModalWindowContainer
{
    position:               fixed;
    left:                   0;
    top:                    0;
    width:                  100%;
    height:                 100%;
}

#ModalWindowContainer .visor
{
    position:               fixed;
    background-color:       DimGray;               /* #696969 was #555555; */
    opacity:                0.5;
    filter:                 alpha(opacity=50);
    width:                  100%;
    height:                 100%;
    left:                   0;
    top:                    0;
    z-index:                10;
}

.blur
{
   -webkit-filter:          blur(4px);
}

#ModalWindow
{
    position:               fixed;
    width:                  500px;
    border:                 1px solid       DimGray;               /* #696969 was #555555; */
    background-color:                       white;
    z-index:                20;
    top:                    50%;
    left:                   50%;
    box-shadow:             2px 2px 7px 2px Gray;                  /* #808080 was #777777; */
}

#ModalWindowTitle
{
    display:                block;
    min-width:              98%;
    border-bottom:          1px solid gray;
    background-color:                 MidnightBlue;         /* #191970 was #222255; */
    color:                            white;
    font-size:              1.2em;
    font-weight:            bold;
    padding:                0 1% 0;
}

#ModalWindowContent
{
    padding:                5px;
    overflow-y:             auto;
    max-height:             500px;
}

.ModalWindowClear
{
    clear:                  both;
}

#ModalWindowActionPalette
{
    padding:                2px 5px 2px;
    text-align:             right;
    border-top:             1px solid Silver;                /* #C0C0C0 was #CCCCCC; */
    background-color:                 Gainsboro;             /* #DCDCDC was #EEEEEE; */
}