:root {
    --main-enterprise-text-color: #808080;
    --main-enterprise-background-color: #808080;
    --main-enterprise-font-family: 'Montserrat',sans-serif,Verdana,Arial;
}

body,html{
    height:100%;
    overflow:hidden;
    font-family: var('--main-enterprise-font-family');
    color:#ffffff;
    margin-top:0.0in; margin-bottom:0.0in; margin-left:0.0in; margin-right:0.0in;
    font-size:14px;
    background: url(../IMG/wallpaper.jpg) no-repeat top left fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;    
}

*{
    margin:0px;
    padding:0px;
}

table {
   color:#ffffff;
 }
td, th {
    padding:5px;
}


h1 {
    font-size:20px;
    font-weight:bold;
}
h2 {
    font-size:18px;
    font-weight:bold;
}
h3 {
    font-size:16px;
    font-weight:bold;
}
h4 {
    font-size:14px;
    font-weight:bold;
}

.WallpaperVideo {
    left:0px;
    top:0px;
    position: absolute;
    width:100%;
    height:100%;
}

div#mainIniDivPowered {
    background: transparent url('../IMG/poweredbyhorion.png');
    bottom: 50px;
    right: 20px;
    position: absolute;
    width: 250px;
    height: 124px;
}
div#mainIniDivMnuTop.mainIniMnuTop {
    background-color:transparent;
    border:0px;
    color:white;
    min-height:64px;
}

div#mainIniDivMnuTop {
    background-color:silver;
    border-bottom:1px solid gray;
    min-height:36px;
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    z-index:100;
    color: #505050;
    font-weight: bold;
}
    div#mainIniDivMnuTop.Maximized {
        opacity:0.5;
        overflow:hidden;
        height:32px;
    }

    div#mainIniDivMnuTop div {
        float:left;
        text-align:center;
        line-height: 26px;
        padding: 5px 10px 5px 10px;
        font-size:14px;
    }

        div#mainIniDivMnuTop div.title {
            font-style: italic;
            font-weight: bold;
        }
            div#mainIniDivMnuTop div.title img{
                width:auto;
                height:26px;
                vertical-align: middle;
            }

        div#mainIniDivMnuTop div.Button {
            cursor:pointer;
        }
    
        div#mainIniDivMnuTop div.Last {
            border-right: 1px dotted #333333;
        }
    
        div#mainIniDivMnuTop div.First {
            border-left: 1px dotted #333333;
            padding-left: 10px;
        }

        div#mainIniDivMnuTop div.Button:hover {
            background-color:white;
            color:white;
        }
        div#mainIniDivMnuTop div img{
            width:auto;
            height:26px;
            vertical-align: middle;
        }

        div#mainIniDivMnuTop div.Separator {
            float:right;
        }

            div#mainIniDivMnuTop div.Separator img{
                width:auto;
                height:26px;
                vertical-align: middle;
            }

div#mainIniDivDesk {
    height:100%;
    position:absolute;
    left:0px;
    right:0px;
    z-index:50;
    background:transparent;
    overflow: auto;    
}

    div#mainIniDivDesk .comment {
        font-style: italic;
        font-size:14px;
        padding-bottom: 15px;
        background: url(../IMG/comment.png) no-repeat bottom left;
        display: table;
        background-size: auto 12px;
        border:0px;
    }

    div#mainIniDivDesk .commentwhite {
        font-style: italic;
        font-size:14px;
        padding-bottom: 20px;
        background: url(../IMG/commentwhite.png) no-repeat bottom left;
        display: table;
        background-size: auto 15px;
        border:0px;
    }
/*
    div#mainIniDivDesk .Title {
        font-size:20px;
        font-weight: bold;
    }
*/
div#mainIniDivMnuBottom {
    background-color:silver;
    border-top:1px solid gray;
    min-height:42px;
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:100;
}

    div#mainIniDivMnuBottom div {
        background-color:silver;
        padding:5px 10px 5px 10px;
        float:left;
        height:32px;
        text-align:center;
        line-height: 32px;
        color:#333333;
        border-bottom: 1px dotted #333333;
    }
    
        div#mainIniDivMnuBottom div.Button {
            cursor:pointer;
        }
    
        div#mainIniDivMnuBottom div.Last {
            border-right: 1px dotted #333333;
        }
    
        div#mainIniDivMnuBottom div.First {
            border-left: 1px dotted #333333;
        }
        
        div#mainIniDivMnuBottom div.Button:hover {
            background-color:white;
        }

        div#mainIniDivMnuBottom div img{
            height:32px;
        }

        div#mainIniDivMnuBottom div.Separator {
            float:right;
        }
        
        div#mainIniDivMnuBottom div.Separator img{
        }

        div#mainIniDivMnuBottom div.mainIniBtnUser{
        }

        div#mainIniDivMnuBottom div.mainIniBtnUser.NoUser{
            background:url('../IMG/nouser.png') no-repeat;
            background-size: 26px 26px;
            background-position: 14px 7px;
        }

        div#mainIniDivMnuBottom div.mainIniBtnUser.WithUser{
            background:url('../IMG/withuser.png') no-repeat;
            background-size: 26px 26px;
            background-position: 14px 7px;
        }

div#mainIniDivShadow {
    position: absolute;
    left:0px;
    top:0px;
    opacity: 0.5;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: #ffffff url(../IMG/loading.gif) no-repeat center center;
}

div#mainIniDivSubMenu {
    position: absolute;
    left:0px;
    top:0px;
    z-index: 99999;
    background: silver;
	box-shadow: 2px 2px 2px #888;
    padding: 5px;
    color: #505050;
}
    div#mainIniDivSubMenu img {
        width:22px;
        height:22px;
        vertical-align:middle;
        margin-right:5px;
    }
    div#mainIniDivSubMenu h1 {
        background-color:rgba(2,135,188,1) ;
        color: white;
        min-width:200px;
        padding:5px;
    }
    div#mainIniDivSubMenu h2 {
        margin-top:5px;
        margin-bottom:5px;
    }
        div#mainIniDivSubMenu h2 img{
            width:32px;
            height:32px;
            vertical-align:middle;
        }
    div#mainIniDivSubMenu p {
        font-style: italic;
        white-space: nowrap;
    }
    div#mainIniDivSubMenu ul {
        margin:5px 5px 0px 5px;
        list-style: none;
    }
        div#mainIniDivSubMenu ul ul{
            margin-left:22px;
        }
        div#mainIniDivSubMenu ul li{
            padding:5px;
        }
        div#mainIniDivSubMenu ul li.Separator{
            border-top:1px solid gray;
            padding:0px;
        }
        div#mainIniDivSubMenu ul li.Group{
            font-weight: bold;
        }
        div#mainIniDivSubMenu ul li.Selectable{
            font-weight: normal;
            cursor:pointer;
        }
            div#mainIniDivSubMenu ul li.Selectable:hover{
                background:white;
            }
            
        div#mainIniDivSubMenu ul li.First {
            border-top:1px dotted #333333;
        }
        div#mainIniDivSubMenu ul li.Last {
        }

input[type=button] {
    background-color:#333333;
    padding:10px;
    color:white;
    font-weight: bold;
    border:2px solid #333333;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    min-width: 150px;
    cursor: pointer;
}
    input[type=button]:hover {
        background-color:transparent;
        color:#333333;
    }
    input[type=button]:active {
        border: 2px inset rgba(0,0,0,.5);
    }

input[type=submit] {
    background-color:var(--main-enterprise-text-color);
    padding:10px;
    font-weight: bold;
    color:white;
    border:2px solid var(--main-enterprise-text-color);
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    min-width: 150px;
    cursor: pointer;
}
    input[type=submit]:hover {
        background-color:transparent;
        color:var(--main-enterprise-text-color);
    }
    input[type=submit]:active {
        border: 2px inset rgba(0,0,0,.5);
    }

input.Clear {
    background-color:#ffffff;
    color:#333333;
}

input.Report {
    background-color:#55B14C;
    color:#ffffff;
}

input.Warning {
    background-color:#FFC500;
}

input.Critical {
    background-color:#E52A18;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(117, 117, 117) rgb(233, 233, 233);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: rgb(233, 233, 233);
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(117, 117, 117);
    border-radius: 20px;
    border: 3px solid rgb(233, 233, 233);
}

@media only screen and (orientation : portrait) {
}

@media only screen and (orientation : landscape) and (max-width : 1224px) {
    div#mainIniDivDesk {
    }    
}

@media only screen and (orientation : portrait) and (max-width : 1224px) {
    div#mainIniDivDesk {
    }
}

@media only screen and (max-width : 400px) {
    div#mainIniDivMnuBottom div#mainIniDivUser{
        max-width:50px;
    }
}
