*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-size: 1rem;
     font-family: Arial, Helvetica, sans-serif;
     text-decoration: none;
     list-style: none;
     outline: 0;
}

html{
     height: 100%;
}

body{

     min-height: 100%;
     display: flex;
     background-color: #DEDEDE;
}

.body-overflow{
     overflow: hidden;
}

.avisos{
     font-size: .9rem;
     color: green;
     font-weight: bold;
     padding: 5px 0px;
}

.erros{
     font-size: .9rem;
     color: red;
     font-weight: bold;
     padding: 5px 0px;    
}


.header-page{
     background-color: #BBB;
     box-shadow: 0px 0px 8px #666;
     position: sticky;
     top: 0;
     left: 250px;
     width: 100%;
     height: fit-content;
     display: flex;
     align-items: center;
     padding: 4px 0px;
     margin-bottom: 10px;
     z-index: 1000;
}

.header-page-title{
     color: #7EB863;
     color: #555;
     font-weight: lighter;
     font-size: 1.5rem;
     font-weight: bold;
     font-style: italic;
     padding-left: 20px;
}

.header-page-title::first-letter{
     text-transform: uppercase;
}

.menu-navegacao{
     display: flex;
     width: 100%;
     padding: 0px 20px;
}

.menu-navegacao .btn-comum-a{
     margin: 5px;
}

input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled{
     background-color:#EEE;
}

#block{
     display: flex;
     min-width: 100vw;
     min-height: 100vh;
     position: fixed;
     z-index: 99000;
     background-color: rgba(0, 0, 0, .9);
     align-items: center;
     justify-content: center;
}

#block_text{
     color: #FFF;
     font-size: 1.3rem;
}

.content{
     margin-bottom: 100px;
}

@media only screen and (max-width: 800px){

     .content{
          margin-top: 60px;
     }
     
}

/* L O A D I N G   P A G E */
.container-loading {
     min-width: 100vw;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     position: fixed;
     z-index: 9999;
     background-color: rgba(0, 0, 0, .8);
}

.circle-loading {
     min-width: 75px;
     max-width: 75px;
     min-height: 75px;
     max-height: 75px;
     border: 8px solid #666;
     border-radius: 50%;
     border-top: 8px solid #CCC;
     animation: Loading 1.2s linear infinite;
}

.msg-loading {
     font-family: sans-serif;
     color: #CCC;
     font-size: 1.6rem;
     font-weight: bold;
}

@keyframes Loading {
     to {
          transform: rotate(360deg);
     }
}