body {
    background-color: initial;
}

.fc-highlight-skeleton {
    z-index: 10 !important;
}

.swal2-content {
    font-size: 15px !important;
}


.validation-summary-errors {
    color: #dc143c;
    font-weight: 600;
}

.btn-group > .dropdown-menu {
    z-index: 100000;
}


.multiselect-grid .tt-dropdown-menu {
    max-height: 50px;
    overflow-y: auto;
}
.modal-open .tt-menu {
    z-index: 10000000 !important;
}

.ext-events {
    cursor: move;
}
.fc-toolbar h2 {
    text-transform: capitalize;
}

/* Sidepanel */
.sidepanel {
    float: left;
    width: 0;
    overflow-x: hidden;
    transition: 0.4s;
}

.sidepanel > div {
    padding-right: 20px;
}

.sidebody {
    float: left;
    transition: 0.4s;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 1050px;
    }
}

.row-flex {
    display: flex;
    flex-direction: row;
}

.row-flex.space-between {
    justify-content: space-between;
}

.row-flex.wrap {
    flex-wrap: wrap;
}

.row-flex > .col-flex, .row-flex > .col-flex-1, .row-flex > .col-flex-0, 
.row-flex > .col-flex-2, .row-flex > .col-flex-3, .row-flex > .col-flex-4, 
.row-flex > .col-flex-5, .row-flex > .col-flex-6, .row-flex > .col-flex-7 {
    margin: 0 7px;
}



.row-flex > .col-flex, .row-flex > .col-flex-1 {
    flex: 1;
}

.row-flex > .col-flex-2 {
    flex: 2;
}

.row-flex > .col-flex-3 {
    flex: 2;
}

.row-flex > .col-flex-4 {
    flex: 4;
}

.row-flex > .col-flex-5 {
    flex: 5;
}

.row-flex > .col-flex-6 {
    flex: 6;
}

.row-flex > .col-flex-7 {
    flex: 7;
}

.row-flex > .col-flex-8 {
    flex: 8;
}

.row-flex > .col-flex-9 {
    flex: 9;
}

.row-flex > .col-flex-10 {
    flex: 10;
}

.btn-pill {
    border-radius: 25px !important;
    margin-right: 10px
}

.btn-pill.btn-select-partecipante {
    border-width: 3.5px;
}

.fc-event {
    border-width: 0 0 0 16px !important;
    padding-left: 3px !important;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
}

.card-container .card {
    min-width: 29%;
    margin: 5px;
    background: #f9f9f9;
    padding: 50px 40px 40px 40px;
    text-align: center;
    border-radius: 7px !important;
    border: 1px solid #cfd0db;
}

.card-container .card > i {
    font-size: 48px;
    color: #7c7c7c;
}

.card-container .card > h3 {
    color: #000;
    font-weight: 400;
}

.card-container a:hover {
    text-decoration: none;
}

.row-toggle {
    padding: 10px 5px;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    background: #ebebeb;
}

.row-toggle-child {
    border: 1px solid #d3d3d3;
    margin-bottom: 10px;
}

.pager {
    border: 1px solid #d3d3d3;
    display: flex;
    padding: 5px;
    width: fit-content;
}
.pager .btn {
    margin: 3px;
}

thead {
    font-weight: 700;
}

.pill {
    border: 2px solid;
    padding: 4px 9px;
    border-radius: 23px !important;
    cursor: pointer;
    font-weight: 700;
    margin: 0 5px;
}

.pill.danger {
    border-color: #d72323;
}

.pill.danger > i {
    color: #d72323
}

.pill.warning {
    border-color: #d2920f;
}

.pill.warning > i {
    color: #d2920f
}

.margin-right{
    margin-right: 10px;
}

.border-right {
    border-right: 1px solid;
}

.alert {
    border-radius: 7px !important;
}

.margin-bottom-small {
    margin-bottom: 8px;
}

.swal2-container {
    z-index: 100000 !important;
}

.d-flex {
    display: flex;
}

.d-flex.space-between {
    justify-content: space-between;
}

.d-flex.flex-end {
    justify-content: flex-end;
}

.d-flex.wrap {
    flex-wrap: wrap;
}

.clickable {
    cursor: pointer;
}


.filter-pill {
    padding: 2px 10px;
    margin: 0 5px;
    border-radius: 18px !important;
    cursor: pointer;
    font-size: 12px !important;
}

.filter-pill.green {
    background: #d6edcf;
    color: #315327;
    border: 1px solid #315327;
}

.filter-pill.green.active {
    background: #b4c9ad;
}

.filter-pill.yellow {
    background: #eee15ba3;
    color: #9a850e;
    border: 1px solid #9a850e;
}

.filter-pill.yellow.active {
    background: #d0c33fa3;
}

.filter-pill.red {
    background: #f54d4d82;
    color: #a80000;
    border: 1px solid #a80000;
}

.filter-pill.red.active {
    background: #c2393991;
}

.filter-pill.blue {
    background: #b8dff3;
    color: #4573be;
    border: 1px solid #4573be;
}

.side-overlay {
    position: fixed;
    background: #00000094;
    height: 100vh;
    width: 200vw;
    top: 0;
    left: -26px;
}

.side-popup {
    position: fixed;
    top: 50px;
    right: 0;
    width: 35vw;
    padding: 0px 16px;
    background: #c3d4f8;
    height: calc(100vh - 50px);
    overflow-y: auto;
}

.input-border-bottom {
    border: 0;
    border-bottom: 1px solid black;
    background: none;
}

.w-nowrap {
    white-space: nowrap;
}


.rows-alternated tbody tr:nth-child(even) {
    background: #f2f2f2;
}

tr.row-success {
    background: #c6ead0;
}
tr.row-warning {
    background: #eae5c6;
}
tr.row-danger {
    background: #eac6c6;
}
tr.row-muted {
    background: #c4c4c4;
}

tr.dropping {
    background: #a7bbcc !important;
    border: 1px solid #373e44;
}

.flex-grow-1 {
    flex-grow: 1;
}

.input-green, .input-yellow, .input-grey {
    font-size: 14px !important;
}

.input-green {
    border-radius: 12px !important;
    background: #d6edcf;
    border: 2px solid #41b31f !important;
}

.input-yellow {
    border-radius: 12px !important;
    background: #eee15ba3;
    border: 2px solid #9a850e !important;
}

.input-grey {
    border-radius: 12px !important;
    background: #d7d7d7a3;
    border: 2px solid #515151 !important;
}

.width-min-content {
    width: min-content;
}