/*  


#424242
#0074A9 (255,103,29)
60% of #0074A9 - replace bee5eb with rgba(255,103,29,.2) 
#b3b3b3
#ffa400
#4cb591
#ffa400
As is
#54c8e8
*/

a {
    color: #0074A9;
    text-decoration: none;
}

a:hover {
    color: #31708f;
    text-decoration: none;
}

a.text-white {
    color: #fff;
    text-decoration: none;
}

a.text-white:hover {
    color: #31708f;
    text-decoration: none;
}

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


.bg-sky-blue {
    background-color:#0074A9
}

/* text */
.text-white {
    color:#fff
}

.text-muted {
    color: #777
}

.text-primary {
    color: #0074A9
}

a.text-primary:focus, a.text-primary:hover {
    color: #0074A9
}

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


.text-secondary {
    color:#6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color:#494f54 !important
}



.text-dark {
    color:#343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color:#121416 !important
}

.text-body {
    color:#212529 !important
}

.text-muted {
    color:#6c757d !important
}

.text-black-50 {
    color:rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color:rgba(255, 255, 255, .5) !important
}

/* end */


/* BG */
.bg-primary {
    color: #fff;
    background-color: #0074A9
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #0074A9
}

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

.bg-grey {
    background-color: #eee;
}


.bg-white {
    background-color: #fff;
}

.bg-dots-orange {
    background-image: url(/images/svg/bg-dots-orange-web.svg);
    background-repeat: repeat;
    background-size: 34px 30px;
}

.clickable-link:hover {
  background-color: #eaf7f7 !important;
  cursor:pointer;
}


.user-achievements-banner {
  background-color:  rgba(255,103,29,.2);
}

.text-grey {
  color:#786e6e !important;
}

.checklist .cr {

  border: 1px solid #a9a9a9;
}
/**
 * Popover
 */
.popover-header {
  background-color:#1c63ac !important;
  color:white;
}


.alert-info {
    color: #424242;
    background-color: #efefef;
    border-color: #d3e0e9;
}

.border-info {
    /*border-color: rgba(255,103,29,.25)!important;*/
}

.badge-primary {
    color: #fff;
    background-color:#0074A9
}

.card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
    background-color:rgba(255, 255, 255, .2)
}


.info-color {
    background-color:#69634E !important
}

.info-color-dark {
    background-color:#434342 !important
}


.user-notices i:hover {
  color:#2b96ff !important;
}

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


.table-card .clickable-link:hover {
    background-color: #eee;
    cursor: pointer;
}

.list-group-item-info {
    color: #424242;
    background-color: #ededed ;
}

.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-default .badge {
    color: #fff;
    background-color: #636b6f
}

.btn-primary, a.btn-primary, a:not([href]):not([tabindex]).btn-primary{
    color: #fff;
    background-color: #0074A9;
    border-color: #2a88bd
}


.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0074A9;
    border-color: #2a88bd
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0074A9;
    border-color: #2a88bd
}

.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: #0074A9;
    border-color: #2a88bd
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color:#fff;
    background-color:#2a88bd;
    border-color:#0074A9
}

.btn-primary .badge {
    color: #0074A9;
    background-color: #fff
}

.btn.btn-primary.btn-outline-white.active {
  background-color: #69634E !important;/*59c3e3*/
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color:#6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color:#545b62
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow:0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color:#6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color:#4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
    color: #fff;
    background-color: #2ab27b;
    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: #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: #0074A9;
}

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

/*.filter .btn .btn-outline-info  {
  border-color: #8eb4cb!important;
  background-color: 8eb4cb!important;
  color: #fff!important;
}*/

/*.btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover {
  border-color: #8eb4cb!important;
  background-color: transparent!important;
  color: #8eb4cb!important;
}*/
.btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.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: transparent!important;
    border-color: #0074A9!important;
}

.btn-outline-info {
    color: #0074A9;
    border-color:#0074A9
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #0074A9;
}

.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow:0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color:transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow:0 0 0 .2rem rgba(23, 162, 184, .5)
}

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

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

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


.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 .breadcrumb .breadcrumb-item a {
  color: #ffffff;  
}


.breadcrumb { 
  background-color:  rgba(69, 178, 231, 0.2);
}

.dropdown-menu .dropdown-header {
  color: #222;
}

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


.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 */

#main-nav {
    background-color: #0074A9;
    border-bottom: 1px solid #ccc;
}

.navbar-dark {
    background-color: #0074A9;
    border-color: #0074A9
}

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

.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 {
    color: #e3e3e4
}

.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{
    color: #fff;
}
.navbar-dark .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #2e6393
}

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

.navbar-dark .navbar-toggle {
    border-color: #2e6393
}

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

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

.navbar-dark  .navbar-nav>li:hover {background-color: #2e6393;}

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

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

.navbar-nav a.nav-link{
  color: rgba(255, 255, 255, .85)!important
}

.navbar-nav li.active span {
border-bottom: 3px solid rgb(55, 55, 71);
}

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

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

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

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

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .9) !important;
}

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

.training-heading , .sub-header, .lesson-actions {
    background-color: #424242;
    color:#fff;
}

.training-heading a {

    color:#a3bfe0;
}

.slideshow-sidebar {
  background-color: #fff;
}

.carousel-control-prev-icon, 
.carousel-control-next-icon {
  background-color: #c0cfd8;
}

.course-container .overlay, .course-container .underlay {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid #ccc;
  border-radius: 10px;
}

.course-container .underlay {
  background-color: rgba(0,0,0,0.0);
}
.course-container .course-title, .course-container .course-summary {
  color:#424242;
  font-weight: 700;
}
.course-container .course-summary {
  color:#fff;
  background-color: rgba(0,0,0,0.4);

  border-radius: 10px;
}
.course-container .course-complete {
  background-color: #24f252;
  background-color: var(--success-green, #24f252); 
  color:black;
}

.course-container .course-incomplete {
  background-color: #fca206;
  background-color: var(--warning-orange, #fca206); 
  color:black;
}

.course-container .course-tag {
  background-color:#42afe3; 
  color:white;
}

.course-container .course-stats {
  color:#464645; 
}


.course-assessments .course-box a {
  color: #3097d1;
}

.course-assessments .course-box a:hover {
  color: #3097d1;
}

.course-assessments .course-badge {
  background-color:#2b96ff;
}


.course-assessments .assessments-progress .count-completed .count {
  background-color:#2b96ff; 
  color:white; 
}

/* Sweetalert mods */


.swal-button--confirm {
  background-color: #dd6b55; /* confirmButtonColor: "#DD6B55", */
}

.swal-modal .swal2-close {

  background: transparent;
  color: #cccccc;
}

.swal-modal .swal2-close:hover {
  color: #f27474;
}

.swal-footer {
  background-color: rgb(245, 248, 250);
  border-top: 1px solid #E9EEF1;
}

.swal-overlay {
  background-color: rgba(43, 165, 137, 0.45);
}


/**
 * Training List (Unit list, lesson list, ect)
 */

.progress-row {
  background-color: #efefef;
  border-color:#d3e0e9;
}

.sub-header {
  color: #fff;
  background-color: #424242;
  background-color: var(--sub-header, #424242);
}

.training-list-item:nth-child(2n) {
  background: #efefef;
  background: var(--alternating-li, #efefef);
}

/* section header */
.section_header {
  color: #424242;
  color: var(--sub-header, #424242);
}

.section_header hr {
  border-top: 1px solid #BEC0C3;
  border-bottom: 2px solid white;
}
.section_header small {
  color: #7f8387;
}

.file-uploader-button:hover {
  color:white !important;
}

.footer {
  background-color:#101010;
}


/** 
 * Activities (search result)
 */
 
.activities-list .sidebar h3,
.activities-list .sidebar h4,
.activities-list .sidebar h5,
.activities-list .sidebar h6 {
  background-color: #ededed;
} 
.activities-list .sidebar ul li .sidebar-list-item:hover {
  background-color: #f6f6f6;
}
.activities-list .lesson-highlight {
  background-color: #ededed;
}
.activities-list .training-list-item:nth-child(2n) {
  background: #efefef;
  background: var(--alternating-li, #efefef);
}

/**
 * Assessments
 */

.btn-activetick.active::after {
  background-color:#3c763d;
  outline: 1px solid white;
}

#assessmentTimer {
  background-color: #0b51c5;
}

#assessmentTimer div {
  background-color: #4285f4;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #81A74C;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #92C65F;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #92C65F;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #92C65F; 
}

/**** SITE ***/

.home.intro {
  color: white;
}


.header-img-text{
  background-color:rgba(0,20,40,0.7); 
  color:#fff;
}

/* MDB crap */


.primary-lighter-hover {
  color: #4285F4;
  -webkit-transition: .4s;
  transition: .4s; }
.primary-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #8ab4f8; }

.primary-darker-hover {
  color: #4285F4;
  -webkit-transition: .4s;
  transition: .4s; }
.primary-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #0d5bdd; }

.danger-lighter-hover {
  color: #ff3547;
  -webkit-transition: .4s;
  transition: .4s; }
.danger-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #ff828d; }

.danger-darker-hover {
  color: #ff3547;
  -webkit-transition: .4s;
  transition: .4s; }
.danger-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #e80015; }

.warning-lighter-hover {
  color: #FF8800;
  -webkit-transition: .4s;
  transition: .4s; }
.warning-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #ffac4d; }

.warning-darker-hover {
  color: #FF8800;
  -webkit-transition: .4s;
  transition: .4s; }
.warning-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #b35f00; }

.success-lighter-hover {
  color: #00C851;
  -webkit-transition: .4s;
  transition: .4s; }
.success-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #16ff74; }

.success-darker-hover {
  color: #00C851;
  -webkit-transition: .4s;
  transition: .4s; }
.success-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #007c32; }

.info-lighter-hover {
  color: #33b5e5;
  -webkit-transition: .4s;
  transition: .4s; }
.info-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #77ceee; }

.info-darker-hover {
  color: #33b5e5;
  -webkit-transition: .4s;
  transition: .4s; }
.info-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #178ab4; }

.default-lighter-hover {
  color: #2BBBAD;
  -webkit-transition: .4s;
  transition: .4s; }
.default-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #5ad9cd; }

.default-darker-hover {
  color: #2BBBAD;
  -webkit-transition: .4s;
  transition: .4s; }
.default-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #1d7d73; }

.secondary-lighter-hover {
  color: #aa66cc;
  -webkit-transition: .4s;
  transition: .4s; }
.secondary-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #ca9fdf; }

.secondary-darker-hover {
  color: #aa66cc;
  -webkit-transition: .4s;
  transition: .4s; }
.secondary-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #8639ac; }

.elegant-lighter-hover {
  color: #2E2E2E;
  -webkit-transition: .4s;
  transition: .4s; }
.elegant-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #545454; }

.elegant-darker-hover {
  color: #2E2E2E;
  -webkit-transition: .4s;
  transition: .4s; }
.elegant-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #080808; }

.unique-lighter-hover {
  color: #880e4f;
  -webkit-transition: .4s;
  transition: .4s; }
.unique-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #cd1577; }

.unique-darker-hover {
  color: #880e4f;
  -webkit-transition: .4s;
  transition: .4s; }
.unique-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #430727; }

.dark-green-lighter-hover {
  color: #388E3C;
  -webkit-transition: .4s;
  transition: .4s; }
.dark-green-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #56bc5b; }

.dark-green-darker-hover {
  color: #388E3C;
  -webkit-transition: .4s;
  transition: .4s; }
.dark-green-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #225725; }

.mdb-color-lighter-hover {
  color: #59698D;
  -webkit-transition: .4s;
  transition: .4s; }
.mdb-color-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #8290b0; }

.mdb-color-darker-hover {
  color: #59698D;
  -webkit-transition: .4s;
  transition: .4s; }
.mdb-color-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #3b465e; }

.red-lighter-hover {
  color: #D32F2F;
  -webkit-transition: .4s;
  transition: .4s; }
.red-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #e06e6e; }

.red-darker-hover {
  color: #D32F2F;
  -webkit-transition: .4s;
  transition: .4s; }
.red-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #962020; }

.pink-lighter-hover {
  color: #ec407a;
  -webkit-transition: .4s;
  transition: .4s; }
.pink-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #f386aa; }

.pink-darker-hover {
  color: #ec407a;
  -webkit-transition: .4s;
  transition: .4s; }
.pink-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #cb1452; }

.purple-lighter-hover {
  color: #8e24aa;
  -webkit-transition: .4s;
  transition: .4s; }
.purple-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #b843d7; }

.purple-darker-hover {
  color: #8e24aa;
  -webkit-transition: .4s;
  transition: .4s; }
.purple-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #59176b; }

.deep-purple-lighter-hover {
  color: #512da8;
  -webkit-transition: .4s;
  transition: .4s; }
.deep-purple-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #7651d0; }

.deep-purple-darker-hover {
  color: #512da8;
  -webkit-transition: .4s;
  transition: .4s; }
.deep-purple-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #341d6c; }

.indigo-lighter-hover {
  color: #3f51b5;
  -webkit-transition: .4s;
  transition: .4s; }
.indigo-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #7280ce; }

.indigo-darker-hover {
  color: #3f51b5;
  -webkit-transition: .4s;
  transition: .4s; }
.indigo-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #2b387c; }

.blue-lighter-hover {
  color: #1976D2;
  -webkit-transition: .4s;
  transition: .4s; }
.blue-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #4e9cea; }

.blue-darker-hover {
  color: #1976D2;
  -webkit-transition: .4s;
  transition: .4s; }
.blue-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #11508e; }

.light-blue-lighter-hover {
  color: #82B1FF;
  -webkit-transition: .4s;
  transition: .4s; }
.light-blue-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #cfe1ff; }

.light-blue-darker-hover {
  color: #82B1FF;
  -webkit-transition: .4s;
  transition: .4s; }
.light-blue-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #3681ff; }

.cyan-lighter-hover {
  color: #00bcd4;
  -webkit-transition: .4s;
  transition: .4s; }
.cyan-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #22e6ff; }

.cyan-darker-hover {
  color: #00bcd4;
  -webkit-transition: .4s;
  transition: .4s; }
.cyan-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #007888; }

.teal-lighter-hover {
  color: #00796b;
  -webkit-transition: .4s;
  transition: .4s; }
.teal-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #00c6af; }

.teal-darker-hover {
  color: #00796b;
  -webkit-transition: .4s;
  transition: .4s; }
.teal-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #002d27; }

.green-lighter-hover {
  color: #388E3C;
  -webkit-transition: .4s;
  transition: .4s; }
.green-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #56bc5b; }

.green-darker-hover {
  color: #388E3C;
  -webkit-transition: .4s;
  transition: .4s; }
.green-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #225725; }

.light-green-lighter-hover {
  color: #8bc34a;
  -webkit-transition: .4s;
  transition: .4s; }
.light-green-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #b0d683; }

.light-green-darker-hover {
  color: #8bc34a;
  -webkit-transition: .4s;
  transition: .4s; }
.light-green-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #649130; }

.lime-lighter-hover {
  color: #afb42b;
  -webkit-transition: .4s;
  transition: .4s; }
.lime-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #d2d655; }

.lime-darker-hover {
  color: #afb42b;
  -webkit-transition: .4s;
  transition: .4s; }
.lime-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #73761c; }

.yellow-lighter-hover {
  color: #fbc02d;
  -webkit-transition: .4s;
  transition: .4s; }
.yellow-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #fcd778; }

.yellow-darker-hover {
  color: #fbc02d;
  -webkit-transition: .4s;
  transition: .4s; }
.yellow-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #d79b04; }

.amber-lighter-hover {
  color: #ffa000;
  -webkit-transition: .4s;
  transition: .4s; }
.amber-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #ffbd4d; }

.amber-darker-hover {
  color: #ffa000;
  -webkit-transition: .4s;
  transition: .4s; }
.amber-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #b37000; }

.orange-lighter-hover {
  color: #f57c00;
  -webkit-transition: .4s;
  transition: .4s; }
.orange-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #ffa243; }

.orange-darker-hover {
  color: #f57c00;
  -webkit-transition: .4s;
  transition: .4s; }
.orange-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #a95500; }

.deep-orange-lighter-hover {
  color: #ff7043;
  -webkit-transition: .4s;
  transition: .4s; }
.deep-orange-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #ffaa90; }

.deep-orange-darker-hover {
  color: #ff7043;
  -webkit-transition: .4s;
  transition: .4s; }
.deep-orange-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #f63b00; }

.brown-lighter-hover {
  color: #795548;
  -webkit-transition: .4s;
  transition: .4s; }
.brown-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #a57868; }

.brown-darker-hover {
  color: #795548;
  -webkit-transition: .4s;
  transition: .4s; }
.brown-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #49332b; }

.grey-lighter-hover {
  color: #616161;
  -webkit-transition: .4s;
  transition: .4s; }
.grey-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #878787; }

.grey-darker-hover {
  color: #616161;
  -webkit-transition: .4s;
  transition: .4s; }
.grey-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #3b3b3b; }

.blue-grey-lighter-hover {
  color: #78909c;
  -webkit-transition: .4s;
  transition: .4s; }
.blue-grey-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #a4b4bc; }

.blue-grey-darker-hover {
  color: #78909c;
  -webkit-transition: .4s;
  transition: .4s; }
.blue-grey-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #546973; }

.white-lighter-hover {
  color: #fff;
  -webkit-transition: .4s;
  transition: .4s; }
.white-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: white; }

.white-darker-hover {
  color: #fff;
  -webkit-transition: .4s;
  transition: .4s; }
.white-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #d9d9d9; }

.black-lighter-hover {
  color: #000;
  -webkit-transition: .4s;
  transition: .4s; }
.black-lighter-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #262626; }

.black-darker-hover {
  color: #000;
  -webkit-transition: .4s;
  transition: .4s; }
.black-darker-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: black; }



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

    .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-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #041f3b
    }

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

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

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

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