* {
    box-sizing: border-box;
  }
  
  html * {
    font-family: 'Roobert', sans-serif !important;
  }
  
  label {
    font-size: 14px;
    float:right;
  }
  
  h1{
    text-align: center;
    font-weight: bold;
  }
  
  h2{
    font-size:18px;
    font-weight: bold;
  }
  
  h3{
    font-size:16px;
    font-weight: bold;
  }
  
  body {
    overflow-x: hidden;
    font-size: 14px;
    font-weight: normal;
  }
  
  p {
    font-size: 14px;
    /*text-align:justify;*/
    line-height: 20px;
  }
  
  td > * {
    vertical-align : middle;
  }
  
  .campo-negrita{
    font-size: 15px;
    font-weight: bold;
  }
  
  
  /*Columns Styling */
  .with-shadows{
    border: 1px gray;
    border-radius: 3px;
    background-color: #F3F5FF;
    box-shadow: 1px 1px 3px  #D3D3D3, 
    1px 2px 5px #D3D3D3, 
    1px 4px 8px #D3D3D3; 
  }
  
  .row{
  }
  
  .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .leftcontainer {
    flex: 1;
  }
  .middlecontainer {
    flex: 2;
  }
  .rightcontainer {
    flex: 1;
  }
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .middle {
    /*width: 70%;*/
    flex: 2.75;
    margin-right: 2%;
    margin-left: 2%;
    justify-content: left;
    display: grid;
    
  }
  
  .left {
    /*float: left;´*/
    flex:1;
    margin-right: 1%;
    margin-left: 10%;
    width: 15%;
  }
  
  .right {
    /*float: left;*/
    flex:1;
    margin-right: 10%;
    margin-left: 1%;
    width: 15%;
  }
  
  .middle-title{
    flex:2.5;
    margin-right: 0;
    margin-left: 0;
    justify-content: space-between;
    display: grid;  
  }
  
  .column {  
    padding: 10px;
    margin-bottom: 0;
  }
  
  .no-padding-right{
    padding-right: 0;
  }
  
  .add-margin-bottom{
    margin-bottom: 1%;
  }
  
  .info{
    /*margin:25px;*/
    padding: 0px;
  }
  
  .add-padding{
    padding: 40px;
  }
  
  .button-accion-campana{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    width: 40%;
    height: 50px;
    border-radius: 2px;
    font-size: 15px;
    padding: 15px;
  }
  
  .button-publicar-campana{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    width: 100%;
    height: 50px;
    border-radius: 2px;
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 20px;
  }
  
  .button-login{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    width: 50%;
    height: 40px;
    border-radius: 2px;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .button-logout{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    height: 40px;
    border-radius: 2px;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .button-cambiar-contrasena{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    height: 40px;
    border-radius: 2px;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .button-volver{
    background-color: rgba(245, 111, 66, 0.15);
    border: 1px solid orange;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
    width: fit-content; 
    margin-left:5px;
    font-size:15px;
  } 
  
  .button-enviar-videos{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    height: 50px;
    border-radius: 2px;
    font-size: 15px;
    padding-left: 65px;
    padding-right: 65px;
  }
  
  .button-enviar-comentarios{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    height: 30px;
    float:right;
    border-radius: 2px;
    font-size: 15px;
    width: 130px;
  }
  
  .button-solicitar{
    background-color: rgba(245, 111, 66, 1);
    border: none;
    color: white;
    float:right;
    border-radius: 2px;
    font-size: 15px;
    width: 100px;
  }
  
  .logo-serimag{
      width:240px; 
      height:80px; 
      margin-right: 33px;
  }
  
  .titulo-menu{
      color:white;
      font-size:28px;
      font-weight: bold;
      margin-left: 37px;
      line-height: 28px;
      vertical-align: middle;
  
  }
  
  .navbar-nav {
     height: 100px;
     display: flex;
     align-items: center;
  
  }
  
  .dropdown{
      margin-right:20px;
      position: relative;
  }
  
  .titulo-pagina{
    font-size: 35px;
    font-weight: bold;
  }
  
  .remove-padding{
    padding: 0;
  }
  
  .padding-title{
    padding-bottom: 15px;
    padding-left: 0;
    padding-top: 20px;
    padding-right: 0;
  }
  
  .content-middle{
    justify-content: center;
  }