/* fonts */
@font-face{
  font-family:'sansfont';
  src:url( '/img/3dt/robotocondensed-regular-webfont.eot' );
  src:url( '/img/3dt/robotocondensed-regular-webfont.eot?#iefix' ) format( 'embedded-opentype' ), url( '/img/3dt/robotocondensed-regular-webfont.woff' ) format( 'woff' ), url( '/img/3dt/robotocondensed-regular-webfont.ttf' ) format( 'truetype' );
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'sansfont';
  src:url( '/img/3dt/robotocondensed-italic-webfont.eot' );
  src:url( '/img/3dt/robotocondensed-italic-webfont.eot?#iefix' ) format( 'embedded-opentype' ), url( '/img/3dt/robotocondensed-italic-webfont.woff' ) format( 'woff' ), url( '/img/3dt/robotocondensed-italic-webfont.ttf' ) format( 'truetype' );
  font-weight:normal;
  font-style:italic;
}
@font-face{
  font-family:'sansfont';
  src:url( '/img/3dt/robotocondensed-bold-webfont.eot' );
  src:url( '/img/3dt/robotocondensed-bold-webfont.eot?#iefix' ) format( 'embedded-opentype' ), url( '/img/3dt/robotocondensed-bold-webfont.woff' ) format( 'woff' ), url( '/img/3dt/robotocondensed-bold-webfont.ttf' ) format( 'truetype' );
  font-weight:bold;
  font-style:normal;
}
@font-face{
  font-family:'sansfont';
  src:url( '/img/3dt/robotocondensed-bolditalic-webfont.eot' );
  src:url( '/img/3dt/robotocondensed-bolditalic-webfont.eot?#iefix' ) format( 'embedded-opentype' ), url( '/img/3dt/robotocondensed-bolditalic-webfont.woff' ) format( 'woff' ), url( '/img/3dt/robotocondensed-bolditalic-webfont.ttf' ) format( 'truetype' );
  font-weight:bold;
  font-style:italic;
}
/* titel kleuren */
h1,h2,h3,h4,h5,h6,#slogan {
  font-style: italic;
  font-weight: bold;
  color: #6c6c74;
}
/* menu */
header #logo {
  height: 80px;
  display: block;
  width: 160px;
}
header #logo:before {
  left: 0;
  width: 116px;
  height: 70px;
  content: url( '/img/new/3d-theorie.png' );
}
header #slogan {
  display: none;
}
div.top-bar {
    background-color: #fff;
    border-bottom: 10px solid #989898;
    padding: 0;
}
div.top-bar #logo {
  margin-left: -25px;
  width: 105px;
}
div.top-bar #logo:before {
  background-image: url( '/img/new/3d-theorie.png' );
  background-size: 200px 60px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 98px;
  height: 60px;
  content: "";
  position: absolute;
  text-indent: 0;
  left: 0;
  top: 0;
  overflow: hidden;
}
div.top-bar #logo:before img {
  width: 88px;
  height: auto;
}
/* achterbalk kleur */
.menubg-off {
  background-color: #989898;
}
/* voorbalk kleur */
.menubg {
  background-color: #003c85;
}
/* menu tekst kleur */
.menubg .menu>li>a {
  color: #fff;
}
/* menu icoon kleur */
.menu>li>a i:before {
  color: #fff;
}
/* menu dropdown triangle kleur */
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
  border-color: #fff transparent transparent;
}

/* menu hover kleur */
.menu>li.is-active>a,
.menu>li>a:hover,
.menu .active>a {
  color: #fff;
  background-color: rgba( 255, 255, 255, 0.1 );
}

/* submenu kleur */
.menu.submenu>li>a {
  color: #D71B17;
  /* background-color: #fff; */
}
/* submenu hover kleur */
.menu.submenu>li>a:hover {
  background-color: #efefef;
  color: #ab1d1a;
}
/* submenu icon kleur */
.menu.submenu>li>a i:before {
  color: #D71B17;
}


/* off canvas */
.off-canvas {
  background-color: #fff;
}
.off-canvas .menu>li>a {
  border-bottom: none;
  color: #D71B17;
}
.off-canvas .menu>li>a i:before,
.off-canvas .menu>li.is-active>a, .off-canvas .menu>li>a:hover, .off-canvas .menu .active>a {
  color: #D71B17;
}
.off-canvas .menu>li a.menu-text,
.off-canvas .menu>li.active a {
  background-color: #efefef;
  color: #ab1d1a;
  font-weight: normal;
}
.vertical.menu li ul li {
  border-top: 1px solid #eee;
  border-bottom: 0;
}
.off-canvas .is-accordion-submenu-parent>a:after {
  border-color: #D71B17 transparent transparent;
}
/* footer */
#end {
  background-color: #e3e3e3;
}
#end .menu>li>a {
  color: #525252;
}
#end .menu>li>a:hover {
  background: transparent;
  color: #D71B17;
}





/* knoppen */


/* callout */
.callout {
  background-color: #fff;
}
.callout.alert {
  border: 1px solid #eee !important;
}
.callout .button {
  margin: 0;
}


/* link kleur */
a {
  color: #89605f;
}
/* link hover kleur */
a:hover {
  color: #ab1d1a;
}
/* lijst met pijl kleur */
a.next_arrow,
.tekst ul.items li a {
  color: #0a0a0a;
}
/* pijl kleur */
a.next_arrow:after {
  color: #ab1d1a;
}
/* pijl in knop kleur */
a.button.next_arrow,
a.button.next_arrow:after {
  color: #fff;
}


/* home blok titel kleur */
body.index .callout h3 {
  color: #0a0a0a;
  padding: 10px 0px 0px 0px;
}

/* home title pijl kleur */
.callout a h3:after {
  color: #ab1d1a;
}

/* voortgang balk kleur */
.progress .progress-meter {
  background-color: #ab1d1a
}
/* voortgang balk tekst kleur */
.progress-meter-text {
  color: #fff;
}


/* vraag optie kleuren */
ul#options li {
  background-color: #e8f2f8;
}
ul#options li a:before {
  color: #fff;
  border-right: 5px solid #fff;
}
/* actief */
ul#options li.on {
  background-color: #003c85;
}
ul#options li.on a {
  color: #fff !important;
}
/* uit */
ul#options li a.off {
  color: #0096db;
}

/* itec */
body.itec #drawer {
  background-color: #e8f2f8;
}
body.itec #footer {
  background-color: #e8f2f8;
}
body.itec #prev,
body.itec #next,
body.itec #open {
  background-color: #003c85;
}
body.itec #prev a .icon:before,
body.itec #next a .icon:before,
body.itec #open a .icon:before {
  color: #fff;
}
body.itec #prev a,
body.itec #next a,
body.itec #open a {
  color: #fff;
}
body.itec #prev.off a,
body.itec #prev.off a .icon:before,
body.itec #next.off a,
body.itec #next.off a .icon:before {
  color: rgba( 255, 255, 255, 0.4 );
}
body.itec #questions li.on a {
  background-color: #fff;
  color: #0096db;
  border-radius: 0;
  display: block;
}




/* admin lijst lijntjes */
ul.content_list {
  border-top: 1px solid #ccc;
}
ul.content_list li {
  border-bottom: 1px solid #ccc;
}

div.boxes {
  border: 1px solid #ccc;
}
fieldset#edit {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ccc;
  border-radius: 0;
  padding: 0 17px;
  max-height: 18px;
}
fieldset#edit.on {
  border: 1px solid #ccc;
  padding: 0 16px 16px 16px;
}
fieldset#edit legend {
  color: #0a0a0a !important;
  z-index: 100;
}

/* dashboard icons */
ul#icons li a {
  color: #ab1d1a;
}
ul#icons li a:hover {
  color: #0a0a0a;
}
ul#icons li a:hover:before {
  color: #ab1d1a;
}
ul#icons li a:before {
  color: #0a0a0a;
}
ul#icons li.voortgang a:before {
  background: #0a0a0a;
  color: #fff;
}
ul#icons li.voortgang a:hover:before {
  background: #ab1d1a;
}


.callout.balloon {
  color: #003c85;
  background-color: #e8f2f8;
  padding: 0.7rem;
}
.callout.balloon:after {
  border-color: #e8f2f8 transparent;
}



#timer .pie {
  background-color: #003c85;
  border: 2px solid #fff;
}
#timer .pie .block {
  background: #e8f2f8;
  border: 2px solid #fff;
}
#timer #time{
  color: #000;
}

/* forms */
form label {
  /* color: #003d86; */
}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
[type=file],
textarea,
select {
  background-color: #fff;
  color: #666;
}
[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
  /* border: 2px solid #0096da !important; */
}
[type=file] {
  border: 1px solid #cacaca;
}
.is-invalid-input:not(:focus) {
  background-color: #f9ecea;
}
label.is-invalid-input:not(:focus) {
  color: #cc4b37;
}

/* buttons */
.button {
  background: #ab1d1a;
  color: #fff !important;
}
.button:hover, .button:focus {
  background: #D71B17;
}







/* richtexteditor */
.rte {border: 1px solid #eee;}
.rte .bar { background:#efefef; }



/* icons */
.icon:before, .icon:before {
 color: #003c85;
}
.error,
.items .off,
.items .off a,
.error .icon:before {
  color: #850404 !important;
}



/* ggm */
#ggm_drag li {
	color: #3276B1;
	background-color: #fff;
	border: 2px solid #3276B1;
	cursor: move;
  font-weight: bold;
	margin-right: 15px;
}





#image_wrapper {
  border: 1px solid #e8f2f8;
}
#container {
  position: relative;
}
#ggm_stack li.hovered {
	background: #ccc;
}
#ggm_drop li.hovered {
	background: #3276B1;
}