﻿html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    font-size: 1em;
    color: #676767;
}

#top-pane {
    height: 83px;
    display: block;
    background-color: #A8A8A8;
    /*background-image: url(../images/bar1.jpg);
    background-repeat: no-repeat;*/
    font-style: italic;
    font-weight: bolder;
    font-size: medium;
    font-family: Verdana, Sans-Serif, Arial;
    color: white;
    text-align: right;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 6px;
}

#mainSplitter {
    height: calc(100% - 0px);
    margin-left: 5px;
    margin-right: 5px;
}

#left-pane {
    font-size: .9em;
    color: #000000;
    background: #F7F1EA;
    overflow-x: hidden;
}

#corrTreeview {
    color: white;
    overflow-x: hidden;
}

#MainDiv {
    height: 100%;
}

.menuLinkDiv {
    height: 25px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 15px;
    padding-top: 10px;
    cursor: pointer;
}

.logoDiv {
    padding: 10px;
}

.userLabel {
    font-style: italic;
    font-size: .9em;
}

.versionLabel {
    position: absolute;
    bottom: 5px;
    margin-left: 5px;
    font-size: .9em
}

#userinfoDiv {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: .9em;
    opacity: .85;
}

#logoutBtn {
    margin-top: 5px;
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

#mapFrame {
    height: calc(100vh - 5px);
    width: 100%;
    display: none
}

#managerFrame {
    height: calc(100vh - 5px);
    width: 100%;
    display: none;
}

#noAccessFrame {
    height: calc(100vh - 5px);
    width: 100%;
    display: none;
}

#loginFrame {
    height: calc(100vh - 5px);
    width: 100%;
}

.frames {
    height: calc(100vh - 5px);
    width: 100%;
    display: none;
}

.k-treeview .k-in.k-state-hover,
.k-treeview .k-in.k-state-focused,
.k-treeview .k-in.k-state-selected {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.k-treeview .k-icon,
.k-treeview .k-i-collapse {
    color: #676767;
}

.k-window div.k-window-content {
    overflow: hidden;
}
