html, body {
    max-width: 100%;
    height: 100%;
}

#layout {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
}

#main-content {
    overflow-y: auto;
    overflow-x: auto;
    height: 100%;
    padding-bottom: 100px;
}

#layout > div {
    padding-left: 0px;
    padding-right: 0px;    
}

#layout .navbar-inverse {
    color: #ffffff;
    background-color: #358753;
    border-color: #2b6e44;

    /* background-color: #43ac6a;
    border-color: #3c9a5f; */
}

#layout .navbar-inverse .navbar-nav > li > a, #layout .navbar-inverse a.navbar-brand {
    color: #ffffff;    
}

#layout .navbar-inverse .navbar-nav > li:hover > a, #layout .navbar-inverse a.navbar-brand:hover, #layout .navbar-inverse .navbar-nav > li.active > a {
    background-color: #43ac6a;
    border-color: #3c9a5f;
}

.dialog .modal-header {
    background-color: #358753;
}

.dialog .modal-header * {
    color: #ffffff;
}

.main-nav li .glyphicon {
    margin-right: 10px;
}

/* Highlighting rules for nav menu items */
.main-nav li a.active,
.main-nav li a.active:hover,
.main-nav li a.active:focus {
    /* background-color: #4189C7;
    color: white; */
}

/* Keep the nav menu independent of scrolling and on top of other items */
.main-nav {
    /* position: fixed; */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

#topnav, .navbar {
    /* margin-left: -35px;
    margin-right: -15px; */
    border-radius: 0px;
    margin-bottom: 0px;
    /* border-left: 1px solid #444;
    border-bottom: 1px inset #444; */
}

#topnav .navbar-nav .dropdown-menu li a {
    color: #000;
}

#topnav .navbar-nav .dropdown-menu li:hover a {
    color: #fff;
    background-color: #43ac6a;
    border-color: #3c9a5f;
}

.grid {
    max-height: 850px;
    overflow-y: auto;
}
.grid > * {
    margin-bottom: 10px;
}


.wait {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 9999;
    opacity: 0.6;
    top: 0;
    left: 0;
}

    .wait > svg {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -36px;
        margin-left: -36px;
    }

.grid table > thead > tr {
    background-color: #e2e2e2;
    color: #555555;

}

.grid .grid-acoes, .grid .grid-id {
    width: 80px;
    text-align: center;
}

.grid .grid-acoes a {
    cursor: pointer;
}

.panel-empresa>.panel-heading {
    color: #ffffff;
    background-color: #28b62c;
    border-color: transparent;
}

.btn-empresa {
    color: #ffffff;
    background-color: #28b62c;
    border-color: #23a127;
}

.btn-empresa:hover, .btn-empresa:focus, .btn-group.open .dropdown-toggle.btn-empresa {
    background-color: #28b62c; 
    border-color: #23a127;
}

.btn-empresa:hover {
    color: #ffffff;
    background-color: #1f8c22;
    border-color: #186f1b;
}

@media (max-width: 767px) {
    /* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
    /* body {
        padding-top: 50px;
    } */

    #topnav {
        display: none;
    }
}

@media (min-width: 768px) {
    /* On small screens, convert the nav menu to a vertical sidebar */
    .main-nav {
        height: 100%;
        /* width: calc(20% - 20px); */
    }
    .main-nav .navbar {
        border-radius: 0px;
        border-width: 0px;
        height: 100%;
    }
    .main-nav .navbar-header {
        float: none;
    }
    .main-nav .navbar-collapse {
        /* border-top: 1px solid #444; */
        padding: 0px;
    }
    .main-nav .navbar ul {
        float: none;
    }
    .main-nav .navbar li {
        float: none;
        font-size: 15px;
        margin: 6px;
    }
    .main-nav .navbar li a {
        padding: 10px 16px;
        border-radius: 4px;
    }
    .main-nav .navbar a {
        /* If a menu item's text is too long, truncate it */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}