.text-orange
{
    color: #f14f1d;
}

.search_form
{
    display: flex;
    justify-content: center;
    margin: 16px;
}

.search_input
{
    border: none !important;
    border-bottom: 1px solid #eee !important;
    width: 50% !important;
    height: 50px;
}

.text-center
{
    text-align: center;
}

.search_button
{
    padding: 10px 23px;
    height: 28px;
}

.mw-100
{
    max-width: 100% !important;
}

.smb-5{
    margin : 1rem 0;
}

/* Create four equal columns that floats next to each other */
.columns {
    float: left;
    width: 28.3%;
  }
  
  /* Clear floats */
  .rows:after {
    content: "";
    display: table;
     clear: both;
  }

  .flex-containers {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .text-title
  {
    font-size: 14px;
    color: #4a4a4a;
  }

  .pd-16
  {
    padding: 0 16px;
  }

  .text-result
  {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
    font-size: 14px;
    text-align: right;
    flex: 1;
  }

  .error-msg{
    text-align: center;
    color: #e12a2a;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 900px) {
    .columns {
      width: 50%;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .columns {
      width: 100%;
    }
  }