Skip to content

Instantly share code, notes, and snippets.

@scwood
Created July 22, 2018 06:02
Show Gist options
  • Select an option

  • Save scwood/5994ebfd42ea7adc5a6dddf4b4616a63 to your computer and use it in GitHub Desktop.

Select an option

Save scwood/5994ebfd42ea7adc5a6dddf4b4616a63 to your computer and use it in GitHub Desktop.
bootstrap_custom.css
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.bs fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
.bs legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5; }
.bs label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; }
.bs input[type="search"] {
box-sizing: border-box; }
.bs input[type="radio"],
.bs input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
.bs input[type="file"] {
display: block; }
.bs input[type="range"] {
display: block;
width: 100%; }
.bs select[multiple],
.bs select[size] {
height: auto; }
.bs input[type="file"]:focus,
.bs input[type="radio"]:focus,
.bs input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.bs output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555555; }
.bs .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.bs .form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.bs .form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.bs .form-control:-ms-input-placeholder {
color: #999; }
.bs .form-control::-webkit-input-placeholder {
color: #999; }
.bs .form-control::-ms-expand {
border: 0;
background-color: transparent; }
.bs .form-control[disabled], .bs .form-control[readonly],
fieldset[disabled] .bs .form-control {
background-color: #eeeeee;
opacity: 1; }
.bs .form-control[disabled],
fieldset[disabled] .bs .form-control {
cursor: not-allowed; }
.bs textarea.form-control {
height: auto; }
.bs input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.bs input[type="date"].form-control,
.bs input[type="time"].form-control,
.bs input[type="datetime-local"].form-control,
.bs input[type="month"].form-control {
line-height: 34px; }
.bs input[type="date"].input-sm, .bs .input-group-sm > input[type="date"].form-control, .bs .input-group-sm > input[type="date"].input-group-addon, .bs .input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm .bs input[type="date"],
.bs input[type="time"].input-sm, .bs .input-group-sm > input[type="time"].form-control, .bs .input-group-sm > input[type="time"].input-group-addon, .bs .input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm
.bs input[type="time"],
.bs input[type="datetime-local"].input-sm, .bs .input-group-sm > input[type="datetime-local"].form-control, .bs .input-group-sm > input[type="datetime-local"].input-group-addon, .bs .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm
.bs input[type="datetime-local"],
.bs input[type="month"].input-sm, .bs .input-group-sm > input[type="month"].form-control, .bs .input-group-sm > input[type="month"].input-group-addon, .bs .input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm
.bs input[type="month"] {
line-height: 30px; }
.bs input[type="date"].input-lg, .bs .input-group-lg > input[type="date"].form-control, .bs .input-group-lg > input[type="date"].input-group-addon, .bs .input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg .bs input[type="date"],
.bs input[type="time"].input-lg, .bs .input-group-lg > input[type="time"].form-control, .bs .input-group-lg > input[type="time"].input-group-addon, .bs .input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg
.bs input[type="time"],
.bs input[type="datetime-local"].input-lg, .bs .input-group-lg > input[type="datetime-local"].form-control, .bs .input-group-lg > input[type="datetime-local"].input-group-addon, .bs .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg
.bs input[type="datetime-local"],
.bs input[type="month"].input-lg, .bs .input-group-lg > input[type="month"].form-control, .bs .input-group-lg > input[type="month"].input-group-addon, .bs .input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg
.bs input[type="month"] {
line-height: 46px; } }
.bs .form-group {
margin-bottom: 15px; }
.bs .radio,
.bs .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.bs .radio label,
.bs .checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; }
.bs .radio input[type="radio"],
.bs .radio-inline input[type="radio"],
.bs .checkbox input[type="checkbox"],
.bs .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.bs .radio + .radio,
.bs .checkbox + .checkbox {
margin-top: -5px; }
.bs .radio-inline,
.bs .checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.bs .radio-inline + .radio-inline,
.bs .checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
.bs input[type="radio"][disabled], .bs input[type="radio"].disabled,
fieldset[disabled] .bs input[type="radio"],
.bs input[type="checkbox"][disabled],
.bs input[type="checkbox"].disabled,
fieldset[disabled]
.bs input[type="checkbox"] {
cursor: not-allowed; }
.bs .radio-inline.disabled,
fieldset[disabled] .bs .radio-inline,
.bs .checkbox-inline.disabled,
fieldset[disabled]
.bs .checkbox-inline {
cursor: not-allowed; }
.bs .radio.disabled label,
fieldset[disabled] .bs .radio label,
.bs .checkbox.disabled label,
fieldset[disabled]
.bs .checkbox label {
cursor: not-allowed; }
.bs .form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px; }
.bs .form-control-static.input-lg, .bs .input-group-lg > .form-control-static.form-control, .bs .input-group-lg > .form-control-static.input-group-addon, .bs .input-group-lg > .input-group-btn > .form-control-static.btn, .bs .form-control-static.input-sm, .bs .input-group-sm > .form-control-static.form-control, .bs .input-group-sm > .form-control-static.input-group-addon, .bs .input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.bs .input-sm, .bs .input-group-sm > .form-control, .bs .input-group-sm > .input-group-addon, .bs .input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.bs select.input-sm, .bs .input-group-sm > select.form-control, .bs .input-group-sm > select.input-group-addon, .bs .input-group-sm > .input-group-btn > select.btn {
height: 30px;
line-height: 30px; }
.bs textarea.input-sm, .bs .input-group-sm > textarea.form-control, .bs .input-group-sm > textarea.input-group-addon, .bs .input-group-sm > .input-group-btn > textarea.btn,
.bs select[multiple].input-sm, .bs .input-group-sm > select[multiple].form-control, .bs .input-group-sm > select[multiple].input-group-addon, .bs .input-group-sm > .input-group-btn > select[multiple].btn {
height: auto; }
.bs .form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.bs .form-group-sm select.form-control {
height: 30px;
line-height: 30px; }
.bs .form-group-sm textarea.form-control,
.bs .form-group-sm select[multiple].form-control {
height: auto; }
.bs .form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5; }
.bs .input-lg, .bs .input-group-lg > .form-control, .bs .input-group-lg > .input-group-addon, .bs .input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
.bs select.input-lg, .bs .input-group-lg > select.form-control, .bs .input-group-lg > select.input-group-addon, .bs .input-group-lg > .input-group-btn > select.btn {
height: 46px;
line-height: 46px; }
.bs textarea.input-lg, .bs .input-group-lg > textarea.form-control, .bs .input-group-lg > textarea.input-group-addon, .bs .input-group-lg > .input-group-btn > textarea.btn,
.bs select[multiple].input-lg, .bs .input-group-lg > select[multiple].form-control, .bs .input-group-lg > select[multiple].input-group-addon, .bs .input-group-lg > .input-group-btn > select[multiple].btn {
height: auto; }
.bs .form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
.bs .form-group-lg select.form-control {
height: 46px;
line-height: 46px; }
.bs .form-group-lg textarea.form-control,
.bs .form-group-lg select[multiple].form-control {
height: auto; }
.bs .form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333; }
.bs .has-feedback {
position: relative; }
.bs .has-feedback .form-control {
padding-right: 42.5px; }
.bs .form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none; }
.bs .input-lg + .form-control-feedback, .bs .input-group-lg > .form-control + .form-control-feedback, .bs .input-group-lg > .input-group-addon + .form-control-feedback, .bs .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.bs .input-group-lg + .form-control-feedback,
.bs .form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; }
.bs .input-sm + .form-control-feedback, .bs .input-group-sm > .form-control + .form-control-feedback, .bs .input-group-sm > .input-group-addon + .form-control-feedback, .bs .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.bs .input-group-sm + .form-control-feedback,
.bs .form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; }
.bs .has-success .help-block,
.bs .has-success .control-label,
.bs .has-success .radio,
.bs .has-success .checkbox,
.bs .has-success .radio-inline,
.bs .has-success .checkbox-inline,
.bs .has-success.radio label,
.bs .has-success.checkbox label,
.bs .has-success.radio-inline label,
.bs .has-success.checkbox-inline label {
color: #3c763d; }
.bs .has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.bs .has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.bs .has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; }
.bs .has-success .form-control-feedback {
color: #3c763d; }
.bs .has-warning .help-block,
.bs .has-warning .control-label,
.bs .has-warning .radio,
.bs .has-warning .checkbox,
.bs .has-warning .radio-inline,
.bs .has-warning .checkbox-inline,
.bs .has-warning.radio label,
.bs .has-warning.checkbox label,
.bs .has-warning.radio-inline label,
.bs .has-warning.checkbox-inline label {
color: #8a6d3b; }
.bs .has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.bs .has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.bs .has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3; }
.bs .has-warning .form-control-feedback {
color: #8a6d3b; }
.bs .has-error .help-block,
.bs .has-error .control-label,
.bs .has-error .radio,
.bs .has-error .checkbox,
.bs .has-error .radio-inline,
.bs .has-error .checkbox-inline,
.bs .has-error.radio label,
.bs .has-error.checkbox label,
.bs .has-error.radio-inline label,
.bs .has-error.checkbox-inline label {
color: #a94442; }
.bs .has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.bs .has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.bs .has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede; }
.bs .has-error .form-control-feedback {
color: #a94442; }
.bs .has-feedback label ~ .form-control-feedback {
top: 25px; }
.bs .has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.bs .help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373; }
@media (min-width: 768px) {
.bs .form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.bs .form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.bs .form-inline .form-control-static {
display: inline-block; }
.bs .form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.bs .form-inline .input-group .input-group-addon,
.bs .form-inline .input-group .input-group-btn,
.bs .form-inline .input-group .form-control {
width: auto; }
.bs .form-inline .input-group > .form-control {
width: 100%; }
.bs .form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.bs .form-inline .radio,
.bs .form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.bs .form-inline .radio label,
.bs .form-inline .checkbox label {
padding-left: 0; }
.bs .form-inline .radio input[type="radio"],
.bs .form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.bs .form-inline .has-feedback .form-control-feedback {
top: 0; } }
.bs .form-horizontal .radio,
.bs .form-horizontal .checkbox,
.bs .form-horizontal .radio-inline,
.bs .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.bs .form-horizontal .radio,
.bs .form-horizontal .checkbox {
min-height: 27px; }
.bs .form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; }
.bs .form-horizontal .form-group:before, .bs .form-horizontal .form-group:after {
content: " ";
display: table; }
.bs .form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) {
.bs .form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; } }
.bs .form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.bs .form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px; } }
@media (min-width: 768px) {
.bs .form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px; } }
.bs .btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.bs .btn:focus, .bs .btn.focus, .bs .btn:active:focus, .bs .btn:active.focus, .bs .btn.active:focus, .bs .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.bs .btn:hover, .bs .btn:focus, .bs .btn.focus {
color: #333;
text-decoration: none; }
.bs .btn:active, .bs .btn.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.bs .btn.disabled, .bs .btn[disabled],
fieldset[disabled] .bs .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none; }
.bs a.btn.disabled,
fieldset[disabled] .bs a.btn {
pointer-events: none; }
.bs .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc; }
.bs .btn-default:focus, .bs .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c; }
.bs .btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.bs .btn-default:active, .bs .btn-default.active,
.open > .bs .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.bs .btn-default:active:hover, .bs .btn-default:active:focus, .bs .btn-default:active.focus, .bs .btn-default.active:hover, .bs .btn-default.active:focus, .bs .btn-default.active.focus,
.open > .bs .btn-default.dropdown-toggle:hover,
.open > .bs .btn-default.dropdown-toggle:focus,
.open > .bs .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c; }
.bs .btn-default:active, .bs .btn-default.active,
.open > .bs .btn-default.dropdown-toggle {
background-image: none; }
.bs .btn-default.disabled:hover, .bs .btn-default.disabled:focus, .bs .btn-default.disabled.focus, .bs .btn-default[disabled]:hover, .bs .btn-default[disabled]:focus, .bs .btn-default[disabled].focus,
fieldset[disabled] .bs .btn-default:hover,
fieldset[disabled] .bs .btn-default:focus,
fieldset[disabled] .bs .btn-default.focus {
background-color: #fff;
border-color: #ccc; }
.bs .btn-default .badge {
color: #fff;
background-color: #333; }
.bs .btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4; }
.bs .btn-primary:focus, .bs .btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40; }
.bs .btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.bs .btn-primary:active, .bs .btn-primary.active,
.open > .bs .btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
border-color: #204d74; }
.bs .btn-primary:active:hover, .bs .btn-primary:active:focus, .bs .btn-primary:active.focus, .bs .btn-primary.active:hover, .bs .btn-primary.active:focus, .bs .btn-primary.active.focus,
.open > .bs .btn-primary.dropdown-toggle:hover,
.open > .bs .btn-primary.dropdown-toggle:focus,
.open > .bs .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40; }
.bs .btn-primary:active, .bs .btn-primary.active,
.open > .bs .btn-primary.dropdown-toggle {
background-image: none; }
.bs .btn-primary.disabled:hover, .bs .btn-primary.disabled:focus, .bs .btn-primary.disabled.focus, .bs .btn-primary[disabled]:hover, .bs .btn-primary[disabled]:focus, .bs .btn-primary[disabled].focus,
fieldset[disabled] .bs .btn-primary:hover,
fieldset[disabled] .bs .btn-primary:focus,
fieldset[disabled] .bs .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4; }
.bs .btn-primary .badge {
color: #337ab7;
background-color: #fff; }
.bs .btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c; }
.bs .btn-success:focus, .bs .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625; }
.bs .btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.bs .btn-success:active, .bs .btn-success.active,
.open > .bs .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.bs .btn-success:active:hover, .bs .btn-success:active:focus, .bs .btn-success:active.focus, .bs .btn-success.active:hover, .bs .btn-success.active:focus, .bs .btn-success.active.focus,
.open > .bs .btn-success.dropdown-toggle:hover,
.open > .bs .btn-success.dropdown-toggle:focus,
.open > .bs .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625; }
.bs .btn-success:active, .bs .btn-success.active,
.open > .bs .btn-success.dropdown-toggle {
background-image: none; }
.bs .btn-success.disabled:hover, .bs .btn-success.disabled:focus, .bs .btn-success.disabled.focus, .bs .btn-success[disabled]:hover, .bs .btn-success[disabled]:focus, .bs .btn-success[disabled].focus,
fieldset[disabled] .bs .btn-success:hover,
fieldset[disabled] .bs .btn-success:focus,
fieldset[disabled] .bs .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c; }
.bs .btn-success .badge {
color: #5cb85c;
background-color: #fff; }
.bs .btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da; }
.bs .btn-info:focus, .bs .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85; }
.bs .btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.bs .btn-info:active, .bs .btn-info.active,
.open > .bs .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.bs .btn-info:active:hover, .bs .btn-info:active:focus, .bs .btn-info:active.focus, .bs .btn-info.active:hover, .bs .btn-info.active:focus, .bs .btn-info.active.focus,
.open > .bs .btn-info.dropdown-toggle:hover,
.open > .bs .btn-info.dropdown-toggle:focus,
.open > .bs .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85; }
.bs .btn-info:active, .bs .btn-info.active,
.open > .bs .btn-info.dropdown-toggle {
background-image: none; }
.bs .btn-info.disabled:hover, .bs .btn-info.disabled:focus, .bs .btn-info.disabled.focus, .bs .btn-info[disabled]:hover, .bs .btn-info[disabled]:focus, .bs .btn-info[disabled].focus,
fieldset[disabled] .bs .btn-info:hover,
fieldset[disabled] .bs .btn-info:focus,
fieldset[disabled] .bs .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da; }
.bs .btn-info .badge {
color: #5bc0de;
background-color: #fff; }
.bs .btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236; }
.bs .btn-warning:focus, .bs .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d; }
.bs .btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.bs .btn-warning:active, .bs .btn-warning.active,
.open > .bs .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.bs .btn-warning:active:hover, .bs .btn-warning:active:focus, .bs .btn-warning:active.focus, .bs .btn-warning.active:hover, .bs .btn-warning.active:focus, .bs .btn-warning.active.focus,
.open > .bs .btn-warning.dropdown-toggle:hover,
.open > .bs .btn-warning.dropdown-toggle:focus,
.open > .bs .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d; }
.bs .btn-warning:active, .bs .btn-warning.active,
.open > .bs .btn-warning.dropdown-toggle {
background-image: none; }
.bs .btn-warning.disabled:hover, .bs .btn-warning.disabled:focus, .bs .btn-warning.disabled.focus, .bs .btn-warning[disabled]:hover, .bs .btn-warning[disabled]:focus, .bs .btn-warning[disabled].focus,
fieldset[disabled] .bs .btn-warning:hover,
fieldset[disabled] .bs .btn-warning:focus,
fieldset[disabled] .bs .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236; }
.bs .btn-warning .badge {
color: #f0ad4e;
background-color: #fff; }
.bs .btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a; }
.bs .btn-danger:focus, .bs .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19; }
.bs .btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.bs .btn-danger:active, .bs .btn-danger.active,
.open > .bs .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.bs .btn-danger:active:hover, .bs .btn-danger:active:focus, .bs .btn-danger:active.focus, .bs .btn-danger.active:hover, .bs .btn-danger.active:focus, .bs .btn-danger.active.focus,
.open > .bs .btn-danger.dropdown-toggle:hover,
.open > .bs .btn-danger.dropdown-toggle:focus,
.open > .bs .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19; }
.bs .btn-danger:active, .bs .btn-danger.active,
.open > .bs .btn-danger.dropdown-toggle {
background-image: none; }
.bs .btn-danger.disabled:hover, .bs .btn-danger.disabled:focus, .bs .btn-danger.disabled.focus, .bs .btn-danger[disabled]:hover, .bs .btn-danger[disabled]:focus, .bs .btn-danger[disabled].focus,
fieldset[disabled] .bs .btn-danger:hover,
fieldset[disabled] .bs .btn-danger:focus,
fieldset[disabled] .bs .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a; }
.bs .btn-danger .badge {
color: #d9534f;
background-color: #fff; }
.bs .btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0; }
.bs .btn-link, .bs .btn-link:active, .bs .btn-link.active, .bs .btn-link[disabled],
fieldset[disabled] .bs .btn-link {
background-color: transparent;
box-shadow: none; }
.bs .btn-link, .bs .btn-link:hover, .bs .btn-link:focus, .bs .btn-link:active {
border-color: transparent; }
.bs .btn-link:hover, .bs .btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent; }
.bs .btn-link[disabled]:hover, .bs .btn-link[disabled]:focus,
fieldset[disabled] .bs .btn-link:hover,
fieldset[disabled] .bs .btn-link:focus {
color: #777777;
text-decoration: none; }
.bs .btn-lg, .bs .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px; }
.bs .btn-sm, .bs .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.bs .btn-xs, .bs .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; }
.bs .btn-block {
display: block;
width: 100%; }
.bs .btn-block + .btn-block {
margin-top: 5px; }
.bs input[type="submit"].btn-block,
.bs input[type="reset"].btn-block,
.bs input[type="button"].btn-block {
width: 100%; }
.bs .btn-group,
.bs .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.bs .btn-group > .btn,
.bs .btn-group-vertical > .btn {
position: relative;
float: left; }
.bs .btn-group > .btn:hover, .bs .btn-group > .btn:focus, .bs .btn-group > .btn:active, .bs .btn-group > .btn.active,
.bs .btn-group-vertical > .btn:hover,
.bs .btn-group-vertical > .btn:focus,
.bs .btn-group-vertical > .btn:active,
.bs .btn-group-vertical > .btn.active {
z-index: 2; }
.bs .btn-group .btn + .btn,
.bs .btn-group .btn + .btn-group,
.bs .btn-group .btn-group + .btn,
.bs .btn-group .btn-group + .btn-group {
margin-left: -1px; }
.bs .btn-toolbar {
margin-left: -5px; }
.bs .btn-toolbar:before, .bs .btn-toolbar:after {
content: " ";
display: table; }
.bs .btn-toolbar:after {
clear: both; }
.bs .btn-toolbar .btn,
.bs .btn-toolbar .btn-group,
.bs .btn-toolbar .input-group {
float: left; }
.bs .btn-toolbar > .btn,
.bs .btn-toolbar > .btn-group,
.bs .btn-toolbar > .input-group {
margin-left: 5px; }
.bs .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.bs .btn-group > .btn:first-child {
margin-left: 0; }
.bs .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.bs .btn-group > .btn:last-child:not(:first-child),
.bs .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.bs .btn-group > .btn-group {
float: left; }
.bs .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.bs .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bs .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.bs .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.bs .btn-group .dropdown-toggle:active,
.bs .btn-group.open .dropdown-toggle {
outline: 0; }
.bs .btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.bs .btn-group > .btn-lg + .dropdown-toggle, .bs .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.bs .btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.bs .btn-group.open .dropdown-toggle.btn-link {
box-shadow: none; }
.bs .btn .caret {
margin-left: 0; }
.bs .btn-lg .caret, .bs .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.bs .dropup .btn-lg .caret, .bs .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px; }
.bs .btn-group-vertical > .btn,
.bs .btn-group-vertical > .btn-group,
.bs .btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.bs .btn-group-vertical > .btn-group:before, .bs .btn-group-vertical > .btn-group:after {
content: " ";
display: table; }
.bs .btn-group-vertical > .btn-group:after {
clear: both; }
.bs .btn-group-vertical > .btn-group > .btn {
float: none; }
.bs .btn-group-vertical > .btn + .btn,
.bs .btn-group-vertical > .btn + .btn-group,
.bs .btn-group-vertical > .btn-group + .btn,
.bs .btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.bs .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.bs .btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.bs .btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.bs .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.bs .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bs .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.bs .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.bs .btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.bs .btn-group-justified > .btn,
.bs .btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%; }
.bs .btn-group-justified > .btn-group .btn {
width: 100%; }
.bs .btn-group-justified > .btn-group .dropdown-menu {
left: auto; }
.bs [data-toggle="buttons"] > .btn input[type="radio"],
.bs [data-toggle="buttons"] > .btn input[type="checkbox"],
.bs [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
.bs [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.bs .input-group {
position: relative;
display: table;
border-collapse: separate; }
.bs .input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0; }
.bs .input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.bs .input-group .form-control:focus {
z-index: 3; }
.bs .input-group-addon,
.bs .input-group-btn,
.bs .input-group .form-control {
display: table-cell; }
.bs .input-group-addon:not(:first-child):not(:last-child),
.bs .input-group-btn:not(:first-child):not(:last-child),
.bs .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.bs .input-group-addon,
.bs .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.bs .input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px; }
.bs .input-group-addon.input-sm, .bs .input-group-sm > .input-group-addon, .bs .input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px; }
.bs .input-group-addon.input-lg, .bs .input-group-lg > .input-group-addon, .bs .input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px; }
.bs .input-group-addon input[type="radio"],
.bs .input-group-addon input[type="checkbox"] {
margin-top: 0; }
.bs .input-group .form-control:first-child,
.bs .input-group-addon:first-child,
.bs .input-group-btn:first-child > .btn,
.bs .input-group-btn:first-child > .btn-group > .btn,
.bs .input-group-btn:first-child > .dropdown-toggle,
.bs .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bs .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.bs .input-group-addon:first-child {
border-right: 0; }
.bs .input-group .form-control:last-child,
.bs .input-group-addon:last-child,
.bs .input-group-btn:last-child > .btn,
.bs .input-group-btn:last-child > .btn-group > .btn,
.bs .input-group-btn:last-child > .dropdown-toggle,
.bs .input-group-btn:first-child > .btn:not(:first-child),
.bs .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.bs .input-group-addon:last-child {
border-left: 0; }
.bs .input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.bs .input-group-btn > .btn {
position: relative; }
.bs .input-group-btn > .btn + .btn {
margin-left: -1px; }
.bs .input-group-btn > .btn:hover, .bs .input-group-btn > .btn:focus, .bs .input-group-btn > .btn:active {
z-index: 2; }
.bs .input-group-btn:first-child > .btn,
.bs .input-group-btn:first-child > .btn-group {
margin-right: -1px; }
.bs .input-group-btn:last-child > .btn,
.bs .input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
/*# sourceMappingURL=bootstrap_custom.css.map */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment