html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -31px;
  /* Pad bottom by footer height */
  padding: 0 0 31px;
}


.navbar {
    background-color: #f5f5f5
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    border-color: #e7e7e7;
}


/* Set the fixed height of the footer here */
#footer {
  height: 31px;
  background-color: #f5f5f5;
  padding-left: 340px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}


.main {
    padding-top: 50px;
    max-width: 100%;
}
.row {
    margin: 0!important;
}

.sidebar {
    width: 330px;
    position: fixed;
    height: 100%;
    background-color: #3d414b;
    z-index: 10;
    padding:6px;
    overflow: auto;
    padding-bottom: 50px;
    padding-top: 12px;
}


.sidebar::-webkit-scrollbar-track
{

}

.sidebar::-webkit-scrollbar
{
	width: 6px;
}

.sidebar::-webkit-scrollbar-thumb
{
	background-color: #131313;
    border-radius: 4px;
}




    .sidebar .sites {
        color: #fff;
        padding-top: 10px;
    }
    
    .sidebar .sites p {
        margin-bottom: 3px;
    }    

    .sidebar .sites a {
        color: #fff;
    }

    .sidebar .user-sites {
        margin-bottom: 9px;
    }

    .sidebar .user-sites > button {
        margin-bottom: 2px;
    }

    .sidebar .site-list {
        background-color: #5c606c;
        border-radius: 3px;

    }
        .sidebar .site-list > div {
            padding: 5px 7px;
        }

.content {
    padding: 0;
    padding-left: 330px;
    padding-top: 10px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: -1px;
}

.error {
    color: red;
}

.site-box {
    background-color: #eeeeee;
    border-radius: 4px;
    margin: 1px;
    display: inline-block;
    width: 100%;
    padding: 12px;
}

    .site-box h2 {
        margin-top: 6px;
    }

    .site-box h3 {
        margin-top: 8px;
    }

.form-inline {
    display: inline-block;
}

.login-head {
    color: #5e5e5e;
    text-align: center;
    margin-bottom: 60px;
}

.form-signin button {
    margin-top: 35px;
    display: inline-block;
}


#task {
    font-size: 11pt;
}


.server-select .col-lg-4 {
    width: 100%;
}

@media (min-width: 768px) {
    .server-select .col-lg-4 {
        width: 25%;
    }
}



@media (min-width: 991px) and (max-width: 1330px) {
    .site-col {
        width: 100%;
    }
}

.click-to-show {
    display: none;
}