.btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-primary.btn-outline { color: #428bca; } .btn-success.btn-outline { color: #5cb85c; } .btn-info.btn-outline { color: #5bc0de; } .btn-warning.btn-outline { color: #f0ad4e; } .btn-danger.btn-outline { color: #d9534f; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .btn-circle,.btn-circle.disabled{ width: 30px; height: 30px; padding: 6px 0; z-index:99; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle[disabled]{ width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-default { color: #333; background-color: #fff; border-color: rgba(220, 105, 0, 1); } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ background-color: #eb8c00; border-color: #eb8c00; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{ background-color: #eb8c00; border-color: #eb8c00; } .btn-primary { background-color: #dc6900; border-color:#eb8c00; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { background-color: #eb8c00; border-color: #eb8c00; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .open > .dropdown-toggle.btn-primary { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb8100), to(#bd3f08)); background-image: -webkit-linear-gradient(top, #fb8100, #bd3f08); background-image: -o-linear-gradient(top, #fb8100, #bd3f08); background-image: linear-gradient(top, #fb8100, #bd3f08); background-repeat: repeat-x; border-color:white; } .btn.circle{ border-radius:20px; outline:none !important; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .btn-no-radius { border-radius:0px; }