body {

    padding-top: 50px;

    padding-bottom: 20px;

}



/* Set padding to keep content from hitting the edges */

.body-content {

    padding-left: 15px;

    padding-right: 15px;

}



/* Override the default bootstrap behavior where horizontal description lists 

   will truncate terms that are too long to fit in the left column 

*/

.dl-horizontal dt {

    white-space: normal;

}



/* Set width on the form input elements since they're 100% wide by default */

input,

select,

textarea {

    max-width: 400px;

}

 #menu{

    text-decoration-color: #c0392b;

    margin-top:2px;

    color: #c0392b;

    text-decoration: none;    

    border-color: #c0392b;

}



#menuPrincipal{

    text-decoration-color: #c0392b;

    margin-top:2px;

    color: white;

    text-decoration: none;    

    border-color: #c0392b; 

    width: 100px;  

    text-align: center;

    border-right-color: #c0392b;

    border-bottom-color: #c0392b;

    

}  #menuPrincipal:hover{    

    color:#c0392b;      

} 



.thead-dark{

   

     background: rgb(63, 63, 63); 

    color: silver;

    

    lighting-color: silver;

   

    

}

.table-striped>tbody>tr:nth-child(odd)>td, 

.table-striped>tbody>tr:nth-child(odd)>th {

   background-color: rgb(224, 223, 223);

}

.table{

    margin-top: 10px;

}

 #navbar{

    color: #c0392b;

    background-color: #c0392b;

    background: #c0392b;

}

#paragrafo{

    color:rgb(63, 63, 63); 

    

}

#foot{

    color: white;

    background-color: #c0392b;

    background: #c0392b; 

    height: 50px;

    text-align: center;

    width: 100%

    



}

#pTransparente{

    height: 2px;

    color: #c0392b;

}

#avatar{

    border:medium;

    border-color:#c0392b;        

    background-size: cover;        

    background-position: center;        

    border-radius: 50%;

    position:relative;

}

#avatar:hover{

    top:3px;

    box-shadow:0 3px 3px #c0392b;

    
    

}

#linkExterno{

    text-decoration: none;

    color: white;

}

linkExterno:link {

    text-decoration: none;

    color: lightcoral;

}



linkExterno:visited {

    text-decoration: none;

    color: white;

}

linkExterno:hover {

    text-decoration: none;

    color: lightcoral;

}

#logotipo{

    border-radius: 2px;   

    width: 120px;

    height: 48px;

    padding-top: 2px;

    margin-left: 15px;



} 

#meuBtn{

 background: white;

 background-color: white;   

}

#meuSpan{

    color: #c0392b;

    background-color: #c0392b;

}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 51px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 400px;
  }
  
  /* The Close Button */
  .modal-close {
    color: red;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .modal-close:hover,
  .modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }