.m--font-brand {
    color: #36a3f7 !important;
    }
    .m-header .m-header__bottom, .primary_color-background::after {
    background-color: #36a3f7;
    }
    .secondary_color-background {
    background-color: #98d0fb;
    }
    .primary_color, .primary_color::before {
    color: #36a3f7;
    }
    .m-link {
    color: #36a3f7;
    }
    .m-link:hover {
    color: #36a3f7;
    }
    .m-link:hover::after {
    border-bottom: 1px solid #36a3f7;
    }
    .m-link.m-link--brand {
    color: #36a3f7;
    }
    .m-link.m-link--brand:hover {
    color: #36a3f7;
    }
    .m-link.m-link--brand:hover::after {
    border-bottom: 1px solid #36a3f7;
    }
    .primary_color:hover {
    color: #98d0fb;
    }
    .secondary_color {
    color: #98d0fb;
    }
    .form-control.focus, .form-control:focus {
    border-color: #36a3f7;
    }
    .bootstrap-select.show > .dropdown-toggle.btn-light {
    border-color: #36a3f7 !important;
    }
    .bootstrap-select > .dropdown-toggle.btn-light:focus {
    border-color: #36a3f7;
    }
    .btn.m-btn--label-brand i {
    color: #36a3f7;
    }
    .m-radio > span::after {
    border-color: #36a3f7;
    }
    .m-radio > input:checked ~ span {
    border: 2px solid #36a3f7;
    }
    .m-radio > input:checked:focus ~ span {
    border: 2px solid #36a3f7;
    }
    .m-checkbox:focus > span {
    border-color: #36a3f7;
    }
    .m-checkbox:focus > input:checked ~ span {
    border-color: #36a3f7;
    }
    .m-checkbox > input:checked:focus ~ span {
    border-color: #36a3f7;
    }
    .m-checkbox > input:focus ~ span {
    border-color: #36a3f7;
    }
    .m-checkbox.m-checkbox--brand.m-checkbox--solid > input:checked ~ span {
    background: #36a3f7;
    }
    .m-checkbox.m-checkbox--brand.m-checkbox--check-bold > input:checked ~ span {
    border: 2px solid #36a3f7;
    }
    .m-checkbox > span::after {
    border-color: #36a3f7;
    }
    .m-checkbox > input:checked ~ span {
    border: 2px solid #36a3f7;
    }
    .m-checkbox > input:checked:disabled ~ span:after {
    border-color: #36a3f7;
    }
    .m-checkbox.m-checkbox--brand > span::after {
    border-color: #36a3f7;
    }
    .m-checkbox.m-checkbox--brand > input:checked ~ span {
    border: 1px solid #36a3f7;
    }
    .m-portlet__nav-link.m-portlet__nav-link--icon i{
    color: #36a3f7;
    }
    .m-portlet__nav-link.m-portlet__nav-link--icon:hover i{
    color: #98d0fb;
    }
    .dataTables_wrapper .pagination .page-item.active > .page-link {
    background-color: #36a3f7;
    }
    .dataTables_wrapper .pagination .page-item > .page-link:hover {
    background-color: #36a3f7;
    }
    .dataTables_wrapper .pagination .page-item:hover > .page-link {
    background-color: #36a3f7;
    }
    .dataTables_wrapper .pagination .page-item.next > .page-link:hover {
    background-color: #98d0fb;
    }
    .dataTables_wrapper .pagination .page-item.next:hover > .page-link {
    background-color: #98d0fb;
    }
    .dataTables_wrapper .pagination .page-item.previous > .page-link:hover {
    background-color: #98d0fb;
    }
    .dataTables_wrapper .pagination .page-item.previous:hover > .page-link {
    background-color: #98d0fb;
    }
    .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
    color: #36a3f7;
    }
    .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover
    svg {
    fill: #36a3f7;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav >
    .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link
    .m-menu__link-text {
    color: #98d0fb;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav >
    .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link
    .m-menu__link-icon {
    color: #98d0fb;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item
    .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link
    .m-menu__link-text {
    color: #98d0fb;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item
    .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link
    .m-menu__link-icon {
    color: #98d0fb;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu >
    .m-menu__subnav > .m-menu__item:hover > .m-menu__link > .m-menu__hor-arrow {
    color: #98d0fb;
    }
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light
    .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__ver-arrow {
    color: #36a3f7;
    }
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light
    .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #333439;
    }
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light
    .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #333439;
    }
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link
    .m-menu__link-text {
    color: #36a3f7;
    }
    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light
    .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link
    .m-menu__link-icon {
    color: #36a3f7;
    }
    .m-brand .m-brand__tools .m-brand__toggler:hover span {
    background-color: #36a3f7;
    }
    .m-brand .m-brand__tools .m-brand__toggler:hover span::before {
    background-color: #36a3f7;
    }
    .m-brand .m-brand__tools .m-brand__toggler:hover span::after {
    background-color: #36a3f7;
    }
    .m-brand .m-brand__tools .m-brand__icon:hover > i {
    color: #36a3f7;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item
    .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--active > .m-menu__link
    .m-menu__link-text {
    color: #36a3f7;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item
    .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--active > .m-menu__link
    .m-menu__link-icon {
    color: #36a3f7;
    }
    .m-subheader .m-subheader__breadcrumbs.m-nav .m-nav__item .m-nav__link .m-nav__link-text {
    color: #36a3f7;
    }
    .m-subheader .m-subheader__breadcrumbs.m-nav .m-nav__item.m-nav__item--home .m-nav__link
    .m-nav__link-icon {
    color: #36a3f7;
    }
    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link
    .m-topbar__username {
    color: #36a3f7;
    }
    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link:hover
    .m-topbar__arrow {
    color: #36a3f7;
    }
    .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text,
    .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon {
    color: #36a3f7;
    }
    .btn.m-btn--label-brand {
    color: #36a3f7;
    }
    .btn.m-btn--label-brand:hover {
    color: #98d0fb;
    }
    .btn.m-btn--air.btn-secondary.m-btn--label-brand:hover:not(:disabled):not(.active) {
    background: #98d0fb !important;
    border-color: #98d0fb !important;
    }
    .btn.m-btn--air.btn-secondary.m-btn--label-brand:focus {
    background: #98d0fb !important;
    border-color: #98d0fb !important;
    }
    .btn-outline-brand {
    border-color: #36a3f7;
    }
    .btn.btn-outline-brand {
    color: #36a3f7;
    }
    .btn-outline-brand:hover {
    background-color: #36a3f7;
    border-color: #36a3f7;
    }
    .btn-outline-brand:focus {
    background-color: #36a3f7;
    border-color: #36a3f7;
    }
    .btn-outline-brand:not(:disabled):not(.disabled).active {
    background-color: #36a3f7;
    border-color: #36a3f7;
    }
    .btn-outline-brand:not(:disabled):not(.disabled):active {
    background-color: #36a3f7;
    border-color: #36a3f7;
    }
    .m-topbar .m-topbar__nav.m-nav >
    .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow
    .m-dropdown__arrow {
    color: #98d0fb;
    }
    .m-wizard.m-wizard--1.m-wizard--danger .m-wizard__steps .m-wizard__step.m-wizard__step--current
    .m-wizard__step-info .m-wizard__step-number > span {
    background-color: #98d0fb;
    }
    .m-wizard.m-wizard--1.m-wizard--danger .m-wizard__steps .m-wizard__step.m-wizard__step--done
    .m-wizard__step-info .m-wizard__step-number > span {
    background-color: #36a3f7;
    }
    .m-wizard.m-wizard--1.m-wizard--danger .m-wizard__progress .progress .progress-bar,
    .m-wizard.m-wizard--1.m-wizard--danger .m-wizard__progress .progress .progress-bar::after {
    background-color: #36a3f7;
    }
    .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link >
    .m-menu__item-here {
    color: #36a3f7;
    }
    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item
    .m-portlet__nav-link.m-portlet__nav-link--icon i {
    color: #36a3f7;
    }
    .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item
    .m-portlet__nav-link.m-portlet__nav-link--icon:hover i {
    color: #98d0fb;
    }
    .m-badge.m-badge--brand {
    background-color: #36a3f7;
    color: #f7ea36;
    }
    .m-loader.m-loader--brand::before {
    border-top-color: #36a3f7;
    }
    .alert.m-alert--outline.alert-brand {
    border-color: #36a3f7;
    color: #36a3f7;
    }
    .m-switch.m-switch--brand:not(.m-switch--outline) input:empty ~ span::after {
    color: #36a3f7;
    }
    .m-switch.m-switch--brand:not(.m-switch--outline) input:checked ~ span::before {
    background-color: #36a3f7;
    }
    .m-switch.m-switch--brand:not(.m-switch--outline) input:empty ~ span::before {
    background-color: #36a3f7;
    }
    .m-radio.m-radio--brand.m-radio--check-bold > input:checked ~ span {
    border: 2px solid #36a3f7;
    }
    .m-radio.m-radio--brand > span::after {
    border: solid #36a3f7;
    background: #36a3f7;
    }
    .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu >
    .m-menu__subnav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__hor-arrow {
    color: #36a3f7;
    }