:root {
    --c-primary-color: #2d2d80;
    --c-primary-darker-color: #16325b;
    --c-secondary-color: #edc704;
    --c-primary-color-text: #FFF;
    --c-secondary-color-text: #FFF;
}

.bg-primary {
    background: #2d2d80 !important;
    color: #FFF;
}
.hover-primary:hover {
    background: #2d2d80 !important;
    color: #FFF;
}

.bg-secondary {
    background: #edc704 !important;
    color: #FFF;
}
.hover-secondary:hover {
    background: #edc704 !important;
    color: #FFF;
}
.btn-secondary {
    background-color: #edc704;
    border-color: #edc704;
    color: #FFF;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
    background-color: #edc704 ;
    border-color: #edc704;
    color: #FFF;
}
.bg-primary-dark {
    background: #16325b !important;
    color: #FFF;
}

.border-primary {
    border-color: #2d2d80 !important
}

.box.box-primary{
    border-top-color: #2d2d80;
}
.box.box-solid.box-primary>.box-header {
    background-color: #2d2d80;
    background: #2d2d80;
}
.box.box-solid.box-primary {
    border-color: #2d2d80;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #2d2d80;
}

.text-primary {
    color: #2d2d80 !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #2d2d80 !important
}

.flying-actions .primary-action.btn-primary a:hover {
    color: #FFF !important;
    background-color: #2d2d80 !important;
    border-color: #2d2d80 !important;
}

.primary-hover:hover, .primary-hover:hover > a {
    color: #FFF !important;
    background-color: #2d2d80;
    border-color: #2d2d80;
}

.btn-primary.sonata-ba-action:hover{
    background-color: #2d2d80;
    border-color: #2d2d80;
}

.btn-primary {
    background-color: #2d2d80;
    border-color: #2d2d80;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background-color: #16325b ;
    border-color: #16325b;
}

.label-primary {
    background-color: #2d2d80 !important;
}

.dropdown-menu > li.primary-hover > a:hover {
    color: #FFF;
    background-color: #2d2d80 ;
}

.badge-primary {
    color: #fff;
    background-color: #2d2d80
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2d2d80;
}

.progress-bar {
    background-color: #2d2d80;
}

.nav.tl-date>li>a:hover, .nav.tl-date>li>a:focus, .nav.tl-date>li>a:active  {
    background: #2d2d80;
    color: #FFF;
}

.nav-pills.tl-date>li.active>a, .nav-pills.tl-date>li.active>a:hover, .nav-pills.tl-date>li.active>a:focus {
    border-top-color: #2d2d80;
    background-color: #2d2d80;
}

.fullscreen-loader {
    background-color: #2d2d80;
    color: #FFF;
}

.skin-zonnebeke.layout-top-nav .main-header > .logo {
    background-color: #2d2d80;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

.skin-zonnebeke.layout-top-nav .main-header > .logo:hover {
    background-color: #2d2d80;
}

.skin-zonnebeke .sidebar-menu > li:hover > a,
.skin-zonnebeke .sidebar-menu > li.active > a {
    border-left-color: #2d2d80;
}

.skin-zonnebeke .main-header li.user-header {
    background-color: #2d2d80;
}

.skin-zonnebeke .main-header .logo {
    background-color: #2d2d80;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

@media (max-width: 767px) {
    .skin-zonnebeke .main-header .navbar .dropdown-menu li a:hover {
        background: #2d2d80;
        color: #FFF;
    }
}

.skin-zonnebeke .main-header .navbar {
    background-color: #2d2d80;
}

.list-tabs>li.active>a, list-tabs>li.active>a:hover, list-tabs>li.active>a:focus {
    background-color: #2d2d80 !important;
    border-color: #2d2d80 !important;
    color: #FFF !important;
}

.lm-container .info h3 {
    color: #2d2d80;
}
.lm-container.clickable:hover{
    border: 1px solid #2d2d80;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #2d2d80;
	border-color: #2d2d80;
}

.main-footer {
	border-top: 6px solid #2d2d80;
}

.panel.panel-primary {
	border: 1px solid #2d2d80;
}
.panel-primary>.panel-heading {
	background-color: #2d2d80;
	border-color: #2d2d80;
}
.panel.panel-solid.panel-primary {
	background-color: #2d2d80;
	color: #FFF;
}