#company {
    margin-top: 0.8em;
    margin-left: 1.2em;
}


#companyNameAndDate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px; /* adjust as needed */
}

#companyName {
    display: flex;
    flex-direction: column;
}

#companyName input {
    font-size: 1em;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#datePicker {
    display: flex;
    flex-direction: column;
}

#datePicker input {
    font-size: 1em;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#mainContainer {
   /* overflow: auto;*/
    margin-left: 15%;
    margin-right: 15%;
   /* padding-top: 1em;*/
    padding-bottom: 1em;
    border: none;
    box-shadow: none;
}
#Revenue_Heading,#Expense_Heading,#Operating_Expenses_Heading{
    padding:5px;
    margin-bottom:0;
}
#printButton, #compareButton {
    background-color: transparent;
    border: 2px solid #3d85c6;
    border-radius: 10px;
    width: fit-content;
    color: #3d85c6;
    height: 35px;
    font-weight: 600;
    transition: ease-in .3s;
    float: right;
    margin-right: 5px;
}


.tab-content {
    overflow-x: auto;
    margin-top: 5px;
}

.tab-content th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: white;
    z-index: 1;
    border-bottom: 2px solid grey;
}

@media screen and (max-width: 581px) {
    #mainContainer {
        margin-left: 0;
        margin-right: 0;
    }

    #FromDateInputDiv {
        text-align: start;
    }

    #ToDateInputDiv {
        text-align: start;
    }

    #fromDateLabel {
        padding-right: 0.5em;
    }

    #toDateLabel {
        padding-right: 1.8em;
    }
}

@media screen and (min-width: 581px) and (max-width:643px) {
    #mainContainer {        
        margin-left: 8%;
        margin-right: 8%;
    }

    #FromDateInputDiv {
        text-align: start;
    }

    #ToDateInputDiv {
        text-align: start;
    }
}

@media screen and (min-width: 643px) and (max-width:679px) {
    #mainContainer {        
        margin-left: 12%;
        margin-right: 12%;
    }

    #FromDateInputDiv {
        text-align: start;
    }

    #ToDateInputDiv {
        text-align: start;
    }
}

@media screen and (min-width: 680px) and (max-width:821px) {
    #mainContainer {        
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 821px) and (max-width:993px) {
    #mainContainer {
        margin-left: 3%;
        margin-right: 3%;
    }
}

@media screen and (min-width: 993px) and (max-width:1003px) {
    #mainContainer {        
        margin-left: 12%;
        margin-right: 12%;
    }

    #FromDateInputDiv {
        text-align: start;
    }

    #ToDateInputDiv {
        text-align: start;
    }
}

@media screen and (min-width: 1003px) and (max-width:1048px) {
    #mainContainer {
        margin-left: 0%;
        margin-right: 0%;
    }
}

@media screen and (min-width: 1048px) and (max-width:1227px) {
    #mainContainer {
        margin-left: 3%;
        margin-right: 3%;
    }
}

@media screen and (min-width: 1227px) and (max-width:1300px) {
    #mainContainer {
        margin-left: 12%;
        margin-right: 12%;
    }
}