/* Algemeen --------------------------------------------------------------------- */
body {font-family: Open Sans, sans-serif; }
a {color:#2aa9b3;}
a:focus, a:hover {color:#2aa9b3; text-decoration: none;}
a:visited  {color:#2aa9b3;}
blockquote {padding: 0 20px;}
blockquote p {font-size: 14px; }
a.chronoforms6_credits {display:none;}
h2,h3 {color:#1EBBA2;}
h2 {font-size:24px;}
h3 {font-size:18px; line-height:1.6em;}
h4 {font-size:18px; font-weight:600;}
.entry-header h2 a {color:#1EBBA2;}
p {margin: 15px 0 25px 0;}
p, li {line-height: 1.5em;}
strong {color:#666;}

div.grijs {background-color: #EEE;}
div.kladblok {background-color: #FFF687; border-radius: 10px;}
.float-right {
    float: right!important;
}
.icons-nocog ul {padding:5px; margin-top:-35px; border:1px solid #EEE; border-radius:10px;}
.icons-nocog ul li {display:inline; padding:5px;}

.btn-success {
    color: #fff;
    background-color: #73C378;
    border-color: #73C378;
}

.vervolgknoppen {margin:30px -15px;}

.scrollup {bottom:30px;}

.ui.button {font-size:14px !important;font-weight:400 !important;font-family:Open Sans, sans-serif !important;}
.ui.grey.button a {color:#FFF !important;}
.action_buttons .ui.button {padding: 11px !important;}
.action_buttons .ui.info.message {  padding: 9px !important;   background-color: #73C378;     color: #FFF; width:250px; margin-top:-4px;}

/* Bootstrap buttons --------------------------------------------------------------------- */
.btn-primary {
    color: #fff;
    background-color: #25BEC8;
    border-color: #25BEC8;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1EBBA2;
    border-color: #1EBBA2;
}
.btn-primary:visited {
    color: #fff;
}

/* onzichtbaar maken edit knop op popups */
.notemplate .icons-nocog, .dashboard .icons-nocog {display: none;}

/* algemeen - sliders --------------------------------------------------------------------- */

.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
    background-color: #f8f8f8;
    color: #2aa9b3;
}
.rl_sliders.accordion>.accordion-group.active>div>a:focus, .rl_sliders.accordion>.accordion-group>div>a:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0px #eab03f;
    box-shadow: inset 0 0 0px #eab03f;
    color: #2AA9B3;
}

.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
    background-color: #eee;
    color: #2AA9B3;    
    text-decoration: none;
}

td img {display:initial; }

/* menu */

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
    font-size: 15px;
    text-transform: none; 
	letter-spacing: 0px;
    color: #000;
    margin: 0;
}

/* navtabs table of contents --------------------------------------------------------------------- */

.article-index {background-color: #e7e8ea; border-radius:10px; padding:10px;}
.article-index .nav-tabs {border-bottom:0px;}
.article-index .nav-tabs>li>a {
	font-size:12px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 0;
    color:#000;
    padding: 5px;
    }
.article-index .nav-tabs>li.active>a, .article-index .nav-tabs>li.active>a:focus, .article-index .nav-tabs>li.active>a:hover {
    color: #1fbba2;
    cursor: default;
    background-color: #e7e8ea;
    border: 0px solid #ddd;
}


/* chronoforms6 --------------------------------------------------------------------- */
.ui.message.info {
    padding: 0.5em 1em;
}

.semanticui-body img {
    display:inline;
}

.notemplate .ui.form .grouped.fields>label {
/*     background-color: #eee; border-radius: 10px; margin:8px 0; */
}

.notemplate label {background-color:#eee; margin:10px 0; border-radius:10px; padding:12px; font-size:1em !important;}

.notemplate h2 {
    color: #1fbba2;
    font-size: 18px;
    font-weight: bold;
    margin-top:15px !important;
}
.notemplate .ui.selection.dropdown .menu>.item {
    border-top: 1px solid #fafafa;
    padding: 3px;
    white-space: normal;
    word-wrap: normal;
    color:red;
}


 .ui.button { margin-top:25px; background-color:#1fbba2;}
.ui.green.button  {background-color:#73C378 !important;}	

/* om required sterretje weg te halen */
.ui.form .required.field > .checkbox::after, .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > label::after {
    content: none;
}

#intake .field {
	display:inline;
	margin:5px;
	}
#intake .ui.checkbox label {
	display:inline;
	background-color: #FFF;
	margin-bottom:10px;
	}

#intake .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
    top: 12px;
}
/* om tick op juiste plek te krijgen */
#intake .ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
    background-color: rgba(0,0,0,.95);
    top:0px;
    margin-top:12px;
}
#intake .ui.form .grouped.fields>label {
    margin-bottom: 10px;
}

#mijn-nieuwe-doel .ui.checkbox label{ 
	background-color:#FFF;
	padding: 0 0 0 25px;
	margin:0px;
	}


/* voor ruimte horizontale radiobuttons */
.ui.form .grouped.fields>label {
    margin: 10px 0 10px 0;
}

#vragen-om-meer-zelfvertrouwen-te-kunnen-krijgen .field {
	display:inline;
	margin:5px;
	}
#vragen-om-meer-zelfvertrouwen-te-kunnen-krijgen .ui.checkbox label {
	background-color: #FFF;
/* 	margin-bottom:10px; */
	}
/* #sessie-ontspanningsoefeningen .ui.checkbox	{display:inline;} */
#sessie-ontspanningsoefeningen .ui.checkbox label {
	background-color: #FFF;
	}
#sessie-ontspanningsoefeningen	.ui.form .inline.fields .field {
    padding: 0 0.5em 0 0;
}


.ui.form .inline.fields>label {
    width: 100% ;
}

.field-leeg {
    display: none;
}

/* voor de aktieknoppen naar een popup */
div.aktie {
    background-color: #FFF;
    border: 5px solid #25BEC8;
    width: 50%;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-radius: 10px;
    padding: 0 20px;
}
div.aktie a {
    color: #25BEC8;
    display: block;
    line-height: 150%;
    border-radius: 10px;
    padding: 20px;
}


#negatieve-gedachte .segment {padding-left: 0; padding-right: 0;}
#negatieve-gedachte .grid .column {padding:10px;}
#negatieve-gedachte .grid input {border: 0px;}

/* Overzicht ontspanningsoefeningen */
#overzicht-ontspanningsoefeningen .grid label {display: none;}
#overzicht-ontspanningsoefeningen .grid label.date0,
#overzicht-ontspanningsoefeningen .grid label.time0,
#overzicht-ontspanningsoefeningen .grid label.plek0,
#overzicht-ontspanningsoefeningen .grid label.voor0,
#overzicht-ontspanningsoefeningen .grid label.na0,
#overzicht-ontspanningsoefeningen .grid label.icon0 {display: block;font-weight: 700; background-color:#EEE;height:65px;padding-left:15px;}
#overzicht-ontspanningsoefeningen .grid label,
#overzicht-ontspanningsoefeningen .grid input {color: #000;}

/*
#overzicht-ontspanningsoefeningen .segment {padding-left: 0; padding-right: 0;}
#overzicht-ontspanningsoefeningen .grid .column {padding:10px;}
#overzicht-ontspanningsoefeningen .grid input {border: 0px;}
*/

#mijn-kladblok-cf6 .ui.form textarea {height:80px;}

.semanticui-body a {
    color: #1EBBA2 !important;
    text-decoration: none;
}
/* jce popups --------------------------------------------------------------------- */

/* #jcemediabox-popup-iframe h2 {color:red;} */




/* Header --------------------------------------------------------------------- */
#sp-header .logo a {
    font-family: 'Droid Serif',serif;
    font-size: 200%;
    font-weight: bold;
    color: #000;
    line-height: 100%;
}
.logo-slogan {
    font-family: 'Droid Serif',serif;
    font-size: 400%;
    display: block;
    margin-top: -25px;
    color: #fff;
}
/* Hoofdmenu --------------------------------------------------------------------- */
.sp-megamenu-parent {
    float: left;
}

#sp-menubar #sp-language {margin-top:15px; text-align:right;}

/* Body --------------------------------------------------------------------- */
#sp-main-body {padding:50px 0 100px 0;}

/* table of contents boven artikel */
#article-index {
    background-color: #e7e8ea;
    border: 0px;
    border-radius: 8px;
    float: left;
    margin: 0px 0px 40px 0;
    padding: 10px;
    font-size: 80%;
    width: 100%;  
}

#article-index ul {
    margin-left: 0px;
    list-style: none;
    margin: 0 0 0 20px;
}
#article-index ul li {
    float: left;
    margin: 5px;
}

.nav>li>a {

/*     padding: 10px 8px; */
}

.casus {
    background-color: #fff090;
    border-radius: 20px;
    padding: 20px;
}




/* Footer --------------------------------------------------------------------- */


#sp-footer .sp-module ul > li {border-bottom:0px; margin-right:2px; margin-top:2px; margin-bottom:2px;}
#sp-footer .sp-module ul > li > a {padding:15px; line-height:normal; background-color: #FFF;    color: #000;}
#sp-footer .sp-module ul > li > a:hover, #sp-footer .sp-module ul > li > a:active {background-color: #666;    color: #fff;}



.logoradius {
	float: right;
    padding: 0 10px;
    background-color: #FFF;
    border-radius: 5px;
    margin: 2px;
    }

/* Font awesome icons --------------------------------------------------------------------- */


#sp-right .icon {text-align:center; margin-top:0;}
#sp-right .sp-module {margin-top:10px;}


.fa {border-radius: 50%; border:1px;}
.fa-pencil {background:#FFF344;}
.fa-headphones {background:#66CC66;}
.fa-list{background:#25BEC8;}

.fa-pencil:hover, .fa-headphones:hover, .fa-list:hover {opacity: 0.5;}

.icon-txt {text-align: center; margin-top:10px; width:100%;}
.icon-txt a {color:#000;}

/* Algemeen  nog opruimen en vervangen--------------------------------------------------------------------- */


.tussenkopje {font-size:18px; color:#1EBBA2; font-weight: 600;}
.pagenavcounter {color:white; height:10px;}


p.blocknumber {
    padding: 5px 0 5px 55px !important;
    position: relative;
}
.bignumber {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #E6E7E9;
    border-radius: 50%;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 44px;
    width: 44px;
    left: 0;
    line-height: 44px !important;
    position: absolute;
    text-align: center;
    top: 0;
}


.smallernumber {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #E6E7E9;
    border-radius: 50%;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    width: 35px;
    left: 10px;
    line-height: 35px !important;
    position: absolute;
    text-align: center;
    top: 0;
}





.idee {
    background-color: #d8f0c0;
    border-radius: 20px;
    padding: 20px;
    margin: 10px;
}

/* Intake --------------------------------------------------------------------- */
div.score {
    background-color: #EEE;
    font-size: 16px;
    text-align: center;
    padding: 20px;
    width: 80%;
    margin: auto;
    border-radius: 10px;
}
.scoreblue {
    font-size: 26px;
    color: blue;
}
.scorered {
    font-size: 26px;
    color: red;
}

/* Dashboard --------------------------------------------------------------------- */


/*
.flex-grid {
  display: flex;
}
.col {
  flex: 1;
  margin:25px;
}
*/
/*  voor vinkjes achter de lessen */
dl.lessen-progress dt { background-color:#EEE; padding: 10px; margin-bottom:1px; font-weight:400; line-height:1.6;}
dl.lessen-progress dd {margin-top:10px;}

.dashboard_kolom1 h3,
.dashboard_kolom2 h3,
.dashboard_kolom3 h3 {margin-bottom:0px; }

.pad10 {padding:10px;}
.pad20 {padding:20px;}
.padbot {padding-bottom: 10px; margin-bottom:10px;}
.border1 {border: 1px solid #eee;}
.border1 {border-top: 0px;}

.logindb, .usermenu {padding-bottom:20px;}
.logindb form {padding: 20px 10px 0 10px;}
.logindb .logout-button {margin:20px auto;}
	

/*  voor informatieblok */
ul.category-modulemenu {
	list-style-type: none;
    margin-top: 1px;
    margin-left: -40px;
    font-size:15px;
}
ul.category-modulemenu li {
    background-color: #e6e7e8;
    margin: 1px 0 0 0; 
    padding: 10px;  
}
ul.category-modulemenu li:hover {
    background-color: #EEE;
}
.grijs {
    background-color: #e6e7e8;
    padding: 10px 10px;
}

#overzicht-mijn-kladblok .column .created {font-size:12px; margin-top:5px; }

/* Logboek --------------------------------------------------------------------- */

.logboek {
	text-align:left;
}
.logboek h2 {font-size: 18px; color:#333; margin-top:30px;}


.nogmaals {
	background-color: #EEE;
	margin:10px 0;
	padding:20px;
}

div.gedachte, div.ervaring, div.woord, div.geel{
    border: 5px solid #FFF787;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
    margin: 10px auto 10px auto;
    width: 50%;
    text-align: center
}

div.geel {text-align:left;}

div.antwoorden { 
	border: 5px solid #FFF787; 
	border-radius: 10px;  
	text-align: left;
    width:100%;
    margin: 10px auto 10px auto;
    padding:20px;
    
    }
    
p.vraag {font-weight:700; color:#000;line-height:1.6;}
div.antwoord {font-weight:normal;color:#666;padding:10px;}

/* voor printweergave - knop onzichtbaar maken in overview */
div.printpopup {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #FEDD58;
    border: 0px solid #4CAF50;
    padding: 5px;
    text-align: center;
    z-index: 999;
}
.logboek div.printpopup {
    display: none;
}
body.notemplate {
    padding: 10px;
}


.gedachte .disabled, .ervaring .disabled, .woord .disabled, .antwoorden .disabled {padding:20px;}


.goed {
	background-color:#fff;
/* 	color:#87C762; */
	padding:10px;
	border: 5px solid #87C762;
	border-radius:10px;
	margin-bottom:10px;
}

.fout {
    background-color: #fff;
    color: #EF4137;
    padding: 10px;
    border: 5px solid #EF4137;
    border-radius: 10px;
    margin-bottom: 10px;
}


th {background-color: #666;color:#FFF;margin-bottom:10px;} 
th, td {
    border-bottom: 1px solid #ddd;padding:20px;
}
table.schema-compact th, table.schema-compact td {padding:5px; vertical-align: top;}

table.compact td {padding:3px; vertical-align: top;width:50%;}

/* popups --------------------------------------------------------------------- */

#jcemediabox-popup-caption h4 {display: none !important;}
#jcemediabox-popup-caption {
    padding: 35px 35px 10px 10px;
    min-height: 30px;
}
#jcemediabox-popup-closelink {
/*     top: 20px; */
}

#ontspanningsoefeningen a.jcepopup span.jcemediabox-zoom-link {display:none;}

/* editor --------------------------------------------------------------------- */

#editor input {width:100%;}



/* Responsive --------------------------------------------------------------------- */

#sp-menubar {height:50px;}
#offcanvas-toggler {line-height: 50px;}
#sp-header {height: 100px; padding: 10px 0 0px 0;}
#sp-header .logo {height:30px;}
#sp-logo {/* background-color:aqua; */}
#sp-header .logo a {
	    font-family: 'Droid Serif',serif;
	    font-size: 68%;
	    font-weight: bold;
	    color: #000;
	    line-height: 100%;
	}
#sp-header .logo-slogan {
	    font-family: 'Droid Serif',serif;
	    font-size: 150%;
	    display: block;
	    margin-top: 0px;
	    color: #fff;
	}	
	
#jcemediabox-popup-frame {
    padding: 20px;
}
	
@media (min-width: 480px) {

#sp-header {height:200px; padding: 40px 0 0px 0;}
#sp-header .logo {height:30px;}
#sp-header .logo a {	    font-size: 100%;	}
#sp-header .logo-slogan { font-size: 200%;	}	

}	
	
@media (min-width: 768px) {

#sp-header {height:200px; padding: 40px 0 0px 0;}
#sp-header .logo {height:30px;}
#sp-header .logo a {	    font-size: 140%;	}
#sp-header .logo-slogan { font-size: 300%;	}	

}


@media (min-width: 1200px) {
	
	#sp-header {height:300px; padding: 80px 0 0px 0;}
/* 	#sp-header .logo {height:100px;} */
	#sp-header .logo a {    font-size: 200%;	}
	#sp-header .logo-slogan { font-size: 340%; }


	#sp-main-body {margin-bottom:80px;}
	#sp-footer {
/*
		position: fixed;
	    height: 80px;
	    bottom: 0;
	    width: 100%;
*/
	}
}





/*
@media (max-width: 600px) {
  .flex-grid {
    display: block;
  }
}
*/