/* ----------- non-colour overrides for GREEN app.css ----------- */
/* ----------- used to aid any thematic changes ----------- */
/* ----------- maybe move to own css file later ----------- */

/**
 * Courses
 */ 

.course-container {
  padding:0;
  padding-left:15px;
  padding-right:15px;
}

/*  ----------- Colour overrides for app.css -----------  */

.breadcrumb {
    background-color: #f7e9b1;
}
.sidebar-search h3, .sidebar-search h4, .sidebar-search h5, .sidebar-search h6 {
    background-color: rgb(228, 218, 40);
}
.activities-list .sidebar h3, .activities-list .sidebar h4, .activities-list .sidebar h5, .activities-list .sidebar h6 {
    background-color: rgb(228, 218, 40);
}

.carousel-control.right, .carousel-control.left{
    background: #b5ad28;
    background-image: none;
}

.training-heading , .sub-header, .lesson-actions {
   
    background-color: #3AAF3A;
    color: #726e1d
}

/*  ----------- Colour overrides for admin.css -----------  */
.index-container ul.user-roles {
    background-color: #e8f3e2;
    border: 1px solid #a9bea7;
}

.builder-steps .status {

    background-color: #948435;
    padding-left: 0px;
    vertical-align:baseline;
}

.builder-steps .required-step.status {
    background-color: #948435;
    color:white;
}

.builder-steps .optional-step.status {
    background-color:#777;
    color:white;
}

.builder-steps .thumbnail {
    border: 2px solid #ddd;
    background-color:white;
}

.builder-steps a:hover .thumbnail {
    border: 2px solid #948435;
}

.builder-steps a:hover .status {
    background-color: #948435;
}

.builder-steps a:hover .caption {
    color: #948435;
}

.builder-steps .thumbnail.wip {
    border:2px solid red;
}

.thumbnail {
    position:relative;
}

.thumbnail img {
    margin-top:40px;
}

img.completed-icon {
    position:absolute;
    top:10px;
    right:10px;
    height:40px;
    margin-top:0px;
}


.manage-unit-lessons ul.lesson-list {
    list-style-type:none;
}

.manage-unit-lessons ul.lesson-list li {
    background-color:#87ebdc; 
    font-size:20px; 
    height:40px; 
    line-height:20px; 
    margin-bottom:10px;
    padding:10px; 
}

.manage-unit-lessons ul.lesson-list li:hover {
    background-color:#72c1b5;
    cursor:pointer;
}



/*  ----------- Colour overrides for Bootstrap 3 -----------  */
a {
    color: #b62104;
}
a:focus, a:hover {
    color: #948435;
}

.mark, mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-muted {
    color: #777
}

.text-primary {
    color: #3AAF3A !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #3AAF3A !important
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #5e7c42
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #3AAF3A !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #3AAF3A !important
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #eef784
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active,
.table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th,
.table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td,
.table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success,
.table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th,
.table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td,
.table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info,
.table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th,
.table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td,
.table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #eef784
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning,
.table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td,
.table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger,
.table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td,
.table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}


.form-control, output {
    color: #555
}

.form-control {
    background-color: #fff;
    border: 1px solid #ccd0d2;
}

.form-control:focus {
    border-color: #98cbe8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 203, 232, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 203, 232, .6)
}

.form-control::-moz-placeholder {
    color: #b1b7ba;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #b1b7ba
}

.form-control::-webkit-input-placeholder {
    color: #b1b7ba
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label,
.has-success.checkbox label, .has-success .control-label, .has-success .help-block,
.has-success .radio, .has-success .radio-inline, .has-success.radio-inline label,
.has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label,
.has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block,
.has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label,
.has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label,
.has-error.checkbox label, .has-error .control-label, .has-error .help-block,
.has-error .radio, .has-error .radio-inline, .has-error.radio-inline label,
.has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.help-block {
    color: #a4aaae
}

.btn.focus, .btn:focus, .btn:hover {
    color: #636b6f;
}



.btn-default {
    color: #636b6f;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #636b6f;
    background-color: #e6e5e5;
    border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: #636b6f;
    background-color: #e6e5e5;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover,
.btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
.open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {
    color: #636b6f;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover,
.btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #636b6f
}

.btn-primary {
    color: #fff;
    background-color: #3AAF3A;
    border-color: #2AAf3A
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #3AAF3A;
    border-color: #133d55
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3AAF3A;
    border-color: #2AAf3A
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #1f648b;
    border-color: #133d55
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
.btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #3AAF3A;
    border-color: #2AAf3A
}

.btn-primary .badge {
    color: #3AAF3A;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #8bbc2f;
    border-color: #6e7c22
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #20895e;
    border-color: #0d3625
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #20895e;
    border-color: #196c4b
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
.btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #196c4b;
    border-color: #0d3625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover,
.btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #2ab27b;
    border-color: #259d6d
}

.btn-success .badge {
    color: #2ab27b;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #8eb4cb;
    border-color: #7da8c3
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #6b9dbb;
    border-color: #3d6983
}

.btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #6b9dbb;
    border-color: #538db0
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
.btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover,
.open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #538db0;
    border-color: #3d6983
}


.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover,
.btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #8eb4cb;
    border-color: #7da8c3
}

.btn-info .badge {
    color: #8eb4cb;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #cbb956;
    border-color: #c5b143
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #b6a338;
    border-color: #685d20
}

.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #b6a338;
    border-color: #9b8a30
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover,
.btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover,
.open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #9b8a30;
    border-color: #685d20
}


.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover,
.btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #cbb956;
    border-color: #c5b143
}

.btn-warning .badge {
    color: #cbb956;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #bf5329;
    border-color: #aa4a24
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #954120;
    border-color: #411c0e
}

.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #954120;
    border-color: #78341a
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
.btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover,
.open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #78341a;
    border-color: #411c0e
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover,
.btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #bf5329;
    border-color: #aa4a24
}

.btn-danger .badge {
    color: #bf5329;
    background-color: #fff
}

.btn-link {
    color: #3AAF3A;
}

.btn-link:focus, .btn-link:hover {
    color: #216a94;
    background-color: transparent
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #3AAF3A
}

.input-group-addon {
    border: 1px solid #ccd0d2;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #3AAF3A
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #f5f8fa;
    border: 1px solid #ddd;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #3AAF3A
}

@media (min-width:768px) {

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #f5f8fa
    }
}

.navbar-default {
    background-color: #fff;
    border-color: #d3e0e9
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #5e5d5d;
    background-color: transparent
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: #eee
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #d3e0e9
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #eee;
    color: #555
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #302e10;
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #eee
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}


.navbar-dark, .navbar.navbar-domain {
    background-color: #3AAF3A;
    border-color: #b7b03d
}

.navbar-dark .navbar-brand {
    color: #B3D0B3
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #726e1d;
    background-color: transparent
}

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-text {
    color: #302e10
}

.navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li > a:hover {
    color: #eef784;
    background-color: transparent
}
.navbar-dark .navbar-nav>li:hover {
    background-color: #B3D0B3;
}
.navbar-dark .navbar-nav > .active > a, .navbar-dark .navbar-nav > .active > a:focus,
.navbar-dark .navbar-nav > .active > a:hover {
    color: #eef784;
    background-color: #B3D0B3
}

.navbar-dark .navbar-nav > .disabled > a, .navbar-dark .navbar-nav > .disabled > a:focus,
.navbar-dark .navbar-nav > .disabled > a:hover {
    color: #444;
    background-color: transparent
}

.navbar-dark .navbar-toggle {
    border-color: #b7b03d
}

.navbar-dark .navbar-toggle:focus, .navbar-dark .navbar-toggle:hover {
    background-color: #b7b03d
}

.navbar-dark .navbar-toggle .icon-bar {
    background-color: #726e1d
}

.navbar-dark .navbar-collapse, .navbar-dark .navbar-form {
    border-color: #101010
}

.navbar-dark .navbar-nav > .open > a, .navbar-dark .navbar-nav > .open > a:focus,
.navbar-dark .navbar-nav > .open > a:hover {
    background-color: #726e1d;
    color: #3AAF3A
}

@media (max-width:767px) {
    .navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #726e1d
    }

    .navbar-dark .navbar-nav .open .dropdown-menu .divider {
        background-color: #726e1d
    }

    .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
        color: #3AAF3A
    }

    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #726e1d;
        background-color: transparent
    }

    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a, .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #726e1d;
        background-color: #726e1d
    }

    .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-dark .navbar-link {
    color: #3AAF3A
}

.navbar-dark .navbar-link:hover {
    color: #726e1d
}

.navbar-dark .btn-link {
    color: #3AAF3A
}



.pagination > li > a, .pagination > li > span {
    color: #3AAF3A;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    background-color: #3AAF3A;
    border-color: #3AAF3A;
    cursor: default
}



.label-default {
    background-color: #777
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #3AAF3A
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #3AAF3A
}

.label-success {
    background-color: #2ab27b
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #20895e
}

.label-info {
    background-color: #8eb4cb
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #6b9dbb
}

.label-warning {
    background-color: #cbb956
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #b6a338
}

.label-danger {
    background-color: #bf5329
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #954120
}

.badge {
    color: #fff;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #3AAF3A;
    background-color: #fff
}


.jumbotron > hr {
    border-top-color: #d5d5d5
}


.thumbnail {
    background-color: #f5f8fa;
    border: 1px solid #ddd;
}

.thumbnail .caption {
    color: #636b6f
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #3AAF3A
}


.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #eef784;
    border-color: #b5c260;
    color: #5e7c42
}

.alert-info hr {
    border-top-color: #5e7c42
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.progress {

    background-color: #f5f5f5;
}

.progress-bar {

    background-color: #3AAF3A;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}



.progress-bar-success {
    background-color: #2ab27b
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-info {
    background-color: #8eb4cb
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-warning {
    background-color: #cbb956
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-danger {
    background-color: #bf5329
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.list-group-item {
    border: 1px solid #d3e0e9
}



a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus,
button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}


.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #3AAF3A;
    border-color: #3AAF3A
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #d7ebf6
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover, button.list-group-item-success.active,
button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #5e7c42;
    background-color: #eef784
}

a.list-group-item-info, button.list-group-item-info {
    color: #5e7c42
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #5e7c42;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover, button.list-group-item-info.active,
button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #5e7c42;
    border-color: #5e7c42
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover, button.list-group-item-warning.active,
button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover, button.list-group-item-danger.active,
button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.panel-footer {
    background-color: #f5f5f5;
    border-top: 1px solid #d3e0e9;
}


.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #d3e0e9
}


.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #d3e0e9
}

.panel-default {
    border-color: #d3e0e9
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #d3e0e9
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d3e0e9
}

.panel-default > .panel-heading .badge {
    color: #fff;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d3e0e9
}

.panel-primary {
    border-color: #3AAF3A
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #3AAF3A;
    border-color: #3AAF3A
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3AAF3A
}

.panel-primary > .panel-heading .badge {
    color: #3AAF3A;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3AAF3A
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #b5c260
}

.panel-info > .panel-heading {
    color: #5e7c42;
    background-color: #eef784;
    border-color: #b5c260
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #b5c260
}

.panel-info > .panel-heading .badge {
    color: #eef784;
    background-color: #5e7c42
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #b5c260
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

/*mdb overrides! */
.info-color-dark {
background-color: #3AAF3A!important;
}

.badge-primary {
background-color: #3AAF3A!important;
}

.btn-primary {
background-color: #3AAF3A !important;
}

.btn-primary.dropdown-toggle {
    background-color: #3AAF3A !important
}

.btn-primary.dropdown-toggle:focus, .btn-primary.dropdown-toggle:hover {
    background-color: #3AAF3A !important
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #3AAF3A !important
}