:root {
    --fibbo-color: #33cc66;
}

.m-page--fluid .m-header {
    background-image: linear-gradient(to right, #33cc66 0%, #ed9a00 100%) !important;
    color: #fff !important;
    padding: 0;
}

.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item.m-menu__item--active
    > .m-menu__heading
    .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item.m-menu__item--active
    > .m-menu__link
    .m-menu__link-text {
    color: #33cc66 !important;
}

.m-wizard.m-wizard--1.m-wizard--success .m-wizard__progress .progress .progress-bar {
    background-color: #33cc66;
}

.m-wizard.m-wizard--1.m-wizard--success .m-wizard__progress .progress .progress-bar:after {
    background-color: #33cc66;
}

.m-wizard.m-wizard--1.m-wizard--success
    .m-wizard__steps
    .m-wizard__step.m-wizard__step--current
    .m-wizard__step-info
    .m-wizard__step-number
    > span {
    background-color: #6ccc93;
}

.m-wizard.m-wizard--1.m-wizard--success
    .m-wizard__steps
    .m-wizard__step.m-wizard__step--current
    .m-wizard__step-info
    a.m-wizard__step-number:hover
    > span {
    background-color: #33cc66;
}

.m-wizard.m-wizard--1.m-wizard--success
    .m-wizard__steps
    .m-wizard__step.m-wizard__step--done
    .m-wizard__step-info
    a.m-wizard__step-number:hover
    > span {
    background-color: #6ccc93;
}

.m-wizard.m-wizard--1.m-wizard--success
    .m-wizard__steps
    .m-wizard__step.m-wizard__step--done
    .m-wizard__step-info
    .m-wizard__step-number
    > span {
    background-color: #33cc66;
}

.bootstrap-select.show > .dropdown-toggle.btn-light,
.bootstrap-select.show > .dropdown-toggle.btn-secondary {
    border: 1px solid #33cc66 !important;
}

.bootstrap-select > .dropdown-toggle.btn-light.active,
.bootstrap-select > .dropdown-toggle.btn-light:focus,
.bootstrap-select > .dropdown-toggle.btn-secondary.active,
.bootstrap-select > .dropdown-toggle.btn-secondary:focus {
    border: 1px solid #33cc66 !important;
}

.form-control-label, label {
    color: #9ba5b9;
}

.m-portlet.m-portlet--skin-dark label{
  color: #fff;
}

.m-input,
.form-control[disabled],
.bootstrap-select > .dropdown-toggle.btn-light,
.bootstrap-select > .dropdown-toggle.btn-secondary {
    border: 1px solid #d9e0ef !important;
    border-radius: 4px !important;
    box-shadow: 0 3px 6px rgba(217, 224, 239, 0.3);
}

.m-input:active,
.m-input:focus {
    border: 1px solid #33cc66 !important;
}

.btn-fibbo-aceptar {
    color: #ffffff !important;
    box-shadow: 2px 2px 6px #33cc66 !important;
    border-radius: 20px;
    background-color: #33cc66;
}

.btn-fibbo-info {
    color: #ffffff !important;
    box-shadow: 2px 2px 6px rgba(28, 89, 188, 0.4);
    border-radius: 20px;
    background-color: #1c59bc;
}

.end-group {
    height: 27px;
}

.datepicker {
    width: 285px !important;
}

.datepicker tbody tr > td.day.today {
    background-color: #6ccc93 !important;
    color: #fff !important;
}

.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover,
.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover {
    background-color: #33cc66 !important;
    color: #fff !important;
}

.button.default,
input[type="submit"].default,
.submit-row input.default {
    background-color: #ed9a00 !important;
}

.button,
input[type="submit"],
input[type="button"],
.submit-row input,
a.button {
    color: #ffffff !important;
    box-shadow: 2px 2px 6px #ed9a00 !important;
    border-radius: 20px;
    background-color: #eabf54;
}

.button:active,
input[type="submit"]:active,
input[type="button"]:active,
.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #eabf54;
}

.m-form__heading-title {
    color: #33cc66 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-width: 1px 0 0 0;
    border-color: #eee;
    border-style: solid;
    margin: 0 0 0 15px;
    padding-top: 27px;
}

.btn-primary {
    background-color: #33cc66 !important;
    border-color: #33cc66 !important;
}

.m-checkbox.m-checkbox--state-brand > input:checked ~ span {
    border: 1px solid #33cc66 !important;
}

.m-checkbox.m-checkbox--state-brand > span:after {
    border: solid #33cc66;
}

.m-aside-menu.m-aside-menu--skin-light
    .m-menu__nav
    > .m-menu__item.m-menu__item--active
    > .m-menu__link {
    background-color: transparent !important;
    border-left: 8px solid #33cc66;
}

.m-dropdown.m-dropdown--header-bg-fill.m-dropdown--arrow .m-dropdown__arrow {
    color: #ed9a00 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border: 1px solid #33cc66 !important;
}

.invoices-resume {
    color: #fff;
    /* height: 69px; */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    background-image: linear-gradient(to right, #33cc66 0%, #ed9a00 100%);
}

.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active,
.m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover {
    color: #33cc66;
    border-bottom: 1px solid #33cc66;
}

.color-fibbo {
    color: #33cc66 !important;
}

.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-nav
    > li
    > .m-datatable__pager-link.m-datatable__pager-link--active {
    background-color: #33cc66;
}

.dataTables_wrapper .pagination .page-item.active > .page-link {
    background-color: #33cc66;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
    background-color: #6ccc93;
}

.dataTables_wrapper .pagination .page-item:hover > .page-link,
.dataTables_wrapper .pagination .page-item.first > .page-link:hover,
.dataTables_wrapper .pagination .page-item.last > .page-link:hover,
.dataTables_wrapper .pagination .page-item.next > .page-link:hover,
.dataTables_wrapper .pagination .page-item.previous > .page-link:hover {
    background-color: #6ccc93;
}

.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-nav
    > li
    > .m-datatable__pager-link.m-datatable__pager-link--first:hover,
.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-nav
    > li
    > .m-datatable__pager-link.m-datatable__pager-link--last:hover,
.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-nav
    > li
    > .m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-nav
    > li
    > .m-datatable__pager-link.m-datatable__pager-link--prev:hover {
    background-color: #6ccc93;
}

.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-info
    .m-datatable__pager-size
    .btn.dropdown-toggle:focus,
.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-info
    .m-datatable__pager-size
    .btn.dropdown-toggle:hover,
.m-datatable
    > .m-datatable__pager
    > .m-datatable__pager-info
    .m-datatable__pager-size.show
    > .btn.dropdown-toggle {
    background: #33cc66;
}

.m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: #33cc66;
}

.btn.m-btn--hover-accent.active,
.btn.m-btn--hover-accent:active,
.btn.m-btn--hover-accent:focus,
.btn.m-btn--hover-accent:hover,
.show > .btn.m-btn--hover-accent.dropdown-toggle {
    border-color: #33cc66 !important;
    background: #33cc66 !important;
}

.m-datatable
    > .m-datatable__table
    > .m-datatable__body
    .m-datatable__row
    > .m-datatable__cell
    .m-checkbox.m-checkbox--solid
    > input:checked
    ~ span,
.m-datatable
    > .m-datatable__table
    > .m-datatable__foot
    .m-datatable__row
    > .m-datatable__cell
    .m-checkbox.m-checkbox--solid
    > input:checked
    ~ span,
.m-datatable
    > .m-datatable__table
    > .m-datatable__head
    .m-datatable__row
    > .m-datatable__cell
    .m-checkbox.m-checkbox--solid
    > input:checked
    ~ span {
    background: #33cc66 !important;
}

.widget-main-title {
    color: #33cc66;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
}

.m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span,
.m-radio.m-radio--state-brand > span {
    border: 2px solid #33cc66 !important;
}

.m-radio.m-radio--brand > span:after,
.m-radio.m-radio--state-brand > span:after {
    border: solid #33cc66;
    background: #33cc66;
}

.btn-fibbo-confirm {
    background-color: #33cc66 !important;
    border-color: #33cc66 !important;
    box-shadow: 2px 2px 6px rgba(201, 209, 227, 0.5);
    border-radius: 20px;
    font-size: 11px !important;
}

.btn.m-btn--label-brand {
    color: #33cc66 !important;
}

@media only all and (max-width: 1024px) {
    .m-header--fixed-mobile .m-topbar {
        background-image: linear-gradient(to right, #33cc66 0%, #ed9a00 100%) !important;
    }
}

.kt-svg-icon g [fill] {
    fill: #33cc66;
}