/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }  
}

.clear {
	clear: both;
}

/* Custom table-LUMEN */
.table>thead>tr>th, .table>tbody>tr>td {
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

/* customization */
.progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea {
	resize: vertical;
}

/* LOGIN */
.login-panel {
    margin-top: 25%;
}

/* CUSTOM BUTTONS */
.close-info {
	color: #75CAEB!important;
	opacity: 1;
	font-size: inherit;
}
.close-info:hover{
	color: #75CAEB;
	opacity: 0.8;
}
.close-success {
	color: #28B62C!important;
	opacity: 1;
	font-size: inherit;
}
.close-success:hover {
	color: #28B62C;
	opacity: 0.8;
}
.close-warning {
	color: #FF851B!important;
	opacity: 1;
	font-size: inherit;
}
.close-warning:hover {
	color: #FF851B;
	opacity: 0.8;
}
.close-danger {
	color: #FF4136!important;
	opacity: 1;
	font-size: inherit;
}
.close-danger:hover {
	color: #FF4136;
	opacity: 0.8;
}
.close-primary {
	color: #158CBA!important;
	opacity: 1;
	font-size: inherit;
}
.close-primary:hover {
	color: #158CBA;
	opacity: 0.8;
}

/* No decoration on links*/
a.deco-none {
	color: inherit;
	text-decoration:none !important;
}

/**
 * Uurkeuzes
 */
.uurkeuzeDiv {
	font-size: 12px;
	font-weight: 400;
	min-height: 22px;
}

.uurkeuze{
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	vertical-align: baseline;
}

.uurkeuze[status="0"]{ /* === vrij (groen)=== */
	background: #28B62C;
}
.uurkeuze[status="0"]:hover, .uurkeuze[status="0"].hovered { /* === vrij (groen)=== */
	background: #73CF75;
	cursor: pointer;
}
.uurkeuze[status="1"]{/* === eigen beztting (oranje)=== */
	background: #FF851B;
}
.uurkeuze[status="2"]{ /* === niet mogelijk (rood)=== */
	background: #FF4136;
}
.uurkeuze[status="3"]{ /* === eigen selectie met leerkracht van keuze, (blauw)=== */
	background: #158CBA;
}
.uurkeuze[status="4"]{ /* === voorgaand of volgende uur, (groen+img)=== */
	background: #E2E2E2;
}


/**
 * kleur smartschool: #ff6600
 * kleur donkerder smartschool: #ff2d06
 * kleur nog donkerder: #ff0e03
 */
.btn-smartschool {
  color: #ffffff;
  background-color: #ff6600;
  border-color: #ff4b0a;
}
.btn-smartschool:focus,
.btn-smartschool.focus {
  color: #ffffff;
  background-color: #ff4b0a;
  border-color: #ff0e03;
}
.btn-smartschool:hover {
  color: #ffffff;
  background-color: #ff4b0a;
  border-color: #ff0e03;
}
.btn-smartschool:active,
.btn-smartschool.active,
.open > .dropdown-toggle.btn-smartschool {
  color: #ffffff;
  background-color: #ff4b0a;
  border-color: #ff0e03;
}
.btn-smartschool:active:hover,
.btn-smartschool.active:hover,
.open > .dropdown-toggle.btn-smartschool:hover,
.btn-smartschool:active:focus,
.btn-smartschool.active:focus,
.open > .dropdown-toggle.btn-smartschool:focus,
.btn-smartschool:active.focus,
.btn-smartschool.active.focus,
.open > .dropdown-toggle.btn-smartschool.focus {
  color: #ffffff;
  background-color: #ff0e03;
  border-color: #ff0e03;
}
.btn-smartschool:active,
.btn-smartschool.active,
.open > .dropdown-toggle.btn-smartschool {
  background-image: none;
}