ul.checkmarks li:before { color:                #00a700; }

.btn.outlined,
.btn-transparent,
.btn-transparent:focus,
.btn-transparent:hover { background-color:      transparent;  }

.nok-bar.nok-footer { background-color:         #e3f2fd; }
.nok-bar.nok-footer-footer { background-color:  #1e2e3e; }
.nok-bar.nok-footer-footer { color:             #e5ecef; }

a, a:focus { color:                             #009DDC; }

.black-bg { background-color:                   #333333; }
.black, .black h1, .black h2,
h1.black, h2.black, h3.black,
.black a,
.black a:active,
.black a:focus,
.black a:visited { color:                       #333333; }
a.black,
a.black:active,
a.black:focus { color:                          #333333 !important; }

.white-bg { background-color:                   #FFFFFF; }
.white, .white h1, .white h2,
h1.white, h2.white, h3.white,
.white a,
.white a:active,
.white a:focus,
.white .share h3,
.white a:visited { color:                       #FFFFFF; }
a.white,
a.white:active,
a.white:focus  { color:                         #FFFFFF !important; }

.blue-bg { background-color:                    #00b0e4; }
.blue, .blue h1, .blue h2,
h1.blue, h2.blue, h3.blue,
.blue a,
.blue a:active,
.blue a:focus,
.blue a:visited { color:                        #00b0e4; }
a.blue,
a.blue:active,
a.blue:focus  { color:                          #00b0e4 !important; }

.darkblue-bg { background-color:                #14477C; }
.darkblue { color:                              #14477C; }
.darkblue-bg hr {                               border-top: 1px solid #186db7;}

.darkerblue-bg { background-color:              #162a3e; }
.darkerblue { color:                            #162a3e !important;}
.darkerblue-bg hr {                             border-top: 1px solid #14477C;}

.lightblue-bg { background-color:               #92c7e2; }
.lightblue { color:                             #92c7e2; }
.lightblue-bg hr {                              border-top: 1px solid #d3e9f9;}

.ultralightblue-bg { background-color:          #e7f2ff; }
.block.ultralightblue-bg { background-color:    #e7f2ff; border: 1px solid #cae0e6; }
.ultralightblue { color:                        #e7f2ff; }
.ultralightblue-bg hr {                         border-top: 1px solid #cae0e6;}

.lightgray-bg { background-color:               #f5f5f5; }
.lightgray { color:                             #f5f5f5; }

.lightyellow-bg { background-color:             #fdf8e3; }
.lightyellow-bg a:hover { color:                #ec9f0f !important; }
.lightyellow { color:                           #fdf8e3; }

.yellow-bg { background-color:                  #FFC425; }
.yellow, .yellow h1, .yellow h2,
.yellow a,
.yellow a:active,
.yellow a:focus,
.yellow a:visited { color:                      #FFC425; }
a.yellow,
a.yellow:active,
a.yellow:focus  { color:                        #FFC425 !important; }

.green-bg { background-color:                   #00a700; }
.green, .green h1, .green h2,
.green a,
.green a:active,
.green a:focus,
.green a:visited { color:                       #00a700; }
a.green,
a.green:active,
a.green:focus  { color:                         #00a700 !important; }

.purple-bg { background-color:                  #CE1C68; }
.purple, .purple h1, .purple h2,
.purple a,
.purple a:active,
.purple a:focus,
.purple a:visited { color:                      #CE1C68; }
a.purple,
a.purple:active,
a.purple:focus  { color:                        #CE1C68 !important; }

.red-bg { background-color:                     #cf171c; }
.red, .red h1, .red h2,
.red a,
.red a:active,
.red a:focus,
.red a:visited { color:                         #cf171c; }
a.red,
a.red:active,
a.red:focus  { color:                           #cf171c !important; }

.grey-bg { background-color:                    #efefef;}
.grey { color:                                  #efefef;}
.darkgrey-bg { background-color:                #888888;}
.darkgrey { color:                              #888888;}


.btn,
.btn-blue { background-color:                   #00b0e4;
    color:                                      #FFFFFF; }
.btn.outlined,.btn-blue.outlined { border-color:#00b0e4;
    color:                                      #00b0e4; }
.btn:focus, .btn:hover, .btn-blue:focus,
.btn-blue:hover { background-color:             #0083b3;
    color:                                      #FFFFFF; }


.btn-yellow { background-color:                 #FFC425;
    color:                                      #FFFFFF; }
.btn-yellow.outlined { border-color:            #ec9f0f;
    color:                                      #ec9f0f; }
.btn-yellow:focus,
.btn-yellow:hover { background-color:           #ec9f0f;
    color:                                      #FFFFFF; }


.btn-lightyellow { background-color:            #fdf8e3;
    color:                                      #333333; }
.btn-lightyellow.outlined { border-color:       #ec9f0f;
    color:                                      #ec9f0f; }
.btn-lightyellow:focus,
.btn-lightyellow:hover { background-color:      #fce17e;
    color:                                      #333333; }


.btn-lightblue { background-color:              #92c7e2;
    color:                                      #FFFFFF; }
.btn-lightblue.outlined { border-color:         #92c7e2;
    color:                                      #92c7e2; }
.btn-lightblue:focus,
.btn-lightblue:hover { background-color:        #78a3b9;
    color:                                      #FFFFFF; }


.btn-darkblue { background-color:               #14477C;
    color:                                      #FFFFFF; }
.btn-darkblue.outlined { border-color:          #14477C;
    color:                                      #14477C; }
.btn-darkblue:focus,
.btn-darkblue:hover { background-color:         #0f2e4d;
    color:                                      #FFFFFF; }


.btn-green { background-color:                  #00a700;
    color:                                      #FFFFFF; }
.btn-green.outlined { border-color:             #00a700;
    color:                                      #00a700; }
.btn-green:focus,
.btn-green:hover { background-color:            #008c00;
    color: #FFFFFF; }

.btn-purple { background-color:                 #CE1C68;
    color:                                      #FFFFFF; }
.btn-purple.outlined { border-color:            #CE1C68;
    color:                                      #CE1C68; }
.btn-purple:focus,
.btn-purple:hover { background-color:           #950c4b;
    color:                                      #FFFFFF; }

/* customizations */

.collapsible .panel.faq.open .panel-heading {
    background-color: #14477C;
    color: #fff;
}

.nok-bar.darkerblue-bg .panel {
    color: #FFFFFF;
    background-color: #162a3e;
    border-color: #4e5a67;
}
.panel-default > .panel-heading h3 {
    color: #333333;
}
.nok-bar.darkerblue-bg .panel-default > .panel-heading {
    color: #FFFFFF;
    background-color: #101923;
    border-color: #4e5a67;
}
.nok-bar.darkerblue-bg .panel-default > .panel-heading h3 {
    color: #FFF;
}
.highlight {
    background-color: rgba(255, 197, 38, 0.25);
    border-bottom: 3px solid #ffc526;
    padding: 0.15rem 0.15rem;
    border-radius: 1px;
}
/* agenda stuff */
.row.agenda-item {          padding: 15px 5px; }
.row.agenda-item.voorlichtingsavond {   border-left: 5px solid #00b0e4; }
.row.agenda-item.nascholing {           border-left: 5px solid #14477C; }
.row.agenda-item.congres {              border-left: 5px solid #00a700; }
.row.agenda-item.symposium {            border-left: 5px solid #24b324; }
.row.agenda-item.open-dag {             border-left: 5px solid #ffc526; }
.row.agenda-item.beurs {                border-left: 5px solid #6ea8b8; }