/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.tm-headerbar-background {
    background: #569bd7;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: #f9f9f9;
    color: #004b8f;
}

.uk-navbar-nav > li > a:hover {
    color: #77cec3;
}

 .tm-icon-plus, .tm-icon-arrow {
    background-color: #77cec3;

}

.tm-icon-arrow {
	color: #fff !important;
}

h1 {
	color:#77cec3;
}

.uk-button-success {
    background-color: #77cec3;
    color: #ffffff;
    border-color: #77cec3 !important;
}

.uk-button-success:hover, .uk-button-success:focus {
    background-color: #59928f;
    color: #ffffff;
    border-color: #59928f !important;
}

.uk-button-danger {
    background-color: #e23a3a;
    color: #ffffff;
    border-color: #e23a3a !important;
}

.uk-button-danger:hover, .uk-button-danger:focus {
    border-color: #e23a3a !important;
}


h2, .uk-h2 {
    font-size: 20px;
    line-height: 34px;
}

a, .uk-link {
    color: #77cec3;

}

a:hover, .uk-link:hover {
    color: #004b8f;
    text-decoration: none;
}

.tm-footer {
    background: #0f416e; /* Afgeleiden van de donkere logo kleur */
    color:#fff !important;
}

.chrono_credits {
    visibility: hidden;
    display: none;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #569bd7;
    color: #ffffff;
}

.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #569bd7;
    color: #ffffff;
    outline: none;
}

.uk-badge-success {
    background-color: #569bd7;
}

.uk-panel-box-primary {
    background-color: #569bd7;
    color: #ffffff;
}

.uk-color-blue {
    background-color: #77cec3;

}

#system-message-container {
  display: hidden !important;
  opacity: 0.0 !important;
}