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
CSS
@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(