/* 
   flatbtn.css  
*/


.btnflat {
  display:inline-block;
  border: none;
  font-size: 16.5px;
  text-decoration: none;
  text-shadow: none;
  margin: 2px;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 35px;
  padding-right: 35px;
  -webkit-box-shadow: 0 0 2px #000;
	 -moz-box-shadow: 0 0 2px #000;
	      box-shadow: 0 0 2px #000;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; 
  -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
  }
.btnflat.small {
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
}
.btnflat.large {
    padding-top: 12px;
    padding-bottom: 13px;
	padding-left: 55px;
    padding-right: 55px;
}
.entry .btnflat:hover {
	text-decoration: none;
}

.btnflat.default {
    color: white;
    background-color: #34495e; 
}
.btnflat.default:hover, .btnflat.default:focus{
	color: white;
	background-color: #4e6d8d;
}
.btnflat.default:active{
	color: white;
	background-color: #2c3e50;
}
.btnflat.green {
    color: white;
    background-color: #2ecc71; 
}
.btnflat.green:hover, .btnflat.green:focus {
      color: white;
      background-color: #55d98d; 
}
.btnflat.green:active{
      background-color: #27ad60; 
}
.btnflat.cyan {
    color: white;
    background-color: #1abc9c; 
}
.btnflat.cyan:hover, .btnflat.cyan:focus {
      color: white;
      background-color: #2fe2bf; 
}
.btnflat.cyan:active{
      background-color: #16a085; 
}
.btnflat.blue {
    color: white;
    background-color: #3498db; 
}
.btnflat.blue:hover, .btnflat.blue:focus {
      color: white;
      background-color: #5dade2; 
}
.btnflat.blue:active{
      background-color: #2383c4; 
}
.btnflat.red {
    color: white;
    background-color: #e74c3c; 
}
.btnflat.red:hover, .btnflat.red:focus {
      color: white;
      background-color: #ec7063; 
}
.btnflat.red:active{
      background-color: #dc2d1b; 
}
.btnflat.yellow {
    color: white;
    background-color: #f1c40f; 
}
.btnflat.yellow:hover, .btnflat.yellow:focus {
      color: white;
      background-color: #f4d03f; 
}
.btnflat.yellow:active{
      background-color: #cea70c; 
}
.btnflat.gray {
    color: white;
    background-color: #aab9a3; 
}
.btnflat.gray:hover, .btnflat.gray:focus {
      color: white;
      background-color: #c6ccc3; 
}
.btnflat.gray:active{
      background-color: #adb1ab; 
}

.btnflat.field{
    background-color: #34495e;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.field:hover, .btnflat.field:focus {
      background-color: #34495e;
	  color: white; 
	  cursor: default;
}
.btnflat.field:active{
      background-color: #34495e;
      color: white; 
	  cursor: default;
}
.btnflat.fieldgreen{
    background-color: #2ecc71;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.fieldgreen:hover, .btnflat.fieldgreen:focus {
      background-color: #2ecc71;
	  color: white; 
	  cursor: default;
}
.btnflat.fieldgreen:active{
      background-color: #2ecc71;
      color: white; 
	  cursor: default;
}
.btnflat.fieldcyan{
    background-color: #1abc9c;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.fieldcyan:hover, .btnflat.fieldcyan:focus {
      background-color: #1abc9c;
	  color: white; 
	  cursor: default;
}
.btnflat.fieldcyan:active{
      background-color: #1abc9c;
      color: white; 
	  cursor: default;
}
.btnflat.fieldblue{
    background-color: #3498db;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.fieldblue:hover, .btnflat.fieldblue:focus {
      background-color: #3498db;
	  color: white; 
	  cursor: default;
}
.btnflat.fieldblue:active{
      background-color: #3498db;
      color: white; 
	  cursor: default;
}
.btnflat.fieldred{
    background-color: #e74c3c;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.fieldred:hover, .btnflat.fieldred:focus {
      background-color: #e74c3c;
	  color: white; 
	  cursor: default;
}
.btnflat.fieldred:active{
      background-color: #e74c3c;
      color: white; 
	  cursor: default;
}
.btnflat.fieldyellow{
    background-color: #f1c40f;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.fieldyellow:hover, .btnflat.fieldyellow:focus {
      background-color: #f1c40f;
	  color: white; 
	  cursor: default;
}
.btnflat.fieldyellow:active{
      background-color: #f1c40f;
      color: white; 
	  cursor: default;
}
.btnflat.fieldgray{
    background-color: #aab9a3;
    color: white; 
	cursor: default;
	background-image: none;
}
.btnflat.fieldgray:hover, .btnflat.fieldgray:focus {
      background-color: #aab9a3;
	  color: white; 
	  cursor: default;
}
.btnflat.fieldgray:active{
      background-color: #aab9a3;
      color: white; 
	  cursor: default;
}