body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.SelectSel {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}


.gantt .upper-text {
    font-weight: bold !important;
}

.gantt .lower-text, .gantt .upper-text {
    font-size: 15px !important;
    text-anchor: middle !important;
}

.gantt .bar-label {
    fill: #555 !important;
    dominant-baseline: central;
    font-size: 15px !important;
    font-weight: bold !important;
    text-anchor: start;
}

.gantt-container {
    height: 650px;
}

    .gantt-container::-webkit-scrollbar-track {
        /*        border: 1px solid #000;
*/ /*padding: 2px 0;*/
        background-color: #F1F1F1;
        scrollbar-width: auto;
    }

    .gantt-container::-webkit-scrollbar {
        width: 13px;
        height: 13px;
    }

    .gantt-container::-webkit-scrollbar-thumb {
        border-radius: 10px;
        /*        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
*/ /*border: 1px solid #000;*/
        background-color: #a8a8a8;
    }



.tabHome::-webkit-scrollbar-track {
    /*        border: 1px solid #000;
*/ /*padding: 2px 0;*/
    background-color: #F1F1F1;
    scrollbar-width: auto;
}

.tabHome::-webkit-scrollbar {
    /*    width: 5px;
    height: 5px;*/
    display: none;
}

.tabHome::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
*/ /*border: 1px solid #000;*/
    background-color: #a8a8a8;
}




.popup-wrapper {
    opacity: 1;
    left: 1470px;
    top: 540px;
    min-width: 300px !important;
}

.cc-InCorso g rect {
    fill: #0dbc0d !important;
}

.cc-Test g rect {
    fill: #ffe505 !important;
}

.cc-Terminata g rect {
    fill: #c8c8c8 !important;
}

.gantt .today-highlight {
    fill: #aebaffb0 !important;
    opacity: 0.5;
}




.loaderCont {
    background-color: #ffffff70;
    position: absolute;
    left: 43px;
    top: 214px;
    z-index: 2;
    width: 1520px;
    height: 570px;
    display: none;
}


.lds-roller {
    /* width: 80px;
    height: 80px;
    position: absolute;
    left: 670px;
    top: 407px;
    z-index: 1;*/
    /* display: inline-block;*/
    width: 80px;
    height: 80px;
    position: absolute;
    left: 670px;
    top: 220px;
    z-index: 1;
    display: inline-block;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #007bff;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}


/*@media only screen and (min-width: 1250px) {
*/ @media only screen and (min-width: 1285px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}


.stats-user {
    text-align: center;
}

.loaderUsr {
    /* background-color: #e5e2e270;*/
    min-height: 512px;
}


.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


.chart {
    align-content: center;
    display: flex;
    justify-content: center;
}

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        content: " ";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
}

.modal-dialog {
    display: inline-block;
    min-height: 600px;
    min-width: 900px;
    text-align: center;
    vertical-align: middle;
}

.modal-footer {
    color: #00b5e6;
    font-size: 25px;
    text-align: center;
}


.row-home-hover:hover {
    box-shadow: 0 0 5px rgb(255, 0, 0);
}