body{
    position:relative;
    margin:0px;
    padding:0px;
}

/* header and navbar fixed at the top of the page */
.positionFixed{
    width:100%;
    position:fixed;
    top:0;
    z-index: 1;
}


/* main window */
#mainWindow{
    display: block;
    padding:0px;
    margin:0px;
}

/* Header */
.header{
    height: 75px;
    background-color:#2B4689;
    display:flex

}



.header ul{
    margin:auto;
    padding-top:10px;
    width:50%;
    list-style-type: none;
    text-align: center;
    color:black
}

/* Navigation bar */
.navbar{
    height:60px;  
}

a{
    font-size:14px;
    color:#2B4689
}

/* ------------------------------------------------------ */
/* THIS IS FOR THE BLOCK CONTENT APPLIED TO ALL TEMPLATES */
/* ------------------------------------------------------ */
#content{
    position:absolute;
    margin-top: 100px;
    width: 100%;
    max-width: 100vw;
    /* min-height: 750px; */
}

.btn-info{
    background-color:#2B4689;
    border: 1px solid #2B4689; 
 }

@media (min-width: 1px) and (max-width: 768px) {
    .imgbkg{
        background-color: grey;
      
    }
    .logo{
        height:30px;
        width:auto;
        margin-left:0;
        padding: 0
    }
    .logoGran{
        height:70px;
        width:auto;
        margin-bottom: 20px;
        padding: 0
    }
}
@media (min-width: 769px) {
    .imgbkg{
        background-image: url("/static/images/csm_Eponges_542805c123_60alpha.jpg");
        background-repeat: round;
    }
    .logo{
        height:50px;
        width:auto;
        margin-left:0;
        padding: 0
    }
    .logoGran{
        height:150px;
        width:auto;
        margin-left:0;
        padding: 0
    }
}


.colorInterReg{
    background-color: #2c478a;
}
.lineLogin{
    font-size: 2rem !important;
    margin-top: 0.5rem !important;
}

.rem09{
    font-size: 0.9rem !important;
}
     

/*  PRINT CSS */

@media print {
    .imgbkg{
        background-image: url("/static/images/csm_Eponges_542805c123_60alpha.jpg");
        background-repeat: round;
    }
    .logo{
        height:50px;
        width:auto;
        margin-left:0;
        padding: 0
    }
    .logoGran{
        height:150px;
        width:auto;
        margin-left:0;
        padding: 0
    }

    
}