@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.btn{
  display: table;
  text-align: center;
  text-decoration: none;
  letter-spacing: .02em;
  font-weight: 500;
  color: #ffffff;
  background-color: #660000;
  border-radius: .18em;
  margin-bottom: .1em;
  transition: .3s all ease-in-out;
  padding-left:5px; 
  padding-right: 5px;
  font-family:'Open Sans'; 
  margin-top:.16px;
  margin-left:5px;
  margin-right:10px;
  box-shadow: 0 3px #ecf0f1, 0 2px 4px 2px rgba(236, 240, 241, .7) inset ;
/*  box-shadow: 0 0.1em #660000, 0 0.08em .08em rgba(236, 240, 241, .7)inset ;*/
  min-width: 140px;
  max-width:140px;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1em;
/*background-color: #dec9a5;*/
    border-color: #440000;
}
.btn:active{
box-shadow: 0 0.1em #ecf0f1, 0 0.08em .8em rgba(236, 240, 241, .7) inset;
background-color:#dec9a5;
transition: .3s all ease-in-out;
}
.btn-group>.btn:active{
  z-index: 2; 66-5.5=60.5
  background-color:#660000;
  transition: .3s all ease-in-out;
  border-color: #ffffff;
}
.btn-group-vertical>.btn:active{
  z-index: 2; 
  background-color:#dec9a5;
  transition: .3s all ease-in-out;
  border-color: #ffffff;
}
.btn-group-vertical>.btn.active {
  z-index: 2; 
  background-color:#dec9a5;
  transition: .3s all ease-in-out;
  border-color: #ffffff;
}
.btn-group>.btn:hover{
     z-index: 2; 
background-color:#990000;
transition: .3s all ease-in-out;
border-color: #cc9966;
}
.btn-group-vertical>.btn:hover{
  z-index: 2; 
  /*background-color:#dec9a5;*/
  background-color:#990000;
  transition: .3s all ease-in-out;
  border-color: #ffffff;
}
.btn-group>.btn:focus{
  z-index: 2; 
/* to prevent 'open tab in new window' from breaking the background color */
  background-color:#660000;
  transition: .3s all ease-in-out;
  border-color: #801323;
}
.btn-current{
  color: #ffffff;
    background-color: #990000;
 transition: .2s all ease-in-out;
border-color:#660000;
/*
border-color:#cc9966;
    background-color: #cc9966;
    color: #660000;
    transition: .2s all ease-in-out;
*/
 box-shadow: 0 0.2em #ecf0f1, 0 .12em .25em .12em rgba(236, 240, 241, .8) inset ;
}
.btn-current a:link{
border-color: #660000;
}
.btn-primary a:link{
border-color: #660000;
}
.btn-primary:active{
background-color: #660000;
}
.btn i{
padding-right: 1em;
}
.btn:hover{
  color: #ffffff;
  background-color: #990000;
  box-shadow: 0 0.2em #ffffff, 0 .12em .25em .12em rgba(236, 240, 241, .8) inset ;
/*  background: #f92838;
     border-color: #dec9a5;
    transition: .2s all ease-in-out; */
}
.btn-group{
 border-radius: 1em!important;
 min-width:140px;
 max-width:140px;
}
.btn-small{
    font-size: .65em;
    padding: 1em 1.8em;
}
.btn-medium{
    font-size: .75em;
    padding: 1em 2em;
}
.btn-large{
    font-size: 1em;
    padding: 1em 2.6em;
transition: .2s all ease-in-out;
}

#submit{
  display: table;
  text-align: center;
  text-decoration: none;
  letter-spacing: .02em;
  font-weight: 500;
  color: #ffffff;
  background-color: #660000;
  border-radius: .18em;
  margin-bottom: .1em;
  transition: .3s all ease-in-out;
  padding-left:.3em; 
  padding-right: .3em;
  font-family:'Open Sans'; 
  margin-top:.1em;
  margin-left:auto;
  margin-right:.5em;
  box-shadow: 0 0.2em #ecf0f1, 0 .12em .25em .12em rgba(236, 240, 241, .7) inset ;
/*  box-shadow: 0 0.1em #660000, 0 0.08em .08em rgba(236, 240, 241, .7)inset ;*/
  min-width: 8.4em;
  max-width: 8.4em;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1em;
/*background-color: #dec9a5;*/
    border-color: #440000;
}
#actions a
{
    color: #390109;    
}

/*--------------------*/

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}
#inputs{}
#actions{}