@charset "utf-8";
/*Button
-----------------*/
#customer_vendor{
  outline:0; 
  font-size:1.3em;
  font-weight:600;
  background:#fff;
  border:none;
  padding:1em 2em;
  transition:all .3s ease-out; 
  box-shadow:inset 0 -8px 0 0 rgba(0,0,0,.2),
    1px 1px 0 0 #d98e20,
    2px 2px 0 0 #d98e20,
    3px 3px 0 0 #d98e20,
    4px 4px 0 0 #d98e20,
    5px 5px 0 0 #d98e20,
    6px 6px 0 0 #d98e20,
    7px 7px 0 0 #d98e20,
    8px 8px 0 0 #d98e20,
    9px 9px 0 0 #d98e20,
    10px 10px 0 0 #d98e20,
    11px 11px 0 0 #d98e20,
    12px 12px 0 0 #d98e20;
}
#customer_vendor:hover{
  color:#444;
}
#customer_vendor:active{
  color:#222;
  box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.2),
    1px 1px 0 0 #d98e20,
    2px 2px 0 0 #d98e20,
    3px 3px 0 0 #d98e20,
    4px 4px 0 0 #d98e20,
    5px 5px 0 0 #d98e20;
}

#customer_vendor2{
  outline:0; 
  font-size:1.3em;
  font-weight:600;
  background:#fff;
  border:none;
  padding:1em 2em;
  transition:all .3s ease-out; 
  box-shadow:inset 0 -8px 0 0 rgba(0,0,0,.2),
    1px 1px 0 0 lightblue,
    2px 2px 0 0 lightblue,
    3px 3px 0 0 lightblue,
    4px 4px 0 0 lightblue,
    5px 5px 0 0 lightblue,
    6px 6px 0 0 lightblue,
    7px 7px 0 0 lightblue,
    8px 8px 0 0 lightblue,
    9px 9px 0 0 lightblue,
    10px 10px 0 0 lightblue,
    11px 11px 0 0 lightblue,
    12px 12px 0 0 lightblue;
}
#customer_vendor2:hover{
  color:#444;
}
#customer_vendor2:active{
  color:#222;
  box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.2),
    1px 1px 0 0 lightblue,
    2px 2px 0 0 lightblue,
    3px 3px 0 0 lightblue,
    4px 4px 0 0 lightblue,
    5px 5px 0 0 lightblue;
}