UNPKG

cux-test

Version:

[SB Admin](http://startbootstrap.com/template-overviews/sb-admin/) is an open source, admin dashboard template for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).

1,552 lines (1,383 loc) 150 kB
@charset "UTF-8"; /* ABB font Helvetica Neue eText Pro */ @font-face { font-family: 'Helvetica Neue eText Pro'; font-style: normal; font-weight: 300; src: url("../fonts/HelveticaNeueETPro-45Lt.eot"); /* IE9 Compat Modes */ src: local("Γÿ║"), url("../fonts/HelveticaNeueETPro-45Lt.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueETPro-45Lt.woff2") format("woff2"), url("../fonts/HelveticaNeueETPro-45Lt.woff") format("woff"), url("../fonts/HelveticaNeueETPro-45Lt.ttf") format("truetype"), url("../fonts/HelveticaNeueETPro-45Lt.svg#HelveticaNeueeTextPro") format("svg"); /* Legacy iOS */ } @font-face { font-family: 'Helvetica Neue eText Pro'; font-style: normal; font-weight: 500; src: url("../fonts/HelveticaNeueETPro-65Md.eot"); /* IE9 Compat Modes */ src: local("Γÿ║"), url("../fonts/HelveticaNeueETPro-65Md.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueETPro-65Md.woff2") format("woff2"), url("../fonts/HelveticaNeueETPro-65Md.woff") format("woff"), url("../fonts/HelveticaNeueETPro-65Md.ttf") format("truetype"), url("../fonts/HelveticaNeueETPro-65Md.svg#HelveticaNeueeTextPro") format("svg"); /* Legacy iOS */ } @font-face { font-family: 'Helvetica Neue eText Pro'; font-style: normal; font-weight: 700; src: url("../fonts/HelveticaNeueETPro-75Bd.eot"); /* IE9 Compat Modes */ src: local("Γÿ║"), url("../fonts/HelveticaNeueETPro-75Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueETPro-75Bd.woff2") format("woff2"), url("../fonts/HelveticaNeueETPro-75Bd.woff") format("woff"), url("../fonts/HelveticaNeueETPro-75Bd.ttf") format("truetype"), url("../fonts/HelveticaNeueETPro-75Bd.svg#HelveticaNeueeTextPro") format("svg"); /* Legacy iOS */ } /* ABB font Helvetica Neue eText Pro */ @font-face { font-family: 'Helvetica Neue eText Pro'; font-style: normal; font-weight: 300; src: url("../fonts/HelveticaNeueETPro-45Lt.eot"); /* IE9 Compat Modes */ src: local("Γÿ║"), url("../fonts/HelveticaNeueETPro-45Lt.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueETPro-45Lt.woff2") format("woff2"), url("../fonts/HelveticaNeueETPro-45Lt.woff") format("woff"), url("../fonts/HelveticaNeueETPro-45Lt.ttf") format("truetype"), url("../fonts/HelveticaNeueETPro-45Lt.svg#HelveticaNeueeTextPro") format("svg"); /* Legacy iOS */ } @font-face { font-family: 'Helvetica Neue eText Pro'; font-style: normal; font-weight: 500; src: url("../fonts/HelveticaNeueETPro-65Md.eot"); /* IE9 Compat Modes */ src: local("Γÿ║"), url("../fonts/HelveticaNeueETPro-65Md.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueETPro-65Md.woff2") format("woff2"), url("../fonts/HelveticaNeueETPro-65Md.woff") format("woff"), url("../fonts/HelveticaNeueETPro-65Md.ttf") format("truetype"), url("../fonts/HelveticaNeueETPro-65Md.svg#HelveticaNeueeTextPro") format("svg"); /* Legacy iOS */ } @font-face { font-family: 'Helvetica Neue eText Pro'; font-style: normal; font-weight: 700; src: url("../fonts/HelveticaNeueETPro-75Bd.eot"); /* IE9 Compat Modes */ src: local("Γÿ║"), url("../fonts/HelveticaNeueETPro-75Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueETPro-75Bd.woff2") format("woff2"), url("../fonts/HelveticaNeueETPro-75Bd.woff") format("woff"), url("../fonts/HelveticaNeueETPro-75Bd.ttf") format("truetype"), url("../fonts/HelveticaNeueETPro-75Bd.svg#HelveticaNeueeTextPro") format("svg"); /* Legacy iOS */ } /*! * CommonUX bootstrap template * Copyright 2016 David Romero * Licensed under ABB * Based on Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ body { font-family: "Helvetica Neue eText Pro", "Sans-Serif", Arial; font-size: 12px; } a { color: #0AAEFF; text-decoration: none; } a:hover, a:focus { color: #47C2FF; text-decoration: none; } h1, .h1 { font-size: 23px; color: #464646; font-weight: 500; } h2, .h2 { font-size: 19px; color: #464646; font-weight: 500; } h3, .h3 { font-size: 17px; color: #464646; font-weight: 300; } h4, .h4 { font-size: 15px; font-weight: 500; } h5, .h5 { font-size: 12px; } h6, .h6 { font-size: 10px; } .text-muted { color: #EBEBEB; } .text-primary { color: #0096E0; } a.text-primary:hover, a.text-primary:focus { color: #0AAEFF; } .text-success { color: #21BE89; } a.text-success:hover, a.text-success:focus { color: #96E8C6; } .text-info { color: #0096E0; } a.text-info:hover, a.text-info:focus { color: #0AAEFF; } .text-warning { color: #FF7300; } a.text-warning:hover, a.text-warning:focus { color: #cc7a00; } .text-danger { color: #ef2f3f; } a.text-danger:hover, a.text-danger:focus { color: #b9151b; } .bg-primary { color: #fff; background-color: #0096E0; } a.bg-primary:hover, a.bg-primary:focus { background-color: #70CFFF; } .bg-success { background-color: #68DFAA; } a.bg-success:hover, a.bg-success:focus { background-color: #96E8C6; } .bg-info { background-color: #A288CE; } a.bg-info:hover, a.bg-info:focus { background-color: #BAACDD; } .bg-warning { background-color: #DFAC92; } a.bg-warning:hover, a.bg-warning:focus { background-color: #EBCAB9; } .bg-danger { background-color: #F03040; } a.bg-danger:hover, a.bg-danger:focus { background-color: #f5908c; } .page-header { padding-bottom: 10.5px; margin: 46px 0 23px; border-bottom: 1px solid #eeeeee; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #EBEBEB; text-align: left; } th { text-align: left; background: transparent; text-transform: uppercase; font-size: 11px; color: #464646; } .table { width: 100%; max-width: 100%; margin-bottom: 23px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.846; vertical-align: top; border-top: 1px solid #DCDCDC; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #DCDCDC; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #DCDCDC; } .table .table { background-color: #FFFFFF; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #DCDCDC; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #DCDCDC; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #F0F0F0; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #DCDCDC; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background: #eaf8ff; background: rgba(214, 241, 255, 0.5); } .table > thead > tr.active, .table > tbody > tr.active, .table > tfoot > tr.active, .table > thead > tr:active, .table > tbody > tr:active, .table > tfoot > tr:active { outline: 1px solid #47C2FF; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background: rgba(214, 241, 255, 0.5); } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: transparent; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: transparent; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: transparent; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: transparent; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #ffd699; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f9bdbb; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #f7a6a4; } /*From control light*/ .form-control { display: block; width: 100%; height: 30px; padding: 0; padding-left: 12px; padding-right: 12px; padding-bottom: 1px; font-size: 12px; font-weight: 400; color: #464646; background: white; background: rgba(255, 255, 255, 0.8); border: 1px solid; border-color: #d5d5d5; border-color: rgba(150, 150, 150, 0.4); border-radius: 0; } .form-control:focus { border: 2px solid #0AAEFF !important; background: white; background: white; } .form-control:hover { background: white; background: rgba(255, 255, 255, 0.8); border: 1px solid; border-color: #ababab; border-color: rgba(150, 150, 150, 0.8); outline: 0; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #a2a2a2; color: rgba(70, 70, 70, 0.5); } .form-control :read-only, .form-control[readonly], fieldset[readonly] .form-control { background: #f4f4f4; background: rgba(0, 0, 0, 0.04); border: 1px solid; border-color: #dfdfdf; border-color: rgba(150, 150, 150, 0.3); color: #464646; } .form-control[disabled], fieldset[disabled] .form-control { background: white; background: rgba(255, 255, 255, 0); border: 1px solid; border-color: #dfdfdf; border-color: rgba(150, 150, 150, 0.3); color: #a2a2a2; color: rgba(70, 70, 70, 0.5); cursor: not-allowed; } textarea.form-control { height: auto; } /*From control blue*/ .form-control-blue { display: block; width: 100%; height: 30px; padding-left: 12px; padding-right: 12px; padding-bottom: 3px; font-size: 12px; font-weight: 400; color: #F5F5F5; background: #a5a5a5; background: rgba(0, 0, 0, 0.35); border: 1px solid; border-color: #eeeeee; border-color: rgba(200, 200, 200, 0.3); border-radius: 0; } .form-control-blue:focus { border: 2px solid #47C2FF !important; background: #7f7f7f; background: rgba(0, 0, 0, 0.5); } .form-control-blue:hover { background: #7f7f7f; background: rgba(0, 0, 0, 0.5); border: 1px solid; border-color: #fbfbfb; border-color: rgba(245, 245, 245, 0.35); outline: 0; } .form-control-blue::-moz-placeholder, .form-control-blue:-ms-input-placeholder, .form-control-blue::-webkit-input-placeholder { color: #fafafa; color: rgba(245, 245, 245, 0.5); } .form-control-blue[readonly] { background: white; background: transparent; border: 1px solid; border-color: #eeeeee; border-color: rgba(200, 200, 200, 0.3); outline: 0; } .form-control-blue[disabled], fieldset[disabled] .form-control-blue { background: white; background: transparent; border: 1px solid; border-color: #eeeeee; border-color: rgba(200, 200, 200, 0.3); color: #fafafa; color: rgba(245, 245, 245, 0.5); outline: 0; cursor: not-allowed; } textarea.form-control-blue { height: auto; } /*From control dark*/ .form-control-dark { display: block; width: 100%; height: 30px; padding-left: 12px; padding-right: 12px; padding-bottom: 3px; font-size: 12px; font-weight: 400; color: #D2D2D2; background: #666666; background: rgba(0, 0, 0, 0.6); border: 1px solid; border-color: #b6b6b6; border-color: rgba(110, 110, 110, 0.5); border-radius: 0; } .form-control-dark:focus { border: 2px solid #0096E0 !important; outline: 0; background-color: #000000; } .form-control-dark:hover { border: 1px solid #787878; background-color: #141414; outline: 0; } .form-control-dark::-moz-placeholder, .form-control-dark:-ms-input-placeholder, .form-control-dark::-webkit-input-placeholder { color: #f0f0f0; color: rgba(210, 210, 210, 0.32); } .form-control-dark[disabled], fieldset[disabled] .form-control-dark { background: white; background: transparent; border: 1px solid; border-color: #c5c5c5; border-color: rgba(110, 110, 110, 0.4); color: #f6f6f6; color: rgba(210, 210, 210, 0.2); outline: 0; cursor: not-allowed; } .form-control-dark[readonly], fieldset[readonly] .form-control-dark { background: white; background: transparent; border: 1px solid; border-color: #c5c5c5; border-color: rgba(110, 110, 110, 0.4); outline: none; } textarea.form-control-dark { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 37px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 45px; } } .form-group { margin-bottom: 15px; } .form-group-dark { margin-bottom: 15px; } .form-group-dark > label { color: #cbcbcb; } .well-dark h1, .well-dark h2, .well-dark h3, .well-dark h4, .well-dark p, .well-dark .form-control-feedback, .well-dark .help-block-dark { color: #dcdcdc !important; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 23px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 36px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 35px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.3333333; border-radius: 0; } select.input-lg { height: 45px; line-height: 45px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.3333333; border-radius: 0; } .form-group-lg select.form-control { height: 45px; line-height: 45px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 45px; min-height: 40px; padding: 11px 16px; font-size: 17px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 46.25px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; padding-top: 2px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 45px; height: 45px; line-height: 45px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .help-block-blue, .has-success .help-block-dark, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #21BE89; } .has-success .input-group-addon { color: #21BE89; } .has-success .form-control-feedback { color: #21BE89; } .has-warning .help-block, .has-warning .help-block-blue, .has-warning .help-block-dark, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #FF7300; } .has-warning .input-group-addon { color: #FF7300; } .has-warning .form-control-feedback { color: #FF7300; } .has-warning .form-control { border: 1px solid #DCDCDC; } .has-error .help-block, .has-error .help-block-blue, .has-error .help-block-dark, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #F03040; } .has-error .input-group-addon { color: #F03040; } .has-error .form-control-feedback { color: #F03040; } .has-error .form-control { border: 1px solid #DCDCDC; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 4px 12px; font-size: 12px; border-radius: 0; height: 30px; } .btn:hover, .btn:focus, .btn.focus { color: inherit; } .btn.active, .btn[active] { box-shadow: none; -webkit-box-shadow: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } /* Button default*/ .btn-default, .btn-default:focus, .btn-default.focus, .btn-default-toggle, .btn-default-toggle-enhanced { background: rgba(220, 220, 220, 0.6); border: 1px solid; border-color: #d8d8d8; border-color: rgba(190, 190, 190, 0.6); border-bottom: 1px solid #A0A0A0; color: #464646; } .btn-default:hover, .btn-default:active:hover, .focus.btn-default.active:hover, .active.focus.btn-default-toggle:hover, .active.focus.btn-default-toggle-enhanced:hover, .btn-default-toggle:active:hover, .btn-default-toggle-enhanced:active:hover, .btn-link:hover:active, .btn-link.active:hover, .active.btn-link.hover, .btn-default.active.hover, .active.hover.btn-default-toggle, .active.hover.btn-default-toggle-enhanced, .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default-toggle:hover, .open > .dropdown-toggle.btn-default-toggle-enhanced:hover, .btn-default-toggle:hover, .btn-default-toggle.hover, .btn-default-toggle-enhanced:hover, .btn-default-toggle-enhanced.hover, .btn-link:hover, .btn-link.hover, .btn-default.hover, .hover.btn-default-toggle, .hover.btn-default-toggle-enhanced { background: #fcfcfc; background: rgba(250, 250, 250, 0.6); border: 1px solid; border-color: #bababa; border-color: rgba(140, 140, 140, 0.6); color: #464646; } .btn-default:active, .open > .dropdown-toggle.btn-default:focus, .focus.btn-default.active, .open > .focus.dropdown-toggle.btn-default, .btn-default-toggle:active:focus, .btn-default-toggle-enhanced:active:focus, .active.focus.btn-default-toggle, .active.focus.btn-default-toggle-enhanced, .open > .dropdown-toggle.btn-default-toggle:focus, .open > .dropdown-toggle.btn-default-toggle-enhanced:focus, .focus.btn-default-toggle:active, .focus.btn-default-toggle-enhanced:active, .open > .dropdown-toggle.focus.btn-default-toggle, .open > .dropdown-toggle.focus.btn-default-toggle-enhanced, .btn-default-toggle:active, .btn-default-toggle-enhanced:active, .btn-link:active, .btn-link.active, .btn-default.active, .active.btn-default-toggle, .active.btn-default-toggle-enhanced, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default-toggle, .open > .dropdown-toggle.btn-default-toggle-enhanced { background: #dddddd; background: rgba(0, 0, 0, 0.13); border: 1px solid #0AAEFF; } .btn-default-toggle:active, .btn-default-toggle.active { background: #e1e1e1; background: rgba(205, 205, 205, 0.6); border-color: silver; border-color: rgba(150, 150, 150, 0.6); border-top: 2px solid #0AAEFF; } .btn-default-toggle-enhanced:active, .btn-default-toggle-enhanced.active { background: #D6F1FF; border: 1px solid #0AAEFF; color: #2269A1; } .btn-default.disabled, .disabled.btn-default-toggle, .disabled.btn-default-toggle-enhanced, .btn-default[disabled], [disabled].btn-default-toggle, [disabled].btn-default-toggle-enhanced, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default-toggle, fieldset[disabled] .btn-default-toggle-enhanced, .btn-default.disabled:hover, .disabled.btn-default.active.hover, .open > .disabled.dropdown-toggle.btn-default:hover, .open > .disabled.dropdown-toggle.btn-default-toggle:hover, .open > .disabled.dropdown-toggle.btn-default-toggle-enhanced:hover, .disabled.btn-default-toggle:hover, .disabled.btn-default-toggle.hover, .disabled.btn-default-toggle-enhanced:hover, .disabled.btn-default-toggle-enhanced.hover, .disabled.btn-link:hover, .disabled.btn-link.hover, .btn-default[disabled]:hover, [disabled].btn-default.active.hover, .open > [disabled].dropdown-toggle.btn-default:hover, .open > [disabled].dropdown-toggle.btn-default-toggle:hover, .open > [disabled].dropdown-toggle.btn-default-toggle-enhanced:hover, [disabled].btn-default-toggle:hover, [disabled].btn-default-toggle.hover, [disabled].btn-default-toggle-enhanced:hover, [disabled].btn-default-toggle-enhanced.hover, [disabled].btn-link:hover, [disabled].btn-link.hover, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default.active.hover, fieldset[disabled] .open > .dropdown-toggle.btn-default:hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-toggle:hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-toggle-enhanced:hover, fieldset[disabled] .btn-default-toggle:hover, fieldset[disabled] .btn-default-toggle.hover, fieldset[disabled] .btn-default-toggle-enhanced:hover, fieldset[disabled] .btn-default-toggle-enhanced.hover, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link.hover, .btn-default.disabled:focus, .disabled.btn-default-toggle:focus, .disabled.btn-default-toggle-enhanced:focus, .btn-default[disabled]:focus, [disabled].btn-default-toggle:focus, [disabled].btn-default-toggle-enhanced:focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default-toggle:focus, fieldset[disabled] .btn-default-toggle-enhanced:focus, .btn-default.disabled.focus, .disabled.focus.btn-default-toggle, .disabled.focus.btn-default-toggle-enhanced, .btn-default[disabled].focus, [disabled].focus.btn-default-toggle, [disabled].focus.btn-default-toggle-enhanced, fieldset[disabled] .btn-default.focus, fieldset[disabled] .focus.btn-default-toggle, fieldset[disabled] .focus.btn-default-toggle-enhanced, .btn-default.disabled:active, .open > .disabled.dropdown-toggle.btn-default:focus, .disabled.focus.btn-default.active, .open > .disabled.focus.dropdown-toggle.btn-default, .disabled.active.focus.btn-default-toggle, .disabled.active.focus.btn-default-toggle-enhanced, .open > .disabled.dropdown-toggle.btn-default-toggle:focus, .open > .disabled.dropdown-toggle.btn-default-toggle-enhanced:focus, .open > .disabled.dropdown-toggle.focus.btn-default-toggle, .open > .disabled.dropdown-toggle.focus.btn-default-toggle-enhanced, .disabled.btn-default-toggle:active, .disabled.btn-default-toggle-enhanced:active, .disabled.btn-link:active, .disabled.btn-link.active, .btn-default[disabled]:active, .open > [disabled].dropdown-toggle.btn-default:focus, [disabled].focus.btn-default.active, .open > [disabled].focus.dropdown-toggle.btn-default, [disabled].active.focus.btn-default-toggle, [disabled].active.focus.btn-default-toggle-enhanced, .open > [disabled].dropdown-toggle.btn-default-toggle:focus, .open > [disabled].dropdown-toggle.btn-default-toggle-enhanced:focus, .open > [disabled].dropdown-toggle.focus.btn-default-toggle, .open > [disabled].dropdown-toggle.focus.btn-default-toggle-enhanced, [disabled].btn-default-toggle:active, [disabled].btn-default-toggle-enhanced:active, [disabled].btn-link:active, [disabled].btn-link.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .open > .dropdown-toggle.btn-default:focus, fieldset[disabled] .focus.btn-default.active, fieldset[disabled] .open > .focus.dropdown-toggle.btn-default, fieldset[disabled] .active.focus.btn-default-toggle, fieldset[disabled] .active.focus.btn-default-toggle-enhanced, fieldset[disabled] .open > .dropdown-toggle.btn-default-toggle:focus, fieldset[disabled] .open > .dropdown-toggle.btn-default-toggle-enhanced:focus, fieldset[disabled] .open > .dropdown-toggle.focus.btn-default-toggle, fieldset[disabled] .open > .dropdown-toggle.focus.btn-default-toggle-enhanced, fieldset[disabled] .btn-default-toggle:active, fieldset[disabled] .btn-default-toggle-enhanced:active, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active, .btn-default.disabled.active, .disabled.active.btn-default-toggle, .disabled.active.btn-default-toggle-enhanced, .btn-default[disabled].active, [disabled].active.btn-default-toggle, [disabled].active.btn-default-toggle-enhanced, fieldset[disabled] .btn-default.active, fieldset[disabled] .active.btn-default-toggle, fieldset[disabled] .active.btn-default-toggle-enhanced { background: #f1f1f1; background: rgba(220, 220, 220, 0.4); border: 1px solid; border-color: #e5e5e5; border-color: rgba(190, 190, 190, 0.4); color: #a2a2a2; color: rgba(70, 70, 70, 0.5); } .btn-default .badge, .btn-default-toggle .badge, .btn-default-toggle-enhanced .badge { background: #E6E6E6; color: #464646; } /* Button default blue*/ .btn-default-blue, .btn-default-blue:focus, .btn-default-blue.focus, .btn-default-blue-toggle, .btn-default-blue-toggle-enhanced { background: #72c5ed; background: rgba(0, 150, 224, 0.55); border: 1px solid; border-color: #3abeff; border-color: rgba(10, 174, 255, 0.8); border-bottom: 1px solid #143F61; color: #FFFFFF; } .btn-default-blue:hover, .btn-default-blue:active:hover, .btn-default-blue-toggle:active:hover, .btn-default-blue-toggle-enhanced:active:hover, .btn-link-blue:hover:active, .btn-link-blue.active:hover, .btn-default-blue.active.hover, .active.hover.btn-default-blue-toggle, .active.hover.btn-default-blue-toggle-enhanced, .open > .dropdown-toggle.btn-default-blue:hover, .open > .dropdown-toggle.btn-default-blue-toggle:hover, .open > .dropdown-toggle.btn-default-blue-toggle-enhanced:hover, .btn-default-blue-toggle:hover, .btn-default-blue-toggle.hover, .btn-default-blue-toggle-enhanced:hover, .btn-default-blue-toggle-enhanced.hover, .btn-link-blue:hover, .btn-link-blue.hover, .btn-default-blue.hover, .hover.btn-default-blue-toggle, .hover.btn-default-blue-toggle-enhanced { background: #99ddff; background: rgba(71, 194, 255, 0.55); border: 1px solid; border-color: #ade3ff; border-color: rgba(153, 221, 255, 0.8); color: #FFFFFF; } .btn-default-blue:active, .btn-default-blue-toggle:active, .btn-default-blue-toggle-enhanced:active, .btn-link-blue:active, .btn-link-blue.active, .btn-default-blue.active, .active.btn-default-blue-toggle, .active.btn-default-blue-toggle-enhanced, .open > .dropdown-toggle.btn-default-blue, .open > .dropdown-toggle.btn-default-blue-toggle, .open > .dropdown-toggle.btn-default-blue-toggle-enhanced { background: #c6c6c6; background: rgba(0, 0, 0, 0.22); border: 1px solid #0AAEFF; color: #FFFFFF; } .btn-default-blue-toggle:active, .btn-default-blue-toggle.active { background: #194D76; border: 1px solid #143F61; border-top: 2px solid #0AAEFF; color: #FFFFFF; } .btn-default-blue-toggle-enhanced:active, .btn-default-blue-toggle-enhanced.active { background: #99DDFF; border: 1px solid #C2EBFF; color: #194D76; } .btn-default-blue.disabled, .disabled.btn-default-blue-toggle, .disabled.btn-default-blue-toggle-enhanced, .btn-default-blue[disabled], [disabled].btn-default-blue-toggle, [disabled].btn-default-blue-toggle-enhanced, fieldset[disabled] .btn-default-blue, fieldset[disabled] .btn-default-blue-toggle, fieldset[disabled] .btn-default-blue-toggle-enhanced, .btn-default-blue.disabled:hover, .disabled.btn-default-blue.active.hover, .open > .disabled.dropdown-toggle.btn-default-blue:hover, .open > .disabled.dropdown-toggle.btn-default-blue-toggle:hover, .open > .disabled.dropdown-toggle.btn-default-blue-toggle-enhanced:hover, .disabled.btn-default-blue-toggle:hover, .disabled.btn-default-blue-toggle.hover, .disabled.btn-default-blue-toggle-enhanced:hover, .disabled.btn-default-blue-toggle-enhanced.hover, .disabled.btn-link-blue:hover, .disabled.btn-link-blue.hover, .btn-default-blue[disabled]:hover, [disabled].btn-default-blue.active.hover, .open > [disabled].dropdown-toggle.btn-default-blue:hover, .open > [disabled].dropdown-toggle.btn-default-blue-toggle:hover, .open > [disabled].dropdown-toggle.btn-default-blue-toggle-enhanced:hover, [disabled].btn-default-blue-toggle:hover, [disabled].btn-default-blue-toggle.hover, [disabled].btn-default-blue-toggle-enhanced:hover, [disabled].btn-default-blue-toggle-enhanced.hover, [disabled].btn-link-blue:hover, [disabled].btn-link-blue.hover, fieldset[disabled] .btn-default-blue:hover, fieldset[disabled] .btn-default-blue.active.hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-blue:hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-blue-toggle:hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-blue-toggle-enhanced:hover, fieldset[disabled] .btn-default-blue-toggle:hover, fieldset[disabled] .btn-default-blue-toggle.hover, fieldset[disabled] .btn-default-blue-toggle-enhanced:hover, fieldset[disabled] .btn-default-blue-toggle-enhanced.hover, fieldset[disabled] .btn-link-blue:hover, fieldset[disabled] .btn-link-blue.hover, .btn-default-blue.disabled:focus, .disabled.btn-default-blue-toggle:focus, .disabled.btn-default-blue-toggle-enhanced:focus, .btn-default-blue[disabled]:focus, [disabled].btn-default-blue-toggle:focus, [disabled].btn-default-blue-toggle-enhanced:focus, fieldset[disabled] .btn-primary:focus, .btn-default-blue.disabled.focus, .disabled.focus.btn-default-blue-toggle, .disabled.focus.btn-default-blue-toggle-enhanced, .btn-default-blue[disabled].focus, [disabled].focus.btn-default-blue-toggle, [disabled].focus.btn-default-blue-toggle-enhanced, fieldset[disabled] .btn-default-blue.focus, fieldset[disabled] .focus.btn-default-blue-toggle, fieldset[disabled] .focus.btn-default-blue-toggle-enhanced, .btn-default-blue.disabled:active, .disabled.btn-default-blue-toggle:active, .disabled.btn-default-blue-toggle-enhanced:active, .disabled.btn-link-blue:active, .disabled.btn-link-blue.active, .btn-default-blue[disabled]:active, [disabled].btn-default-blue-toggle:active, [disabled].btn-default-blue-toggle-enhanced:active, [disabled].btn-link-blue:active, [disabled].btn-link-blue.active, fieldset[disabled] .btn-default-blue:active, fieldset[disabled] .btn-default-blue-toggle:active, fieldset[disabled] .btn-default-blue-toggle-enhanced:active, fieldset[disabled] .btn-link-blue:active, fieldset[disabled] .btn-link-blue.active, .btn-default-blue.disabled.active, .disabled.active.btn-default-blue-toggle, .disabled.active.btn-default-blue-toggle-enhanced, .btn-default-blue[disabled].active, [disabled].active.btn-default-blue-toggle, [disabled].active.btn-default-blue-toggle-enhanced, fieldset[disabled] .btn-default-blue.active, fieldset[disabled] .active.btn-default-blue-toggle, fieldset[disabled] .active.btn-default-blue-toggle-enhanced { background: #daf2ff; background: rgba(10, 174, 255, 0.15); border: 1px solid; border-color: #b5e6ff; border-color: rgba(10, 174, 255, 0.3); color: white; color: rgba(255, 255, 255, 0.35); } .btn-default-blue .badge, .btn-default-blue-toggle .badge, .btn-default-blue-toggle-enhanced .badge { background: #0096E0; color: #D6F1FF; } /* Button default dark*/ .btn-default-dark, .btn-default-dark:focus, .btn-default-dark.focus, .btn-default-dark-toggle, .btn-default-dark-toggle-enhanced { background: #9e9e9e; background: rgba(80, 80, 80, 0.55); border: 1px solid; border-color: #b4b4b4; border-color: rgba(120, 120, 120, 0.55); border-bottom: 1px solid #141414; color: #D2D2D2; } .btn-default-dark:hover, .btn-default-dark:active:hover, .btn-default-dark-toggle:active:hover, .btn-default-dark-toggle-enhanced:active:hover, .btn-link-dark:hover:active, .btn-link-dark.active:hover, .btn-default-dark.active.hover, .active.hover.btn-default-dark-toggle, .active.hover.btn-default-dark-toggle-enhanced, .open > .dropdown-toggle.btn-default-dark:hover, .open > .dropdown-toggle.btn-default-dark-toggle:hover, .open > .dropdown-toggle.btn-default-dark-toggle-enhanced:hover, .btn-default-dark-toggle:hover, .btn-default-dark-toggle:hover .btn-default-dark-toggle.hover, .btn-default-dark-toggle-enhanced:hover, .btn-default-dark-toggle-enhanced.hover, .btn-link-dark:hover, .btn-link-dark.hover, .btn-default-dark.hover, .hover.btn-default-dark-toggle, .hover.btn-default-dark-toggle-enhanced { background: #afafaf; background: rgba(110, 110, 110, 0.55); border: 1px solid; border-color: #dedede; border-color: rgba(195, 195, 195, 0.55); color: #D2D2D2; } .btn-default-dark:active, .btn-default-dark-toggle:active, .btn-default-dark-toggle-enhanced:active, .btn-link-dark:active, .btn-link-dark.active, .btn-default-dark.active, .active.btn-default-dark-toggle, .active.btn-default-dark-toggle-enhanced, .open > .dropdown-toggle.btn-default-dark, .open > .dropdown-toggle.btn-default-dark-toggle, .open > .dropdown-toggle.btn-default-dark-toggle-enhanced { background: #a5a5a5; background: rgba(0, 0, 0, 0.35); border: 1px solid #0096E0; color: #D2D2D2; } .btn-default-dark-toggle:active, .btn-default-dark-toggle.active { background: #6f6f6f; background: rgba(15, 15, 15, 0.6); border: 1px solid; border-color: #323232; border-color: rgba(0, 0, 0, 0.8); color: #F5F5F5; border-top: 2px solid #0096E0; } .btn-default-dark-toggle-enhanced:active, .btn-default-dark-toggle-enhanced.active { background: #1C5785; border: 1px solid #0088CC; color: #D6F1FF; } .btn-default-dark.disabled, .disabled.btn-default-dark-toggle, .disabled.btn-default-dark-toggle-enhanced, .btn-default-dark[disabled], [disabled].btn-default-dark-toggle, [disabled].btn-default-dark-toggle-enhanced, fieldset[disabled] .btn-default-dark, fieldset[disabled] .btn-default-dark-toggle, fieldset[disabled] .btn-default-dark-toggle-enhanced, .btn-default-dark.disabled:hover, .disabled.btn-default-dark.active.hover, .disabled.active.hover.btn-default-dark-toggle, .open > .disabled.dropdown-toggle.btn-default-dark:hover, .open > .disabled.dropdown-toggle.btn-default-dark-toggle:hover, .open > .disabled.dropdown-toggle.btn-default-dark-toggle-enhanced:hover, .disabled.btn-default-dark-toggle:hover, .btn-default-dark-toggle:hover .disabled.btn-default-dark-toggle.hover, .disabled.btn-default-dark-toggle-enhanced:hover, .disabled.btn-default-dark-toggle-enhanced.hover, .disabled.btn-link-dark:hover, .disabled.btn-link-dark.hover, .btn-default-dark[disabled]:hover, [disabled].btn-default-dark.active.hover, [disabled].active.hover.btn-default-dark-toggle, .open > [disabled].dropdown-toggle.btn-default-dark:hover, .open > [disabled].dropdown-toggle.btn-default-dark-toggle:hover, .open > [disabled].dropdown-toggle.btn-default-dark-toggle-enhanced:hover, [disabled].btn-default-dark-toggle:hover, .btn-default-dark-toggle:hover [disabled].btn-default-dark-toggle.hover, [disabled].btn-default-dark-toggle-enhanced:hover, [disabled].btn-default-dark-toggle-enhanced.hover, [disabled].btn-link-dark:hover, [disabled].btn-link-dark.hover, fieldset[disabled] .btn-default-dark:hover, fieldset[disabled] .btn-default-dark.active.hover, fieldset[disabled] .active.hover.btn-default-dark-toggle, fieldset[disabled] .open > .dropdown-toggle.btn-default-dark:hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-dark-toggle:hover, fieldset[disabled] .open > .dropdown-toggle.btn-default-dark-toggle-enhanced:hover, fieldset[disabled] .btn-default-dark-toggle:hover, fieldset[disabled] .btn-default-dark-toggle:hover .btn-default-dark-toggle.hover, .btn-default-dark-toggle:hover fieldset[disabled] .btn-default-dark-toggle.hover, fieldset[disabled] .btn-default-dark-toggle-enhanced:hover, fieldset[disabled] .btn-default-dark-toggle-enhanced.hover, fieldset[disabled] .btn-link-dark:hover, fieldset[disabled] .btn-link-dark.hover, .btn-default-dark.disabled:focus, .disabled.btn-default-dark-toggle:focus, .disabled.btn-default-dark-toggle-enhanced:focus, .btn-default-dark[disabled]:focus, [disabled].btn-default-dark-toggle:focus, [disabled].btn-default-dark-toggle-enhanced:focus, fieldset[disabled] .btn-default-dark:focus, fieldset[disabled] .btn-default-dark-toggle:focus, fieldset[disabled] .btn-default-dark-toggle-enhanced:focus, .btn-default-dark.disabled.focus, .disabled.focus.btn-default-dark-toggle, .disabled.focus.btn-default-dark-toggle-enhanced, .btn-default-dark[disabled].focus, [disabled].focus.btn-default-dark-toggle, [disabled].focus.btn-default-dark-toggle-enhanced, fieldset[disabled] .btn-default-dark.focus, fieldset[disabled] .focus.btn-default-dark-toggle, fieldset[disabled] .focus.btn-default-dark-toggle-enhanced, .btn-default-dark.disabled:active, .disabled.btn-default-dark-toggle:active, .disabled.btn-default-dark-toggle-enhanced:active, .disabled.btn-link-dark:active, .disabled.btn-link-dark.active, .btn-default-dark[disabled]:active, [disabled].btn-default-dark-toggle:active, [disabled].btn-default-dark-toggle-enhanced:active, [disabled].btn-link-dark:active, [disabled].btn-link-dark.active, fieldset[disabled] .btn-default-dark:active, fieldset[disabled] .btn-default-dark-toggle:active, fieldset[disabled] .btn-default-dark-toggle-enhanced:active, fieldset[disabled] .btn-link-dark:active, fieldset[disabled] .btn-link-dark.active, .btn-default-dark.disabled.active, .disabled.active.btn-default-dark-toggle, .disabled.active.btn-default-dark-toggle-enhanced, .btn-default-dark[disabled].active, [disabled].active.btn-default-dark-toggle, [disabled].active.btn-default-dark-toggle-enhanced, fieldset[disabled] .btn-default-dark.active, fieldset[disabled] .active.btn-default-dark-toggle, fieldset[disabled] .active.btn-default-dark-toggle-enhanced { background: gainsboro; background: rgba(80, 80, 80, 0.2); border: 1px solid; border-color: #e4e4e4; border-color: rgba(120, 120, 120, 0.2); color: #e8e8e8; color: rgba(210, 210, 210, 0.5); } .btn-default-dark .badge, .btn-default-dark-toggle .badge, .btn-default-dark-toggle-enhanced .badge { color: #C8C8C8; background: #505050; } /* Button primary (white or gray background) */ .btn-primary, .btn-primary:focus, .btn-primary.focus { color: #FFFFFF; background-color: #0096E0; border: 1px solid #0088CC; border-bottom: 1px solid #236EA8; } .btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.hover { background: #47C2FF; color: #FFFFFF; border: 1px solid #0AAEFF; border-bottom: 1px solid #0096E0; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #0088CC; border: 1px solid #236EA8; color: #FAFAFA; } .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.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 { background: #d8effa; background: rgba(0, 150, 224, 0.15); border: 1px solid; border-color: #d8effa; border-color: rgba(0, 150, 224, 0.15); color: #7fc3e5; color: rgba(0, 136, 204, 0.5); } .btn-primary .badge { background-color: #FFFFFF; color: #0AAEFF; } /* Button primary (blue background)*/ .btn-primary-blue, .btn-primary-blue:focus, .btn-primary-blue.focus { color: #FFFFFF; background-color: #0AAEFF; border: 1px solid #47C2FF; border-bottom: 1px solid #17486E; } .btn-primary-blue:hover, .btn-primary-blue:active:hover, .btn-primary-blue.active.hover, .btn-primary-blue.hover { color: #FFFFFF; background-color: #70CFFF; border: 1px solid #99DDFF; } .btn-primary-blue:active, .btn-primary-blue.active, .open > .dropdown-toggle.btn-primary-blue { color: #FFFFFF; background-color: #267BBD; border: 1px solid #0AAEFF; } .btn-primary-blue.disabled, .btn-primary-blue[disabled], fieldset[disabled] .btn-primary-blue, .btn-primary-blue.disabled:hover, .disabled.btn-primary-blue.active.hover, .btn-primary-blue[disabled]:hover, [disabled].btn-primary-blue.active.hover, fieldset[disabled] .btn-primary-blue:hover, fieldset[disabled] .btn-primary-blue.active.hover, .btn-primary-blue.disabled:focus, .btn-primary-blue[disabled]:focus, fieldset[disabled] .btn-primary-blue:focus, .btn-primary-blue.disabled.focus, .btn-primary-blue[disabled].focus, fieldset[disabled] .btn-primary-blue.focus, .btn-primary-blue.disabled:active, .btn-primary-blue[disabled]:active, fieldset[disabled] .btn-primary-blue:active, .btn-primary-blue.disabled.active, .btn-primary-blue[disabled].active, fieldset[disabled] .btn-primary-blue.active { background: #daf2ff; background: rgba(10, 174, 255, 0.15); border: 1px solid; border-color: #b5e6ff; border-color: rgba(10, 174, 255, 0.3); color: white; color: rgba(255, 255, 255, 0.35); } .btn-primary-blue .badge { color: #0AAEFF; background-color: #FFFFFF; } /* Button primary dark (dark background) */ .btn-primary-dark, .btn-primary-dark:focus, .btn-primary-dark.focus { color: #FFFFFF; background-color: #0088CC; border: 1px solid #0096E0; border-bottom: 1px solid #1E5B8F; } .btn-primary-dark:hover, .btn-primary-dark:active:hover, .btn-primary-dark.active.hover, .btn-primary-dark.hover { color: #FFFFFF; background-color: #47C2FF; border: 1px solid #70CFFF; } .btn-primary-dark:active, .btn-primary-dark.active, .open > .dropdown-toggle.btn-primary-dark { color: #FFFFFF; background-color: #2269A1; border: 1px solid #0088CC; } .btn-primary-dark.disabled, .btn-primary-dark[disabled], fieldset[disabled] .btn-primary-dark, .btn-primary-dark.disabled:hover, .disabled.btn-primary-dark.active.hover, .btn-primary-dark[disabled]:hover, [disabled].btn-primary-dark.active.hover, fieldset[disabled] .btn-primary-dark:hover, fieldset[disabled] .btn-primary-dark.active.hover, .btn-primary-dark.disabled:focus, .btn-primary-dark[disabled]:focus, fieldset[disabled] .btn-primary-dark:focus, .btn-primary-dark.disabled.focus, .btn-primary-dark[disabled].focus, fieldset[disabled] .btn-primary-dark.focus, .btn-primary-dark.disabled:active, .btn-primary-dark[disabled]:active, fieldset[disabled] .btn-primary-dark:active, .btn-primary-dark.disabled.active, .btn-primary-dark[disabled].active, fieldset[disabled] .btn-primary-dark.active { background: #c6d5e0; background: rgba(28, 87, 133, 0.25); border: 1px solid; border-color: #c7d8e5; border-color: rgba(32, 99, 151, 0.25); color: #90daff; color: rgba(