:root {
    --cl-main: #1c6aba;
    /*--cl-main-light: #96d2f9;*/
    --cl-main-light: #96d2f9;
    --cl-back-light: #b9ecf2;
    --cl-main-ultralight: #ecf0fb;
}


/* Generici */
.WindowOverlay {
    z-index: 10;
    height: 100%;
    width: 100%;
    background-color: #3333;
    position: absolute;
    display: grid;
    place-items: center;
}

.Window {
    min-width: min(100%, 50ch);
    max-width: 80%;
    min-height: 25ch;
    max-height: 80%;
    background: whitesmoke;
    word-break: break-word;
    overflow-x: auto;
    background-color: var(--cl-main-ultralight);
    box-shadow: #333 4px 4px 15px 0;
}

.WindowHeader {
    height: 2em;
    width: 100%;
    position: sticky;
    top: 0;
    line-height: 2em;
    padding-left: 1em;
    padding-right: 2.4em;
    font-size: 1.2em;
    background-color: var(--cl-main-light);
}

    .WindowHeader > .CloseButton {
        width: 2em;
        position: absolute;
        height: 100%;
        background: none;
        border: none;
        font-size: 1.2em;
        padding: 0;
        top: 0;
        right: 0;
        line-height: 1.66em;
        cursor: pointer;
    }

.WindowContent {
    width: 100%;
    min-height: calc(25ch - 2.4em);
    word-break: break-word;
}

    .WindowContent.Info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 0 1em;
    }

.Button {
    font-size: 1.2em;
    padding: 0.3em .5em;
    min-width: 10ch;
    margin: 0.5em;
    background-color: var(--cl-main-light);
    border-color: transparent;
    cursor: pointer;
}


.FormCambioPassword label,.FormCambioPassword input {
    display: block;
}

.FormCambioPassword label {
    margin-top: .5em;
}

#IndPass {
  --p: 100%;
  margin: .5em 0;
  height: 5px;
  border: 1px solid;
  border-radius: 100vh;
  background-image:
     linear-gradient(to left, white 0, white var(--p), transparent var(--p)),
     linear-gradient(to right, red 0%, orange 33%, yellow 66%, green 100%);
}


.ButtonMathAdd {
    background: url(../images/buttons/mathadd.gif);
    background-position: center center;
    border-style: none;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin: 1px;
}

.ButtonMathSubtraction {
    background: url(../images/buttons/mathsubtraction.gif);
    background-position: center center;
    border-style: none;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin: 1px;
}

.righe tr:first-child .btnDel {
    display: none !important;
}

.righe tr:not(:last-child) .btnAgg,
.righe tr:not(:last-child) .btnDel {
    display: none !important;
}


    .loading {
        color: transparent;
    }

html .google-visualization-tooltip {
    padding: .5em;
}

html .google-visualization-tooltip-item {
    padding: 0em 1em 0em 1em;
}

html .google-visualization-tooltip,
svg > g > g.google-visualization-tooltip {
    pointer-events: none
}

.google-visualization-table-tr-head {
    position: sticky;
    top: 0 !important;
}

.google-visualization-table-tr-head > th {
    top: 0 !important;
}