UNPKG

ucf-fe

Version:
1,861 lines (1,466 loc) 165 kB
/*! * Remark (http://getbootstrapadmin.com/remark) * Copyright 2015 amazingsurge * Licensed under the Themeforest Standard Licenses */ a.text-action { color: #a3afb7 } a.text-action, a.text-action:focus, a.text-action:hover { text-decoration: none } a.text-action:focus, a.text-action:hover { color: #ccd5db } a.text-action .icon + span { margin-left: 3px } a.text-like { color: #a3afb7 !important } a.text-like, a.text-like:focus, a.text-like:hover { text-decoration: none } a.text-like.active, a.text-like:focus, a.text-like:hover { color: #f96868 !important } .text-action + .text-action { margin-left: 6px } .img-bordered { padding: 3px; border: 1px solid #e4eaec } .img-bordered-primary { border-color: #62a8ea !important } .img-bordered-purple { border-color: #7c51d1 !important } .img-bordered-red { border-color: #e9595b !important } .img-bordered-green { border-color: #7dd3ae !important } .img-bordered-orange { border-color: #ec9940 !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { text-shadow: rgba(0, 0, 0, .15) 0 0 1px } .h1 .icon:first-child, .h2 .icon:first-child, .h3 .icon:first-child, .h4 .icon:first-child, .h5 .icon:first-child, .h6 .icon:first-child, h1 .icon:first-child, h2 .icon:first-child, h3 .icon:first-child, h4 .icon:first-child, h5 .icon:first-child, h6 .icon:first-child { margin-right: .5em } .mark, mark { color: #fff; border-radius: 2px } .drop-cap { float: left; padding: 5px; margin-right: 5px; font-family: Georgia; font-size: 60px; line-height: 50px; color: #263238 } .drop-cap-reversed { color: #fff; background-color: #263238 } .list-icons { padding-left: 10px; margin-left: 0; list-style: none } .list-icons > li { margin-top: 6px } .list-icons > li:first-child { margin-top: 0 } .list-icons > li i { float: left; width: 1em; margin: 0 6px 0 0 } .text-primary { color: #62a8ea } a.text-primary:focus, a.text-primary:hover { color: #358fe4 } .text-success { color: #46be8a } a.text-success:focus, a.text-success:hover { color: #369b6f } .text-info { color: #57c7d4 } a.text-info:focus, a.text-info:hover { color: #33b6c5 } .text-warning { color: #f2a654 } a.text-warning:focus, a.text-warning:hover { color: #ee8d25 } .text-danger { color: #f96868 } a.text-danger:focus, a.text-danger:hover { color: #f73737 } blockquote { font-size: 20px; color: #526069; border-left-width: 2px } blockquote .small, blockquote footer, blockquote small { font-size: 14px } .blockquote-reverse { border-right-width: 2px } .blockquote { padding: 15px 20px; border-left-width: 4px; border-radius: 3px } .blockquote.blockquote-reverse { border-right-width: 4px } .blockquote-success { background-color: rgba(70, 190, 138, .1); border-color: #46be8a } .blockquote-info { background-color: rgba(87, 199, 212, .1); border-color: #57c7d4 } .blockquote-warning { background-color: rgba(242, 166, 84, .1); border-color: #f2a654 } .blockquote-danger { background-color: rgba(249, 104, 104, .1); border-color: #f96868 } code { border: 1px solid #bcd8f1 } pre code { border: none } .container { max-width: 100% } @media (min-width: 1600px) { .container { width: 1310px } } @media (min-width: 1600px) { .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 { float: left } .col-xlg-12 { width: 100% } .col-xlg-11 { width: 91.66666667% } .col-xlg-10 { width: 83.33333333% } .col-xlg-9 { width: 75% } .col-xlg-8 { width: 66.66666667% } .col-xlg-7 { width: 58.33333333% } .col-xlg-6 { width: 50% } .col-xlg-5 { width: 41.66666667% } .col-xlg-4 { width: 33.33333333% } .col-xlg-3 { width: 25% } .col-xlg-2 { width: 16.66666667% } .col-xlg-1 { width: 8.33333333% } .col-xlg-pull-12 { right: 100% } .col-xlg-pull-11 { right: 91.66666667% } .col-xlg-pull-10 { right: 83.33333333% } .col-xlg-pull-9 { right: 75% } .col-xlg-pull-8 { right: 66.66666667% } .col-xlg-pull-7 { right: 58.33333333% } .col-xlg-pull-6 { right: 50% } .col-xlg-pull-5 { right: 41.66666667% } .col-xlg-pull-4 { right: 33.33333333% } .col-xlg-pull-3 { right: 25% } .col-xlg-pull-2 { right: 16.66666667% } .col-xlg-pull-1 { right: 8.33333333% } .col-xlg-pull-0 { right: auto } .col-xlg-push-12 { left: 100% } .col-xlg-push-11 { left: 91.66666667% } .col-xlg-push-10 { left: 83.33333333% } .col-xlg-push-9 { left: 75% } .col-xlg-push-8 { left: 66.66666667% } .col-xlg-push-7 { left: 58.33333333% } .col-xlg-push-6 { left: 50% } .col-xlg-push-5 { left: 41.66666667% } .col-xlg-push-4 { left: 33.33333333% } .col-xlg-push-3 { left: 25% } .col-xlg-push-2 { left: 16.66666667% } .col-xlg-push-1 { left: 8.33333333% } .col-xlg-push-0 { left: auto } .col-xlg-offset-12 { margin-left: 100% } .col-xlg-offset-11 { margin-left: 91.66666667% } .col-xlg-offset-10 { margin-left: 83.33333333% } .col-xlg-offset-9 { margin-left: 75% } .col-xlg-offset-8 { margin-left: 66.66666667% } .col-xlg-offset-7 { margin-left: 58.33333333% } .col-xlg-offset-6 { margin-left: 50% } .col-xlg-offset-5 { margin-left: 41.66666667% } .col-xlg-offset-4 { margin-left: 33.33333333% } .col-xlg-offset-3 { margin-left: 25% } .col-xlg-offset-2 { margin-left: 16.66666667% } .col-xlg-offset-1 { margin-left: 8.33333333% } .col-xlg-offset-0 { margin-left: 0 } } .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .row.no-space { margin-right: 0; margin-left: 0 } .row.no-space > [class*=col-] { padding-right: 0; padding-left: 0 } .row-lg { margin-right: -25px; margin-left: -25px } .row-lg > .col-lg-1, .row-lg > .col-lg-10, .row-lg > .col-lg-11, .row-lg > .col-lg-12, .row-lg > .col-lg-2, .row-lg > .col-lg-3, .row-lg > .col-lg-4, .row-lg > .col-lg-5, .row-lg > .col-lg-6, .row-lg > .col-lg-7, .row-lg > .col-lg-8, .row-lg > .col-lg-9, .row-lg > .col-md-1, .row-lg > .col-md-10, .row-lg > .col-md-11, .row-lg > .col-md-12, .row-lg > .col-md-2, .row-lg > .col-md-3, .row-lg > .col-md-4, .row-lg > .col-md-5, .row-lg > .col-md-6, .row-lg > .col-md-7, .row-lg > .col-md-8, .row-lg > .col-md-9, .row-lg > .col-sm-1, .row-lg > .col-sm-10, .row-lg > .col-sm-11, .row-lg > .col-sm-12, .row-lg > .col-sm-2, .row-lg > .col-sm-3, .row-lg > .col-sm-4, .row-lg > .col-sm-5, .row-lg > .col-sm-6, .row-lg > .col-sm-7, .row-lg > .col-sm-8, .row-lg > .col-sm-9, .row-lg > .col-xlg-1, .row-lg > .col-xlg-10, .row-lg > .col-xlg-11, .row-lg > .col-xlg-12, .row-lg > .col-xlg-2, .row-lg > .col-xlg-3, .row-lg > .col-xlg-4, .row-lg > .col-xlg-5, .row-lg > .col-xlg-6, .row-lg > .col-xlg-7, .row-lg > .col-xlg-8, .row-lg > .col-xlg-9, .row-lg > .col-xs-1, .row-lg > .col-xs-10, .row-lg > .col-xs-11, .row-lg > .col-xs-12, .row-lg > .col-xs-2, .row-lg > .col-xs-3, .row-lg > .col-xs-4, .row-lg > .col-xs-5, .row-lg > .col-xs-6, .row-lg > .col-xs-7, .row-lg > .col-xs-8, .row-lg > .col-xs-9 { padding-right: 25px; padding-left: 25px } .table { color: #76838f } .table > tfoot > tr > th, .table > thead > tr > th { font-weight: 400; color: #526069 } .table > thead > tr > th { border-bottom: 1px solid #e4eaec } .table > tbody + tbody { border-top: 1px solid #e4eaec } .table a { text-decoration: underline } .table td > .checkbox-custom:only-child, .table th > .checkbox-custom:only-child { margin-top: 0; margin-bottom: 0; text-align: center } .table .danger, .table .info, .table .success, .table .warning { color: #fff } .table .danger a, .table .info a, .table .success a, .table .warning a { color: #fff } .table .cell-30 { width: 30px } .table .cell-40 { width: 40px } .table .cell-50 { width: 50px } .table .cell-60 { width: 60px } .table .cell-80 { width: 80px } .table .cell-100 { width: 100px } .table .cell-120 { width: 120px } .table .cell-130 { width: 130px } .table .cell-150 { width: 150px } .table .cell-180 { width: 180px } .table .cell-200 { width: 200px } .table .cell-250 { width: 250px } .table .cell-300 { width: 300px } .table-danger thead tr, .table-dark thead tr, .table-info thead tr, .table-primary thead tr, .table-success thead tr, .table-warning thead tr { color: #fff } .table-default thead tr { background: #f3f7f9 } .table-primary thead tr { background: #62a8ea } .table-success thead tr { background: #46be8a } .table-info thead tr { background: #57c7d4 } .table-warning thead tr { background: #f2a654 } .table-danger thead tr { background: #f96868 } .table-dark thead tr { background: #526069 } .table-gray thead tr { color: #526069; background: #ccd5db } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px } .table-bordered > thead:first-child > tr:first-child > th { border: 1px solid #e4eaec } .table-section + tbody { display: none } .table-section-arrow { position: relative; display: inline-block; font-family: 'Web Icons'; font-style: normal; font-weight: 400; text-align: center; -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .table-section-arrow:before { content: '\f181' } .table-section.active tr { background-color: #f3f7f9 } .table-section.active + tbody { display: table-row-group } .table-section.active .table-section-arrow { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .form-control { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear } .form-control:not(select) { -webkit-appearance: none } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #46be8a } .has-success .form-control { border-color: #46be8a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color: #369b6f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #91d9ba; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #91d9ba } .has-success .input-group-addon { color: #46be8a; background-color: #fff; border-color: #46be8a } .has-success .form-control-feedback { color: #46be8a } .has-success .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .has-success .form-control:focus { border-color: #46be8a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(70, 190, 138, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(70, 190, 138, .6) } .has-success .form-control.focus, .has-success .form-control:focus { border-color: #46be8a; -webkit-box-shadow: none; box-shadow: none } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #f2a654 } .has-warning .form-control { border-color: #f2a654; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color: #ee8d25; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9d7b3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f9d7b3 } .has-warning .input-group-addon { color: #f2a654; background-color: #fff; border-color: #f2a654 } .has-warning .form-control-feedback { color: #f2a654 } .has-warning .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .has-warning .form-control:focus { border-color: #f2a654; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(242, 166, 84, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(242, 166, 84, .6) } .has-warning .form-control.focus, .has-warning .form-control:focus { border-color: #f2a654; -webkit-box-shadow: none; box-shadow: none } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #f96868 } .has-error .form-control { border-color: #f96868; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color: #f73737; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fdcaca; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fdcaca } .has-error .input-group-addon { color: #f96868; background-color: #fff; border-color: #f96868 } .has-error .form-control-feedback { color: #f96868 } .has-error .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .has-error .form-control:focus { border-color: #f96868; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(249, 104, 104, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(249, 104, 104, .6) } .has-error .form-control.focus, .has-error .form-control:focus { border-color: #f96868; -webkit-box-shadow: none; box-shadow: none } .form-group.has-feedback.no-label .form-control-feedback { top: 0 } .form-group.has-feedback.left-feedback .form-control-feedback { right: auto; left: 0 } .form-group.has-feedback.left-feedback .form-control { padding-right: 13px; padding-left: 50px } .form-control.square { border-radius: 0 } .form-control.round { border-radius: 200px } textarea.form-control.no-resize { resize: none } .input-group-file input[type=text] { background-color: #fff } .input-group-file .btn-file { position: relative; overflow: hidden } .input-group-file .btn-file.btn-outline { border: 1px solid #e4eaec; border-left: none } .input-group-file .btn-file.btn-outline:hover { border-left: none } .input-group-file .btn-file > .icon { margin: 0 3px } .input-group-file .btn-file input[type=file] { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; text-align: 0; cursor: pointer; opacity: 0 } .help-block { margin-top: 7px; margin-bottom: 8px } .help-block > .icon { margin: 0 5px } .input-search-close { color: #000; text-shadow: none; filter: alpha(opacity=20); opacity: .2 } .input-search-close.icon { font-size: inherit; line-height: inherit } .input-search-close:focus, .input-search-close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5 } button.input-search-close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0 } .input-search { position: relative } .input-search .form-control { border-radius: 200px } .input-search .input-search-close, .input-search .input-search-icon { position: absolute; top: 50%; z-index: 1; width: 36px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .input-search .input-search-close { right: 8px } .input-search .input-search-icon + .form-control { padding-left: 43.5px } .input-search .input-search-icon { left: 8px; font-size: 16px; color: #a3afb7; text-align: center; pointer-events: none } .input-search-btn + .form-control { padding-right: 50px } .input-search-btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 10px; background: 0 0; border: none; border-radius: 0 200px 200px 0 } .input-search-btn > .icon { margin: 0 3px } .input-search-dark .input-search-icon { color: #76838f } .input-search-dark .form-control { background: #f3f7f9; -webkit-box-shadow: none; box-shadow: none } .input-search-dark .form-control:focus { background-color: transparent } .form-inline .form-group { margin-right: 20px } .form-inline .form-group:last-child { margin-right: 0 } .form-inline .control-label { margin-right: 5px } @media (max-width: 767px) { .form-inline .form-group { margin-right: 0 } } .btn { padding: 6px 15px; font-size: 14px; line-height: 1.57142857; border-radius: 3px; -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; -webkit-font-smoothing: subpixel-antialiased } .btn.active:focus, .btn:active:focus, .btn:focus { outline: 0 } .btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none } .btn .icon { width: 1em; margin: -1px 3px 0; line-height: inherit; text-align: center } .btn-block { white-space: normal } .btn-outline.btn-default { color: #76838f; background-color: transparent } .btn-outline.btn-default.active, .btn-outline.btn-default:active, .btn-outline.btn-default:focus, .btn-outline.btn-default:hover, .open > .dropdown-toggle.btn-outline.btn-default { color: #76838f; background-color: rgba(118, 131, 143, .1); border-color: #e4eaec } .btn-outline.btn-default.active .badge, .btn-outline.btn-default:active .badge, .btn-outline.btn-default:focus .badge, .btn-outline.btn-default:hover .badge, .open > .dropdown-toggle.btn-outline.btn-default .badge { color: #76838f; background-color: #76838f } .btn-outline.btn-primary { color: #62a8ea; background-color: transparent } .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open > .dropdown-toggle.btn-outline.btn-primary { color: #fff; background-color: #62a8ea; border-color: #62a8ea } .btn-outline.btn-primary.active .badge, .btn-outline.btn-primary:active .badge, .btn-outline.btn-primary:focus .badge, .btn-outline.btn-primary:hover .badge, .open > .dropdown-toggle.btn-outline.btn-primary .badge { color: #62a8ea; background-color: #fff } .btn-outline.btn-success { color: #46be8a; background-color: transparent } .btn-outline.btn-success.active, .btn-outline.btn-success:active, .btn-outline.btn-success:focus, .btn-outline.btn-success:hover, .open > .dropdown-toggle.btn-outline.btn-success { color: #fff; background-color: #46be8a; border-color: #46be8a } .btn-outline.btn-success.active .badge, .btn-outline.btn-success:active .badge, .btn-outline.btn-success:focus .badge, .btn-outline.btn-success:hover .badge, .open > .dropdown-toggle.btn-outline.btn-success .badge { color: #46be8a; background-color: #fff } .btn-outline.btn-info { color: #57c7d4; background-color: transparent } .btn-outline.btn-info.active, .btn-outline.btn-info:active, .btn-outline.btn-info:focus, .btn-outline.btn-info:hover, .open > .dropdown-toggle.btn-outline.btn-info { color: #fff; background-color: #57c7d4; border-color: #57c7d4 } .btn-outline.btn-info.active .badge, .btn-outline.btn-info:active .badge, .btn-outline.btn-info:focus .badge, .btn-outline.btn-info:hover .badge, .open > .dropdown-toggle.btn-outline.btn-info .badge { color: #57c7d4; background-color: #fff } .btn-outline.btn-warning { color: #f2a654; background-color: transparent } .btn-outline.btn-warning.active, .btn-outline.btn-warning:active, .btn-outline.btn-warning:focus, .btn-outline.btn-warning:hover, .open > .dropdown-toggle.btn-outline.btn-warning { color: #fff; background-color: #f2a654; border-color: #f2a654 } .btn-outline.btn-warning.active .badge, .btn-outline.btn-warning:active .badge, .btn-outline.btn-warning:focus .badge, .btn-outline.btn-warning:hover .badge, .open > .dropdown-toggle.btn-outline.btn-warning .badge { color: #f2a654; background-color: #fff } .btn-outline.btn-danger { color: #f96868; background-color: transparent } .btn-outline.btn-danger.active, .btn-outline.btn-danger:active, .btn-outline.btn-danger:focus, .btn-outline.btn-danger:hover, .open > .dropdown-toggle.btn-outline.btn-danger { color: #fff; background-color: #f96868; border-color: #f96868 } .btn-outline.btn-danger.active .badge, .btn-outline.btn-danger:active .badge, .btn-outline.btn-danger:focus .badge, .btn-outline.btn-danger:hover .badge, .open > .dropdown-toggle.btn-outline.btn-danger .badge { color: #f96868; background-color: #fff } .btn-outline.btn-dark { color: #526069; background-color: transparent } .btn-outline.btn-dark.active, .btn-outline.btn-dark:active, .btn-outline.btn-dark:focus, .btn-outline.btn-dark:hover, .open > .dropdown-toggle.btn-outline.btn-dark { color: #fff; background-color: #526069; border-color: #526069 } .btn-outline.btn-dark.active .badge, .btn-outline.btn-dark:active .badge, .btn-outline.btn-dark:focus .badge, .btn-outline.btn-dark:hover .badge, .open > .dropdown-toggle.btn-outline.btn-dark .badge { color: #526069; background-color: #fff } .btn-outline.btn-inverse { color: #fff; background-color: transparent } .btn-outline.btn-inverse.active, .btn-outline.btn-inverse:active, .btn-outline.btn-inverse:focus, .btn-outline.btn-inverse:hover, .open > .dropdown-toggle.btn-outline.btn-inverse { color: #76838f; background-color: #fff; border-color: #fff } .btn-outline.btn-inverse.active .badge, .btn-outline.btn-inverse:active .badge, .btn-outline.btn-inverse:focus .badge, .btn-outline.btn-inverse:hover .badge, .open > .dropdown-toggle.btn-outline.btn-inverse .badge { color: #fff; background-color: #76838f } .btn-lg { padding: 10px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px } .btn-sm { padding: 6px 13px; font-size: 12px; line-height: 1.5; border-radius: 2px } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px } .btn-squared { border-radius: 0 } .btn-round { border-radius: 1000px } .btn-default.focus, .btn-default:focus, .btn-default:hover { background-color: #f3f7f9; border-color: #f3f7f9 } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-color: #ccd5db; border-color: #ccd5db } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background-color: #ccd5db; border-color: #ccd5db } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { color: #76838f; background-color: #f3f7f9; border-color: #f3f7f9 } .btn-default.btn-up:before { border-bottom-color: #e4eaec } .btn-default.btn-up:focus:before, .btn-default.btn-up:hover:before { border-bottom-color: #f3f7f9 } .btn-default.btn-up.active:before, .btn-default.btn-up:active:before, .open > .dropdown-toggle.btn-default.btn-up:before { border-bottom-color: #ccd5db } .btn-default.btn-right:before { border-left-color: #e4eaec } .btn-default.btn-right:focus:before, .btn-default.btn-right:hover:before { border-left-color: #f3f7f9 } .btn-default.btn-right.active:before, .btn-default.btn-right:active:before, .open > .dropdown-toggle.btn-default.btn-right:before { border-left-color: #ccd5db } .btn-default.btn-bottom:before { border-top-color: #e4eaec } .btn-default.btn-bottom:focus:before, .btn-default.btn-bottom:hover:before { border-top-color: #f3f7f9 } .btn-default.btn-bottom.active:before, .btn-default.btn-bottom:active:before, .open > .dropdown-toggle.btn-default.btn-bottom:before { border-top-color: #ccd5db } .btn-default.btn-left:before { border-right-color: #e4eaec } .btn-default.btn-left:focus:before, .btn-default.btn-left:hover:before { border-right-color: #f3f7f9 } .btn-default.btn-left.active:before, .btn-default.btn-left:active:before, .open > .dropdown-toggle.btn-default.btn-left:before { border-right-color: #ccd5db } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #89bceb; border-color: #89bceb } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-color: #4e97d9; border-color: #4e97d9 } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #4e97d9; border-color: #4e97d9 } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { color: #fff; background-color: #a2caee; border-color: #a2caee } .btn-primary.btn-up:before { border-bottom-color: #62a8ea } .btn-primary.btn-up:focus:before, .btn-primary.btn-up:hover:before { border-bottom-color: #89bceb } .btn-primary.btn-up.active:before, .btn-primary.btn-up:active:before, .open > .dropdown-toggle.btn-primary.btn-up:before { border-bottom-color: #4e97d9 } .btn-primary.btn-right:before { border-left-color: #62a8ea } .btn-primary.btn-right:focus:before, .btn-primary.btn-right:hover:before { border-left-color: #89bceb } .btn-primary.btn-right.active:before, .btn-primary.btn-right:active:before, .open > .dropdown-toggle.btn-primary.btn-right:before { border-left-color: #4e97d9 } .btn-primary.btn-bottom:before { border-top-color: #62a8ea } .btn-primary.btn-bottom:focus:before, .btn-primary.btn-bottom:hover:before { border-top-color: #89bceb } .btn-primary.btn-bottom.active:before, .btn-primary.btn-bottom:active:before, .open > .dropdown-toggle.btn-primary.btn-bottom:before { border-top-color: #4e97d9 } .btn-primary.btn-left:before { border-right-color: #62a8ea } .btn-primary.btn-left:focus:before, .btn-primary.btn-left:hover:before { border-right-color: #89bceb } .btn-primary.btn-left.active:before, .btn-primary.btn-left:active:before, .open > .dropdown-toggle.btn-primary.btn-left:before { border-right-color: #4e97d9 } .btn-success.focus, .btn-success:focus, .btn-success:hover { background-color: #5cd29d; border-color: #5cd29d } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-color: #36ab7a; border-color: #36ab7a } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { background-color: #36ab7a; border-color: #36ab7a } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { color: #fff; background-color: #7dd3ae; border-color: #7dd3ae } .btn-success.btn-up:before { border-bottom-color: #46be8a } .btn-success.btn-up:focus:before, .btn-success.btn-up:hover:before { border-bottom-color: #5cd29d } .btn-success.btn-up.active:before, .btn-success.btn-up:active:before, .open > .dropdown-toggle.btn-success.btn-up:before { border-bottom-color: #36ab7a } .btn-success.btn-right:before { border-left-color: #46be8a } .btn-success.btn-right:focus:before, .btn-success.btn-right:hover:before { border-left-color: #5cd29d } .btn-success.btn-right.active:before, .btn-success.btn-right:active:before, .open > .dropdown-toggle.btn-success.btn-right:before { border-left-color: #36ab7a } .btn-success.btn-bottom:before { border-top-color: #46be8a } .btn-success.btn-bottom:focus:before, .btn-success.btn-bottom:hover:before { border-top-color: #5cd29d } .btn-success.btn-bottom.active:before, .btn-success.btn-bottom:active:before, .open > .dropdown-toggle.btn-success.btn-bottom:before { border-top-color: #36ab7a } .btn-success.btn-left:before { border-right-color: #46be8a } .btn-success.btn-left:focus:before, .btn-success.btn-left:hover:before { border-right-color: #5cd29d } .btn-success.btn-left.active:before, .btn-success.btn-left:active:before, .open > .dropdown-toggle.btn-success.btn-left:before { border-right-color: #36ab7a } .btn-info.focus, .btn-info:focus, .btn-info:hover { background-color: #77d6e1; border-color: #77d6e1 } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-color: #47b8c6; border-color: #47b8c6 } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #47b8c6; border-color: #47b8c6 } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { color: #fff; background-color: #9ae1e9; border-color: #9ae1e9 } .btn-info.btn-up:before { border-bottom-color: #57c7d4 } .btn-info.btn-up:focus:before, .btn-info.btn-up:hover:before { border-bottom-color: #77d6e1 } .btn-info.btn-up.active:before, .btn-info.btn-up:active:before, .open > .dropdown-toggle.btn-info.btn-up:before { border-bottom-color: #47b8c6 } .btn-info.btn-right:before { border-left-color: #57c7d4 } .btn-info.btn-right:focus:before, .btn-info.btn-right:hover:before { border-left-color: #77d6e1 } .btn-info.btn-right.active:before, .btn-info.btn-right:active:before, .open > .dropdown-toggle.btn-info.btn-right:before { border-left-color: #47b8c6 } .btn-info.btn-bottom:before { border-top-color: #57c7d4 } .btn-info.btn-bottom:focus:before, .btn-info.btn-bottom:hover:before { border-top-color: #77d6e1 } .btn-info.btn-bottom.active:before, .btn-info.btn-bottom:active:before, .open > .dropdown-toggle.btn-info.btn-bottom:before { border-top-color: #47b8c6 } .btn-info.btn-left:before { border-right-color: #57c7d4 } .btn-info.btn-left:focus:before, .btn-info.btn-left:hover:before { border-right-color: #77d6e1 } .btn-info.btn-left.active:before, .btn-info.btn-left:active:before, .open > .dropdown-toggle.btn-info.btn-left:before { border-right-color: #47b8c6 } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { background-color: #f4b066; border-color: #f4b066 } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-color: #ec9940; border-color: #ec9940 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { background-color: #ec9940; border-color: #ec9940 } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { color: #fff; background-color: #f6be80; border-color: #f6be80 } .btn-warning.btn-up:before { border-bottom-color: #f2a654 } .btn-warning.btn-up:focus:before, .btn-warning.btn-up:hover:before { border-bottom-color: #f4b066 } .btn-warning.btn-up.active:before, .btn-warning.btn-up:active:before, .open > .dropdown-toggle.btn-warning.btn-up:before { border-bottom-color: #ec9940 } .btn-warning.btn-right:before { border-left-color: #f2a654 } .btn-warning.btn-right:focus:before, .btn-warning.btn-right:hover:before { border-left-color: #f4b066 } .btn-warning.btn-right.active:before, .btn-warning.btn-right:active:before, .open > .dropdown-toggle.btn-warning.btn-right:before { border-left-color: #ec9940 } .btn-warning.btn-bottom:before { border-top-color: #f2a654 } .btn-warning.btn-bottom:focus:before, .btn-warning.btn-bottom:hover:before { border-top-color: #f4b066 } .btn-warning.btn-bottom.active:before, .btn-warning.btn-bottom:active:before, .open > .dropdown-toggle.btn-warning.btn-bottom:before { border-top-color: #ec9940 } .btn-warning.btn-left:before { border-right-color: #f2a654 } .btn-warning.btn-left:focus:before, .btn-warning.btn-left:hover:before { border-right-color: #f4b066 } .btn-warning.btn-left.active:before, .btn-warning.btn-left:active:before, .open > .dropdown-toggle.btn-warning.btn-left:before { border-right-color: #ec9940 } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { background-color: #fa7a7a; border-color: #fa7a7a } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-color: #e9595b; border-color: #e9595b } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { background-color: #e9595b; border-color: #e9595b } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { color: #fff; background-color: #fa9898; border-color: #fa9898 } .btn-danger.btn-up:before { border-bottom-color: #f96868 } .btn-danger.btn-up:focus:before, .btn-danger.btn-up:hover:before { border-bottom-color: #fa7a7a } .btn-danger.btn-up.active:before, .btn-danger.btn-up:active:before, .open > .dropdown-toggle.btn-danger.btn-up:before { border-bottom-color: #e9595b } .btn-danger.btn-right:before { border-left-color: #f96868 } .btn-danger.btn-right:focus:before, .btn-danger.btn-right:hover:before { border-left-color: #fa7a7a } .btn-danger.btn-right.active:before, .btn-danger.btn-right:active:before, .open > .dropdown-toggle.btn-danger.btn-right:before { border-left-color: #e9595b } .btn-danger.btn-bottom:before { border-top-color: #f96868 } .btn-danger.btn-bottom:focus:before, .btn-danger.btn-bottom:hover:before { border-top-color: #fa7a7a } .btn-danger.btn-bottom.active:before, .btn-danger.btn-bottom:active:before, .open > .dropdown-toggle.btn-danger.btn-bottom:before { border-top-color: #e9595b } .btn-danger.btn-left:before { border-right-color: #f96868 } .btn-danger.btn-left:focus:before, .btn-danger.btn-left:hover:before { border-right-color: #fa7a7a } .btn-danger.btn-left.active:before, .btn-danger.btn-left:active:before, .open > .dropdown-toggle.btn-danger.btn-left:before { border-right-color: #e9595b } .btn-inverse { color: #76838f; background-color: #fff; border-color: #e4eaec } .btn-inverse.focus, .btn-inverse:focus { color: #76838f; background-color: #e6e6e6; border-color: #99b0b7 } .btn-inverse:hover { color: #76838f; background-color: #e6e6e6; border-color: #c0ced3 } .btn-inverse.active, .btn-inverse:active, .open > .dropdown-toggle.btn-inverse { color: #76838f; background-color: #e6e6e6; border-color: #c0ced3 } .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .dropdown-toggle.btn-inverse.focus, .open > .dropdown-toggle.btn-inverse:focus, .open > .dropdown-toggle.btn-inverse:hover { color: #76838f; background-color: #d4d4d4; border-color: #99b0b7 } .btn-inverse.active, .btn-inverse:active, .open > .dropdown-toggle.btn-inverse { background-image: none } .btn-inverse.disabled.focus, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled].focus, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover { background-color: #fff; border-color: #e4eaec } .btn-inverse .badge { color: #fff; background-color: #76838f } .btn-inverse.focus, .btn-inverse:focus, .btn-inverse:hover { background-color: #fff; border-color: #f3f7f9 } .btn-inverse.active, .btn-inverse:active, .open > .dropdown-toggle.btn-inverse { background-color: #fff; border-color: #ccd5db } .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .dropdown-toggle.btn-inverse.focus, .open > .dropdown-toggle.btn-inverse:focus, .open > .dropdown-toggle.btn-inverse:hover { background-color: #fff; border-color: #ccd5db } .btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover { color: #ccd5db; background-color: #fff; border-color: #a3afb7 } .btn-inverse.btn-up:before { border-bottom-color: #fff } .btn-inverse.btn-up:focus:before, .btn-inverse.btn-up:hover:before { border-bottom-color: #fff } .btn-inverse.btn-up.active:before, .btn-inverse.btn-up:active:before, .open > .dropdown-toggle.btn-inverse.btn-up:before { border-bottom-color: #fff } .btn-inverse.btn-right:before { border-left-color: #fff } .btn-inverse.btn-right:focus:before, .btn-inverse.btn-right:hover:before { border-left-color: #fff } .btn-inverse.btn-right.active:before, .btn-inverse.btn-right:active:before, .open > .dropdown-toggle.btn-inverse.btn-right:before { border-left-color: #fff } .btn-inverse.btn-bottom:before { border-top-color: #fff } .btn-inverse.btn-bottom:focus:before, .btn-inverse.btn-bottom:hover:before { border-top-color: #fff } .btn-inverse.btn-bottom.active:before, .btn-inverse.btn-bottom:active:before, .open > .dropdown-toggle.btn-inverse.btn-bottom:before { border-top-color: #fff } .btn-inverse.btn-left:before { border-right-color: #fff } .btn-inverse.btn-left:focus:before, .btn-inverse.btn-left:hover:before { border-right-color: #fff } .btn-inverse.btn-left.active:before, .btn-inverse.btn-left:active:before, .open > .dropdown-toggle.btn-inverse.btn-left:before { border-right-color: #fff } .btn-dark { color: #fff; background-color: #526069; border-color: #526069 } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #3c464c; border-color: #1a1f21 } .btn-dark:hover { color: #fff; background-color: #3c464c; border-color: #374147 } .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark { color: #fff; background-color: #3c464c; border-color: #374147 } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .dropdown-toggle.btn-dark.focus, .open > .dropdown-toggle.btn-dark:focus, .open > .dropdown-toggle.btn-dark:hover { color: #fff; background-color: #2c3338; border-color: #1a1f21 } .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark { background-image: none } .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled].focus, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { background-color: #526069; border-color: #526069 } .btn-dark .badge { color: #526069; background-color: #fff } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { background-color: #76838f; border-color: #76838f } .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark { background-color: #37474f; border-color: #37474f } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .dropdown-toggle.btn-dark.focus, .open > .dropdown-toggle.btn-dark:focus, .open > .dropdown-toggle.btn-dark:hover { background-color: #37474f; border-color: #37474f } .btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { color: #fff; background-color: #a3afb7; border-color: #a3afb7 } .btn-dark.btn-up:before { border-bottom-color: #526069 } .btn-dark.btn-up:focus:before, .btn-dark.btn-up:hover:before { border-bottom-color: #76838f } .btn-dark.btn-up.active:before, .btn-dark.btn-up:active:before, .open > .dropdown-toggle.btn-dark.btn-up:before { border-bottom-color: #37474f } .btn-dark.btn-right:before { border-left-color: #526069 } .btn-dark.btn-right:focus:before, .btn-dark.btn-right:hover:before { border-left-color: #76838f } .btn-dark.btn-right.active:before, .btn-dark.btn-right:active:before, .open > .dropdown-toggle.btn-dark.btn-right:before { border-left-color: #37474f } .btn-dark.btn-bottom:before { border-top-color: #526069 } .btn-dark.btn-bottom:focus:before, .btn-dark.btn-bottom:hover:before { border-top-color: #76838f } .btn-dark.btn-bottom.active:before, .btn-dark.btn-bottom:active:before, .open > .dropdown-toggle.btn-dark.btn-bottom:before { border-top-color: #37474f } .btn-dark.btn-left:before { border-right-color: #526069 } .btn-dark.btn-left:focus:before, .btn-dark.btn-left:hover:before { border-right-color: #76838f } .btn-dark.btn-left.active:before, .btn-dark.btn-left:active:before, .open > .dropdown-toggle.btn-dark.btn-left:before { border-right-color: #37474f } .btn-dark:focus, .btn-dark:hover { color: #fff } .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark { color: #fff } .btn-dark.btn-flat { color: #526069 } .btn-flat { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none } .btn-flat.disabled { color: #a3afb7 } .btn-icon, .btn.icon { padding: 10px; line-height: 1em } .btn-icon.btn-xs, .btn.icon.btn-xs { padding: 4px; font-size: 12px } .btn-icon.btn-sm, .btn.icon.btn-sm { padding: 8px; font-size: 14px } .btn-icon.btn-lg, .btn.icon.btn-lg { padding: 12px; font-size: 20px } .btn-icon.disabled, .btn.icon.disabled { color: #a3afb7 } .btn-icon .icon { margin: -1px 0 0 } .btn-raised { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21); box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21); -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); -o-transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1) } .btn-raised.active, .btn-raised:active, .btn-raised:hover, .open > .dropdown-toggle.btn-raised { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .2) } .btn-raised.disabled, .btn-raised[disabled], fieldset[disabled] .btn-raised { -webkit-box-shadow: none; box-shadow: none } .btn-floating { width: 56px; height: 56px; padding: 0; margin: 0; font-size: 24px; text-align: center; border-radius: 100%; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15) }