/* this code will have to be added to the css file indicated below
  https://www.kemin.com/etc/clientlibs/kemin/kemincomponents.min.css
*/
.gray-background{
  background-color: #F0F0F0;
}

.btn-black-border-alt{
  color: #000;
  background-color: #fff;
  border: solid 1px #000;
  padding:7px 25px;
}

.kemin-tortilla-tool h1{
  font-size:2rem;
  color:#dc291e;
}

.kemin-tortilla-tool p, label{
  color:#464646;
}

.kemin-tortilla-tool select{
  border-radius:0px;
}

.selectbox{
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd;
  -webkit-appearance: none;
  background-position: top 8px right 8px;
  background-color: #F0F0F0;
}

.pd{
  display:none;
}

.outline{
  border: 1px solid #cecece;
}

.nav-list{
  font-size:1rem;
  font-weight: 400;
}

.nav-background{
  background-color:#e7e7e7;
  /* background-color:#c3c3c3 */
}

@supports (clip-path: inset(50%)) {
  .nav-clip{
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
  }
  .nav-clip-top{
    clip-path:polygon( 0 0, 80% 0%, 90% 100%, 0 100% );
  };
}


.gradient-background{
  background: rgb(231,231,231);
  background: linear-gradient(90deg, rgba(231,231,231,1) 20%, rgba(248,248,248,1) 100%);
}

#solutions{
  width:100%;
}

.selection-made{
  background-color:#e74d46;
  padding: .5rem;
  color:white;
}

@media screen and (min-width:801px){
  .kemin-tortilla-tool{
    max-width: 450px;
    margin: 0 auto;
    border: 1px solid gray;
  }
}

@media screen and (max-width:800px){
  .kemin-tortilla-tool{
    max-width: 800px;
    margin: 0 auto;
  }
}