/* Navigation tabs */
.nav-tabs {
	background-color: #ccc;
	float: left;
	width: 100%;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid transparent;
}

.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.5;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	float: left;
	text-decoration: none;
}

.nav-tabs > li > a:hover {
	color: #ff0000;
	background-color: #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #ff0000;
	cursor: default;
	background-color: #ccc;
}

.tab-content > .tab-pane {
	float: left;
	display: none;
	width: 100%;
}

.tab-content > .tab-pane.active {
	display: block;
	padding: 10px;
	background-color: #fff;
	/* box-shadow: 0 5px 4px -2px rgba(0, 0, 0, 0.15); */
}

/* Widgets worden getoond over de volle breedte */
.widget-row {
	width: 100%
}

/* Prevent taking the columns out of the flow of the page */
.widget-row::after {
  content: "";
  clear: both;
  display: table;
}

/* All columns to be floating to the left */
.widget-col {
  float: left;
  padding: 15px;
  text-align: center;
  border: none;
}

.widget-selectable:hover {
	background-color: #ddd;
}

/* Op mobiele devices de abonnementen widget onder elkaar laten zien */
@media only screen and (max-width: 600px) {
	.widget-col {
		width: 100%;
	}
}

.widget-link {
	text-decoration: none;
}

.widget-link:hover {
	color: inherit;
	text-decoration: none;
}

/* Icon om zenderkwaliteit weer te geven */
.zender-kwaliteit-icon {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}