@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*  =================================================================================  */
.sectionDiv {
    display: flex;
    flex-direction: column;
    min-height: 80vh
}

.headerDiv {
    /* no flex rules, it will grow */
}

.mainDiv {
    /*border: thin solid red;*/
    flex: 1;
    overflow: hidden;
    /*flex: 1;  1 and it will fill whole space left if no flex value are set to other children*/
}

.footerDiv {
    min-height: 60px; /* min-height has its purpose :) , unless you meant height*/
    /*height: calc(100vh - 110px);*/
}

/*  =================================================================================  */
/*.mudblazor-main-content {
    padding-top: 40px;*/
    /*    padding-bottom: 86px;
*/
/*}*/

/*.mudblazor-main-content-rtl {
    padding-top: 40px;*/
    /*    padding-bottom: 86px;
*/
/*}*/
/*.mud-theme-button {
    top: 12%;
}*/

/*.mud-theme-button-rtl {
    position: fixed;
    top: 40%;
    left: 0;
    box-shadow: 1px 1px 18px var(--gold-darker);
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark);
    cursor: pointer;
}*/
.fullscreen {
    width: 100vw;
    height: 85vh;
}
/*label {
    font-size: 1.4em;
    font-weight:bold;*/
    /* background: lime; Just to visualize the extent */
/*}*/