/*-------------------------------*/
/*-------------------------------*/
/*------------PRIMARY-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-primary {
    color: #e20613!important
}
.bg-primary {
    background-color: #e20613!important
}
a.text-primary:focus,
a.text-primary:hover {
    color: #f33527!important
}
.card.bg-primary,
.card .card-header-primary,
.card.card-rotate.bg-primary .back,
.card.card-rotate.bg-primary .front {
    background: linear-gradient(60deg, #ef5350, #d32f2f)
}
.card .card-header-primary {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(226,6,19, .6)
}
.btn.btn-primary {
    color: #ffffff;
    background-color: #e20613;
    border-color: #e20613;
    box-shadow: 0 2px 2px 0 rgba(226,6,19, .14), 0 3px 1px -2px rgba(226,6,19, .2), 0 1px 5px 0 rgba(226,6,19, .12)
}
.btn.btn-primary.focus,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    color: #ffffff;
    background-color: #f33527;
    border-color: #f33527
}
.btn.btn-primary.active,
.btn.btn-primary:active,
.open>.btn.btn-primary.dropdown-toggle,
.show>.btn.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #f33527;
    border-color: #f33527;
    box-shadow: 0 2px 2px 0 rgba(226,6,19, .14), 0 3px 1px -2px rgba(226,6,19, .2), 0 1px 5px 0 rgba(226,6,19, .12)
}
.btn.btn-primary.active.focus,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.btn.btn-primary:active.focus,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.open>.btn.btn-primary.dropdown-toggle.focus,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle:hover,
.show>.btn.btn-primary.dropdown-toggle.focus,
.show>.btn.btn-primary.dropdown-toggle:focus,
.show>.btn.btn-primary.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #f33527;
    border-color: #f33527
}
.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #e20613
}
.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #f33527
}
.btn.btn-primary.disabled.focus,
.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled:hover,
.btn.btn-primary:disabled.focus,
.btn.btn-primary:disabled:focus,
.btn.btn-primary:disabled:hover {
    background-color: #e20613;
    border-color: #e20613
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(226,6,19, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(226,6,19, .2)
}
.btn.btn-primary.btn-link {
    box-shadow: none
}
.btn.btn-primary.btn-link,
.btn.btn-primary.btn-link:active,
.btn.btn-primary.btn-link:focus,
.btn.btn-primary.btn-link:hover {
    background-color: transparent;
    color: #e20613
}
.btn.btn-outline-primary {
    color: #e20613;
    background-color: transparent;
    border-color: #e20613
}
.btn.btn-outline-primary.focus,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #e20613
}
.btn.btn-outline-primary.active,
.btn.btn-outline-primary:active,
.open>.btn.btn-outline-primary.dropdown-toggle,
.show>.btn.btn-outline-primary.dropdown-toggle {
    color: #e20613;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #e20613;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-primary.active.focus,
.btn.btn-outline-primary.active:focus,
.btn.btn-outline-primary.active:hover,
.btn.btn-outline-primary:active.focus,
.btn.btn-outline-primary:active:focus,
.btn.btn-outline-primary:active:hover,
.open>.btn.btn-outline-primary.dropdown-toggle.focus,
.open>.btn.btn-outline-primary.dropdown-toggle:focus,
.open>.btn.btn-outline-primary.dropdown-toggle:hover,
.show>.btn.btn-outline-primary.dropdown-toggle.focus,
.show>.btn.btn-outline-primary.dropdown-toggle:focus,
.show>.btn.btn-outline-primary.dropdown-toggle:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #e20613
}
.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-primary,
.btn.btn-outline-primary.disabled.focus,
.btn.btn-outline-primary.disabled:focus,
.btn.btn-outline-primary.disabled:hover,
.btn.btn-outline-primary:disabled.focus,
.btn.btn-outline-primary:disabled:focus,
.btn.btn-outline-primary:disabled:hover {
    background-color: transparent;
    border-color: #e20613
}
.bg-inverse .btn.btn-outline-primary {
    color: #e20613
}
.bg-inverse .btn.btn-outline-primary.focus,
.bg-inverse .btn.btn-outline-primary:focus,
.bg-inverse .btn.btn-outline-primary:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-primary.active,
.bg-inverse .btn.btn-outline-primary:active,
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle {
    color: #e20613;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-primary.active.focus,
.bg-inverse .btn.btn-outline-primary.active:focus,
.bg-inverse .btn.btn-outline-primary.active:hover,
.bg-inverse .btn.btn-outline-primary:active.focus,
.bg-inverse .btn.btn-outline-primary:active:focus,
.bg-inverse .btn.btn-outline-primary:active:hover,
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-primary.disabled.focus,
.bg-inverse .btn.btn-outline-primary.disabled:focus,
.bg-inverse .btn.btn-outline-primary.disabled:hover,
.bg-inverse .btn.btn-outline-primary:disabled.focus,
.bg-inverse .btn.btn-outline-primary:disabled:focus,
.bg-inverse .btn.btn-outline-primary:disabled:hover {
    background-color: transparent;
    border-color: #e20613
}
.btn.btn-outline-primary.btn-link {
    background-color: transparent
}
a.text-primary:focus,
a.text-primary:hover {
    color: #f33527
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=primary]:after {
    background: rgba(226,6,19, .56);
    background: linear-gradient(60deg, rgba(239,83,80, .56), rgba({211,47,47}, .95))
}
.bootstrap-tagsinput.primary-badge .tag {
    background-color: #e20613;
    color: #ffffff
}
.bootstrap-tagsinput.primary-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-primary {
    background: rgba(226,6,19, .2)
}
.progress .progress-bar.progress-bar-primary {
    background: #e20613
}
.icon.icon-primary {
    color: #e20613
}
.has-primary [class*=" bmd-label"],
.has-primary [class^=bmd-label] {
    color: #e20613
}
.has-primary .form-control,
.is-focused .has-primary .form-control {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-primary .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-primary .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-primary .form-control.disabled,
.has-primary .form-control:disabled,
.has-primary .form-control[disabled],
fieldset[disabled][disabled] .has-primary .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-primary .form-control.form-control-success,
.is-focused .has-primary .form-control.form-control-success {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-primary .form-control.form-control-warning,
.is-focused .has-primary .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-primary .form-control.form-control-danger,
.is-focused .has-primary .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-primary .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #e20613
}
.has-primary .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(226,6,19, .8);
    border-radius: .2rem
}
.has-primary .is-focused .custom-select.is-valid,
.has-primary .is-focused .form-control.is-valid,
.was-validated .has-primary .is-focused .custom-select:valid,
.was-validated .has-primary .is-focused .form-control:valid {
    border-color: #e20613
}
.has-primary .is-focused .custom-select.is-valid:focus,
.has-primary .is-focused .form-control.is-valid:focus,
.was-validated .has-primary .is-focused .custom-select:valid:focus,
.was-validated .has-primary .is-focused .form-control:valid:focus {
    border-color: #e20613;
    box-shadow: 0 0 0 .2rem rgba(226,6,19, .25)
}
.has-primary .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-primary .is-focused .form-check-input:valid~.form-check-label {
    color: #e20613
}
.has-primary .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-primary .is-focused .custom-control-input:valid~.custom-control-label {
    color: #e20613
}
.has-primary .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-primary .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #f33527
}
.has-primary .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-primary .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #f33527
}
.has-primary .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-primary .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(226,6,19, .25)
}
.has-primary .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-primary .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #e20613
}
.has-primary .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-primary .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(226,6,19, .25)
}
.has-primary .is-focused .bmd-label-placeholder,
.has-primary .is-focused [class*=" bmd-label"],
.has-primary .is-focused [class^=bmd-label] {
    color: #e20613
}
.has-primary .is-focused .form-control {
    border-color: #e20613
}
.navbar.bg-primary {
    color: #ffffff;
    background-color: #e20613!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(226,6,19, .46)
}
.navbar.bg-primary .dropdown-item:focus,
.navbar.bg-primary .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(226,6,19, .4);
    background-color: #e20613;
    color: #ffffff
}
.navbar.bg-primary .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-primary {
    background-color: #e20613
}
.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #f33527
}
.alert.alert-primary {
    background-color: #f33527;
    color: #ffffff
}
.alert.alert-primary .alert-link,
.alert.alert-primary a {
    color: #ffffff
}
.pagination.pagination-primary>.page-item.active>a,
.pagination.pagination-primary>.page-item.active>a:focus,
.pagination.pagination-primary>.page-item.active>a:hover,
.pagination.pagination-primary>.page-item.active>span,
.pagination.pagination-primary>.page-item.active>span:focus,
.pagination.pagination-primary>.page-item.active>span:hover {
    background-color: #e20613;
    border-color: #e20613;
    box-shadow: 0 4px 5px 0 rgba(226,6,19, .14), 0 1px 10px 0 rgba(226,6,19, .12), 0 2px 4px -1px rgba(226,6,19, .2)
}
.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: #e20613;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(226,6,19, .6);
    color: #ffffff
}
/*USE PRIMARY*/
.bootstrap-tagsinput.primary-badge .tag {
    background-color: #e20613;
    color: #ffffff
}
.btn-link {
    font-weight: 400;
    color: #e20613;
    background-color: transparent
}
a {
    color: #e20613
}
a:focus,
a:hover {
    color: #f33527;
    text-decoration: none
}
.bootstrap-select .btn.active,
.bootstrap-select .btn:active,
.bootstrap-select .select-with-transition {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0)
}
.bd-docs .bd-toc-item .bd-sidenav a span {
    float: right;
    margin-top: 5px;
    padding: 3px 7px;
    font-size: 8px;
    line-height: 9px;
    background-color: #e20613
}
.form-check .form-check-input:checked+.form-check-sign .check {
    background: #e20613
}
.switch label input:checked+.bmd-switch-track:after {
    left: calc(100% - 1.25rem);
    background-color: #e20613
}
.form-check .form-check-label .circle .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #e20613;
    transform: scale3d(0, 0, 0)
}
.form-check .form-check-input:checked~.check {
    background-color: #e20613
}
.form-check .form-check-input:checked~.circle {
    border-color: #e20613
}
.form-control,
.is-focused .form-control {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.bootstrap-select .btn.active,
.bootstrap-select .btn:active,
.bootstrap-select .select-with-transition {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0)
}
.togglebutton label input[type=checkbox]:checked+.toggle {
    background-color: rgba(226,6,19, .7)
}

.togglebutton label input[type=checkbox]:checked+.toggle:after {
    border-color: #e20613
}
.nav-tabs .nav-link.active {
    color: rgba(0, 0, 0, .87);
    border-color: #e20613
}

.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    border-color: #e20613
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(226,6,19, .4);
    background-color: #e20613;
    color: #ffffff
}
.nav-pills .nav-item .nav-link.active {
    color: #ffffff;
    background-color: #e20613;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(226,6,19, .6)
}
.pagination>.page-item.active>a,
.pagination>.page-item.active>a:focus,
.pagination>.page-item.active>a:hover,
.pagination>.page-item.active>span,
.pagination>.page-item.active>span:focus,
.pagination>.page-item.active>span:hover {
    background-color: #e20613;
    border-color: #e20613;
    color: #ffffff;
    box-shadow: 0 4px 5px 0 rgba(226,6,19, .14), 0 1px 10px 0 rgba(226,6,19, .12), 0 2px 4px -1px rgba(226,6,19, .2)
}
.is-focused [class*=" bmd-label"],
.is-focused [class^=bmd-label] {
    color: #e20613
}
/*-------------------------------*/
/*-------------------------------*/
/*------------INFO-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-info {
    color: #00bcd4!important
}
.bg-info {
    background-color: #00bcd4!important
}
a.text-info:focus,
a.text-info:hover {
    color: #00aec5!important
}
.card.bg-info,
.card .card-header-info,
.card.card-rotate.bg-info .back,
.card.card-rotate.bg-info .front {
    background: linear-gradient(60deg, #26c6da, #0097a7)
}
.card .card-header-info {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(0,188,212, .6)
}
.btn.btn-info {
    color: #ffffff;
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 2px 2px 0 rgba(0,188,212, .14), 0 3px 1px -2px rgba(0,188,212, .2), 0 1px 5px 0 rgba(0,188,212, .12)
}
.btn.btn-info.focus,
.btn.btn-info:focus,
.btn.btn-info:hover {
    color: #ffffff;
    background-color: #00aec5;
    border-color: #00aec5
}
.btn.btn-info.active,
.btn.btn-info:active,
.open>.btn.btn-info.dropdown-toggle,
.show>.btn.btn-info.dropdown-toggle {
    color: #ffffff;
    background-color: #00aec5;
    border-color: #00aec5;
    box-shadow: 0 2px 2px 0 rgba(0,188,212, .14), 0 3px 1px -2px rgba(0,188,212, .2), 0 1px 5px 0 rgba(0,188,212, .12)
}
.btn.btn-info.active.focus,
.btn.btn-info.active:focus,
.btn.btn-info.active:hover,
.btn.btn-info:active.focus,
.btn.btn-info:active:focus,
.btn.btn-info:active:hover,
.open>.btn.btn-info.dropdown-toggle.focus,
.open>.btn.btn-info.dropdown-toggle:focus,
.open>.btn.btn-info.dropdown-toggle:hover,
.show>.btn.btn-info.dropdown-toggle.focus,
.show>.btn.btn-info.dropdown-toggle:focus,
.show>.btn.btn-info.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #00aec5;
    border-color: #00aec5
}
.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #00bcd4
}
.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #00aec5
}
.btn.btn-info.disabled.focus,
.btn.btn-info.disabled:focus,
.btn.btn-info.disabled:hover,
.btn.btn-info:disabled.focus,
.btn.btn-info:disabled:focus,
.btn.btn-info:disabled:hover {
    background-color: #00bcd4;
    border-color: #00bcd4
}
.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info:hover {
    box-shadow: 0 14px 26px -12px rgba(0,188,212, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0,188,212, .2)
}
.btn.btn-info.btn-link {
    box-shadow: none
}
.btn.btn-info.btn-link,
.btn.btn-info.btn-link:active,
.btn.btn-info.btn-link:focus,
.btn.btn-info.btn-link:hover {
    background-color: transparent;
    color: #00bcd4
}
.btn.btn-outline-info {
    color: #00bcd4;
    background-color: transparent;
    border-color: #00bcd4
}
.btn.btn-outline-info.focus,
.btn.btn-outline-info:focus,
.btn.btn-outline-info:hover {
    color: #00bcd4;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #00bcd4
}
.btn.btn-outline-info.active,
.btn.btn-outline-info:active,
.open>.btn.btn-outline-info.dropdown-toggle,
.show>.btn.btn-outline-info.dropdown-toggle {
    color: #00bcd4;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #00bcd4;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-info.active.focus,
.btn.btn-outline-info.active:focus,
.btn.btn-outline-info.active:hover,
.btn.btn-outline-info:active.focus,
.btn.btn-outline-info:active:focus,
.btn.btn-outline-info:active:hover,
.open>.btn.btn-outline-info.dropdown-toggle.focus,
.open>.btn.btn-outline-info.dropdown-toggle:focus,
.open>.btn.btn-outline-info.dropdown-toggle:hover,
.show>.btn.btn-outline-info.dropdown-toggle.focus,
.show>.btn.btn-outline-info.dropdown-toggle:focus,
.show>.btn.btn-outline-info.dropdown-toggle:hover {
    color: #00bcd4;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #00bcd4
}
.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-info,
.btn.btn-outline-info.disabled.focus,
.btn.btn-outline-info.disabled:focus,
.btn.btn-outline-info.disabled:hover,
.btn.btn-outline-info:disabled.focus,
.btn.btn-outline-info:disabled:focus,
.btn.btn-outline-info:disabled:hover {
    background-color: transparent;
    border-color: #00bcd4
}
.bg-inverse .btn.btn-outline-info {
    color: #00bcd4
}
.bg-inverse .btn.btn-outline-info.focus,
.bg-inverse .btn.btn-outline-info:focus,
.bg-inverse .btn.btn-outline-info:hover {
    color: #00bcd4;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-info.active,
.bg-inverse .btn.btn-outline-info:active,
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle {
    color: #00bcd4;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-info.active.focus,
.bg-inverse .btn.btn-outline-info.active:focus,
.bg-inverse .btn.btn-outline-info.active:hover,
.bg-inverse .btn.btn-outline-info:active.focus,
.bg-inverse .btn.btn-outline-info:active:focus,
.bg-inverse .btn.btn-outline-info:active:hover,
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover {
    color: #00bcd4;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-info.disabled.focus,
.bg-inverse .btn.btn-outline-info.disabled:focus,
.bg-inverse .btn.btn-outline-info.disabled:hover,
.bg-inverse .btn.btn-outline-info:disabled.focus,
.bg-inverse .btn.btn-outline-info:disabled:focus,
.bg-inverse .btn.btn-outline-info:disabled:hover {
    background-color: transparent;
    border-color: #00bcd4
}
.btn.btn-outline-info.btn-link {
    background-color: transparent
}
a.text-info:focus,
a.text-info:hover {
    color: #00aec5
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=info]:after {
    background: rgba(0,188,212, .56);
    background: linear-gradient(60deg, rgba(38,198,218, .56), rgba({0,151,167}, .95))
}
.bootstrap-tagsinput.info-badge .tag {
    background-color: #00bcd4;
    color: #ffffff
}
.bootstrap-tagsinput.info-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-info {
    background: rgba(0,188,212, .2)
}
.progress .progress-bar.progress-bar-info {
    background: #00bcd4
}
.icon.icon-info {
    color: #00bcd4
}
.has-info [class*=" bmd-label"],
.has-info [class^=bmd-label] {
    color: #00bcd4
}
.has-info .form-control,
.is-focused .has-info .form-control {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0,188,212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-info .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-info .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-info .form-control.disabled,
.has-info .form-control:disabled,
.has-info .form-control[disabled],
fieldset[disabled][disabled] .has-info .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-info .form-control.form-control-success,
.is-focused .has-info .form-control.form-control-success {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0,188,212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-info .form-control.form-control-warning,
.is-focused .has-info .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0,188,212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-info .form-control.form-control-danger,
.is-focused .has-info .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0,188,212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-info .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #00bcd4
}
.has-info .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(0,188,212, .8);
    border-radius: .2rem
}
.has-info .is-focused .custom-select.is-valid,
.has-info .is-focused .form-control.is-valid,
.was-validated .has-info .is-focused .custom-select:valid,
.was-validated .has-info .is-focused .form-control:valid {
    border-color: #00bcd4
}
.has-info .is-focused .custom-select.is-valid:focus,
.has-info .is-focused .form-control.is-valid:focus,
.was-validated .has-info .is-focused .custom-select:valid:focus,
.was-validated .has-info .is-focused .form-control:valid:focus {
    border-color: #00bcd4;
    box-shadow: 0 0 0 .2rem rgba(0,188,212, .25)
}
.has-info .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-info .is-focused .form-check-input:valid~.form-check-label {
    color: #00bcd4
}
.has-info .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label {
    color: #00bcd4
}
.has-info .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #00aec5
}
.has-info .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-info .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #00aec5
}
.has-info .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-info .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(0,188,212, .25)
}
.has-info .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #00bcd4
}
.has-info .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-info .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(0,188,212, .25)
}
.has-info .is-focused .bmd-label-placeholder,
.has-info .is-focused [class*=" bmd-label"],
.has-info .is-focused [class^=bmd-label] {
    color: #00bcd4
}
.has-info .is-focused .form-control {
    border-color: #00bcd4
}
.navbar.bg-info {
    color: #ffffff;
    background-color: #00bcd4!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(0,188,212, .46)
}
.navbar.bg-info .dropdown-item:focus,
.navbar.bg-info .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0,188,212, .4);
    background-color: #00bcd4;
    color: #ffffff
}
.navbar.bg-info .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-info {
    background-color: #00bcd4
}
.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #00aec5
}
.alert.alert-info {
    background-color: #00aec5;
    color: #ffffff
}
.alert.alert-info .alert-link,
.alert.alert-info a {
    color: #ffffff
}
.pagination.pagination-info>.page-item.active>a,
.pagination.pagination-info>.page-item.active>a:focus,
.pagination.pagination-info>.page-item.active>a:hover,
.pagination.pagination-info>.page-item.active>span,
.pagination.pagination-info>.page-item.active>span:focus,
.pagination.pagination-info>.page-item.active>span:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 4px 5px 0 rgba(0,188,212, .14), 0 1px 10px 0 rgba(0,188,212, .12), 0 2px 4px -1px rgba(0,188,212, .2)
}
.nav-pills.nav-pills-info .nav-item .nav-link.active,
.nav-pills.nav-pills-info .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #00bcd4;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(0,188,212, .6);
    color: #ffffff
}
/*-------------------------------*/
/*-------------------------------*/
/*------------SUCCESS-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-success {
    color: #4caf50!important
}
.bg-success {
    background-color: #4caf50!important
}
a.text-success:focus,
a.text-success:hover {
    color: #47a44b!important
}
.card.bg-success,
.card .card-header-success,
.card.card-rotate.bg-success .back,
.card.card-rotate.bg-success .front {
    background: linear-gradient(60deg, #66bb6a, #388e3c)
}
.card .card-header-success {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(76,175,80, .6)
}
.btn.btn-success {
    color: #ffffff;
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 2px 2px 0 rgba(76,175,80, .14), 0 3px 1px -2px rgba(76,175,80, .2), 0 1px 5px 0 rgba(76,175,80, .12)
}
.btn.btn-success.focus,
.btn.btn-success:focus,
.btn.btn-success:hover {
    color: #ffffff;
    background-color: #47a44b;
    border-color: #47a44b
}
.btn.btn-success.active,
.btn.btn-success:active,
.open>.btn.btn-success.dropdown-toggle,
.show>.btn.btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #47a44b;
    border-color: #47a44b;
    box-shadow: 0 2px 2px 0 rgba(76,175,80, .14), 0 3px 1px -2px rgba(76,175,80, .2), 0 1px 5px 0 rgba(76,175,80, .12)
}
.btn.btn-success.active.focus,
.btn.btn-success.active:focus,
.btn.btn-success.active:hover,
.btn.btn-success:active.focus,
.btn.btn-success:active:focus,
.btn.btn-success:active:hover,
.open>.btn.btn-success.dropdown-toggle.focus,
.open>.btn.btn-success.dropdown-toggle:focus,
.open>.btn.btn-success.dropdown-toggle:hover,
.show>.btn.btn-success.dropdown-toggle.focus,
.show>.btn.btn-success.dropdown-toggle:focus,
.show>.btn.btn-success.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #47a44b;
    border-color: #47a44b
}
.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #4caf50
}
.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #47a44b
}
.btn.btn-success.disabled.focus,
.btn.btn-success.disabled:focus,
.btn.btn-success.disabled:hover,
.btn.btn-success:disabled.focus,
.btn.btn-success:disabled:focus,
.btn.btn-success:disabled:hover {
    background-color: #4caf50;
    border-color: #4caf50
}
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:hover {
    box-shadow: 0 14px 26px -12px rgba(76,175,80, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(76,175,80, .2)
}
.btn.btn-success.btn-link {
    box-shadow: none
}
.btn.btn-success.btn-link,
.btn.btn-success.btn-link:active,
.btn.btn-success.btn-link:focus,
.btn.btn-success.btn-link:hover {
    background-color: transparent;
    color: #4caf50
}
.btn.btn-outline-success {
    color: #4caf50;
    background-color: transparent;
    border-color: #4caf50
}
.btn.btn-outline-success.focus,
.btn.btn-outline-success:focus,
.btn.btn-outline-success:hover {
    color: #4caf50;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #4caf50
}
.btn.btn-outline-success.active,
.btn.btn-outline-success:active,
.open>.btn.btn-outline-success.dropdown-toggle,
.show>.btn.btn-outline-success.dropdown-toggle {
    color: #4caf50;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #4caf50;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-success.active.focus,
.btn.btn-outline-success.active:focus,
.btn.btn-outline-success.active:hover,
.btn.btn-outline-success:active.focus,
.btn.btn-outline-success:active:focus,
.btn.btn-outline-success:active:hover,
.open>.btn.btn-outline-success.dropdown-toggle.focus,
.open>.btn.btn-outline-success.dropdown-toggle:focus,
.open>.btn.btn-outline-success.dropdown-toggle:hover,
.show>.btn.btn-outline-success.dropdown-toggle.focus,
.show>.btn.btn-outline-success.dropdown-toggle:focus,
.show>.btn.btn-outline-success.dropdown-toggle:hover {
    color: #4caf50;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #4caf50
}
.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-success,
.btn.btn-outline-success.disabled.focus,
.btn.btn-outline-success.disabled:focus,
.btn.btn-outline-success.disabled:hover,
.btn.btn-outline-success:disabled.focus,
.btn.btn-outline-success:disabled:focus,
.btn.btn-outline-success:disabled:hover {
    background-color: transparent;
    border-color: #4caf50
}
.bg-inverse .btn.btn-outline-success {
    color: #4caf50
}
.bg-inverse .btn.btn-outline-success.focus,
.bg-inverse .btn.btn-outline-success:focus,
.bg-inverse .btn.btn-outline-success:hover {
    color: #4caf50;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-success.active,
.bg-inverse .btn.btn-outline-success:active,
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle {
    color: #4caf50;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-success.active.focus,
.bg-inverse .btn.btn-outline-success.active:focus,
.bg-inverse .btn.btn-outline-success.active:hover,
.bg-inverse .btn.btn-outline-success:active.focus,
.bg-inverse .btn.btn-outline-success:active:focus,
.bg-inverse .btn.btn-outline-success:active:hover,
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover {
    color: #4caf50;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-success.disabled.focus,
.bg-inverse .btn.btn-outline-success.disabled:focus,
.bg-inverse .btn.btn-outline-success.disabled:hover,
.bg-inverse .btn.btn-outline-success:disabled.focus,
.bg-inverse .btn.btn-outline-success:disabled:focus,
.bg-inverse .btn.btn-outline-success:disabled:hover {
    background-color: transparent;
    border-color: #4caf50
}
.btn.btn-outline-success.btn-link {
    background-color: transparent
}
a.text-success:focus,
a.text-success:hover {
    color: #47a44b
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=success]:after {
    background: rgba(76,175,80, .56);
    background: linear-gradient(60deg, rgba(102,187,106, .56), rgba({56,142,60}, .95))
}
.bootstrap-tagsinput.success-badge .tag {
    background-color: #4caf50;
    color: #ffffff
}
.bootstrap-tagsinput.success-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-success {
    background: rgba(76,175,80, .2)
}
.progress .progress-bar.progress-bar-success {
    background: #4caf50
}
.icon.icon-success {
    color: #4caf50
}
.has-success [class*=" bmd-label"],
.has-success [class^=bmd-label] {
    color: #4caf50
}
.has-success .form-control,
.is-focused .has-success .form-control {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76,175,80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-success .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-success .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-success .form-control.disabled,
.has-success .form-control:disabled,
.has-success .form-control[disabled],
fieldset[disabled][disabled] .has-success .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-success .form-control.form-control-success,
.is-focused .has-success .form-control.form-control-success {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76,175,80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-success .form-control.form-control-warning,
.is-focused .has-success .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76,175,80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-success .form-control.form-control-danger,
.is-focused .has-success .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76,175,80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-success .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #4caf50
}
.has-success .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(76,175,80, .8);
    border-radius: .2rem
}
.has-success .is-focused .custom-select.is-valid,
.has-success .is-focused .form-control.is-valid,
.was-validated .has-success .is-focused .custom-select:valid,
.was-validated .has-success .is-focused .form-control:valid {
    border-color: #4caf50
}
.has-success .is-focused .custom-select.is-valid:focus,
.has-success .is-focused .form-control.is-valid:focus,
.was-validated .has-success .is-focused .custom-select:valid:focus,
.was-validated .has-success .is-focused .form-control:valid:focus {
    border-color: #4caf50;
    box-shadow: 0 0 0 .2rem rgba(76,175,80, .25)
}
.has-success .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-success .is-focused .form-check-input:valid~.form-check-label {
    color: #4caf50
}
.has-success .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label {
    color: #4caf50
}
.has-success .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #47a44b
}
.has-success .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-success .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #47a44b
}
.has-success .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-success .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(76,175,80, .25)
}
.has-success .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #4caf50
}
.has-success .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-success .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(76,175,80, .25)
}
.has-success .is-focused .bmd-label-placeholder,
.has-success .is-focused [class*=" bmd-label"],
.has-success .is-focused [class^=bmd-label] {
    color: #4caf50
}
.has-success .is-focused .form-control {
    border-color: #4caf50
}
.navbar.bg-success {
    color: #ffffff;
    background-color: #4caf50!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(76,175,80, .46)
}
.navbar.bg-success .dropdown-item:focus,
.navbar.bg-success .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76,175,80, .4);
    background-color: #4caf50;
    color: #ffffff
}
.navbar.bg-success .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-success {
    background-color: #4caf50
}
.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #47a44b
}
.alert.alert-success {
    background-color: #47a44b;
    color: #ffffff
}
.alert.alert-success .alert-link,
.alert.alert-success a {
    color: #ffffff
}
.pagination.pagination-success>.page-item.active>a,
.pagination.pagination-success>.page-item.active>a:focus,
.pagination.pagination-success>.page-item.active>a:hover,
.pagination.pagination-success>.page-item.active>span,
.pagination.pagination-success>.page-item.active>span:focus,
.pagination.pagination-success>.page-item.active>span:hover {
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 4px 5px 0 rgba(76,175,80, .14), 0 1px 10px 0 rgba(76,175,80, .12), 0 2px 4px -1px rgba(76,175,80, .2)
}
.nav-pills.nav-pills-success .nav-item .nav-link.active,
.nav-pills.nav-pills-success .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
    background-color: #4caf50;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(76,175,80, .6);
    color: #ffffff
}
/*USE SUCCESS*/
.form-group.has-success .fileinput .fileinput-preview {
    color: #4caf50
}

.form-group.has-success .fileinput .thumbnail {
    border-color: #4caf50
}
/*-------------------------------*/
/*-------------------------------*/
/*------------WARNING-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-warning {
    color: #ff9800!important
}
.bg-warning {
    background-color: #ff9800!important
}
a.text-warning:focus,
a.text-warning:hover {
    color: #f08f00!important
}
.card.bg-warning,
.card .card-header-warning,
.card.card-rotate.bg-warning .back,
.card.card-rotate.bg-warning .front {
    background: linear-gradient(60deg, #ffa726, #f57c00)
}
.card .card-header-warning {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(255,152,0, .6)
}
.btn.btn-warning {
    color: #ffffff;
    background-color: #ff9800;
    border-color: #ff9800;
    box-shadow: 0 2px 2px 0 rgba(255,152,0, .14), 0 3px 1px -2px rgba(255,152,0, .2), 0 1px 5px 0 rgba(255,152,0, .12)
}
.btn.btn-warning.focus,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
    color: #ffffff;
    background-color: #f08f00;
    border-color: #f08f00
}
.btn.btn-warning.active,
.btn.btn-warning:active,
.open>.btn.btn-warning.dropdown-toggle,
.show>.btn.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #f08f00;
    border-color: #f08f00;
    box-shadow: 0 2px 2px 0 rgba(255,152,0, .14), 0 3px 1px -2px rgba(255,152,0, .2), 0 1px 5px 0 rgba(255,152,0, .12)
}
.btn.btn-warning.active.focus,
.btn.btn-warning.active:focus,
.btn.btn-warning.active:hover,
.btn.btn-warning:active.focus,
.btn.btn-warning:active:focus,
.btn.btn-warning:active:hover,
.open>.btn.btn-warning.dropdown-toggle.focus,
.open>.btn.btn-warning.dropdown-toggle:focus,
.open>.btn.btn-warning.dropdown-toggle:hover,
.show>.btn.btn-warning.dropdown-toggle.focus,
.show>.btn.btn-warning.dropdown-toggle:focus,
.show>.btn.btn-warning.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #f08f00;
    border-color: #f08f00
}
.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #ff9800
}
.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #f08f00
}
.btn.btn-warning.disabled.focus,
.btn.btn-warning.disabled:focus,
.btn.btn-warning.disabled:hover,
.btn.btn-warning:disabled.focus,
.btn.btn-warning:disabled:focus,
.btn.btn-warning:disabled:hover {
    background-color: #ff9800;
    border-color: #ff9800
}
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:hover {
    box-shadow: 0 14px 26px -12px rgba(255,152,0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255,152,0, .2)
}
.btn.btn-warning.btn-link {
    box-shadow: none
}
.btn.btn-warning.btn-link,
.btn.btn-warning.btn-link:active,
.btn.btn-warning.btn-link:focus,
.btn.btn-warning.btn-link:hover {
    background-color: transparent;
    color: #ff9800
}
.btn.btn-outline-warning {
    color: #ff9800;
    background-color: transparent;
    border-color: #ff9800
}
.btn.btn-outline-warning.focus,
.btn.btn-outline-warning:focus,
.btn.btn-outline-warning:hover {
    color: #ff9800;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #ff9800
}
.btn.btn-outline-warning.active,
.btn.btn-outline-warning:active,
.open>.btn.btn-outline-warning.dropdown-toggle,
.show>.btn.btn-outline-warning.dropdown-toggle {
    color: #ff9800;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #ff9800;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-warning.active.focus,
.btn.btn-outline-warning.active:focus,
.btn.btn-outline-warning.active:hover,
.btn.btn-outline-warning:active.focus,
.btn.btn-outline-warning:active:focus,
.btn.btn-outline-warning:active:hover,
.open>.btn.btn-outline-warning.dropdown-toggle.focus,
.open>.btn.btn-outline-warning.dropdown-toggle:focus,
.open>.btn.btn-outline-warning.dropdown-toggle:hover,
.show>.btn.btn-outline-warning.dropdown-toggle.focus,
.show>.btn.btn-outline-warning.dropdown-toggle:focus,
.show>.btn.btn-outline-warning.dropdown-toggle:hover {
    color: #ff9800;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #ff9800
}
.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-warning,
.btn.btn-outline-warning.disabled.focus,
.btn.btn-outline-warning.disabled:focus,
.btn.btn-outline-warning.disabled:hover,
.btn.btn-outline-warning:disabled.focus,
.btn.btn-outline-warning:disabled:focus,
.btn.btn-outline-warning:disabled:hover {
    background-color: transparent;
    border-color: #ff9800
}
.bg-inverse .btn.btn-outline-warning {
    color: #ff9800
}
.bg-inverse .btn.btn-outline-warning.focus,
.bg-inverse .btn.btn-outline-warning:focus,
.bg-inverse .btn.btn-outline-warning:hover {
    color: #ff9800;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-warning.active,
.bg-inverse .btn.btn-outline-warning:active,
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle {
    color: #ff9800;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-warning.active.focus,
.bg-inverse .btn.btn-outline-warning.active:focus,
.bg-inverse .btn.btn-outline-warning.active:hover,
.bg-inverse .btn.btn-outline-warning:active.focus,
.bg-inverse .btn.btn-outline-warning:active:focus,
.bg-inverse .btn.btn-outline-warning:active:hover,
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover {
    color: #ff9800;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-warning.disabled.focus,
.bg-inverse .btn.btn-outline-warning.disabled:focus,
.bg-inverse .btn.btn-outline-warning.disabled:hover,
.bg-inverse .btn.btn-outline-warning:disabled.focus,
.bg-inverse .btn.btn-outline-warning:disabled:focus,
.bg-inverse .btn.btn-outline-warning:disabled:hover {
    background-color: transparent;
    border-color: #ff9800
}
.btn.btn-outline-warning.btn-link {
    background-color: transparent
}
a.text-warning:focus,
a.text-warning:hover {
    color: #f08f00
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=warning]:after {
    background: rgba(255,152,0, .56);
    background: linear-gradient(60deg, rgba(255,167,38, .56), rgba({245,124,0}, .95))
}
.bootstrap-tagsinput.warning-badge .tag {
    background-color: #ff9800;
    color: #ffffff
}
.bootstrap-tagsinput.warning-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-warning {
    background: rgba(255,152,0, .2)
}
.progress .progress-bar.progress-bar-warning {
    background: #ff9800
}
.icon.icon-warning {
    color: #ff9800
}
.has-warning [class*=" bmd-label"],
.has-warning [class^=bmd-label] {
    color: #ff9800
}
.has-warning .form-control,
.is-focused .has-warning .form-control {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255,152,0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-warning .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-warning .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-warning .form-control.disabled,
.has-warning .form-control:disabled,
.has-warning .form-control[disabled],
fieldset[disabled][disabled] .has-warning .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-warning .form-control.form-control-success,
.is-focused .has-warning .form-control.form-control-success {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255,152,0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-warning .form-control.form-control-warning,
.is-focused .has-warning .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255,152,0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-warning .form-control.form-control-danger,
.is-focused .has-warning .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255,152,0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-warning .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ff9800
}
.has-warning .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(255,152,0, .8);
    border-radius: .2rem
}
.has-warning .is-focused .custom-select.is-valid,
.has-warning .is-focused .form-control.is-valid,
.was-validated .has-warning .is-focused .custom-select:valid,
.was-validated .has-warning .is-focused .form-control:valid {
    border-color: #ff9800
}
.has-warning .is-focused .custom-select.is-valid:focus,
.has-warning .is-focused .form-control.is-valid:focus,
.was-validated .has-warning .is-focused .custom-select:valid:focus,
.was-validated .has-warning .is-focused .form-control:valid:focus {
    border-color: #ff9800;
    box-shadow: 0 0 0 .2rem rgba(255,152,0, .25)
}
.has-warning .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-warning .is-focused .form-check-input:valid~.form-check-label {
    color: #ff9800
}
.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label {
    color: #ff9800
}
.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #f08f00
}
.has-warning .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-warning .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #f08f00
}
.has-warning .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-warning .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(255,152,0, .25)
}
.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #ff9800
}
.has-warning .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-warning .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(255,152,0, .25)
}
.has-warning .is-focused .bmd-label-placeholder,
.has-warning .is-focused [class*=" bmd-label"],
.has-warning .is-focused [class^=bmd-label] {
    color: #ff9800
}
.has-warning .is-focused .form-control {
    border-color: #ff9800
}
.navbar.bg-warning {
    color: #ffffff;
    background-color: #ff9800!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(255,152,0, .46)
}
.navbar.bg-warning .dropdown-item:focus,
.navbar.bg-warning .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255,152,0, .4);
    background-color: #ff9800;
    color: #ffffff
}
.navbar.bg-warning .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-warning {
    background-color: #ff9800
}
.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #f08f00
}
.alert.alert-warning {
    background-color: #f08f00;
    color: #ffffff
}
.alert.alert-warning .alert-link,
.alert.alert-warning a {
    color: #ffffff
}
.pagination.pagination-warning>.page-item.active>a,
.pagination.pagination-warning>.page-item.active>a:focus,
.pagination.pagination-warning>.page-item.active>a:hover,
.pagination.pagination-warning>.page-item.active>span,
.pagination.pagination-warning>.page-item.active>span:focus,
.pagination.pagination-warning>.page-item.active>span:hover {
    background-color: #ff9800;
    border-color: #ff9800;
    box-shadow: 0 4px 5px 0 rgba(255,152,0, .14), 0 1px 10px 0 rgba(255,152,0, .12), 0 2px 4px -1px rgba(255,152,0, .2)
}
.nav-pills.nav-pills-warning .nav-item .nav-link.active,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #ff9800;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(255,152,0, .6);
    color: #ffffff
}
/*USE WARNING*/
.form-group.has-warning .fileinput .fileinput-preview {
    color: #ff9800
}

.form-group.has-warning .fileinput .thumbnail {
    border-color: #ff9800
}
/*-------------------------------*/
/*-------------------------------*/
/*------------DANGER-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-danger {
    color: #e20613!important
}
.bg-danger {
    background-color: #e20613!important
}
a.text-danger:focus,
a.text-danger:hover {
    color: #f33527!important
}
.card.bg-danger,
.card .card-header-danger,
.card.card-rotate.bg-danger .back,
.card.card-rotate.bg-danger .front {
    background: linear-gradient(60deg, #ef5350, #d32f2f)
}
.card .card-header-danger {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(226,6,19, .6)
}
.btn.btn-danger {
    color: #ffffff;
    background-color: #e20613;
    border-color: #e20613;
    box-shadow: 0 2px 2px 0 rgba(226,6,19, .14), 0 3px 1px -2px rgba(226,6,19, .2), 0 1px 5px 0 rgba(226,6,19, .12)
}
.btn.btn-danger.focus,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
    color: #ffffff;
    background-color: #f33527;
    border-color: #f33527
}
.btn.btn-danger.active,
.btn.btn-danger:active,
.open>.btn.btn-danger.dropdown-toggle,
.show>.btn.btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #f33527;
    border-color: #f33527;
    box-shadow: 0 2px 2px 0 rgba(226,6,19, .14), 0 3px 1px -2px rgba(226,6,19, .2), 0 1px 5px 0 rgba(226,6,19, .12)
}
.btn.btn-danger.active.focus,
.btn.btn-danger.active:focus,
.btn.btn-danger.active:hover,
.btn.btn-danger:active.focus,
.btn.btn-danger:active:focus,
.btn.btn-danger:active:hover,
.open>.btn.btn-danger.dropdown-toggle.focus,
.open>.btn.btn-danger.dropdown-toggle:focus,
.open>.btn.btn-danger.dropdown-toggle:hover,
.show>.btn.btn-danger.dropdown-toggle.focus,
.show>.btn.btn-danger.dropdown-toggle:focus,
.show>.btn.btn-danger.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #f33527;
    border-color: #f33527
}
.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #e20613
}
.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #f33527
}
.btn.btn-danger.disabled.focus,
.btn.btn-danger.disabled:focus,
.btn.btn-danger.disabled:hover,
.btn.btn-danger:disabled.focus,
.btn.btn-danger:disabled:focus,
.btn.btn-danger:disabled:hover {
    background-color: #e20613;
    border-color: #e20613
}
.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
    box-shadow: 0 14px 26px -12px rgba(226,6,19, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(226,6,19, .2)
}
.btn.btn-danger.btn-link {
    box-shadow: none
}
.btn.btn-danger.btn-link,
.btn.btn-danger.btn-link:active,
.btn.btn-danger.btn-link:focus,
.btn.btn-danger.btn-link:hover {
    background-color: transparent;
    color: #e20613
}
.btn.btn-outline-danger {
    color: #e20613;
    background-color: transparent;
    border-color: #e20613
}
.btn.btn-outline-danger.focus,
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #e20613
}
.btn.btn-outline-danger.active,
.btn.btn-outline-danger:active,
.open>.btn.btn-outline-danger.dropdown-toggle,
.show>.btn.btn-outline-danger.dropdown-toggle {
    color: #e20613;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #e20613;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-danger.active.focus,
.btn.btn-outline-danger.active:focus,
.btn.btn-outline-danger.active:hover,
.btn.btn-outline-danger:active.focus,
.btn.btn-outline-danger:active:focus,
.btn.btn-outline-danger:active:hover,
.open>.btn.btn-outline-danger.dropdown-toggle.focus,
.open>.btn.btn-outline-danger.dropdown-toggle:focus,
.open>.btn.btn-outline-danger.dropdown-toggle:hover,
.show>.btn.btn-outline-danger.dropdown-toggle.focus,
.show>.btn.btn-outline-danger.dropdown-toggle:focus,
.show>.btn.btn-outline-danger.dropdown-toggle:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #e20613
}
.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-danger,
.btn.btn-outline-danger.disabled.focus,
.btn.btn-outline-danger.disabled:focus,
.btn.btn-outline-danger.disabled:hover,
.btn.btn-outline-danger:disabled.focus,
.btn.btn-outline-danger:disabled:focus,
.btn.btn-outline-danger:disabled:hover {
    background-color: transparent;
    border-color: #e20613
}
.bg-inverse .btn.btn-outline-danger {
    color: #e20613
}
.bg-inverse .btn.btn-outline-danger.focus,
.bg-inverse .btn.btn-outline-danger:focus,
.bg-inverse .btn.btn-outline-danger:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-danger.active,
.bg-inverse .btn.btn-outline-danger:active,
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle {
    color: #e20613;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-danger.active.focus,
.bg-inverse .btn.btn-outline-danger.active:focus,
.bg-inverse .btn.btn-outline-danger.active:hover,
.bg-inverse .btn.btn-outline-danger:active.focus,
.bg-inverse .btn.btn-outline-danger:active:focus,
.bg-inverse .btn.btn-outline-danger:active:hover,
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover {
    color: #e20613;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-danger.disabled.focus,
.bg-inverse .btn.btn-outline-danger.disabled:focus,
.bg-inverse .btn.btn-outline-danger.disabled:hover,
.bg-inverse .btn.btn-outline-danger:disabled.focus,
.bg-inverse .btn.btn-outline-danger:disabled:focus,
.bg-inverse .btn.btn-outline-danger:disabled:hover {
    background-color: transparent;
    border-color: #e20613
}
.btn.btn-outline-danger.btn-link {
    background-color: transparent
}
a.text-danger:focus,
a.text-danger:hover {
    color: #f33527
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=danger]:after {
    background: rgba(226,6,19, .56);
    background: linear-gradient(60deg, rgba(239,83,80, .56), rgba({211,47,47}, .95))
}
.bootstrap-tagsinput.danger-badge .tag {
    background-color: #e20613;
    color: #ffffff
}
.bootstrap-tagsinput.danger-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-danger {
    background: rgba(226,6,19, .2)
}
.progress .progress-bar.progress-bar-danger {
    background: #e20613
}
.icon.icon-danger {
    color: #e20613
}
.has-danger [class*=" bmd-label"],
.has-danger [class^=bmd-label] {
    color: #e20613
}
.has-danger .form-control,
.is-focused .has-danger .form-control {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-danger .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-danger .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-danger .form-control.disabled,
.has-danger .form-control:disabled,
.has-danger .form-control[disabled],
fieldset[disabled][disabled] .has-danger .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-danger .form-control.form-control-success,
.is-focused .has-danger .form-control.form-control-success {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-danger .form-control.form-control-warning,
.is-focused .has-danger .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-danger .form-control.form-control-danger,
.is-focused .has-danger .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-danger .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #e20613
}
.has-danger .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(226,6,19, .8);
    border-radius: .2rem
}
.has-danger .is-focused .custom-select.is-valid,
.has-danger .is-focused .form-control.is-valid,
.was-validated .has-danger .is-focused .custom-select:valid,
.was-validated .has-danger .is-focused .form-control:valid {
    border-color: #e20613
}
.has-danger .is-focused .custom-select.is-valid:focus,
.has-danger .is-focused .form-control.is-valid:focus,
.was-validated .has-danger .is-focused .custom-select:valid:focus,
.was-validated .has-danger .is-focused .form-control:valid:focus {
    border-color: #e20613;
    box-shadow: 0 0 0 .2rem rgba(226,6,19, .25)
}
.has-danger .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-danger .is-focused .form-check-input:valid~.form-check-label {
    color: #e20613
}
.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label {
    color: #e20613
}
.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #f33527
}
.has-danger .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-danger .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #f33527
}
.has-danger .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-danger .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(226,6,19, .25)
}
.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #e20613
}
.has-danger .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-danger .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(226,6,19, .25)
}
.has-danger .is-focused .bmd-label-placeholder,
.has-danger .is-focused [class*=" bmd-label"],
.has-danger .is-focused [class^=bmd-label] {
    color: #e20613
}
.has-danger .is-focused .form-control {
    border-color: #e20613
}
.navbar.bg-danger {
    color: #ffffff;
    background-color: #e20613!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(226,6,19, .46)
}
.navbar.bg-danger .dropdown-item:focus,
.navbar.bg-danger .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(226,6,19, .4);
    background-color: #e20613;
    color: #ffffff
}
.navbar.bg-danger .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-danger {
    background-color: #e20613
}
.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #f33527
}
.alert.alert-danger {
    background-color: #f33527;
    color: #ffffff
}
.alert.alert-danger .alert-link,
.alert.alert-danger a {
    color: #ffffff
}
.pagination.pagination-danger>.page-item.active>a,
.pagination.pagination-danger>.page-item.active>a:focus,
.pagination.pagination-danger>.page-item.active>a:hover,
.pagination.pagination-danger>.page-item.active>span,
.pagination.pagination-danger>.page-item.active>span:focus,
.pagination.pagination-danger>.page-item.active>span:hover {
    background-color: #e20613;
    border-color: #e20613;
    box-shadow: 0 4px 5px 0 rgba(226,6,19, .14), 0 1px 10px 0 rgba(226,6,19, .12), 0 2px 4px -1px rgba(226,6,19, .2)
}
.nav-pills.nav-pills-danger .nav-item .nav-link.active,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
    background-color: #e20613;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(226,6,19, .6);
    color: #ffffff
}
/*USE DANGER*/
.form-group.has-error .fileinput .fileinput-preview {
    color: #e20613
}
.form-group.has-error .fileinput .thumbnail {
    border-color: #e20613
}
.form-control:invalid {
    background-image: linear-gradient(0deg, #e20613 2px, rgba(226,6,19, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
/*-------------------------------*/
/*-------------------------------*/
/*------------ROSE-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-rose {
    color: #e91e63!important
}
.bg-rose {
    background-color: #e91e63!important
}
a.text-rose:focus,
a.text-rose:hover {
    color: #ea2c6d!important
}
.card.bg-rose,
.card .card-header-rose,
.card.card-rotate.bg-rose .back,
.card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg, #ec407a, #c2185b)
}
.card .card-header-rose {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(233,30,99, .6)
}
.btn.btn-rose {
    color: #ffffff;
    background-color: #e91e63;
    border-color: #e91e63;
    box-shadow: 0 2px 2px 0 rgba(233,30,99, .14), 0 3px 1px -2px rgba(233,30,99, .2), 0 1px 5px 0 rgba(233,30,99, .12)
}
.btn.btn-rose.focus,
.btn.btn-rose:focus,
.btn.btn-rose:hover {
    color: #ffffff;
    background-color: #ea2c6d;
    border-color: #ea2c6d
}
.btn.btn-rose.active,
.btn.btn-rose:active,
.open>.btn.btn-rose.dropdown-toggle,
.show>.btn.btn-rose.dropdown-toggle {
    color: #ffffff;
    background-color: #ea2c6d;
    border-color: #ea2c6d;
    box-shadow: 0 2px 2px 0 rgba(233,30,99, .14), 0 3px 1px -2px rgba(233,30,99, .2), 0 1px 5px 0 rgba(233,30,99, .12)
}
.btn.btn-rose.active.focus,
.btn.btn-rose.active:focus,
.btn.btn-rose.active:hover,
.btn.btn-rose:active.focus,
.btn.btn-rose:active:focus,
.btn.btn-rose:active:hover,
.open>.btn.btn-rose.dropdown-toggle.focus,
.open>.btn.btn-rose.dropdown-toggle:focus,
.open>.btn.btn-rose.dropdown-toggle:hover,
.show>.btn.btn-rose.dropdown-toggle.focus,
.show>.btn.btn-rose.dropdown-toggle:focus,
.show>.btn.btn-rose.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #ea2c6d;
    border-color: #ea2c6d
}
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #e91e63
}
.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #ea2c6d
}
.btn.btn-rose.disabled.focus,
.btn.btn-rose.disabled:focus,
.btn.btn-rose.disabled:hover,
.btn.btn-rose:disabled.focus,
.btn.btn-rose:disabled:focus,
.btn.btn-rose:disabled:hover {
    background-color: #e91e63;
    border-color: #e91e63
}
.btn.btn-rose:active,
.btn.btn-rose:focus,
.btn.btn-rose:hover {
    box-shadow: 0 14px 26px -12px rgba(233,30,99, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(233,30,99, .2)
}
.btn.btn-rose.btn-link {
    box-shadow: none
}
.btn.btn-rose.btn-link,
.btn.btn-rose.btn-link:active,
.btn.btn-rose.btn-link:focus,
.btn.btn-rose.btn-link:hover {
    background-color: transparent;
    color: #e91e63
}
.btn.btn-outline-rose {
    color: #e91e63;
    background-color: transparent;
    border-color: #e91e63
}
.btn.btn-outline-rose.focus,
.btn.btn-outline-rose:focus,
.btn.btn-outline-rose:hover {
    color: #e91e63;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #e91e63
}
.btn.btn-outline-rose.active,
.btn.btn-outline-rose:active,
.open>.btn.btn-outline-rose.dropdown-toggle,
.show>.btn.btn-outline-rose.dropdown-toggle {
    color: #e91e63;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #e91e63;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-rose.active.focus,
.btn.btn-outline-rose.active:focus,
.btn.btn-outline-rose.active:hover,
.btn.btn-outline-rose:active.focus,
.btn.btn-outline-rose:active:focus,
.btn.btn-outline-rose:active:hover,
.open>.btn.btn-outline-rose.dropdown-toggle.focus,
.open>.btn.btn-outline-rose.dropdown-toggle:focus,
.open>.btn.btn-outline-rose.dropdown-toggle:hover,
.show>.btn.btn-outline-rose.dropdown-toggle.focus,
.show>.btn.btn-outline-rose.dropdown-toggle:focus,
.show>.btn.btn-outline-rose.dropdown-toggle:hover {
    color: #e91e63;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #e91e63
}
.open>.btn.btn-outline-rose.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-rose.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-rose,
.btn.btn-outline-rose.disabled.focus,
.btn.btn-outline-rose.disabled:focus,
.btn.btn-outline-rose.disabled:hover,
.btn.btn-outline-rose:disabled.focus,
.btn.btn-outline-rose:disabled:focus,
.btn.btn-outline-rose:disabled:hover {
    background-color: transparent;
    border-color: #e91e63
}
.bg-inverse .btn.btn-outline-rose {
    color: #e91e63
}
.bg-inverse .btn.btn-outline-rose.focus,
.bg-inverse .btn.btn-outline-rose:focus,
.bg-inverse .btn.btn-outline-rose:hover {
    color: #e91e63;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-rose.active,
.bg-inverse .btn.btn-outline-rose:active,
.open>.bg-inverse .btn.btn-outline-rose.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-rose.dropdown-toggle {
    color: #e91e63;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-rose.active.focus,
.bg-inverse .btn.btn-outline-rose.active:focus,
.bg-inverse .btn.btn-outline-rose.active:hover,
.bg-inverse .btn.btn-outline-rose:active.focus,
.bg-inverse .btn.btn-outline-rose:active:focus,
.bg-inverse .btn.btn-outline-rose:active:hover,
.open>.bg-inverse .btn.btn-outline-rose.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-rose.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-rose.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-rose.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-rose.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-rose.dropdown-toggle:hover {
    color: #e91e63;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-rose.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-rose.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-rose.disabled.focus,
.bg-inverse .btn.btn-outline-rose.disabled:focus,
.bg-inverse .btn.btn-outline-rose.disabled:hover,
.bg-inverse .btn.btn-outline-rose:disabled.focus,
.bg-inverse .btn.btn-outline-rose:disabled:focus,
.bg-inverse .btn.btn-outline-rose:disabled:hover {
    background-color: transparent;
    border-color: #e91e63
}
.btn.btn-outline-rose.btn-link {
    background-color: transparent
}
a.text-rose:focus,
a.text-rose:hover {
    color: #ea2c6d
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=rose]:after {
    background: rgba(233,30,99, .56);
    background: linear-gradient(60deg, rgba(236,64,122, .56), rgba({194,24,91}, .95))
}
.bootstrap-tagsinput.rose-badge .tag {
    background-color: #e91e63;
    color: #ffffff
}
.bootstrap-tagsinput.rose-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-rose {
    background: rgba(233,30,99, .2)
}
.progress .progress-bar.progress-bar-rose {
    background: #e91e63
}
.icon.icon-rose {
    color: #e91e63
}
.has-rose [class*=" bmd-label"],
.has-rose [class^=bmd-label] {
    color: #e91e63
}
.has-rose .form-control,
.is-focused .has-rose .form-control {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(233,30,99, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-rose .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-rose .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-rose .form-control.disabled,
.has-rose .form-control:disabled,
.has-rose .form-control[disabled],
fieldset[disabled][disabled] .has-rose .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-rose .form-control.form-control-success,
.is-focused .has-rose .form-control.form-control-success {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(233,30,99, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-rose .form-control.form-control-warning,
.is-focused .has-rose .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(233,30,99, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-rose .form-control.form-control-danger,
.is-focused .has-rose .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #e91e63 2px, rgba(233,30,99, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-rose .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #e91e63
}
.has-rose .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(233,30,99, .8);
    border-radius: .2rem
}
.has-rose .is-focused .custom-select.is-valid,
.has-rose .is-focused .form-control.is-valid,
.was-validated .has-rose .is-focused .custom-select:valid,
.was-validated .has-rose .is-focused .form-control:valid {
    border-color: #e91e63
}
.has-rose .is-focused .custom-select.is-valid:focus,
.has-rose .is-focused .form-control.is-valid:focus,
.was-validated .has-rose .is-focused .custom-select:valid:focus,
.was-validated .has-rose .is-focused .form-control:valid:focus {
    border-color: #e91e63;
    box-shadow: 0 0 0 .2rem rgba(233,30,99, .25)
}
.has-rose .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-rose .is-focused .form-check-input:valid~.form-check-label {
    color: #e91e63
}
.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label {
    color: #e91e63
}
.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #ea2c6d
}
.has-rose .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-rose .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #ea2c6d
}
.has-rose .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-rose .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(233,30,99, .25)
}
.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #e91e63
}
.has-rose .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-rose .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(233,30,99, .25)
}
.has-rose .is-focused .bmd-label-placeholder,
.has-rose .is-focused [class*=" bmd-label"],
.has-rose .is-focused [class^=bmd-label] {
    color: #e91e63
}
.has-rose .is-focused .form-control {
    border-color: #e91e63
}
.navbar.bg-rose {
    color: #ffffff;
    background-color: #e91e63!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(233,30,99, .46)
}
.navbar.bg-rose .dropdown-item:focus,
.navbar.bg-rose .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233,30,99, .4);
    background-color: #e91e63;
    color: #ffffff
}
.navbar.bg-rose .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-rose {
    background-color: #e91e63
}
.badge-rose[href]:focus,
.badge-rose[href]:hover {
    background-color: #ea2c6d
}
.alert.alert-rose {
    background-color: #ea2c6d;
    color: #ffffff
}
.alert.alert-rose .alert-link,
.alert.alert-rose a {
    color: #ffffff
}
.pagination.pagination-rose>.page-item.active>a,
.pagination.pagination-rose>.page-item.active>a:focus,
.pagination.pagination-rose>.page-item.active>a:hover,
.pagination.pagination-rose>.page-item.active>span,
.pagination.pagination-rose>.page-item.active>span:focus,
.pagination.pagination-rose>.page-item.active>span:hover {
    background-color: #e91e63;
    border-color: #e91e63;
    box-shadow: 0 4px 5px 0 rgba(233,30,99, .14), 0 1px 10px 0 rgba(233,30,99, .12), 0 2px 4px -1px rgba(233,30,99, .2)
}
.nav-pills.nav-pills-rose .nav-item .nav-link.active,
.nav-pills.nav-pills-rose .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-rose .nav-item .nav-link.active:hover {
    background-color: #e91e63;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(233,30,99, .6);
    color: #ffffff
}
/*USE ROSE*/
.ecommerce-page .card-refine.card-rose a:hover,
.ecommerce-page .card-refine.card-rose a[aria-expanded=true] {
    color: #e91e63
}
.ecommerce-page .card-refine .checkbox input[type=checkbox]:checked+.checkbox-material .check {
    background: #e91e63
}
.card-collapse .card-header a:active,
.card-collapse .card-header a:hover,
.card-collapse .card-header a[aria-expanded=true] {
    color: #e91e63
}
/*-------------------------------*/
/*-------------------------------*/
/*------------DEFAULT-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-default {
    color: #999!important
}
.bg-default {
    background-color: #999!important
}
a.text-default:focus,
a.text-default:hover {
    color: #919191!important
}
.card.bg-default,
.card .card-header-default,
.card.card-rotate.bg-default .back,
.card.card-rotate.bg-default .front {
    background: linear-gradient(60deg, #919191, #919191)
}
.card .card-header-default {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(153,153,153, .6)
}
.btn.btn-default {
    color: #ffffff;
    background-color: #999;
    border-color: #999;
    box-shadow: 0 2px 2px 0 rgba(153,153,153, .14), 0 3px 1px -2px rgba(153,153,153, .2), 0 1px 5px 0 rgba(153,153,153, .12)
}
.btn.btn-default.focus,
.btn.btn-default:focus,
.btn.btn-default:hover {
    color: #ffffff;
    background-color: #919191;
    border-color: #919191
}
.btn.btn-default.active,
.btn.btn-default:active,
.open>.btn.btn-default.dropdown-toggle,
.show>.btn.btn-default.dropdown-toggle {
    color: #ffffff;
    background-color: #919191;
    border-color: #919191;
    box-shadow: 0 2px 2px 0 rgba(153,153,153, .14), 0 3px 1px -2px rgba(153,153,153, .2), 0 1px 5px 0 rgba(153,153,153, .12)
}
.btn.btn-default.active.focus,
.btn.btn-default.active:focus,
.btn.btn-default.active:hover,
.btn.btn-default:active.focus,
.btn.btn-default:active:focus,
.btn.btn-default:active:hover,
.open>.btn.btn-default.dropdown-toggle.focus,
.open>.btn.btn-default.dropdown-toggle:focus,
.open>.btn.btn-default.dropdown-toggle:hover,
.show>.btn.btn-default.dropdown-toggle.focus,
.show>.btn.btn-default.dropdown-toggle:focus,
.show>.btn.btn-default.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #919191;
    border-color: #919191
}
.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #999
}
.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #919191
}
.btn.btn-default.disabled.focus,
.btn.btn-default.disabled:focus,
.btn.btn-default.disabled:hover,
.btn.btn-default:disabled.focus,
.btn.btn-default:disabled:focus,
.btn.btn-default:disabled:hover {
    background-color: #999;
    border-color: #999
}
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
    box-shadow: 0 14px 26px -12px rgba(153,153,153, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(153,153,153, .2)
}
.btn.btn-default.btn-link {
    box-shadow: none
}
.btn.btn-default.btn-link,
.btn.btn-default.btn-link:active,
.btn.btn-default.btn-link:focus,
.btn.btn-default.btn-link:hover {
    background-color: transparent;
    color: #999
}
.btn.btn-outline-default {
    color: #999;
    background-color: transparent;
    border-color: #999
}
.btn.btn-outline-default.focus,
.btn.btn-outline-default:focus,
.btn.btn-outline-default:hover {
    color: #999;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #999
}
.btn.btn-outline-default.active,
.btn.btn-outline-default:active,
.open>.btn.btn-outline-default.dropdown-toggle,
.show>.btn.btn-outline-default.dropdown-toggle {
    color: #999;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #999;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-default.active.focus,
.btn.btn-outline-default.active:focus,
.btn.btn-outline-default.active:hover,
.btn.btn-outline-default:active.focus,
.btn.btn-outline-default:active:focus,
.btn.btn-outline-default:active:hover,
.open>.btn.btn-outline-default.dropdown-toggle.focus,
.open>.btn.btn-outline-default.dropdown-toggle:focus,
.open>.btn.btn-outline-default.dropdown-toggle:hover,
.show>.btn.btn-outline-default.dropdown-toggle.focus,
.show>.btn.btn-outline-default.dropdown-toggle:focus,
.show>.btn.btn-outline-default.dropdown-toggle:hover {
    color: #999;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #999
}
.open>.btn.btn-outline-default.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-default.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-default,
.btn.btn-outline-default.disabled.focus,
.btn.btn-outline-default.disabled:focus,
.btn.btn-outline-default.disabled:hover,
.btn.btn-outline-default:disabled.focus,
.btn.btn-outline-default:disabled:focus,
.btn.btn-outline-default:disabled:hover {
    background-color: transparent;
    border-color: #999
}
.bg-inverse .btn.btn-outline-default {
    color: #999
}
.bg-inverse .btn.btn-outline-default.focus,
.bg-inverse .btn.btn-outline-default:focus,
.bg-inverse .btn.btn-outline-default:hover {
    color: #999;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-default.active,
.bg-inverse .btn.btn-outline-default:active,
.open>.bg-inverse .btn.btn-outline-default.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-default.dropdown-toggle {
    color: #999;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-default.active.focus,
.bg-inverse .btn.btn-outline-default.active:focus,
.bg-inverse .btn.btn-outline-default.active:hover,
.bg-inverse .btn.btn-outline-default:active.focus,
.bg-inverse .btn.btn-outline-default:active:focus,
.bg-inverse .btn.btn-outline-default:active:hover,
.open>.bg-inverse .btn.btn-outline-default.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-default.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-default.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-default.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-default.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-default.dropdown-toggle:hover {
    color: #999;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-default.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-default.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-default.disabled.focus,
.bg-inverse .btn.btn-outline-default.disabled:focus,
.bg-inverse .btn.btn-outline-default.disabled:hover,
.bg-inverse .btn.btn-outline-default:disabled.focus,
.bg-inverse .btn.btn-outline-default:disabled:focus,
.bg-inverse .btn.btn-outline-default:disabled:hover {
    background-color: transparent;
    border-color: #999
}
.btn.btn-outline-default.btn-link {
    background-color: transparent
}
a.text-default:focus,
a.text-default:hover {
    color: #919191
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=default]:after {
    background: rgba(153,153,153, .56);
    background: linear-gradient(60deg, rgba(145,145,145, .56), rgba({145,145,145}, .95))
}
.bootstrap-tagsinput.default-badge .tag {
    background-color: #999;
    color: #ffffff
}
.bootstrap-tagsinput.default-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-default {
    background: rgba(153,153,153, .2)
}
.progress .progress-bar.progress-bar-default {
    background: #999
}
.icon.icon-default {
    color: #999
}
.has-default [class*=" bmd-label"],
.has-default [class^=bmd-label] {
    color: #999
}
.has-default .form-control,
.is-focused .has-default .form-control {
    background-image: linear-gradient(0deg, #999 2px, rgba(153,153,153, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-default .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-default .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-default .form-control.disabled,
.has-default .form-control:disabled,
.has-default .form-control[disabled],
fieldset[disabled][disabled] .has-default .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-default .form-control.form-control-success,
.is-focused .has-default .form-control.form-control-success {
    background-image: linear-gradient(0deg, #999 2px, rgba(153,153,153, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-default .form-control.form-control-warning,
.is-focused .has-default .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #999 2px, rgba(153,153,153, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-default .form-control.form-control-danger,
.is-focused .has-default .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #999 2px, rgba(153,153,153, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-default .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #999
}
.has-default .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(153,153,153, .8);
    border-radius: .2rem
}
.has-default .is-focused .custom-select.is-valid,
.has-default .is-focused .form-control.is-valid,
.was-validated .has-default .is-focused .custom-select:valid,
.was-validated .has-default .is-focused .form-control:valid {
    border-color: #999
}
.has-default .is-focused .custom-select.is-valid:focus,
.has-default .is-focused .form-control.is-valid:focus,
.was-validated .has-default .is-focused .custom-select:valid:focus,
.was-validated .has-default .is-focused .form-control:valid:focus {
    border-color: #999;
    box-shadow: 0 0 0 .2rem rgba(153,153,153, .25)
}
.has-default .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-default .is-focused .form-check-input:valid~.form-check-label {
    color: #999
}
.has-default .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-default .is-focused .custom-control-input:valid~.custom-control-label {
    color: #999
}
.has-default .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-default .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #919191
}
.has-default .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-default .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #919191
}
.has-default .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-default .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(153,153,153, .25)
}
.has-default .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-default .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #999
}
.has-default .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-default .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(153,153,153, .25)
}
.has-default .is-focused .bmd-label-placeholder,
.has-default .is-focused [class*=" bmd-label"],
.has-default .is-focused [class^=bmd-label] {
    color: #999
}
.has-default .is-focused .form-control {
    border-color: #999
}
.navbar.bg-default {
    color: #ffffff;
    background-color: #999!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(153,153,153, .46)
}
.navbar.bg-default .dropdown-item:focus,
.navbar.bg-default .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(153,153,153, .4);
    background-color: #999;
    color: #ffffff
}
.navbar.bg-default .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-default {
    background-color: #999
}
.badge-default[href]:focus,
.badge-default[href]:hover {
    background-color: #919191
}
.alert.alert-default {
    background-color: #919191;
    color: #ffffff
}
.alert.alert-default .alert-link,
.alert.alert-default a {
    color: #ffffff
}
.pagination.pagination-default>.page-item.active>a,
.pagination.pagination-default>.page-item.active>a:focus,
.pagination.pagination-default>.page-item.active>a:hover,
.pagination.pagination-default>.page-item.active>span,
.pagination.pagination-default>.page-item.active>span:focus,
.pagination.pagination-default>.page-item.active>span:hover {
    background-color: #999;
    border-color: #999;
    box-shadow: 0 4px 5px 0 rgba(153,153,153, .14), 0 1px 10px 0 rgba(153,153,153, .12), 0 2px 4px -1px rgba(153,153,153, .2)
}
.nav-pills.nav-pills-default .nav-item .nav-link.active,
.nav-pills.nav-pills-default .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-default .nav-item .nav-link.active:hover {
    background-color: #999;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(153,153,153, .6);
    color: #ffffff
}
/*-------------------------------*/
/*-------------------------------*/
/*------------DARK-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-dark {
    color: #343a40!important
}
.bg-dark {
    background-color: #343a40!important
}
a.text-dark:focus,
a.text-dark:hover {
    color: #23272b!important
}
.card.bg-dark,
.card .card-header-dark,
.card.card-rotate.bg-dark .back,
.card.card-rotate.bg-dark .front {
    background: linear-gradient(60deg, #343a40, #23272b)
}
.card .card-header-dark {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(52,58,64, .6)
}
.btn.btn-dark {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 2px 2px 0 rgba(52,58,64, .14), 0 3px 1px -2px rgba(52,58,64, .2), 0 1px 5px 0 rgba(52,58,64, .12)
}
.btn.btn-dark.focus,
.btn.btn-dark:focus,
.btn.btn-dark:hover {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b
}
.btn.btn-dark.active,
.btn.btn-dark:active,
.open>.btn.btn-dark.dropdown-toggle,
.show>.btn.btn-dark.dropdown-toggle {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b;
    box-shadow: 0 2px 2px 0 rgba(52,58,64, .14), 0 3px 1px -2px rgba(52,58,64, .2), 0 1px 5px 0 rgba(52,58,64, .12)
}
.btn.btn-dark.active.focus,
.btn.btn-dark.active:focus,
.btn.btn-dark.active:hover,
.btn.btn-dark:active.focus,
.btn.btn-dark:active:focus,
.btn.btn-dark:active:hover,
.open>.btn.btn-dark.dropdown-toggle.focus,
.open>.btn.btn-dark.dropdown-toggle:focus,
.open>.btn.btn-dark.dropdown-toggle:hover,
.show>.btn.btn-dark.dropdown-toggle.focus,
.show>.btn.btn-dark.dropdown-toggle:focus,
.show>.btn.btn-dark.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #23272b;
    border-color: #23272b
}
.open>.btn.btn-dark.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #343a40
}
.open>.btn.btn-dark.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #23272b
}
.btn.btn-dark.disabled.focus,
.btn.btn-dark.disabled:focus,
.btn.btn-dark.disabled:hover,
.btn.btn-dark:disabled.focus,
.btn.btn-dark:disabled:focus,
.btn.btn-dark:disabled:hover {
    background-color: #343a40;
    border-color: #343a40
}
.btn.btn-dark:active,
.btn.btn-dark:focus,
.btn.btn-dark:hover {
    box-shadow: 0 14px 26px -12px rgba(52,58,64, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(52,58,64, .2)
}
.btn.btn-dark.btn-link {
    box-shadow: none
}
.btn.btn-dark.btn-link,
.btn.btn-dark.btn-link:active,
.btn.btn-dark.btn-link:focus,
.btn.btn-dark.btn-link:hover {
    background-color: transparent;
    color: #343a40
}
.btn.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    border-color: #343a40
}
.btn.btn-outline-dark.focus,
.btn.btn-outline-dark:focus,
.btn.btn-outline-dark:hover {
    color: #343a40;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #343a40
}
.btn.btn-outline-dark.active,
.btn.btn-outline-dark:active,
.open>.btn.btn-outline-dark.dropdown-toggle,
.show>.btn.btn-outline-dark.dropdown-toggle {
    color: #343a40;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #343a40;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-dark.active.focus,
.btn.btn-outline-dark.active:focus,
.btn.btn-outline-dark.active:hover,
.btn.btn-outline-dark:active.focus,
.btn.btn-outline-dark:active:focus,
.btn.btn-outline-dark:active:hover,
.open>.btn.btn-outline-dark.dropdown-toggle.focus,
.open>.btn.btn-outline-dark.dropdown-toggle:focus,
.open>.btn.btn-outline-dark.dropdown-toggle:hover,
.show>.btn.btn-outline-dark.dropdown-toggle.focus,
.show>.btn.btn-outline-dark.dropdown-toggle:focus,
.show>.btn.btn-outline-dark.dropdown-toggle:hover {
    color: #343a40;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #343a40
}
.open>.btn.btn-outline-dark.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-dark.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-dark,
.btn.btn-outline-dark.disabled.focus,
.btn.btn-outline-dark.disabled:focus,
.btn.btn-outline-dark.disabled:hover,
.btn.btn-outline-dark:disabled.focus,
.btn.btn-outline-dark:disabled:focus,
.btn.btn-outline-dark:disabled:hover {
    background-color: transparent;
    border-color: #343a40
}
.bg-inverse .btn.btn-outline-dark {
    color: #343a40
}
.bg-inverse .btn.btn-outline-dark.focus,
.bg-inverse .btn.btn-outline-dark:focus,
.bg-inverse .btn.btn-outline-dark:hover {
    color: #343a40;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-dark.active,
.bg-inverse .btn.btn-outline-dark:active,
.open>.bg-inverse .btn.btn-outline-dark.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-dark.dropdown-toggle {
    color: #343a40;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-dark.active.focus,
.bg-inverse .btn.btn-outline-dark.active:focus,
.bg-inverse .btn.btn-outline-dark.active:hover,
.bg-inverse .btn.btn-outline-dark:active.focus,
.bg-inverse .btn.btn-outline-dark:active:focus,
.bg-inverse .btn.btn-outline-dark:active:hover,
.open>.bg-inverse .btn.btn-outline-dark.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-dark.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-dark.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-dark.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-dark.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-dark.dropdown-toggle:hover {
    color: #343a40;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-dark.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-dark.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-dark.disabled.focus,
.bg-inverse .btn.btn-outline-dark.disabled:focus,
.bg-inverse .btn.btn-outline-dark.disabled:hover,
.bg-inverse .btn.btn-outline-dark:disabled.focus,
.bg-inverse .btn.btn-outline-dark:disabled:focus,
.bg-inverse .btn.btn-outline-dark:disabled:hover {
    background-color: transparent;
    border-color: #343a40
}
.btn.btn-outline-dark.btn-link {
    background-color: transparent
}
a.text-dark:focus,
a.text-dark:hover {
    color: #23272b
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=dark]:after {
    background: rgba(52,58,64, .56);
    background: linear-gradient(60deg, rgba(52,58,64, .56), rgba({35,39,43}, .95))
}
.bootstrap-tagsinput.dark-badge .tag {
    background-color: #343a40;
    color: #ffffff
}
.bootstrap-tagsinput.dark-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-dark {
    background: rgba(52,58,64, .2)
}
.progress .progress-bar.progress-bar-dark {
    background: #343a40
}
.icon.icon-dark {
    color: #343a40
}
.has-dark [class*=" bmd-label"],
.has-dark [class^=bmd-label] {
    color: #343a40
}
.has-dark .form-control,
.is-focused .has-dark .form-control {
    background-image: linear-gradient(0deg, #343a40 2px, rgba(52,58,64, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-dark .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-dark .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-dark .form-control.disabled,
.has-dark .form-control:disabled,
.has-dark .form-control[disabled],
fieldset[disabled][disabled] .has-dark .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-dark .form-control.form-control-success,
.is-focused .has-dark .form-control.form-control-success {
    background-image: linear-gradient(0deg, #343a40 2px, rgba(52,58,64, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-dark .form-control.form-control-warning,
.is-focused .has-dark .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #343a40 2px, rgba(52,58,64, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-dark .form-control.form-control-danger,
.is-focused .has-dark .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #343a40 2px, rgba(52,58,64, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-dark .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #343a40
}
.has-dark .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(52,58,64, .8);
    border-radius: .2rem
}
.has-dark .is-focused .custom-select.is-valid,
.has-dark .is-focused .form-control.is-valid,
.was-validated .has-dark .is-focused .custom-select:valid,
.was-validated .has-dark .is-focused .form-control:valid {
    border-color: #343a40
}
.has-dark .is-focused .custom-select.is-valid:focus,
.has-dark .is-focused .form-control.is-valid:focus,
.was-validated .has-dark .is-focused .custom-select:valid:focus,
.was-validated .has-dark .is-focused .form-control:valid:focus {
    border-color: #343a40;
    box-shadow: 0 0 0 .2rem rgba(52,58,64, .25)
}
.has-dark .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-dark .is-focused .form-check-input:valid~.form-check-label {
    color: #343a40
}
.has-dark .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-dark .is-focused .custom-control-input:valid~.custom-control-label {
    color: #343a40
}
.has-dark .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-dark .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #23272b
}
.has-dark .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-dark .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #23272b
}
.has-dark .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-dark .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(52,58,64, .25)
}
.has-dark .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-dark .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #343a40
}
.has-dark .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-dark .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(52,58,64, .25)
}
.has-dark .is-focused .bmd-label-placeholder,
.has-dark .is-focused [class*=" bmd-label"],
.has-dark .is-focused [class^=bmd-label] {
    color: #343a40
}
.has-dark .is-focused .form-control {
    border-color: #343a40
}
.navbar.bg-dark {
    color: #ffffff;
    background-color: #343a40!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(52,58,64, .46)
}
.navbar.bg-dark .dropdown-item:focus,
.navbar.bg-dark .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(52,58,64, .4);
    background-color: #343a40;
    color: #ffffff
}
.navbar.bg-dark .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-dark {
    background-color: #343a40
}
.badge-dark[href]:focus,
.badge-dark[href]:hover {
    background-color: #23272b
}
.alert.alert-dark {
    background-color: #23272b;
    color: #ffffff
}
.alert.alert-dark .alert-link,
.alert.alert-dark a {
    color: #ffffff
}
.pagination.pagination-dark>.page-item.active>a,
.pagination.pagination-dark>.page-item.active>a:focus,
.pagination.pagination-dark>.page-item.active>a:hover,
.pagination.pagination-dark>.page-item.active>span,
.pagination.pagination-dark>.page-item.active>span:focus,
.pagination.pagination-dark>.page-item.active>span:hover {
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 4px 5px 0 rgba(52,58,64, .14), 0 1px 10px 0 rgba(52,58,64, .12), 0 2px 4px -1px rgba(52,58,64, .2)
}
.nav-pills.nav-pills-dark .nav-item .nav-link.active,
.nav-pills.nav-pills-dark .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-dark .nav-item .nav-link.active:hover {
    background-color: #343a40;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(52,58,64, .6);
    color: #ffffff
}
/*-------------------------------*/
/*-------------------------------*/
/*------------DARKER-------------*/
/*-------------------------------*/
/*-------------------------------*/
.text-darker {
    color: #1b1b1b!important
}
.bg-darker {
    background-color: #1b1b1b!important
}
a.text-darker:focus,
a.text-darker:hover {
    color: #000000!important
}
.card.bg-darker,
.card .card-header-darker,
.card.card-rotate.bg-darker .back,
.card.card-rotate.bg-darker .front {
    background: linear-gradient(60deg, #222222, #070707)
}
.card .card-header-darker {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(27,27,27, .6)
}
.btn.btn-darker {
    color: #ffffff;
    background-color: #1b1b1b;
    border-color: #1b1b1b;
    box-shadow: 0 2px 2px 0 rgba(27,27,27, .14), 0 3px 1px -2px rgba(27,27,27, .2), 0 1px 5px 0 rgba(27,27,27, .12)
}
.btn.btn-darker.focus,
.btn.btn-darker:focus,
.btn.btn-darker:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000
}
.btn.btn-darker.active,
.btn.btn-darker:active,
.open>.btn.btn-darker.dropdown-toggle,
.show>.btn.btn-darker.dropdown-toggle {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    box-shadow: 0 2px 2px 0 rgba(27,27,27, .14), 0 3px 1px -2px rgba(27,27,27, .2), 0 1px 5px 0 rgba(27,27,27, .12)
}
.btn.btn-darker.active.focus,
.btn.btn-darker.active:focus,
.btn.btn-darker.active:hover,
.btn.btn-darker:active.focus,
.btn.btn-darker:active:focus,
.btn.btn-darker:active:hover,
.open>.btn.btn-darker.dropdown-toggle.focus,
.open>.btn.btn-darker.dropdown-toggle:focus,
.open>.btn.btn-darker.dropdown-toggle:hover,
.show>.btn.btn-darker.dropdown-toggle.focus,
.show>.btn.btn-darker.dropdown-toggle:focus,
.show>.btn.btn-darker.dropdown-toggle:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000
}
.open>.btn.btn-darker.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #1b1b1b
}
.open>.btn.btn-darker.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #000000
}
.btn.btn-darker.disabled.focus,
.btn.btn-darker.disabled:focus,
.btn.btn-darker.disabled:hover,
.btn.btn-darker:disabled.focus,
.btn.btn-darker:disabled:focus,
.btn.btn-darker:disabled:hover {
    background-color: #1b1b1b;
    border-color: #1b1b1b
}
.btn.btn-darker:active,
.btn.btn-darker:focus,
.btn.btn-darker:hover {
    box-shadow: 0 14px 26px -12px rgba(27,27,27, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(27,27,27, .2)
}
.btn.btn-darker.btn-link {
    box-shadow: none
}
.btn.btn-darker.btn-link,
.btn.btn-darker.btn-link:active,
.btn.btn-darker.btn-link:focus,
.btn.btn-darker.btn-link:hover {
    background-color: transparent;
    color: #1b1b1b
}
.btn.btn-outline-darker {
    color: #1b1b1b;
    background-color: transparent;
    border-color: #1b1b1b
}
.btn.btn-outline-darker.focus,
.btn.btn-outline-darker:focus,
.btn.btn-outline-darker:hover {
    color: #1b1b1b;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #1b1b1b
}
.btn.btn-outline-darker.active,
.btn.btn-outline-darker:active,
.open>.btn.btn-outline-darker.dropdown-toggle,
.show>.btn.btn-outline-darker.dropdown-toggle {
    color: #1b1b1b;
    background-color: hsla(0, 0%, 60%, .2);
    border-color: #1b1b1b;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.btn.btn-outline-darker.active.focus,
.btn.btn-outline-darker.active:focus,
.btn.btn-outline-darker.active:hover,
.btn.btn-outline-darker:active.focus,
.btn.btn-outline-darker:active:focus,
.btn.btn-outline-darker:active:hover,
.open>.btn.btn-outline-darker.dropdown-toggle.focus,
.open>.btn.btn-outline-darker.dropdown-toggle:focus,
.open>.btn.btn-outline-darker.dropdown-toggle:hover,
.show>.btn.btn-outline-darker.dropdown-toggle.focus,
.show>.btn.btn-outline-darker.dropdown-toggle:focus,
.show>.btn.btn-outline-darker.dropdown-toggle:hover {
    color: #1b1b1b;
    background-color: hsla(0, 0%, 60%, .4);
    border-color: #1b1b1b
}
.open>.btn.btn-outline-darker.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.btn.btn-outline-darker.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 60%, .2)
}
.bg-inverse .btn.btn-outline-darker,
.btn.btn-outline-darker.disabled.focus,
.btn.btn-outline-darker.disabled:focus,
.btn.btn-outline-darker.disabled:hover,
.btn.btn-outline-darker:disabled.focus,
.btn.btn-outline-darker:disabled:focus,
.btn.btn-outline-darker:disabled:hover {
    background-color: transparent;
    border-color: #1b1b1b
}
.bg-inverse .btn.btn-outline-darker {
    color: #1b1b1b
}
.bg-inverse .btn.btn-outline-darker.focus,
.bg-inverse .btn.btn-outline-darker:focus,
.bg-inverse .btn.btn-outline-darker:hover {
    color: #1b1b1b;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-darker.active,
.bg-inverse .btn.btn-outline-darker:active,
.open>.bg-inverse .btn.btn-outline-darker.dropdown-toggle,
.show>.bg-inverse .btn.btn-outline-darker.dropdown-toggle {
    color: #1b1b1b;
    background-color: hsla(0, 0%, 80%, .15);
    border-color: hsla(0, 0%, 80%, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.bg-inverse .btn.btn-outline-darker.active.focus,
.bg-inverse .btn.btn-outline-darker.active:focus,
.bg-inverse .btn.btn-outline-darker.active:hover,
.bg-inverse .btn.btn-outline-darker:active.focus,
.bg-inverse .btn.btn-outline-darker:active:focus,
.bg-inverse .btn.btn-outline-darker:active:hover,
.open>.bg-inverse .btn.btn-outline-darker.dropdown-toggle.focus,
.open>.bg-inverse .btn.btn-outline-darker.dropdown-toggle:focus,
.open>.bg-inverse .btn.btn-outline-darker.dropdown-toggle:hover,
.show>.bg-inverse .btn.btn-outline-darker.dropdown-toggle.focus,
.show>.bg-inverse .btn.btn-outline-darker.dropdown-toggle:focus,
.show>.bg-inverse .btn.btn-outline-darker.dropdown-toggle:hover {
    color: #1b1b1b;
    background-color: hsla(0, 0%, 80%, .25);
    border-color: hsla(0, 0%, 80%, .25)
}
.open>.bg-inverse .btn.btn-outline-darker.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: transparent
}
.open>.bg-inverse .btn.btn-outline-darker.dropdown-toggle.bmd-btn-icon:hover {
    background-color: hsla(0, 0%, 80%, .15)
}
.bg-inverse .btn.btn-outline-darker.disabled.focus,
.bg-inverse .btn.btn-outline-darker.disabled:focus,
.bg-inverse .btn.btn-outline-darker.disabled:hover,
.bg-inverse .btn.btn-outline-darker:disabled.focus,
.bg-inverse .btn.btn-outline-darker:disabled:focus,
.bg-inverse .btn.btn-outline-darker:disabled:hover {
    background-color: transparent;
    border-color: #1b1b1b
}
.btn.btn-outline-darker.btn-link {
    background-color: transparent
}
a.text-darker:focus,
a.text-darker:hover {
    color: #000000
}
.header-filter[filter-color=blue]:after,
.header-filter[filter-color=darker]:after {
    background: rgba(27,27,27, .56);
    background: linear-gradient(60deg, rgba(34,34,34, .56), rgba({7,7,7}, .95))
}
.bootstrap-tagsinput.darker-badge .tag {
    background-color: #1b1b1b;
    color: #ffffff
}
.bootstrap-tagsinput.darker-badge .tag .tagsinput-remove-link {
    color: #ffffff
}
.progress.progress-line-darker {
    background: rgba(27,27,27, .2)
}
.progress .progress-bar.progress-bar-darker {
    background: #1b1b1b
}
.icon.icon-darker {
    color: #1b1b1b
}
.has-darker [class*=" bmd-label"],
.has-darker [class^=bmd-label] {
    color: #1b1b1b
}
.has-darker .form-control,
.is-focused .has-darker .form-control {
    background-image: linear-gradient(0deg, #1b1b1b 2px, rgba(27,27,27, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-darker .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-darker .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}
.has-darker .form-control.disabled,
.has-darker .form-control:disabled,
.has-darker .form-control[disabled],
fieldset[disabled][disabled] .has-darker .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}
.has-darker .form-control.form-control-success,
.is-focused .has-darker .form-control.form-control-success {
    background-image: linear-gradient(0deg, #1b1b1b 2px, rgba(27,27,27, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}
.has-darker .form-control.form-control-warning,
.is-focused .has-darker .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #1b1b1b 2px, rgba(27,27,27, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}
.has-darker .form-control.form-control-danger,
.is-focused .has-darker .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #1b1b1b 2px, rgba(27,27,27, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}
.has-darker .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #1b1b1b
}
.has-darker .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #ffffff;
    background-color: rgba(27,27,27, .8);
    border-radius: .2rem
}
.has-darker .is-focused .custom-select.is-valid,
.has-darker .is-focused .form-control.is-valid,
.was-validated .has-darker .is-focused .custom-select:valid,
.was-validated .has-darker .is-focused .form-control:valid {
    border-color: #1b1b1b
}
.has-darker .is-focused .custom-select.is-valid:focus,
.has-darker .is-focused .form-control.is-valid:focus,
.was-validated .has-darker .is-focused .custom-select:valid:focus,
.was-validated .has-darker .is-focused .form-control:valid:focus {
    border-color: #1b1b1b;
    box-shadow: 0 0 0 .2rem rgba(27,27,27, .25)
}
.has-darker .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-darker .is-focused .form-check-input:valid~.form-check-label {
    color: #1b1b1b
}
.has-darker .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-darker .is-focused .custom-control-input:valid~.custom-control-label {
    color: #1b1b1b
}
.has-darker .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-darker .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #000000
}
.has-darker .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-darker .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #000000
}
.has-darker .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-darker .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(27,27,27, .25)
}
.has-darker .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-darker .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #1b1b1b
}
.has-darker .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-darker .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(27,27,27, .25)
}
.has-darker .is-focused .bmd-label-placeholder,
.has-darker .is-focused [class*=" bmd-label"],
.has-darker .is-focused [class^=bmd-label] {
    color: #1b1b1b
}
.has-darker .is-focused .form-control {
    border-color: #1b1b1b
}
.navbar.bg-darker {
    color: #ffffff;
    background-color: #1b1b1b!important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(27,27,27, .46)
}
.navbar.bg-darker .dropdown-item:focus,
.navbar.bg-darker .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(27,27,27, .4);
    background-color: #1b1b1b;
    color: #ffffff
}
.navbar.bg-darker .navbar-toggler .navbar-toggler-icon {
    background-color: #ffffff
}
.badge.badge-darker {
    background-color: #1b1b1b
}
.badge-darker[href]:focus,
.badge-darker[href]:hover {
    background-color: #000000
}
.alert.alert-darker {
    background-color: #000000;
    color: #ffffff
}
.alert.alert-darker .alert-link,
.alert.alert-darker a {
    color: #ffffff
}
.pagination.pagination-darker>.page-item.active>a,
.pagination.pagination-darker>.page-item.active>a:focus,
.pagination.pagination-darker>.page-item.active>a:hover,
.pagination.pagination-darker>.page-item.active>span,
.pagination.pagination-darker>.page-item.active>span:focus,
.pagination.pagination-darker>.page-item.active>span:hover {
    background-color: #1b1b1b;
    border-color: #1b1b1b;
    box-shadow: 0 4px 5px 0 rgba(27,27,27, .14), 0 1px 10px 0 rgba(27,27,27, .12), 0 2px 4px -1px rgba(27,27,27, .2)
}
.nav-pills.nav-pills-darker .nav-item .nav-link.active,
.nav-pills.nav-pills-darker .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-darker .nav-item .nav-link.active:hover {
    background-color: #1b1b1b;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(27,27,27, .6);
    color: #ffffff
}