﻿body { background-color: white
}





.cursore {

    cursor: pointer
}

.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    width: 700px !important;
    border: buttonshadow;
    border-width: 0px;
    border-style: solid;
    cursor: default;
    overflow:auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    padding:0px;
}



.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 0px;
    width:500px;
}

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 0px;
}
.autocomplete_completionListElement_2 {
    visibility: hidden;
    margin: 0px !important;
    background-color: gray;
    color: windowtext;
    width: 750px !important;
    border: buttonshadow;
    border-width: 0px;
    border-style: solid;
    cursor: default;
    overflow:auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    padding:0px;
}



.autocomplete_listItem_2 {
    background-color: window;
    color: windowtext;
    padding: 0px;
    width:750px;
}

.autocomplete_highlightedListItem_2 {
    background-color: #ffff99;
    color: black;
    padding: 0px;
}
/*'------------------------------------------------------------------------------'*/



/*'------------------------------------'*/
.tooltip {
    
    color: #000000;
    outline: none;
    cursor: pointer;
    text-decoration: none !important;
    position: relative;
}

    .tooltip span {
        margin-left: -999em;
        position: absolute;
    }
    .tooltip:hover span {
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 250px;
        background-color: bisque;
        color: saddlebrown;
        /*border:solid 2px red;*/
        box-shadow: rgba(59, 59, 59, 0.30) 2px 2px;
        text-align: left;
        text-decoration: none !important;
    }

    /*.tooltip:hover img {
        border: 0;
        margin: -10px 0 0 -55px;
        float: left;
        position: absolute;
    }*/

    .tooltip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
        text-decoration: none !important;
    }

.classic {
    padding: 0.8em 1em;
}

.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover {
    background: transparent;
}
classic {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
    text-decoration: none !important;
}

.critical {
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.help {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.warning {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}
.tooltip_v {
    
    color: #000000;
    outline: none;
    cursor: pointer;
    text-decoration: none !important;
    position: relative;
}

    .tooltip_v span {
        margin-left: -999em;
        position: absolute;
    }

    .tooltip_v:hover span {
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 250px;
        background-color: #AEFFAE;
        color: darkslategrey;
        /*border:solid 2px red;*/
        box-shadow: rgba(59, 59, 59, 0.30) 2px 2px;
        text-align: left;
        text-decoration: none !important;
    }

    /*.tooltip:hover img {
        border: 0;
        margin: -10px 0 0 -55px;
        float: left;
        position: absolute;
    }*/

    .tooltip_v:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
        text-decoration: none !important;
    }

/*/ *-----------------*/
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding: 0
}

    .modalPopup .header {
        background-color: #2FBDF1;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }

    .modalPopup .footer {
        padding: 6px;
    }

    .modalPopup .yes, .modalPopup .no {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }

    .modalPopup .yes {
        background-color: #2FBDF1;
        border: 1px solid #0DA9D0;
    }

    .modalPopup .no {
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }

.fixedHeader {
    font-weight: bold;
    position: absolute;
    background-color: blue;
    color: #ffffff;
    height: 25px;
    top: expression(Sys.UI.DomElement.getBounds(document.getElementById<br/>("panelContainer")).y-25);
}
