winstrap
Version:
Winstrap is the official Bootstrap theme for Microsoft design language.
2,129 lines (1,705 loc) • 354 kB
CSS
@charset "UTF-8";
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.color-white {
background: #FFFFFF; }
.color-black {
background: #000000; }
.color-accent {
background: #0078D7; }
.color-alert {
background: #D02E00; }
.color-type-primary {
color: #000000; }
.color-type-secondary {
color: rgba(0, 0, 0, 0.6); }
.color-type-disabled {
color: rgba(0, 0, 0, 0.2); }
.color-type-accent {
color: #0078D7; }
.color-type-alert {
color: #D02E00; }
.color-type-primary-alt {
color: #FFFFFF; }
.color-type-secondary-alt {
color: rgba(255, 255, 255, 0.6); }
.color-type-disabled-alt {
color: rgba(255, 255, 255, 0.2); }
.color-type-accent-alt {
color: #0078D7; }
.color-type-alert-alt {
color: #D02E00; }
.color-fill-dim-low {
background-color: rgba(0, 0, 0, 0.05); }
.color-fill-dim-mid {
background-color: rgba(0, 0, 0, 0.1); }
.color-fill-neutral-low {
background-color: rgba(0, 0, 0, 0.2); }
.color-fill-neutral-mid {
background-color: rgba(0, 0, 0, 0.3); }
.color-fill-neutral-high {
background-color: rgba(0, 0, 0, 0.4); }
.color-fill-vivid-low {
background-color: rgba(0, 0, 0, 0.6); }
.color-fill-vivid-mid {
background-color: rgba(0, 0, 0, 0.8); }
.color-fill-vivid-high {
background-color: #000000; }
.color-fill-dim-mid-alt {
background-color: rgba(255, 255, 255, 0.1); }
.color-fill-dim-high-alt {
background-color: rgba(255, 255, 255, 0.15); }
.color-fill-neutral-low-alt {
background-color: rgba(255, 255, 255, 0.2); }
.color-fill-neutral-mid-alt {
background-color: rgba(255, 255, 255, 0.3); }
.color-fill-neutral-high-alt {
background-color: rgba(255, 255, 255, 0.4); }
.color-fill-vivid-low-alt {
background-color: rgba(255, 255, 255, 0.6); }
.color-fill-vivid-mid-alt {
background-color: rgba(255, 255, 255, 0.8); }
.color-fill-vivid-high-alt {
background-color: #FFFFFF; }
.color-line-dim-low {
border-color: rgba(0, 0, 0, 0.05); }
.color-line-dim-mid {
border-color: rgba(0, 0, 0, 0.1); }
.color-line-neutral-low {
border-color: rgba(0, 0, 0, 0.2); }
.color-line-neutral-mid {
border-color: rgba(0, 0, 0, 0.3); }
.color-line-neutral-high {
border-color: rgba(0, 0, 0, 0.4); }
.color-line-vivid-low {
border-color: rgba(0, 0, 0, 0.6); }
.color-line-vivid-mid {
border-color: rgba(0, 0, 0, 0.8); }
.color-line-vivid-high {
border-color: #000000; }
.color-line-dim-mid-alt {
border-color: rgba(255, 255, 255, 0.1); }
.color-line-dim-high-alt {
border-color: rgba(255, 255, 255, 0.15); }
.color-line-neutral-low-alt {
border-color: rgba(255, 255, 255, 0.2); }
.color-line-neutral-mid-alt {
border-color: rgba(255, 255, 255, 0.3); }
.color-line-neutral-high-alt {
border-color: rgba(255, 255, 255, 0.4); }
.color-line-vivid-low-alt {
border-color: rgba(255, 255, 255, 0.6); }
.color-line-vivid-mid-alt {
border-color: rgba(255, 255, 255, 0.8); }
.color-line-vivid-high-alt {
border-color: #FFFFFF; }
.color-bg-light-vivid-high {
background-color: #FFFFFF; }
.color-bg-light-vivid-mid {
background-color: #F2F2F2; }
.color-bg-light-vivid-low {
background-color: #E5E5E5; }
.color-bg-light-neutral-high {
background-color: #D9D9D9; }
.color-bg-light-neutral-mid {
background-color: #CCCCCC; }
.color-bg-dark-vivid-high {
background-color: #000000; }
.color-bg-dark-vivid-mid {
background-color: #191919; }
.color-bg-dark-vivid-low {
background-color: #262626; }
.color-bg-dark-neutral-high {
background-color: #333333; }
.color-bg-dark-neutral-mid {
background: #404040; }
.color-fill-accent-dim-low {
background-color: rgba(0, 120, 215, 0.05); }
.color-fill-accent-dim-mid {
background-color: rgba(0, 120, 215, 0.1); }
.color-fill-accent-dim-high {
background-color: rgba(0, 120, 215, 0.15); }
.color-fill-accent-neutral-low {
background-color: rgba(0, 120, 215, 0.2); }
.color-fill-accent-neutral-mid {
background-color: rgba(0, 120, 215, 0.3); }
.color-fill-accent-neutral-high {
background-color: rgba(0, 120, 215, 0.4); }
.color-fill-accent-vivid-low {
background-color: rgba(0, 120, 215, 0.6); }
.color-fill-accent-vivid-mid {
background-color: rgba(0, 120, 215, 0.8); }
.color-fill-accent-vivid-high {
background-color: #0078D7; }
.color-fill-alert {
background-color: #D02E00; }
.color-line-accent-dim-low {
border-color: rgba(0, 120, 215, 0.05); }
.color-line-accent-dim-mid {
border-color: rgba(0, 120, 215, 0.1); }
.color-line-accent-dim-high {
border-color: rgba(0, 120, 215, 0.15); }
.color-line-accent-neutral-low {
border-color: rgba(0, 120, 215, 0.2); }
.color-line-accent-neutral-mid {
border-color: rgba(0, 120, 215, 0.3); }
.color-line-accent-neutral-high {
border-color: rgba(0, 120, 215, 0.4); }
.color-line-accent-vivid-low {
border-color: rgba(0, 120, 215, 0.6); }
.color-line-accent-vivid-mid {
border-color: rgba(0, 120, 215, 0.8); }
.color-line-accent-vivid-high {
border-color: #0078D7; }
.color-line-alert {
border-color: #D02E00; }
.color-blue {
background-color: #0078D7; }
.color-purple {
background-color: #5C2D91; }
.color-magenta {
background-color: #B4009E; }
.color-red {
background-color: #E81123; }
.color-orange {
background-color: #D83B01; }
.color-yellow {
background-color: #FFB900; }
.color-green {
background-color: #107C10; }
.color-teal {
background-color: #008272; }
.color-lightblue {
background-color: #00BCF2; }
.color-midblue {
background-color: #00188F; }
.color-darkblue {
background-color: #002050; }
.color-lightpurple {
background-color: #B4A0FF; }
.color-darkpurple {
background-color: #32145A; }
.color-lightmagenta {
background-color: #E3008C; }
.color-darkmagenta {
background-color: #5C005C; }
.color-darkred {
background-color: #A80000; }
.color-lightorange {
background-color: #FF8C00; }
.color-lightyellow {
background-color: #FFF100; }
.color-lightgreen {
background-color: #BAD80A; }
.color-darkgreen {
background-color: #004B1C; }
.color-lightteal {
background-color: #00B294; }
.color-darkteal {
background-color: #004B50; }
.m-v-xxl {
margin-top: 84px !important;
margin-bottom: 84px !important; }
.m-h-xxl {
margin-left: 84px !important;
margin-right: 84px !important; }
.m-t-xxl {
margin-top: 84px !important; }
.m-r-xxl {
margin-right: 84px !important; }
.m-b-xxl {
margin-bottom: 84px !important; }
.m-l-xxl {
margin-left: 84px !important; }
.m-xxl {
margin: 84px !important; }
.p-v-xxl {
padding-top: 84px !important;
padding-bottom: 84px !important; }
.p-h-xxl {
padding-left: 84px !important;
padding-right: 84px !important; }
.p-t-xxl {
padding-top: 84px !important; }
.p-r-xxl {
padding-right: 84px !important; }
.p-b-xxl {
padding-bottom: 84px !important; }
.p-l-xxl {
padding-left: 84px !important; }
.p-xxl {
padding: 84px !important; }
.m-v-xl {
margin-top: 72px !important;
margin-bottom: 72px !important; }
.m-h-xl {
margin-left: 72px !important;
margin-right: 72px !important; }
.m-t-xl {
margin-top: 72px !important; }
.m-r-xl {
margin-right: 72px !important; }
.m-b-xl {
margin-bottom: 72px !important; }
.m-l-xl {
margin-left: 72px !important; }
.m-xl {
margin: 72px !important; }
.p-v-xl {
padding-top: 72px !important;
padding-bottom: 72px !important; }
.p-h-xl {
padding-left: 72px !important;
padding-right: 72px !important; }
.p-t-xl {
padding-top: 72px !important; }
.p-r-xl {
padding-right: 72px !important; }
.p-b-xl {
padding-bottom: 72px !important; }
.p-l-xl {
padding-left: 72px !important; }
.p-xl {
padding: 72px !important; }
.m-v-lg {
margin-top: 64px !important;
margin-bottom: 64px !important; }
.m-h-lg {
margin-left: 64px !important;
margin-right: 64px !important; }
.m-t-lg {
margin-top: 64px !important; }
.m-r-lg {
margin-right: 64px !important; }
.m-b-lg {
margin-bottom: 64px !important; }
.m-l-lg {
margin-left: 64px !important; }
.m-lg {
margin: 64px !important; }
.p-v-lg {
padding-top: 64px !important;
padding-bottom: 64px !important; }
.p-h-lg {
padding-left: 64px !important;
padding-right: 64px !important; }
.p-t-lg {
padding-top: 64px !important; }
.p-r-lg {
padding-right: 64px !important; }
.p-b-lg {
padding-bottom: 64px !important; }
.p-l-lg {
padding-left: 64px !important; }
.p-lg {
padding: 64px !important; }
.m-v-md {
margin-top: 48px !important;
margin-bottom: 48px !important; }
.m-h-md {
margin-left: 48px !important;
margin-right: 48px !important; }
.m-t-md {
margin-top: 48px !important; }
.m-r-md {
margin-right: 48px !important; }
.m-b-md {
margin-bottom: 48px !important; }
.m-l-md {
margin-left: 48px !important; }
.m-md {
margin: 48px !important; }
.p-v-md {
padding-top: 48px !important;
padding-bottom: 48px !important; }
.p-h-md {
padding-left: 48px !important;
padding-right: 48px !important; }
.p-t-md {
padding-top: 48px !important; }
.p-r-md {
padding-right: 48px !important; }
.p-b-md {
padding-bottom: 48px !important; }
.p-l-md {
padding-left: 48px !important; }
.p-md {
padding: 48px !important; }
.m-v-sm {
margin-top: 36px !important;
margin-bottom: 36px !important; }
.m-h-sm {
margin-left: 36px !important;
margin-right: 36px !important; }
.m-t-sm {
margin-top: 36px !important; }
.m-r-sm {
margin-right: 36px !important; }
.m-b-sm {
margin-bottom: 36px !important; }
.m-l-sm {
margin-left: 36px !important; }
.m-sm {
margin: 36px !important; }
.p-v-sm {
padding-top: 36px !important;
padding-bottom: 36px !important; }
.p-h-sm {
padding-left: 36px !important;
padding-right: 36px !important; }
.p-t-sm {
padding-top: 36px !important; }
.p-r-sm {
padding-right: 36px !important; }
.p-b-sm {
padding-bottom: 36px !important; }
.p-l-sm {
padding-left: 36px !important; }
.p-sm {
padding: 36px !important; }
.m-v-xs {
margin-top: 24px !important;
margin-bottom: 24px !important; }
.m-h-xs {
margin-left: 24px !important;
margin-right: 24px !important; }
.m-t-xs {
margin-top: 24px !important; }
.m-r-xs {
margin-right: 24px !important; }
.m-b-xs {
margin-bottom: 24px !important; }
.m-l-xs {
margin-left: 24px !important; }
.m-xs {
margin: 24px !important; }
.p-v-xs {
padding-top: 24px !important;
padding-bottom: 24px !important; }
.p-h-xs {
padding-left: 24px !important;
padding-right: 24px !important; }
.p-t-xs {
padding-top: 24px !important; }
.p-r-xs {
padding-right: 24px !important; }
.p-b-xs {
padding-bottom: 24px !important; }
.p-l-xs {
padding-left: 24px !important; }
.p-xs {
padding: 24px !important; }
.m-v-xxs {
margin-top: 12px !important;
margin-bottom: 12px !important; }
.m-h-xxs {
margin-left: 12px !important;
margin-right: 12px !important; }
.m-t-xxs {
margin-top: 12px !important; }
.m-r-xxs {
margin-right: 12px !important; }
.m-b-xxs {
margin-bottom: 12px !important; }
.m-l-xxs {
margin-left: 12px !important; }
.m-xxs {
margin: 12px !important; }
.p-v-xxs {
padding-top: 12px !important;
padding-bottom: 12px !important; }
.p-h-xxs {
padding-left: 12px !important;
padding-right: 12px !important; }
.p-t-xxs {
padding-top: 12px !important; }
.p-r-xxs {
padding-right: 12px !important; }
.p-b-xxs {
padding-bottom: 12px !important; }
.p-l-xxs {
padding-left: 12px !important; }
.p-xxs {
padding: 12px !important; }
.m-v-xxxs {
margin-top: 8px !important;
margin-bottom: 8px !important; }
.m-h-xxxs {
margin-left: 8px !important;
margin-right: 8px !important; }
.m-t-xxxs {
margin-top: 8px !important; }
.m-r-xxxs {
margin-right: 8px !important; }
.m-b-xxxs {
margin-bottom: 8px !important; }
.m-l-xxxs {
margin-left: 8px !important; }
.m-xxxs {
margin: 8px !important; }
.p-v-xxxs {
padding-top: 8px !important;
padding-bottom: 8px !important; }
.p-h-xxxs {
padding-left: 8px !important;
padding-right: 8px !important; }
.p-t-xxxs {
padding-top: 8px !important; }
.p-r-xxxs {
padding-right: 8px !important; }
.p-b-xxxs {
padding-bottom: 8px !important; }
.p-l-xxxs {
padding-left: 8px !important; }
.p-xxxs {
padding: 8px !important; }
.m-v-n {
margin-top: 0px !important;
margin-bottom: 0px !important; }
.m-h-n {
margin-left: 0px !important;
margin-right: 0px !important; }
.m-t-n {
margin-top: 0px !important; }
.m-r-n {
margin-right: 0px !important; }
.m-b-n {
margin-bottom: 0px !important; }
.m-l-n {
margin-left: 0px !important; }
.m-n {
margin: 0px !important; }
.p-v-n {
padding-top: 0px !important;
padding-bottom: 0px !important; }
.p-h-n {
padding-left: 0px !important;
padding-right: 0px !important; }
.p-t-n {
padding-top: 0px !important; }
.p-r-n {
padding-right: 0px !important; }
.p-b-n {
padding-bottom: 0px !important; }
.p-l-n {
padding-left: 0px !important; }
.p-n {
padding: 0px !important; }
.row.row-sm {
margin-left: -2px;
margin-right: -2px; }
.row.row-sm .col-xs-1, .row.row-sm .col-sm-1, .row.row-sm .col-md-1, .row.row-sm .col-lg-1, .row.row-sm .col-xl-1, .row.row-sm .col-xs-2, .row.row-sm .col-sm-2, .row.row-sm .col-md-2, .row.row-sm .col-lg-2, .row.row-sm .col-xl-2, .row.row-sm .col-xs-3, .row.row-sm .col-sm-3, .row.row-sm .col-md-3, .row.row-sm .col-lg-3, .row.row-sm .col-xl-3, .row.row-sm .col-xs-4, .row.row-sm .col-sm-4, .row.row-sm .col-md-4, .row.row-sm .col-lg-4, .row.row-sm .col-xl-4, .row.row-sm .col-xs-5, .row.row-sm .col-sm-5, .row.row-sm .col-md-5, .row.row-sm .col-lg-5, .row.row-sm .col-xl-5, .row.row-sm .col-xs-6, .row.row-sm .col-sm-6, .row.row-sm .col-md-6, .row.row-sm .col-lg-6, .row.row-sm .col-xl-6, .row.row-sm .col-xs-7, .row.row-sm .col-sm-7, .row.row-sm .col-md-7, .row.row-sm .col-lg-7, .row.row-sm .col-xl-7, .row.row-sm .col-xs-8, .row.row-sm .col-sm-8, .row.row-sm .col-md-8, .row.row-sm .col-lg-8, .row.row-sm .col-xl-8, .row.row-sm .col-xs-9, .row.row-sm .col-sm-9, .row.row-sm .col-md-9, .row.row-sm .col-lg-9, .row.row-sm .col-xl-9, .row.row-sm .col-xs-10, .row.row-sm .col-sm-10, .row.row-sm .col-md-10, .row.row-sm .col-lg-10, .row.row-sm .col-xl-10, .row.row-sm .col-xs-11, .row.row-sm .col-sm-11, .row.row-sm .col-md-11, .row.row-sm .col-lg-11, .row.row-sm .col-xl-11, .row.row-sm .col-xs-12, .row.row-sm .col-sm-12, .row.row-sm .col-md-12, .row.row-sm .col-lg-12, .row.row-sm .col-xl-12, .row.row-sm .col-xs-13, .row.row-sm .col-sm-13, .row.row-sm .col-md-13, .row.row-sm .col-lg-13, .row.row-sm .col-xl-13, .row.row-sm .col-xs-14, .row.row-sm .col-sm-14, .row.row-sm .col-md-14, .row.row-sm .col-lg-14, .row.row-sm .col-xl-14, .row.row-sm .col-xs-15, .row.row-sm .col-sm-15, .row.row-sm .col-md-15, .row.row-sm .col-lg-15, .row.row-sm .col-xl-15, .row.row-sm .col-xs-16, .row.row-sm .col-sm-16, .row.row-sm .col-md-16, .row.row-sm .col-lg-16, .row.row-sm .col-xl-16, .row.row-sm .col-xs-17, .row.row-sm .col-sm-17, .row.row-sm .col-md-17, .row.row-sm .col-lg-17, .row.row-sm .col-xl-17, .row.row-sm .col-xs-18, .row.row-sm .col-sm-18, .row.row-sm .col-md-18, .row.row-sm .col-lg-18, .row.row-sm .col-xl-18, .row.row-sm .col-xs-19, .row.row-sm .col-sm-19, .row.row-sm .col-md-19, .row.row-sm .col-lg-19, .row.row-sm .col-xl-19, .row.row-sm .col-xs-20, .row.row-sm .col-sm-20, .row.row-sm .col-md-20, .row.row-sm .col-lg-20, .row.row-sm .col-xl-20, .row.row-sm .col-xs-21, .row.row-sm .col-sm-21, .row.row-sm .col-md-21, .row.row-sm .col-lg-21, .row.row-sm .col-xl-21, .row.row-sm .col-xs-22, .row.row-sm .col-sm-22, .row.row-sm .col-md-22, .row.row-sm .col-lg-22, .row.row-sm .col-xl-22, .row.row-sm .col-xs-23, .row.row-sm .col-sm-23, .row.row-sm .col-md-23, .row.row-sm .col-lg-23, .row.row-sm .col-xl-23, .row.row-sm .col-xs-24, .row.row-sm .col-sm-24, .row.row-sm .col-md-24, .row.row-sm .col-lg-24, .row.row-sm .col-xl-24 {
padding-left: 2px;
padding-right: 2px; }
/* when a project includes winstrap, it might want to pick and choose what parts of bootstrap
to include instead of the default set of bootstrap components winstrap selects automatically.
This demonstrates how to do this for a project that happens to override the bootstrap grid in
order to substitute it with another grid. instead of @import "winstrap/src/scss/winstrap", use
@import "winstrap/src/scss/winstrap-optional" in your project's scss */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important; }
.label {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important; } }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
font-family: "Segoe UI", "Selawik", Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
line-height: 1.5625;
color: #000000;
background-color: #FFFFFF; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #0078D7;
text-decoration: none; }
a:hover, a:focus {
color: #0078D7;
text-decoration: underline; }
a:focus {
outline: 1px dotted #999;
outline-offset: 1px; }
figure {
margin: 0; }
img {
vertical-align: middle; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 0px; }
.img-thumbnail {
padding: 4px;
line-height: 1.5625;
background-color: #FFFFFF;
border: 1px solid #ddd;
border-radius: 0px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 23px;
margin-bottom: 23px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3); }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[role="button"] {
cursor: pointer; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit; }
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: rgba(0, 0, 0, 0.2); }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 23px;
margin-bottom: 11.5px; }
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%; }
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 11.5px;
margin-bottom: 11.5px; }
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%; }
h1, .h1 {
font-size: 39px; }
h2, .h2 {
font-size: 32px; }
h3, .h3 {
font-size: 26px; }
h4, .h4 {
font-size: 19px; }
h5, .h5 {
font-size: 15px; }
h6, .h6 {
font-size: 13px; }
p {
margin: 0 0 11.5px; }
.lead {
margin-bottom: 23px;
font-size: 17px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 540px) {
.lead {
font-size: 22.5px; } }
small,
.small {
font-size: 80%; }
mark,
.mark {
background-color: #fcf8e3;
padding: .2em; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-lowercase {
text-transform: lowercase; }
.text-uppercase, .initialism {
text-transform: uppercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: rgba(0, 0, 0, 0.2); }
.text-primary {
color: #000000; }
a.text-primary:hover,
a.text-primary:focus {
color: black; }
.text-success {
color: rgba(0, 0, 0, 0.6); }
a.text-success:hover,
a.text-success:focus {
color: rgba(0, 0, 0, 0.6); }
.text-info {
color: rgba(0, 0, 0, 0.6); }
a.text-info:hover,
a.text-info:focus {
color: rgba(0, 0, 0, 0.6); }
.text-warning {
color: #D02E00; }
a.text-warning:hover,
a.text-warning:focus {
color: #9d2300; }
.text-danger {
color: #D02E00; }
a.text-danger:hover,
a.text-danger:focus {
color: #9d2300; }
.bg-primary {
color: #fff; }
.bg-primary {
background-color: #000000; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: black; }
.bg-success {
background-color: #dff0d8; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3; }
.bg-info {
background-color: rgba(128, 128, 128, 0.6); }
a.bg-info:hover,
a.bg-info:focus {
background-color: rgba(102, 102, 102, 0.6); }
.bg-warning {
background-color: #fcf8e3; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5; }
.bg-danger {
background-color: #f2dede; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9; }
.page-header {
padding-bottom: 10.5px;
margin: 46px 0 23px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
ul,
ol {
margin-top: 0;
margin-bottom: 11.5px; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px; }
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-top: 0;
margin-bottom: 23px; }
dt,
dd {
line-height: 1.5625; }
dt {
font-weight: bold; }
dd {
margin-left: 0; }
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table; }
.dl-horizontal dd:after {
clear: both; }
@media (min-width: 1024px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; } }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }
.initialism {
font-size: 90%; }
blockquote {
padding: 11.5px 23px;
margin: 0 0 23px;
font-size: 18.75px;
border-left: 5px solid rgba(0, 0, 0, 0.1); }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.5625;
color: rgba(0, 0, 0, 0.2); }
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'; }
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid rgba(0, 0, 0, 0.1);
border-left: 0;
text-align: right; }
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''; }
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'; }
address {
margin-bottom: 23px;
font-style: normal;
line-height: 1.5625; }
code,
kbd,
pre,
samp {
font-family: "Consolas", "Menlo", "Monaco", "Courier New", monospace; }
code {
padding: 2px 4px;
font-size: 90%;
color: #000000;
background-color: #F2F2F2;
border-radius: 0px; }
kbd {
padding: 2px 4px;
font-size: 90%;
color: #FFFFFF;
background-color: #333;
border-radius: 0px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none; }
pre {
display: block;
padding: 11px;
margin: 0 0 11.5px;
font-size: 14px;
line-height: 1.5625;
word-break: break-all;
word-wrap: break-word;
color: #000000;
background-color: #F2F2F2;
border: 1px solid #E5E5E5;
border-radius: 0px; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: rgba(0, 0, 0, 0.2);
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 23px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.5625;
vertical-align: top;
border-top: 1px solid transparent; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid transparent; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid transparent; }
.table .table {
background-color: #FFFFFF; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid transparent; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid transparent; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #F2F2F2; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
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 > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.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-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8; }
.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: #d0e9c6; }
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: rgba(128, 128, 128, 0.6); }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: rgba(115, 115, 115, 0.6); }
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
.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: #faf2cc; }
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede; }
.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: #ebcccc; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 539px) {
.table-responsive {
width: 100%;
margin-bottom: 17.25px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid transparent; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 23px;
font-size: 22.5px;
line-height: inherit;
color: rgba(0, 0, 0, 0.6);
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; }
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 1px dotted #999;
outline-offset: 1px; }
output {
display: block;
padding-top: 5px;
font-size: 15px;
line-height: 1.5625;
color: rgba(0, 0, 0, 0.4); }
.form-control {
display: block;
width: 100%;
height: 36px;
padding: 4px 8px;
font-size: 15px;
line-height: 1.5625;
color: rgba(0, 0, 0, 0.4);
background-color: #FFFFFF;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
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;
-o-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; }
.form-control:focus {
border-color: #0078D7;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 120, 215, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 120, 215, 0.6); }
.form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.2);
opacity: 1; }
.form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.2); }
.form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.2); }
.form-control::-ms-expand {
border: 0;
background-color: transparent; }
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
background-color: rgba(0, 0, 0, 0.1);
opacity: 1; }
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
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: 36px; }
input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
.input-group-sm > input.input-group-addon[type="date"],
.input-group-sm > .input-group-btn > input.btn[type="date"],
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input.form-control[type="time"],
.input-group-sm > input.input-group-addon[type="time"],
.input-group-sm > .input-group-btn > input.btn[type="time"],
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input.form-control[type="datetime-local"],
.input-group-sm > input.input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input.form-control[type="month"],
.input-group-sm > input.input-group-addon[type="month"],
.input-group-sm > .input-group-btn > input.btn[type="month"],
.input-group-sm
input[type="month"] {
line-height: 24px; }
input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
.input-group-lg > input.input-group-addon[type="date"],
.input-group-lg > .input-group-btn > input.btn[type="date"],
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input.form-control[type="time"],
.input-group-lg > input.input-group-addon[type="time"],
.input-group-lg > .input-group-btn > input.btn[type="time"],
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input.form-control[type="datetime-local"],
.input-group-lg > input.input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input.form-control[type="month"],
.input-group-lg > input.input-group-addon[type="month"],
.input-group-lg > .input-group-btn > input.btn[type="month"],
.input-group-lg
input[type="month"] {
line-height: 46px; } }
.form-group {
margin-bottom: 15px; }
.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 \9; }
.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="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
cursor: not-allowed; }
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0;
min-height: 38px; }
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 24px;
padding: 2px 7px;
font-size: 12px;
line-height: 1.5625;
border-radius: 0px; }
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 24px;
line-height: 24px; }
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
height: auto; }
.form-group-sm .form-control {
height: 24px;
padding: 2px 7px;
font-size: 12px;
line-height: 1.5625;
border-radius: 0px; }
.form-group-sm select.form-control {
height: 24px;
line-height: 24px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 24px;
min-height: 35px;
padding: 3px 7px;
font-size: 12px;
line-height: 1.5625; }
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 20px;
line-height: 1.2;
border-radius: 0px; }
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 46px;
line-height: 46px; }
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
height: auto; }
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 20px;
line-height: 1.2;
border-radius: 0px; }
.form-group-lg select.form-control {
height: 46px;
line-height: 46px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 46px;
min-height: 43px;
padding: 11px 16px;
font-size: 20px;
line-height: 1.2; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 45px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
pointer-events: none; }
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; }
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 24px;
height: 24px;
line-height: 24px; }
.has-success .help-block,
.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: rgba(0, 0, 0, 0.6); }
.has-success .form-control {
border-color: rgba(0, 0, 0, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: rgba(0, 0, 0, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.6); }
.has-success .input-group-addon {
color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.6);
background-color: #dff0d8; }
.has-success .form-control-feedback {
color: rgba(0, 0, 0, 0.6); }
.has-warning .help-block,
.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: #D02E00; }
.has-warning .form-control {
border-color: #D02E00;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #9d2300;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6337;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6337; }
.has-warning .input-group-addon {
color: #D02E00;
border-color: #D02E00;
background-color: #fcf8e3; }
.has-warning .form-control-feedback {
color: #D02E00; }
.has-error .help-block,
.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: #D02E00; }
.has-error .form-control {
border-color: #D02E00;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #9d2300;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6337;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6337; }
.has-error .input-group-addon {
color: #D02E00;
border-color: #D02E00;
background-color: #f2dede; }
.has-error .form-control-feedback {
color: #D02E00; }
.has-feedback label ~ .form-control-feedback {
top: 28px; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #404040; }
@media (min-width: 540px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-a