:root {
    /* White*/
    --primaryBackgroundColor: #FFFFFF;
    /* Light Gray*/
    --secondaryBackgroundColor: #E6E6E6;
    /* Black*/
    --primaryForeGroundColor: #000000;
    /* White*/
    --secondaryForegroundColor: #FFFFFF;
    /* Blue*/
    --primaryColor: #03A9F4;
    /* Light Blue*/
    --primaryColorLight: #80D8FF;
    /* Dark Blue*/
    --primaryColorDark: #0286c2;
    /* Gray*/
    --secondaryColor: #B3B3B3;
    /* Gray*/
    --secondaryColorMediumLight: #E7E7E7;
    /* Gray*/
    --secondaryColorLight: #F4F4F4;
    /* Gray*/
    --secondaryColorDark: #707070;
    /* Orange*/
    --thirdColor: #FF9800;
    /* Orange*/
    --thirdColorLight: #FFD180;
    /* Orange*/
    --thirdColorDark: #C17502;
    /* Green*/
    --passedColor: #22B573;
    /* Red*/
    --failedColor: #E30617;
    /* yellow*/
    --inconclusiveColor: #FFFF00;
    /* Blue-ish*/
    --indexColor1: #0097BE;
    /* Orange-ish*/
    --indexColor2: #ED7D31;
    /* Green-ish*/
    --indexColor3: #54b47e;
    /* Teal-ish*/
    --indexColor4: #1297A6;
    /*Anton Red*/
    --antonRedColor: #E40000;
    --antonRedHoverColor: #FF6D5F;
    /*Dark gray*/
    --darkGrayColor: #515151;
    --darkGrayHoverColor: #757A81;
    /*Anton blue*/
    --antonBlueColor: #03A9F4;
    --antonBlueHoverColor: #5ec8f7;
}

.100width {
    width: 100%;
}

/*::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf; 

}*/


.decimal-input {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #C6C6C6;
}

    .decimal-input:hover {
        border: 1px solid #C6C6C6;
        border-radius: 3px;
    }

    .decimal-input:focus {
        border: 1px solid var(--antonBlueColor);
        border-radius: 3px;
    }

.None {
    fill: #777777;
}

.Active {
    fill: #03A9F4;
}

.Halfdone {
    fill: darkorange;
}

.Done {
    fill: #1D961D;
}

.Hover {
}

    .Hover:hover {
        cursor: pointer;
    }

.CollapsedGraphDiv {
    display: flex;
    overflow-y: auto;
    flex: 1 1 0;
    background-color: white;
    border-bottom: 0.5px solid #C6C6C6
}

.NotCollapsedGraphDiv {
    display: flex;
    overflow-y: auto;
    flex: 1 1 0;
    background-color: white;
    border-bottom: 0.5px solid #C6C6C6
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#collapseExample {
    height: 50%;
}

.ModalTextBox {
    width: 60%;
    height: 5%;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
}

.SimuModal {
    width: 100%;
}