/*!
 * Personalizzazioni del tema blue-sky.css
 *
 */

.btn-link {
    color: #469fdf !important;
}

.page-link {
    color: #469fdf !important;
}

.bg-primary {
    background-color: #2487ce !important;
}

.border-primary {
    border-color: #2487ce !important;
}

.text-primary {
    color: #2487ce !important;
}

@media (max-width: 767.98px) {
    .mai-mega-menu-section.open > .nav-link {
        color: #469fdf !important;
    }
}

.mai-mega-menu-section > .nav-link {
    color: #2487ce !important;
}

.navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item:hover, .navbar .navbar-nav .mai-mega-menu-sub-items .dropdown-item.active {
    color: #2487ce !important;
}

.mai-sub-header {
    background-color: #2487ce !important;
}

    .mai-sub-header.mai-sub-header--no-child:before {
        background-color: #f4f4f4;
    }

    .mai-sub-header .search {
        border-bottom: none !important;
    }


        .mai-sub-header .search input {
            border: 1px solid transparent;
            background-color: transparent;
            color: #FFFFFF;
            width: calc(100% + 2rem);
            font-family: "Raleway", sans-serif;
            font-size: 1.308rem;
            font-weight: 500;
            padding: 8px 10px;
            outline: none;
            -webkit-transition: border-color 0.3s ease;
            transition: border-color 0.3s ease;
        }

            .mai-sub-header .search input:focus {
                border-color: #fff;
            }

        .mai-sub-header .search > i {
            position: absolute;
            color: #FFFFFF;
            right: 8px;
            top: 50%;
            font-size: 1.846rem;
            margin-top: -12px;
        }


.splash-container .user-message {
    background-color: #2487ce !important;
}

.splash-container .input-group .input-group-prepend .icon {
    color: #2487ce !important;
}

@media (max-width: 767.98px) {
    .mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .icon {
        color: #707070 !important;
    }
}

.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator {
    background: #2487ce !important;
}

.mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-notifications .mai-scroller-messages > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-notifications > .content > ul > li > a .img > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .icon > span, .mai-top-header .mai-icons-nav .mai-messages .mai-scroller-messages > .content > ul > li > a .img > span {
    color: #2487ce !important;
}

.switch-button input[type="checkbox"]:checked + span {
    background-color: #2487ce !important;
}

.color-swatch-primary .state-names {
    border-color: #2487ce !important;
}

.color-swatch-primary .colors .normal-state {
    background-color: #2487ce !important;
}

.clr-primary {
    background-color: #2487ce !important;
}

.bs-grid-block .content .device:before {
    color: #2487ce !important;
}

@media (max-width: 1199.98px) {
    .bs-grid-block .content .device:before {
        color: #2487ce !important;
    }
}

@media (max-width: 991.98px) {
    .bs-grid-block .content .device:before {
        color: #2487ce !important;
    }
}

.icon-container:hover .icon span {
    color: #2487ce !important;
}

.icon-container:hover .icon-class {
    color: #2487ce !important;
}

.card-border-color-primary {
    border-top-color: #2487ce !important;
}

.card-header-color-primary {
    background-color: #2487ce !important;
}

.card-full-color-primary {
    background-color: #2487ce !important;
}

.pricing-table-title {
    color: #2487ce !important;
}

.pricing-table-dark .pricing-table-features b {
    color: #2487ce !important;
}

.pricing-table-primary {
    background-color: #2487ce !important;
}

.widget-tile-wide .icon {
    color: #2487ce !important;
}

.timeline-item:before {
    border: 2px solid #2487ce !important;
}

.widget.widget-fullwidth .widget-info .counter-block .title {
    color: #2487ce !important;
}

.widget-chart-container .indicator-equal .icon {
    color: #2487ce !important;
}

.alert-theme.alert-primary {
    background-color: #2487ce !important;
}

.alert-contrast.alert-primary > .icon {
    background-color: #2487ce !important;
}

.alert-dark.alert-primary > .icon {
    color: #2487ce !important;
}

.alert-icon.alert-icon-colored.alert-primary > .icon {
    color: #2487ce !important;
}

.alert-simple.alert-primary > .icon {
    color: #2487ce !important;
}

.badge-primary {
    background-color: #2487ce !important;
    border-color: #2487ce !important;
}

.btn.btn-outline-primary {
    border-color: #2487ce !important;
}

    .btn.btn-outline-primary:hover {
        background-color: #2487ce !important;
        border-color: #2487ce !important;
    }

    .btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled {
        color: #2487ce !important;
    }

    .btn.btn-outline-primary:active, .btn.btn-outline-primary.active,
    .show > .btn.btn-outline-primary.dropdown-toggle {
        background-color: #2487ce !important;
        border-color: #2487ce !important;
    }

.btn-primary {
    background-color: #2487ce !important;
    border-color: #2487ce !important;
}

.show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle.focus {
    background-color: #2487ce !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #2487ce !important;
    border-color: #2487ce !important;
}

.btn-dark:not([disabled]):not(.disabled).active,
.open > .btn-dark.dropdown-toggle {
    color: #2487ce !important;
}

    .btn-dark:not([disabled]):not(.disabled).active:hover, .btn-dark:not([disabled]):not(.disabled).active:focus, .btn-dark:not([disabled]):not(.disabled).active.focus,
    .open > .btn-dark.dropdown-toggle:hover,
    .open > .btn-dark.dropdown-toggle:focus,
    .open > .btn-dark.dropdown-toggle.focus {
        color: #2487ce !important;
    }

.btn-link-primary {
    color: #2487ce !important;
}

    .btn-link-primary:focus, .btn-link-primary.focus {
        color: #2487ce !important;
    }

.accordion .card-header button[aria-expanded='true'] {
    color: #2487ce !important;
}

.accordion-dark .card-header button[aria-expanded='true'] {
    color: #2487ce !important;
}

.custom-control-input:checked ~ .custom-control-label::after {
    color: #2487ce !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2487ce !important;
}

.custom-control-input:checked ~ .custom-control-color::after {
    background-color: #2487ce !important;
}

.custom-radio-icon input[type="radio"]:checked + .custom-control-label {
    border-color: #2487ce !important;
    color: #2487ce !important;
}

    .custom-radio-icon input[type="radio"]:checked + .custom-control-label i {
        color: #2487ce !important;
    }


.dropdown-item.active:hover, .dropdown-item.active:active {
    color: #2487ce !important;
}

.dropdown-menu-dark .dropdown-item.active {
    color: #2487ce !important;
}

.dropdown-menu-dark .dropdown-item:hover:hover, .dropdown-menu-dark .dropdown-item:hover:focus {
    background-color: #2487ce !important;
}

.list-group-item.active .badge {
    color: #2487ce !important;
}

.active .list-group-item .badge {
    color: #2487ce !important;
}

.modal-header-colored-primary, .modal-dark .modal-header-colored-primary {
    background-color: #2487ce !important;
}

.modal-full-color-primary .modal-header {
    background-color: #2487ce !important;
}

.modal-full-color-primary .modal-body, .modal-full-color-primary .modal-footer {
    background-color: #2487ce !important;
}

.modal-full-color-primary .btn-default {
    color: #2487ce !important;
}

    .modal-full-color-primary .btn-default:active {
        color: #2487ce !important;
    }

/*.nav-link.hover, .nav-link:hover {
    color: #2487ce !important;
}*/

.nav-tabs-dark .nav-link.active {
    color: #2487ce !important;
}

.nav-tabs-primary .nav-link.active {
    background-color: #2487ce !important;
}

.nav-tabs-primary + .tab-content {
    background-color: #2487ce !important;
}

.page-link {
    color: #469fdf !important;
}

.table > thead.primary > tr > th {
    color: #2487ce !important;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #2487ce !important;
}

.table tbody tr.online td:first-child {
    border-left: 3px solid #2487ce !important;
}

.table tbody tr.primary td:first-child {
    border-left: 3px solid #2487ce !important;
}

.docs .page-aside .aside-content .aside-nav .navbar-nav > .nav-item > .nav-link.active {
    color: #2487ce !important;
}

.docs .page-aside .aside-content .aside-nav .navbar-nav > .nav-item > ul .nav-link.active {
    color: #2487ce !important;
}

.aside-nav .navbar-nav li.active a {
    color: #2487ce !important;
}

    .aside-nav .navbar-nav li.active a .icon {
        color: #2487ce !important;
    }

.email-list-item-unread:after {
    background-color: #2487ce !important;
}

.mai-error .error-image svg .cls-1 {
    fill: #2487ce !important;
}

.gallery-container .item .photo .description .icon a:hover {
    color: #2487ce !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active.disabled, .datepicker table tr td.active.active.disabled:hover {
    background-color: #2487ce !important;
}

.datepicker table tr td span.active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.active.disabled, .datepicker table tr td span.active.active.disabled:hover {
    background-color: #2487ce !important;
}

.datepicker .prev:hover,
.datepicker .next:hover {
    color: #2487ce !important;
}

form.dropzone .dz-preview.dz-file-preview .dz-image, form.dropzone .dz-preview.dz-image-preview .dz-image {
    border: 3px solid #2487ce !important;
}

form.dropzone .dz-preview.dz-file-preview.dz-success .dz-image, form.dropzone .dz-preview.dz-image-preview.dz-success .dz-image {
    border-color: #2487ce !important;
}

.full-calendar .fc-view-container .fc-event-container .fc-event {
    background: #2487ce !important;
}

.fullcalendar-external-events .fc-event {
    background: #2487ce !important;
}

.gritter-theme .gritter-title {
    color: #2487ce !important;
}

.gritter-color.primary {
    background: #2487ce !important;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #2487ce !important;
}

.ms-container .ms-list.ms-focus {
    border-color: #2487ce !important;
}

.dd-list .dd-item .dd-handle:hover, .dd-list .dd3-item .dd-handle:hover {
    background: #2487ce !important;
    border-color: #2487ce !important;
}

.dd-list .dd-item .dd3-handle, .dd-list .dd3-item .dd3-handle {
    border: 1px solid #2487ce !important;
    background: #2487ce !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2487ce !important;
}

.slider-selection {
    background: #2487ce !important;
    border: 1px solid #2487ce !important;
}

.swal2-shown .swal2-popup.swal2-loading .swal2-actions .swal2-styled.swal2-confirm {
    border-left-color: #2487ce !important;
    border-right-color: #2487ce !important;
}

.swal2-shown .colored-header-primary.swal2-popup .swal2-header {
    background-color: #2487ce !important;
}

.swal2-shown .colored-header-primary.swal2-popup .swal2-actions .swal2-styled.swal2-confirm {
    border-color: #2487ce !important;
}

    .swal2-shown .colored-header-primary.swal2-popup .swal2-actions .swal2-styled.swal2-confirm:hover {
        background-color: #2487ce !important;
    }

    .swal2-shown .colored-header-primary.swal2-popup .swal2-actions .swal2-styled.swal2-confirm.disabled, .swal2-shown .colored-header-primary.swal2-popup .swal2-actions .swal2-styled.swal2-confirm:disabled {
        border-color: #2487ce !important;
    }

.swal2-shown .modal-full-color-primary {
    background-color: #2487ce !important;
}

.swal2-progress-steps .swal2-progress-step {
    background-color: #2487ce !important;
}

    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
        background-color: #2487ce !important;
    }

.swal2-progress-steps .swal2-progress-step-line {
    background-color: #2487ce !important;
}

.fuelux .wizard > .steps-container > ul.steps li.active {
    color: #2487ce !important;
}

.fuelux .wizard > .steps-container > ul.steps li.complete {
    background: #2487ce !important;
}

    .fuelux .wizard > .steps-container > ul.steps li.complete .chevron:before {
        border-left: 14px solid #2487ce !important;
    }

.cal-calendar:after {
    background-color: #2487ce !important;
}

.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover {
    color: #2487ce !important;
}

.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #2487ce !important;
}

.cal-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight {
    background-color: #2487ce !important;
}

.add-note .icon {
    color: #2487ce !important;
}

.cal-notes span.date {
    color: #2487ce !important;
}

.cal-notes ul li span.hour {
    color: #2487ce !important;
}

.indicator-item-icon .icon {
    color: #2487ce !important;
}

.usage.usage-primary {
    background-color: #2487ce !important;
}

.user-display-stat-counter {
    color: #2487ce !important;
}

.user-stats-indicator-counter {
    color: #2487ce !important;
}