@charset "UTF-8";

.search_form
{
 display: flex;
 position: relative;
 width: 100%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 20px;
 justify-content: flex-start;
 flex-wrap: wrap
}

.search_form_text
{
 position: relative;
 width: 60%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 10px;
 margin-bottom: 0;
 box-sizing: border-box    
}

.search_form_button
{
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 10px;
 margin-bottom: 0;
 box-sizing: border-box    
}

.search_form_cancel
{
 position: relative;
 padding: 0;
 margin: 0;
}

.searchform
{
 font-family: 'Nunito Sans', sans-serif;
 font-size: 0.875rem;
 font-weight: 400;
 width: 100%;
 color: #333333;
 padding: 8px;
 margin: 0;
 border: 1px solid #3266a7;
 border-radius: 7px;
 box-sizing: border-box
}

.searchbutton
{
 font-family: 'Nunito Sans', sans-serif;
 font-size: 0.813rem;
 font-weight: 600;
 color: #ffffff;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 10px;
 margin: 0;
 background: #3266a7;
 border: 0;
 border-radius: 7px;
 box-sizing: border-box;
 cursor: pointer;
 -webkit-appearance: none
}

.searchcancel
{
 font-family: 'Nunito Sans', sans-serif;
 font-size: 0.813rem;
 font-weight: 600;
 color: #ffffff;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 10px;
 margin: 0;
 background: #cc0000;
 border: 0;
 border-radius: 7px;
 box-sizing: border-box;
 cursor: pointer;
 -webkit-appearance: none
}

.search_text
{
 position: relative;
 width: 100%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 30px
}

@media screen and (max-width: 620px)
{
 .search_form_text
 {
  width: 50%
 }
}

@media screen and (max-width: 480px)
{
 .search_form
 {
  justify-content: center
 }

 .search_form_text
 {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px
 }
}