/* On mobile */
@media (max-width: 767px) {
  .hide, .navbar-logo{
    display: none;
  }

  .hideInverse{
    display: initial;
  }
  .sidenav {
    margin-left: -220px;
    margin-top: 57px;
  }
  .navbar-right{
    margin-right: 0 !important;
  }
  .user-dropdown{
    text-align: right !important;
  }
  .listTabs .ng-isolate-scope{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .listTabs .nav-tabs>li>a {
    color: #A3AEBE;
    border: none;
    border-bottom: solid 2px #FFF;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600; 
    min-width: 100px;
    text-align: center; 
    padding: 11px 15px;
  }
  .columnHide {
    display: none;
  }
}

/* On desktop */
@media (min-width: 767px) {
  .hide{
    display: initial !important;
  }

  .hideInverse{
    display: none !important;
  }

  .navbar-seanjs {
    margin-left: 220px;
  }

  .no-pad{
    padding: 0;
  }
}

/*DashBoard*/
 @media (min-width:1500px) and (max-width:1920px)  {
  .dash .tarjet{
    min-height: 300px;
  }
}
@media (min-width:1200px) and (max-width:1499px) {
  .dash .tarjet{
    min-height: 242px;
  }
}
@media (max-width:1199px) and (min-width:1066px) {
  .dash .tarjet{
    min-height: 312px;
  }
}
@media (max-width:1065px) and (min-width:970px) {
  .dash .tarjet{
    min-height: 284px;
  }
}
@media (max-width:969px) and (min-width:768px) {
  .dash .tarjet{
    min-height: 242px;
  }
}
@media (max-width:767px) {
  .dash .tarjet{
    min-height: 270px;
  }
}