@media print {
body {
  -webkit-print-color-adjust: exact !important; }
}

//*
#user_switching_switch_on
{
  display: none;
}
*/

.rotate {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 1.5em;
}
.rotate div {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
         margin-left: -10em;
         margin-right: -10em;
}

.icon-bar
{
  background-color: #ffffff;
}

body{
  //background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  -webkit-print-color-adjust:exact !important;

}
.card-header
{
  padding: 0.25rem 0.4rem 0.15rem 0.8rem;
}

.toggleheader:hover
{
  background-color: #cccccc;
}

.leerlingiconcard
{
  float: left;
  height: 75px;
  width: 250px;
  border: 1px solid #eeeeee;
  padding: 5px;
  margin: 5px;
}

.leerlingiconcard:hover
{
  background-color: #538fbc;

}
.leerlingiconcard:hover a
{
  color: #ffffff;
}


.navbar-toggle
{
  float: left !important;
}
.categorieselectorcluster:hover
{
background-color: #FEFFBF !important;
}
/*
.list-group-item a:hover
{
  color: #000000;
}
.list-group-item.active
{
  background-color: #FEFFBF;
}

.list-group-item.active:hover
{
  background-color: #FEFFBF;
}
*/

.list-group-item
{
  padding: 3px !important;
}

.label-info
{
  background-color: #cccccc;
}

.profile-sidebar
{
  position: fixed;
}
@media (max-width: 1000px) {
  .profile-sidebar
  {
    position: relative;
  }
  nav li.dropdown a.dropdown-toggle, .dropdown-menu li.nav-item a
  {
    color: #ffffff !important;
  }
}


.blackwhite {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: -20px;
    background-color: #222222;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
    padding-left: 15px;
    margin-top: 50px;
    -webkit-overflow-scrolling: touch;
}

.sidenav a {
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.0s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}





.hovertable {
  overflow: hidden;
}

.hovertable tr:hover {
 background-color: #ffa; */
 opacity: 0.5;
 filter: alpha(opacity=50); /* For IE8 and earlier */
}

.hovertable td, .hovertable th {
  position: relative;
}

.hovertable td:hover::after,
.hovertable th:hover::after {
  content: "";
  position: absolute;
  background-color: #ffa; */
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.rounded {
  border-radius: 50%;
}

nav.navbar {
  background-color: black !important;
  color: #ffffff;
  margin-bottom: 25px;
}

.nav-item:hover {
  background-color: #cccccc !important;
}


a.dropdown-toggle
{
  color: #ffffff !important;
}

.badge
{
  font-weight: normal;
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}