/* button hover transition */
.btn{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

/* outline button style */
.btn-outline{}
.btn-outline.btn-default       {background:none;border:1px solid #ccc;color:#333;}
.btn-outline.btn-default:hover,
.btn-outline.btn-default:active{color:#333;background:#ccc;border-color:#ccc;}
.btn-outline.btn-primary       {background:none;border:1px solid #428bca;color:#428bca;}
.btn-outline.btn-primary:hover,
.btn-outline.btn-primary:active{color:#FFF;background:#428bca;border-color:#428bca;}
.btn-outline.btn-success       {background:none;border:1px solid #5cb85c;color:#5cb85c;}
.btn-outline.btn-success:hover,
.btn-outline.btn-success:active{color:#FFF;background:#5cb85c;}
.btn-outline.btn-info          {background:none;border:1px solid #5bc0de;color:#5bc0de;}
.btn-outline.btn-info:hover,
.btn-outline.btn-info:active   {color:#FFF;background:#5bc0de;}
.btn-outline.btn-warning       {background:none;border:1px solid #f0ad4e;color:#f0ad4e;}
.btn-outline.btn-warning:hover,
.btn-outline.btn-warning:active{color:#FFF;background:#f0ad4e;}
.btn-outline.btn-danger        {background:none;border:1px solid #d9534f;color:#d9534f;}
.btn-outline.btn-danger:hover,
.btn-outline.btn-danger:active {color:#FFF;background:#d9534f;}

/* border button style */
.btn-border       {padding:4px 10px;}
.btn-border.btn-xs{padding:0 3px;}
.btn-border.btn-sm{padding:3px 8px;}
.btn-border.btn-lg{padding:8px 14px;}
.btn-border.btn-default       {border:3px solid #ccc;}
.btn-border.btn-default:hover,
.btn-border.btn-default:active{background:#ccc;border-color:#ccc;}
.btn-border.btn-primary       {background:none;border:3px solid #428bca;color:#428bca;}
.btn-border.btn-primary:hover,
.btn-border.btn-primary:active{color:#FFF;background:#428bca;border-color:#428bca;}
.btn-border.btn-success       {background:none;border:3px solid #5cb85c;color:#5cb85c;}
.btn-border.btn-success:hover,
.btn-border.btn-success:active{color:#FFF;background:#5cb85c;}
.btn-border.btn-info          {background:none;border:3px solid #5bc0de;color:#5bc0de;}
.btn-border.btn-info:hover,
.btn-border.btn-info:active   {color:#FFF;background:#5bc0de;}
.btn-border.btn-warning       {background:none;border:3px solid #f0ad4e;color:#f0ad4e;}
.btn-border.btn-warning:hover,
.btn-border.btn-warning:active{color:#FFF;background:#f0ad4e;}
.btn-border.btn-danger        {background:none;border:3px solid #d9534f;color:#d9534f;}
.btn-border.btn-danger:hover,
.btn-border.btn-danger:active {color:#FFF;background:#d9534f;}

/* square button style */
.btn-square{border-radius:0;}

/* circle button style */
.btn-circle.btn-xs{width:22px;height:22px;font-size:10px;border-radius:11px;line-height:1.6;padding:3px 0;}
.btn-circle.btn-sm{width:30px;height:30px;font-size:12px;border-radius:15px;line-height:1.6;padding:6px 0;}
.btn-circle       {width:34px;height:34px;font-size:16px;border-radius:17px;line-height:1.33;padding:6px 4px;text-align:center;}
.btn-circle.btn-lg{width:46px;height:46px;font-size:22px;border-radius:23px;line-height:1.2;}

/* round button style */
.btn-round.btn-xs{border-radius:11px;}
.btn-round.btn-sm{border-radius:22.5px;}
.btn-round       {border-radius:17px;}
.btn-round.btn-lg{border-radius:23px;}