.btn { display: inline-block; padding: 10px 15px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-default:hover, .btn-default:focus, .btn-default:focus, .btn-default.active, .open .dropdown-toggle.btn-default { color: @brand-primary; background-color: @brand-white; border-color: @brand-primary; } /** pagination */ ul.tblAjax__footer__toolbar__pagination { list-style-type: none; li { display: inline-block; } } ul.btn-group.tblAjax__footer__toolbar__pagination.smad-pagination li:not(:nth-child(1)) a, ul.btn-group.tblAjax__footer__toolbar__pagination.smad-pagination li:not(:nth-last-child(1)) a { border-radius: 0; } ul.btn-group.tblAjax__footer__toolbar__pagination.smad-pagination li:nth-last-child(1) a { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } ul.btn-group.tblAjax__footer__toolbar__pagination.smad-pagination li:nth-child(1) a { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tblAjax__footer__toolbar__pagination { .btn-default { color: @brand-primary; background-color: @brand-white; border-color: @brand-primary; } .btn-default:hover, .btn-default:focus, .btn-default:focus, .btn-default.active, .open .dropdown-toggle.btn-default { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } } .footer_pagination_menu_items { display: inline-block; } .tblAjax__footer__toolbar__info { p { font-size: 12px; } } /* end pagination*/ .btn-default:active:hover { color: @brand-primary; background-color: @brand-white; border-color: @brand-primary; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: @brand-primary; background-color: @brand-white; border-color: @brand-primary; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus { color: mix(@brand-white, @brand-primary, 50%); background-color: @brand-white; border-color: mix(@brand-white, @brand-primary, 50%); } .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { color: @brand-primary; background-color: @brand-white; border-color: @brand-primary; } .btn-default .badge { color: @brand-primary!important; background-color: #fff; } .btn-primary { color: @brand-primary; background-color: @brand-white; border-color: @brand-primary; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-primary:active:hover { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-primary:active, .btn-primary:focus, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-warning { color: @brand-white; background-color: @brand-grey; border-color: @brand-grey; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: @brand-text; background-color: @brand-grey; border-color: @brand-grey; } .btn-warning:active:hover { color: @brand-text; background-color: @brand-grey; border-color: @brand-grey; } .btn-warning:active, .btn-warning:focus, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: @brand-text; background-color: @brand-grey; border-color: @brand-grey; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { color: @brand-text; background-color: @brand-grey; border-color: @brand-grey; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active:hover { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-success { color: @brand-text; background-color: @brand-grey; border-color: @brand-grey; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-success:active:hover { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { color: @brand-white; background-color: @brand-primary; border-color: @brand-primary; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: @brand-secondary!important; background-color: @brand-white; border-color: @brand-secondary; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: @brand-white!important; background-color: @brand-secondary; border-color: @brand-secondary; } .btn-info:active:hover { color: @brand-white!important; background-color: @brand-secondary; border-color: @brand-secondary; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: @brand-white!important; background-color: @brand-secondary; border-color: @brand-secondary; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { color: @brand-white!important; background-color: @brand-secondary; border-color: @brand-secondary; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }