.flex-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px !important;
}

.flex-container2 {
    display: flex;
    flex-direction: column;
    border-radius: 20px !important;
}

    .flex-container > div {
        background-color: DodgerBlue;
        color: white;
        width: 100px;
        margin: 10px;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
    }

.containerLogin {
    border-radius:30px;
}

.formLogin{
    background-color: white;
}

.containerFormExcel{
    /*height:220px;*/
    margin-top:3rem;
    border-radius:30px;

}

input::after {
    color: #fff !important;
    background-color: #1b6ec2 !important;
    border-color: #1861ac !important;
}

#searchInput {
    width: inherit !important;
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    /*font-size: 16px;*/ /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    border-radius: 10px;
    margin-bottom: 12px; /* Add some space below the input */
}

#rowSelect{
    border-radius:10px;
    width:inherit !important;
    margin-left:0.5rem;
    margin-right:0.5rem;
}

.colorBlue {
    background-color: cornflowerblue;
    border-color: cornflowerblue;
}

.borderBlue {
    border-color: cornflowerblue;
}

.colorRed {
    color:red;
}

.txtBlue {
    color: cornflowerblue;
}

.myButton {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 2rem;
    border:none;
}

.myButton2{
    width:fit-content;
    margin:auto;
}