/*  ----------- Colour overrides for 3dl -----------  */

.tutorial-content h1    {color:#195caa;}
.tutorial-content h2    {color:#195caa;}
.tutorial-content h3    {color:#195caa}
.tutorial-content h4    {color:#105287;}
.tutorial-content h5    {color:#105287;}

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

.text-muted {
    color: #777
}

.text-primary {
    color: #195caa !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #195caa
}

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #d9a52d !important;
}

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: #195caa !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #195caa
}

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

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

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

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: #d9edf7
}

.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: #d9a52d
}

.has-warning .form-control {
    border-color: #d9a52d;
    -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: #d9a52d;
    border-color: #d9a52d;
    background-color: #fcf8e3
}

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

.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
}

/* BLUE */

.btn-primary {
    color: #fff;
    background-color: #195caa !important;
    border-color: #2a88bd
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #195caa !important;
    border-color: #133d55
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #195caa !important;
    border-color: #1f648b
}

.btn-primary.dropdown-toggle {
    background-color: #195caa !important;
}

.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: #195caa !important;
    border-color: #2a88bd
}
.btn-primary:not([disabled]):not(.disabled).active, 
.btn-primary:not([disabled]):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
    background-color: #078eda !important;

}

.btn-primary .badge {
    color: #195caa !important;
    background-color: #fff
}




.btn-success {
    color: #fff;
    background-color: #59bba8 !important;
    border-color: #259d6d
}

.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: #59bba8 !important;
    border-color: #259d6d
}

.btn-success .badge {
    color: #59bba8 !important;
    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: #d9a52d !important;
    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: #d9a52d !important;
    border-color: #c5b143
}

.btn-warning .badge {
    color: #d9a52d !important;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #c43258 !important;
    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: #195caa !important;
}

.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: #195caa !important
}

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

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #195caa !important
}

.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: #195caa !important
}

@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
}

@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 colours */

.navbar-dark {
    background-color: #000;
    border-color: #041f3b
}

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

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

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-text,.navbar-dark .navbar-nav .nav-link {
    color: #eee
}

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

.navbar-dark .navbar-nav > .active > a, .navbar-dark .navbar-nav > .active > a:focus,
.navbar-dark .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #000
}

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

.navbar-dark .navbar-toggle {
    border-color: #11406f
}

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

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

.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: #000;
    color: #fff
}

.navbar-dark  .navbar-nav>li:hover {background-color: inherit;}

.lesson-actions .lesson-action a {
  color:#11406f;
}

.lesson-actions .lesson-action a:hover {
  color:#000;
}

.navbar.navbar-domain {
    background-color: #195caa;
}
@media (max-width:767px) {
    .navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #041f3b
    }

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

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

    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        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: #fff;
        background-color: #000
    }

    .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: #11406f;
        background-color: transparent
    }
}

.navbar-dark .navbar-link {
    color: #eee
}

.navbar-dark .navbar-link:hover {
    color: #fff
}

.navbar-dark .btn-link {
    color: #eee
}

.navbar-dark .btn-link:focus, .navbar-dark .btn-link:hover {
    color: #fff
}

.navbar-dark .btn-link[disabled]:focus, .navbar-dark .btn-link[disabled]:hover,
fieldset[disabled] .navbar-dark .btn-link:focus, fieldset[disabled] .navbar-dark .btn-link:hover {
    color: #11406f
}


.lesson-actions, .training-heading, .sub-header {
    background-color: #fff;
    color:#11406f;
    border: 1px solid #eee;

}

a.layout-swap {

    color:#000;
}

a.layout-swap:hover {

    color:#888;
}

.breadcrumb {
 background-color: #e9ecef !important; 

}
.breadcrumb a {
  color: #333844;
  text-decoration: none !important;
  cursor: pointer;
}

.breadcrumb a:hover {
    color:#195caa
}

.badge-warning {
    background-color:#d9a52d !important;
}

.badge-secondary {
    
    background-color:#4f3069 !important;
}

.badge-success {
    
    background-color:#59bba8 !important;
}

.list-group-item-info {
color: #0c5460;
background-color: #bee5eb;
}
/* VAR replacements */

.course-container .course-complete {
  background-color: #59bba8;
  color:black;
}
.course-container .course-incomplete {
  background-color: #d9a52d;
  color:black;
}
.training-list-item:nth-child(2n) {
  background: #efefef;
}
.activities-list .training-list-item:nth-child(2n) {
  background: #efefef;
}

.section_header {
  color: #252b34;
}
/* ADMIN */

.builder-summary .required-steps-summary.well {
     background-color: #3e9bd5;
 }
 
.builder-steps .status {

    background-color: #3e9bd5;

}

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

 .builder-steps a:hover .status {
     background-color: #3e9bd5;
 }
 
 .builder-steps a:hover .caption {
     color: #3e9bd5;
 }

 .info-color-dark {
    background-color: #195caa!important;
}

.rounded-circle {
    border-radius:  0px !important;
}


.clickable-link:hover {
  background-color: #eaf7f7 !important;
  cursor:pointer;
}
.course-container .overlay, .course-container .underlay {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid #ccc;
  border-radius: 10px;
}
.course-container .course-summary {
  font-size:16px;
  top:calc(100% - 2em);
  padding:.5em;
  font-style: italic;
  background-color: rgba(244, 235, 235, 0.4);
}
/*.course-container .underlay {
  background-color: rgba(0,0,0,0.0);
}*/