/* IPC Groen specifieke css */

/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752FD8Ghe4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752HT8Ghe4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.panel-primary,
.panel-info {
	border-color: #6f6f6e;
}

.panel-primary > .panel-heading,
.panel-info > .panel-heading {
	border-color: #6f6f6e;
	background-color: #e4e4e3;
	color: #000000;
}

.panel-primary.active,
.panel-primary.active > .panel-heading {
	border-color: #c7d300;
}
.panel-primary.active > .panel-heading {
	background-color: #dadf69;
	color: #fff;
}

.sidebar .panel-info,
.sidebar .panel-info > .panel-heading {
	border-color: #b2b2b2;
	background-color: #e4e4e3;
	color: #b2b2b2;
}

.btn-primary,
.btn-primary:visited {
	border-color: #6f6f6e;
	background-color: #e4e4e3;
	color: #6f6f6e;
}

.btn-primary:hover,
.btn-primary:active {
	border-color: #6f6f6e;
	background-color: #6f6f6e;
	color: #ffffff;
}

h1 {
	margin-top:0px;
}

h1, h2, h3, h4 {
	font-family: Oswald, sans-serif;
}

a, a:link, a:visited {
	color: #c7d300;
}

a:hover {
	color: #6f6f6e;
}

a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited{
	color: #6f6f6e;
}
a.btn-primary:hover,
a.btn-success,
a.btn-success:link,
a.btn-success:visited,
a.btn-success:hover {
	color: #ffffff;
}

a.btn-default,
a.btn-default:link,
a.btn-default:visited{
    color: #6f6f6e;
}

.panel-heading > h1,
.panel-heading > h2 {
	margin-top: 0;
}
.panel-heading > h3 {
	margin: 0px;
}

.panel-heading + ul {
	padding-top: 10px;
}

.navbar-header {
    float: right;
}

.navbar-brand {
	position: absolute;
	height: 120px;
	top: 15px;
	right: 15px;
}
.navbar-brand>img {
	padding: 0px;
}
.navbar-inverse {
	margin-bottom: 60px;
	background-color: #000;
}

.navbar-big .navbar-nav>li>a {
	padding-right: 40px;
	padding-left: 0px;
}

table.td-vertical-middle > tbody > tr > td {
	vertical-align: middle;
}

label h3 {
	margin-top: 0px;
}

.remove-cursist {
	padding-right: 10px;
}

.checkbox.no-top-margin {
	margin-top: 0;
}

.sidebar-active {
	background-color: #e4e4e3;
	border-color: #e4e4e3;
}

.sidebar h3 {
	margin-top: 3px;
}

.sidebar p {
	font-weight: bold;
}

section.inschrijf .messages > form {
	margin-top: 30px;
}

.inschrijf .cursist {
	margin-bottom: 8px;
}

.inschrijf .alle_facturatie_aanpassen {
	margin-top: 15px;
}

/* detail paginatype */

.panel.detail,
.detail-container .panel.lijst {
	border: 0px none;
	border-radius: 0px;
	box-shadow: none;
}
.panel.detail .panel-heading,
.detail-container .panel.lijst .panel-heading {
	background-color: transparent;
	border: 0px none;
}
.detail-container h1,
.detail-container h2,
.detail-container h3,
.detail-container h4 {
	color: #333 !important;
}
.panel.detail table,
.detail-container .panel.lijst table {
	font-size: 14px;
}
.panel.detail .cell-label {
	padding-right: 40px;
}
.terug-naar-dashboard {
	margin-bottom: 20px;
}


/* footer originele site */

section.green {
	background: #dadf69
}

.m-l-20 {
    margin-left: 20px !important
}

.prefooter {
	font-size: 16px;
    padding: 40px 0;
    margin-top: 50px;
}

.prefooter h4 {
	font-weight: bold;
}

.prefooter .logos a {
    width: 52px
}

.prefooter .logos a img {
    width: 100%
}

.prefooter h4 {
    margin-bottom: 30px
}

.prefooter ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.prefooter ul li {
    float: left;
    width: 50%
}

.prefooter ul li a {
    font-family: "Kipp",sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    color: #000;
    opacity: 0.5;
    text-decoration: none
}

.prefooter ul li a:hover {
    opacity: 1
}

footer {
    background: #000;
    padding: 10px 0;
    color: #fff;
	font-size: 16px;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

footer ul:after {
    content: '';
    display: block;
    clear: both
}

footer ul li {
    float: left
}

footer ul li a {
    color: #fff !important;
    padding: 0 7px
}

footer ul li a:hover {
    color: #fff
}

footer ul li:first-child a {
    padding-left: 0
}

/* CSS for the loading spinner */
.busy {
  position: relative;
}

.busy:after {
  content: "";
  position: absolute;
  top: 50%;
  left:-2px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 4px solid #9e9e9e;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  box-sizing: border-box;
  transform-origin: 50% 50%;
}

@keyframes spin {
  0% { 
    transform: rotate(0deg); 
  }
  100% { 
    transform: rotate(360deg); 
  }
}

.detail-container .lijst .sort-icon {
	display: none;
}
.detail[pagina="examen-details"] {
	margin-bottom: 0px;
}
.detail[pagina="examen-details"] .panel-body {
	padding-bottom: 0px;
}
.detail-container .lijst[pagina="onderdelen"] .panel-heading {
	float: left;
	padding-top: 0px;
	width: 152px;
}
.detail-container .lijst[pagina="onderdelen"] .panel-heading h2 {
	font-size: 14px;
	font-weight: bold;
}
.detail-container .lijst[pagina="onderdelen"] .panel-heading h2:after {
	content: ':';
}
.detail-container .lijst .btn-container {
	padding-left: 166px;
}
.detail-container .lijst table {
	margin-left: 15px;
}
.detail-container .lijst[pagina="onderdelen"] table {
	width: calc(100% - 152px);
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #dee3f4;
}