/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 0rem;
}

/*
 * Typography
 */

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

/*
 * Dashboard
 */

 /* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder img {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/***** Custom Dashboard ******/

.mq-navbar{
    border-radius:0px;
    background-color:#2d2d2d;
    color:#fff;
}

.mq-dropdown{a
    margin-top:10px !important;
    padding:0px !important;
    background-color:#76b9ea;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff !important;
    background-color: #1c1c1c;
}

.mq-comment
{
    list-style: none;
    margin-bottom: 10px;
    padding: 0;
    border-bottom:1px solid #ccc;
    
}

.comment li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.mq-comment-img{
    margin-right:10px;
}

.mq-panel-wrapper{
    width:31%;
    height:100%;
    background-color:#00539b;
/*
    margin:20px;
*/
		margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
    margin-left: 10px;
    float:left;
    border:1px solid #00539b;
    box-shadow:0px 0px 6px -2px #2d2d2d;
    border-radius:5px 5px 5px 5px;
    
}

.mq-panel-header{
    width:100%;
    height:60px;
    background-color:#00539b;
    padding:10px;
    display:table;
    position:relative;
}

.mq-panel-header h3{
    color:#fff;
    font-size:12pt;
    font-weight:300;
    letter-spacing:1px;
    display:table-cell;
    vertical-align:middle;
}

.mq-panel-body{
    width:100%;
    max-height:238px;
    height:100%;
    overflow-y:scroll;
    padding:6px;
    background-color:#eee;
    border-radius:0px 0px 5px 5px;
}

.mq-friends{
/*
    width:31.3%;
*/
    width:45%;
    height:60px;
    padding:0;
    position:relative;
    display:table;
    float:left;
    margin:0px 10px 10px 0px;
}

.mq-friends:hover{
    transition:.6s;
    transform:scale(.9);
}

.mq-friends-footer{
    width:100%;
    background-color:#3399ff;
    position:absolute;
    bottom:0;
    text-align:center;
    color:#fff;
}