.flex_container {

    display: flex;

  }

  

  .flex_row {

    flex-direction: row;

  }

  

  .code_wrapper {

    width: 100%;

    border: solid 1px #e3e3e3;

    margin-top: 10px;

    min-height: 80px;

    border-radius: 4px;

  }

  

  .req_box {

    order: 1;

    padding: 20px;

    border-right: solid 1px black;

  }

  

  .req_ind {

    font-size: 50px;

    font-weight: bold;

    text-align: center;

    min-width: 110px;

    min-height: 60%;

  }

  

  .req_msg {

    font-weight: bold;

    text-align: center;

    font-size: 17px;

  }

  

  .code_info {

    order: 2;

    padding: 10px;

    background: #f5f5f5;

    width: 100%;

    border-radius: 4px;

  }

  

  .display_code {

    font-weight: bold;

    font-size: 36px;

  }

  

  .display_name {

    font-size: 26px;

  }

  

  .display_msg {

    display: block;

  }



  .display_plan {

    display: block;

  }

  

  .ind_mods_wrapper {

  

  }

  .mod_box_selected.button {

    background: #428bca;

    border-color: #3570a2;

    color: white;

}



  .mod_box {

    border: solid 1px #e3e3e3;

    padding: 10px 15px;

    background-color: #eee;

    margin-right: 10px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    cursor: pointer;

}



.mod_box_base {

  border: solid 1px #e3e3e3;

  padding: 10px 15px;

  background-color: #eee;

  margin-right: 10px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  min-width: 130px;

}



  .background-blue {

    background: #428bca;

    color: #10314e;

    border-color: #3570a2;

  }



  .background-green {

    background: #5CAD5C;

    color: #003300;

    border-color: #539C53;

  }



  .background-orange {

    background: #ca7b42;

    color: #4e2b10;

    border-color: #a26435;

  }

/* TODO : Create new colors grey, yellow, light blue */

  .background-grey {

    background: rgb(125, 125, 125);

    color: black;

    border-color: rgb(75, 75, 75);

  }



  .background-yellow {

    background: rgb(255, 255, 106);

    color: rgb(79 79 7);

    border-color: rgb(247, 247, 68);

  }



  .background-light-blue {

    background: rgb(183, 231, 247);

    color: rgb(16, 93, 119);

    border-color: rgb(74, 152, 179);

  }



  .ninja {

    display: none;

    visibility: hidden;

    opacity: 0;

  }

  

  .words {

    margin-bottom: 15px !important;

  }



  .pa_search_wrapper {

    border: solid 1px #e3e3e3;

    background: #f5f5f5;

    min-height: 80px;

    border-radius: 4px;

    margin: 25px 0px !important;

    padding: 15px;

    flex-direction: column;

}



.pa_search_words {

    font-size: 24px;

    order: 1;

}

.pa_search_form_wrapper {

    order:  2;

}



button.search-submitbtn {

    display: inline-block;

    height: 35px;

    width: 10%;

    margin-bottom: 0;

    font-weight: normal;

    text-align: center;

    color: #fff;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 6px 12px;

    font-size: 18px;

    line-height: 1.42857143;

    border-radius: 4px;

    -moz-user-select: none;

    -ms-user-select: none;

    background-color: green;

    -moz-box-sizing: content-box; /* or `border-box` */

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



input#auth-code {

    display: block;

    width: 75%;

    height: 35px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    float: left;

    -moz-box-sizing: content-box; /* or `border-box` */

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



.search_header {

  font-size: 36px;

  color: #3570a2;

  font-weight: 700;

  /* height: 50px; */

  padding-bottom: 15px;

  border-bottom: #ccc solid 1px;

  /* border-bottom: #5CAD5C solid 1px; */

  margin-bottom: 10px;

}