/* CUSTOM RESOLUTION FOR EXTRA-SMALL DEVICES */
@media (max-width: 440px) {
	
}

/* ONLY XS */
@media (max-width: 767px) {
   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: none;
   }
  .text-dark { color:#fff; }
  .navbar-toggle { margin:7px 7px 0 0; z-index: 10; background-color:#286090; }  
  .navbar-toggle.collapsed { background-color:transparent; }
  .navbar-collapse { padding:0; height:100vh; }
  #navbar > ul > li > a { display:block; }
  ul.navbar-left > li > a { display:inline-block; }
  .navbar-nav > li > a { line-height: 30px; }
  .navbar-nav { margin:0; }
  .sidebar {
    position: static;
    display: block;
    padding: 1px 0px 1px 20px;
    background-color: #f5f5f5;
    border-right:none;
    margin-bottom:0px;
  }
  .nav-sidebar {
	  margin-right: 0px !important;
  }
  .table { overflow:auto; display:block; }
  
  .dropdown-menu > li > a {
	color: #fff;
  }
  .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  	color: #fff;
  	background-color:#337AB7;
  }
  .navbar-nav .mod-container { max-width:none; }
  .navbar-fixed-top .img-thumbnail { max-height:150px; max-width:100px; }
    .main,
    .toolbar .main { padding-top:0 !important; }
    .langSelect { margin-left:15px; }
    .btn { padding:6px 2px; }
    .btn-label { display:none; }
    .sidebar { margin-top:95px; }
  #sfWebDebugBar { display:none !important; }  
  .no-padding-xs { padding:0; }
}
/* SM- */
@media (max-width: 991px) {
  
}
/* ONLY SM */
@media (min-width: 768px) and (max-width: 991px) {
  
}
/* SM+ */
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #FAFCFE;
    border-right: 1px solid #eee;
    margin-bottom:50px;
  }
}
/* MD- */
@media (max-width: 1199px) {
  
}
/* ONLY MD */
@media (min-width: 992px) and (max-width: 1199px) {
  
}
/* MD+ */
@media (min-width: 992px) {
  
}
/* LG */
@media (min-width: 1200px) {
  
}