@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
.bg-navy {
    background: #005587 !important;
    border-color: #005587 !important;
}
.list-group-item.active {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,153,68,.5 ) !important;
}

.b-is-autocomplete.b-is-autocomplete-multipleselection > .badge {
    text-overflow: inherit !important;
    word-wrap: break-word !important;
    white-space: normal !important
}
.note-toolbar a {
    color: black;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}


.fc-toolbar {
    text-transform: uppercase;
}
.fc-event{
    border:none !important;
}
.fc-day-today {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #ddd !important;
    font-weight: bold;
    color: black !important
}
.ui-autocomplete
{
    z-index:1999 !important;
}
.modal-title{
    font-size:18px !important;
}
.col-form-label{
    padding-bottom:0px !important;
}
.bg-fuchsia {
    background-color: #64114e !important;
    border-color: #64114e !important;
    color: white;
}
.btn-jsp {
    background-color: #64114e;
    border-color: #64114e;
    color: white;
}
    .btn-jsp:hover {
        background-color: #6d1255;
        border-color: #64114e;
        color: white;
    }

.ui-menu .ui-menu-item-wrapper {
    white-space: pre-wrap;
}

.ui-widget.ui-widget-content {
    width: 50px;
}
.ui-menu .ui-menu-item{
    border-bottom: 1px solid !important;
}
.b-is-autocomplete.b-is-autocomplete-multipleselection > .badge > .badge-close {
    margin-left: .5rem !important;
}
.card-tools>.btn{
    color:unset !important;
}
.headersearch {
    width: 500px !important;
}

@media (min-width:1024px) {
    .headersearch {
        width: 700px !important;
    }
}
    @media (min-width:767px) {
        .small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.fad, .small-box .icon > i.fal, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.ion {
            font-size: 45px;
        }

      
    }

    .small-box p {
        margin-bottom: 0px;
    }

    @media (max-width: 767px) {
        .headersearch {
            width: 250px !important;
        }

        .small-box p {
            font-size: 1rem;
        }

        .small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.fad, .small-box .icon > i.fal, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.ion {
            font-size: 40px;
        }

        .small-box .icon {
            display: block !important;
        }
    }

    .tippy-box {
        background-color: #636363;
        color: white;
    }

    .tippy-arrow {
        color: #636363;
    }

    .blazored-modal-title {
        font-size: 1.25rem;
    }

    .scudocheck {
        content: url("../img/shield-check.svg");
        max-height: 45px !important;
    }


    .kpiicon {
        content: url("../img/kpi.png")
    }
.kpiiconnew {
    content: url("../img/economic-growth.png")
}
.assegnatiicon {
    content: url("../img/retrospective.png")
}
.medalicon {
    content: url("../img/medal.png")
}
.medalstar {
    content: url("../img/medalstar.png")
}
.medalstarg {
    content: url("../img/medalstarg.png")
}

    .page-link {
        color: black;
    }

    h3.bm-title {
        font-size: 1.1rem;
    }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background-color: #009944;
        border-color: #009944;
    }

    .flatpickr-day.today {
        border-color: #009944;
    }

    .page-link:hover {
        color: black;
    }

    .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
        background-color: rgba(24,129,71,0.4)
    }

    .select2-selection__choice__remove {
        font-size: 25px;
    }

    .bm-container {
        z-index: 2000 !important;
    }

    .select2-container--open {
        z-index: 9999999
    }
    /*.main-sidebar {
    z-index:90;
}
#sidebar-overlay {
    z-index: 89;
}
.layout-footer-fixed .wrapper .main-footer {
    z-index: 89;
}
.main-header {
    z-index: 90;
}*/

    .my-reconnect-modal > div {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        overflow: hidden;
        background-color: #fff;
        opacity: 0.8;
        text-align: center;
        font-weight: bold;
    }
    /* This is the checked state */
    .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #009944;
        border-radius: 50%;
    }

    .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #009944;
        background-color: #009944;
    }

    .custom-checkbox .custom-control-input.my-error ~ .custom-control-label::before {
        background-color: #009944;
    }

    /* active state i.e. displayed while the mouse is being pressed down */
    .custom-radio .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #009944;
        border-radius: 50%;
    }

    /* the shadow; displayed while the element is in focus */
    .custom-radio .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
    }

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
        background: #009944;
    }

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
        background: #869099;
    }

    .bootstrap-switch.bootstrap-switch-focused {
        border-color: #009944;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(173, 52, 132, 0.6);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(173 52 132 / 60%);
    }

    .components-reconnect-hide > div {
        display: none;
    }

    .components-reconnect-show > div {
        display: none;
    }

    .components-reconnect-show > .show {
        display: block;
    }

    .components-reconnect-failed > div {
        display: none;
    }

    .components-reconnect-failed > .failed {
        display: block;
    }

    .components-reconnect-rejected > div {
        display: none;
    }

    .components-reconnect-rejected > .rejected {
        display: block;
    }

    .badge-primary {
        background-color: #009944;
    }

    .text-purple {
        color: #009944 !important;
    }

        .text-purple:hover, .text-purple:focus {
            color: #009944 !important;
        }

        .text-purple:active {
            color: white !important;
        }

    .components-reconnect-show > div {
        display: none;
    }

    .components-reconnect-show > .show {
        display: block;
    }

    .components-reconnect-failed > div {
        display: none;
    }

    .components-reconnect-failed > .failed {
        display: block;
    }

    .components-reconnect-refused > div {
        display: none;
    }

    .components-reconnect-refused > .refused {
        display: block;
    }

    /*.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;*/
    /* prevent horizontal scrollbar */
    /*overflow-x: hidden;*/
    /* add padding to account for vertical scrollbar */
    /*padding-right: 20px;
}*/

    .ui-autocomplete {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        padding-right: 20px;
    }

        .ui-autocomplete > li > div {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333333;
            white-space: nowrap;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #009944;
        border: none;
    }

    .ui-state-hover,
    .ui-state-active,
    .ui-state-focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
        cursor: pointer;
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 20px;
    }

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

    html, body {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    a, .btn-link {
        color: #009944;
    }

    .info-box .progress {
        height: 16px;
    }

    a:hover, .btn-link:hover {
        color: #004d22;
    }

    .btn-primary {
        color: #fff;
        background-color: #009944 !important;
        border-color: #009944 !important;
    }

        .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
            opacity: .5 !important;
            background-color: #009944 !important;
            border-color: #009944 !important;
        }

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

    .card-primary:not(.card-outline) > .card-header {
        background-color: #009944;
    }

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #009944;
    }

        .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
            background-color: #009944;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #009944;
        border: 1px solid #004d22;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: white;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #004d22;
        }

    .dropdown-item {
        color: black !important;
    }

        .dropdown-item.active, .dropdown-item:active {
            background-color: #009944;
        }

    .blazored-typeahead__active-item {
        background-color: #009944;
        border-top: 1px solid #009944;
        border-bottom: 1px solid #009944;
    }

    .blazored-typeahead__result:hover, .blazored-typeahead__result:focus {
        background-color: #004d22;
        border-top: 1px solid #004d22;
        border-bottom: 1px solid #004d22;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: #009944;
    }

    .nav-pills .nav-link:not(.active):hover {
        color: #009944;
    }

    .page-item.active .page-link {
        background-color: #009944;
        border-color: #009944;
    }

    .blazored-modal-container {
        z-index: 10000;
        overflow: scroll;
    }

    .content {
        padding-top: 1.1rem;
    }

    .valid.modified:not([type=checkbox]) {
        outline: 1px solid #26b050;
    }

    .invalid {
        outline: 1px solid red;
    }

    .validation-message {
        color: red;
    }



    @media (min-width: 767px) {
        .fixmodalwidth {
            min-width: 500px;
        }

        .fixmodalwidthlarge {
            min-width: 1000px;
        }
    }



    .bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background: #009944;
    }

    .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.bt {
        color: #009944;
    }

    .bootstrap-datetimepicker-widget table td.today:before {
        border-bottom-color: #009944;
    }


    [class*=sidebar-light-] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*=sidebar-light-] .nav-sidebar > .nav-item:hover > .nav-link {
        background-color: rgba(24,129,71,0.4)
    }

    [class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link:hover {
        background-color: rgba(24,129,71,0.4)
    }

    table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
        background-color: #009944;
        color: white !important;
    }

    table.dataTable thead th.select-checkbox:before {
        content: " ";
        margin-top: -2px;
        margin-left: -6px;
        border: 1px solid black;
        border-radius: 3px;
        display: block;
        position: relative;
        left: 50%;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
    }

    table.dataTable thead th.select-checkbox.selected::after {
        content: "✓";
        position: absolute;
        font-size: 20px;
        margin-top: -19px;
        margin-left: -6px;
        text-align: center;
        text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
    }