body
{
  
}
.columns
{
  min-width:350px; 
  width:90%; 
  text-align:center;
}
.left-div
{
  display: inline-block;
  max-width: 450px;
  text-align: left; 
  width: 450px; 
  min-width:370px; 
  display: inline-block; 
  margin: 0px 10px 10px 10px;
  padding:10px 14px;
  border-radius: 3px;
  margin: 5px;
  vertical-align: top;
}
    .left-div, .right-div h3 {
        padding-top:0px;
        margin-top:0px;
    }
.card-info
{
  display: inline-block;
  max-width: 400px;
  width: 400px; 
  text-align: left; 
  padding:10px 14px; 
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid;
  border-radius: 3px;
}
.right-div
{
  display: inline-block;
  max-width: 400px;
  width: 400px; 
  text-align: left; 
  padding:10px 14px; 
  margin-left: 10px;
  border: 0px solid;
  margin-top: 5px;
  border-radius: 3px;
}
.disabled-box{
    background-color:#f0f2f5;
    width: 40px;
    text-align:center;
    border: 1px solid lightgray;
    margin-bottom:12px;
}
.label-text{
    padding: 8px 4px 8px 4px;
    font-weight:bold;
    margin: 8px 8px 8px 8px;
}
.leyend{
    display: inline-block;
    width:220px;
}
.dropdown {
    padding-top: 8px;
    margin-bottom:8px;
    margin-left:18px;
}
.left-text, .right-text
{ text-align:justify;
}
@media screen and (max-width: 600px) 
{
  .left-div, .card-info, .right-div
    {
       max-width: 100%;
    }
  subheader {
      max-width: 100%;
  }
}