/* GREEN TEMPLATE */
.green #jqmFooter {
    background-color: #76B828; /*#363C46;  #76B828 */
}

.green .cd-top {
    background: rgba(118, 184, 40, 0.8) url(/img/cd-top-arrow.svg) no-repeat center 50%;
}

.green .no-touch .cd-top:hover {
    background-color: #76B828;
}

.green .navbar-inverse {
    background-color: #76B828;
    border-color: #F3F3F3;
}

.green .navbar-sitemenu .dropdown-menu > li > a:hover,
.green .navbar-sitemenu .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #5B5B5B;
}
.green .navbar-sitemenu .dropdown-menu > .active > a,
.green .navbar-sitemenu .dropdown-menu > .active > a:hover,
.green .navbar-sitemenu .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #5B5B5B;
}
.green .navbar-inverse .navbar-nav > li > a:hover,
.green .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #5B5B5B
}

.green .navbar-inverse .navbar-nav > .active > a,
.green .navbar-inverse .navbar-nav >.active > a:hover,
.green .navbar-inverse .navbar-nav >.active > a:focus {
    color: #fff;
    background-color: #5B5B5B
}

.green .navbar-inverse .navbar-nav >.open > a,
.green .navbar-inverse .navbar-nav >.open> a:hover,
.green .navbar-inverse .navbar-nav > .open >a:focus {
    color: #fff;
    background-color: #5B5B5B
}

.green .navbar-inverse .navbar-brand:hover,
.green .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: #5B5B5B
}

.green .btn-primary.active {
    color: #ffffff;
    background-color: #76B828;
    border-color: #76B828;
}
.green .btn-primary{
    color: #ffffff;
    background-color: #00b82d;
    border-color: #00b82d;
}



/* BLUE TEMPLATE */
.blue #jqmFooter {
    background-color: #5A89B3; /*#363C46;  #76B828 */
}

.blue .cd-top {
    background: rgba(90, 137, 179, 0.8) url(/img/cd-top-arrow.svg) no-repeat center 50%;
}

.blue .no-touch .cd-top:hover {
    background-color: #5A89B3;
}

.blue .navbar-inverse {
    background-color: #5A89B3;
    border-color: #F3F3F3;
}

.blue .navbar-sitemenu .dropdown-menu > li > a:hover,
.blue .navbar-sitemenu .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #5A89B3;
}
.blue .navbar-sitemenu .dropdown-menu > .active > a,
.blue .navbar-sitemenu .dropdown-menu > .active > a:hover,
.blue .navbar-sitemenu .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #5A89B3;
}

.blue .navbar-inverse .navbar-nav > li > a:hover,
.blue .navbar-inverse .navbar-nav > li> a:focus {
    color: #fff;
    background-color: #4E7D96
}

.blue .navbar-inverse .navbar-nav >.active > a,
.blue .navbar-inverse .navbar-nav >.active > a:hover,
.blue .navbar-inverse .navbar-nav >.active > a:focus {
    color: #fff;
    background-color: #5A89B3
}

.blue .navbar-inverse .navbar-nav > .open> a,
.blue .navbar-inverse .navbar-nav > .open> a:hover,
.blue .navbar-inverse .navbar-nav > .open> a:focus {
    color: #fff;
    background-color: #4E7D96
}

.blue .navbar-inverse .navbar-brand:hover,
.blue .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: #4E7D96;
}

.blue .btn-primary.active {
    color: #ffffff;
    background-color: #5A89B3;
    border-color: #5A89B3;
}
.blue .btn-primary{
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}


/* DARKGREEN TEMPLATE */
.darkgreen #jqmFooter {
    background-color: #009933;
}

.darkgreen .cd-top {
    background: rgba(0, 153, 51, 0.8) url(/img/cd-top-arrow.svg) no-repeat center 50%;
}

.darkgreen .no-touch .cd-top:hover {
    background-color: #009933;
}

.darkgreen .navbar-inverse {
    background-color: #009933;
    border-color: #F3F3F3;
}

.darkgreen .navbar-sitemenu .dropdown-menu > li > a:hover,
.darkgreen .navbar-sitemenu .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #009933;
}
.darkgreen .navbar-sitemenu .dropdown-menu > .active > a,
.darkgreen .navbar-sitemenu .dropdown-menu > .active > a:hover,
.darkgreen .navbar-sitemenu .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #009933;
}

.darkgreen .navbar-inverse .navbar-nav > li > a:hover,
.darkgreen .navbar-inverse .navbar-nav > li> a:focus {
    color: #fff;
    background-color: #1f7a1f
}

.darkgreen .navbar-inverse .navbar-nav >.active > a,
.darkgreen .navbar-inverse .navbar-nav >.active > a:hover,
.darkgreen .navbar-inverse .navbar-nav >.active > a:focus {
    color: #fff;
    background-color: #009933
}

.darkgreen .navbar-inverse .navbar-nav > .open> a,
.darkgreen .navbar-inverse .navbar-nav > .open> a:hover,
.darkgreen .navbar-inverse .navbar-nav > .open> a:focus {
    color: #fff;
    background-color: #1f7a1f
}

.darkgreen .navbar-inverse .navbar-brand:hover,
.darkgreen .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: #1f7a1f;
}

.darkgreen .btn-primary.active {
    color: #ffffff;
    background-color: #009933;
    border-color: #009933;
}
.darkgreen .btn-primary{
    color: #ffffff;
    background-color: #1f7a1f;
    border-color: #1f7a1f;
}