@media (min-width: 768px) {
  .navbar-collapse {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;
  }
  .navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-x: visible;
  }

    .navbar
    {
	    max-width:300px;
	    margin-right: 0;
	    margin-left: 0;
        height:100%;
    }	

    .navbar-nav,
    .left-nav-bar > li,
    .navbar-left,
    .navbar-right,
    .navbar-header
    {float:none !important;}

    .navbar-right .dropdown-menu {left:0;right:auto;}
    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }

    .top-nav ul
    {
        float:right !important;  
            
    }

}

.top-nav{
    background-color:#88CAFF;
    display:block;
    text-align:right;
    height:50px;
}

.top-nav a{
    color:black;
}

.container{
    min-height:100%;
    position:relative;
}

.container-main{
    padding-bottom:100px;
}

body{
    background-color:#F2F2F2
}

ul.sub-level{
    display:none;
}   
     
/*.menu-content li:hover .sub-level{
    display:block;
}*/



.modal-loading
{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url("/Content/Images/ajax-loader.gif") 
                50% 50% 
                no-repeat !important;

}
body.loading {
    overflow: hidden;   
}

body.loading .modal-loading {
    display: block;
}

.conversation{
    margin-bottom: 10px;    
} 
.modal-body .conversation
{
    max-height:500px;
    overflow:auto;
}

@media screen and (max-width: 480px) {
    .modal-body .conversation {
        max-height: 300px !important;
    }
}

.conversation .row:first-child{
    border-top: 1px solid #D4D4D4;
}
.conversation .row{
    background: transparent;
    padding: 15px 0 20px 0;
    border-bottom: 1px solid #D4D4D4;
}

.conversation h4 {
    margin: 0 0 3px;
}