@charset "utf-8"; html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } [hidden], template { display: none } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { text-decoration: underline; text-decoration: underline dotted; border-bottom: none } b, strong { font-weight: inherit } b, strong { font-weight: bolder } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { color: #000; background-color: #ff0 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } svg:not(:root) { overflow: hidden } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } figure { margin: 1em 40px } hr { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } button, input, optgroup, select, textarea { font: inherit; margin: 0 } optgroup { font-weight: 700 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver } legend { display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0; white-space: normal; color: inherit } textarea { overflow: auto } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-input-placeholder { opacity: .54; color: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } @media print { *, ::after, ::before, ::first-letter, blockquote::first-line, div::first-line, li::first-line, p::first-line { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } abbr[title]::after { content: ' (' attr(title) ')' } pre { white-space: pre-wrap !important } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .navbar { display: none } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important } .tag { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important } } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *, ::after, ::before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit } @-ms-viewport { width: device-width } html { font-size: 14px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } body { font-family: Roboto, sans-serif; font-size: 1rem; line-height: 1.571429; color: #76838f; background-color: #fff } [tabindex='-1']:focus { outline: 0 !important } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #e4eaec } address { font-style: normal; line-height: inherit; margin-bottom: 1rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } a { text-decoration: none; color: #62a8ea } a:focus, a:hover { text-decoration: underline; color: #89bceb } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } a:not([href]):not([tabindex]) { text-decoration: none; color: inherit } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { text-decoration: none; color: inherit } a:not([href]):not([tabindex]):focus { outline: 0 } pre { overflow: auto; margin-top: 0; margin-bottom: 1rem } figure { margin: 0 0 1rem } img { vertical-align: middle } [role=button] { cursor: pointer } [role=button], a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation } table { border-collapse: collapse; background-color: transparent } caption { padding-top: .572rem; padding-bottom: .572rem; caption-side: bottom; text-align: left; color: #a3afb7 } th { text-align: left } label { display: inline-block; margin-bottom: .5rem } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, select, textarea { line-height: inherit } input[type=checkbox]:disabled, input[type=radio]:disabled { cursor: not-allowed } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { resize: vertical } fieldset { min-width: 0; margin: 0; padding: 0; border: 0 } legend { font-size: 1.5rem; line-height: inherit; display: block; width: 100%; margin-bottom: .5rem; padding: 0 } input[type=search] { -webkit-appearance: none } output { display: inline-block } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif; font-weight: 400; line-height: 1.2; margin-bottom: .5rem; color: #37474f } .h1, h1 { font-size: 2.572rem } .h2, h2 { font-size: 2.143rem } .h3, h3 { font-size: 1.715rem } .h4, h4 { font-size: 1.286rem } .h5, h5 { font-size: 1rem } .h6, h6 { font-size: .858rem } .lead { font-size: 1.429rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300 } .display-2 { font-size: 5.5rem; font-weight: 300 } .display-3 { font-size: 4.5rem; font-weight: 300 } .display-4 { font-size: 3.5rem; font-weight: 300 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #e4eaec } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .23rem; background-color: #f2a654 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: 5px } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { font-size: 1.25rem; margin-bottom: 1rem; padding: .5rem 1rem; border-left: .285rem solid #e4eaec } .blockquote-footer { font-size: 80%; display: block; color: #a3afb7 } .blockquote-footer::before { content: '2014 0A0' } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: .285rem solid #e4eaec; border-left: 0 } .blockquote-reverse .blockquote-footer::before { content: '' } .blockquote-reverse .blockquote-footer::after { content: '0A0 2014' } dl.row > dd + dt { clear: left } .carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: .286rem } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border: 1px solid #ddd; border-radius: .25rem; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075) } .img-circle { border-radius: 50% } .figure { display: inline-block } .figure-img { line-height: 1; margin-bottom: .5rem } .figure-caption { font-size: 90%; color: #ccd5db } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace } code { font-size: 90%; padding: .15rem .3rem; color: #5683ad; border-radius: .215rem; background-color: rgba(232, 241, 248, .1) } kbd { font-size: 90%; padding: .15rem .3rem; color: #fff; border-radius: .143rem; background-color: #62a8ea; -webkit-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25) } kbd kbd { font-size: 100%; font-weight: 700; padding: 0; -webkit-box-shadow: none; box-shadow: none } pre { font-size: 90%; display: block; margin-top: 0; margin-bottom: 1rem; color: inherit } pre code { font-size: inherit; padding: 0; color: inherit; border-radius: 0; background-color: transparent } .pre-scrollable { overflow-y: scroll; max-height: 340px } .container { max-width: 100%; margin-right: auto; margin-left: auto; padding-right: .9375rem; padding-left: .9375rem } .container::after { display: table; clear: both; content: '' } @media (min-width: 480px) { .container { width: 606px } } @media (min-width: 768px) { .container { width: 750px } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .container { width: 1024px } } @media (min-width: 1600px) { .container { width: 1200px } } .container-fluid { margin-right: auto; margin-left: auto; padding-right: .9375rem; padding-left: .9375rem } .container-fluid::after { display: table; clear: both; content: '' } .row { margin-right: -.9375rem; margin-left: -.9375rem } .row::after { display: table; clear: both; content: '' } @media (min-width: 480px) { .row { margin-right: -.9375rem; margin-left: -.9375rem } } @media (min-width: 768px) { .row { margin-right: -.9375rem; margin-left: -.9375rem } } @media (min-width: 992px) { .row { margin-right: -.9375rem; margin-left: -.9375rem } } @media (min-width: 1200px) { .row { margin-right: -.9375rem; margin-left: -.9375rem } } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 { position: relative; min-height: 1px; padding-right: .9375rem; padding-left: .9375rem } @media (min-width: 480px) { .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 { padding-right: .9375rem; padding-left: .9375rem } } @media (min-width: 768px) { .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 { padding-right: .9375rem; padding-left: .9375rem } } @media (min-width: 992px) { .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 { padding-right: .9375rem; padding-left: .9375rem } } @media (min-width: 1200px) { .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 { padding-right: .9375rem; padding-left: .9375rem } } .col-xs-1 { float: left; width: 8.333333% } .col-xs-2 { float: left; width: 16.666667% } .col-xs-3 { float: left; width: 25% } .col-xs-4 { float: left; width: 33.333333% } .col-xs-5 { float: left; width: 41.666667% } .col-xs-6 { float: left; width: 50% } .col-xs-7 { float: left; width: 58.333333% } .col-xs-8 { float: left; width: 66.666667% } .col-xs-9 { float: left; width: 75% } .col-xs-10 { float: left; width: 83.333333% } .col-xs-11 { float: left; width: 91.666667% } .col-xs-12 { float: left; width: 100% } .pull-xs-0 { right: auto } .pull-xs-1 { right: 8.333333% } .pull-xs-2 { right: 16.666667% } .pull-xs-3 { right: 25% } .pull-xs-4 { right: 33.333333% } .pull-xs-5 { right: 41.666667% } .pull-xs-6 { right: 50% } .pull-xs-7 { right: 58.333333% } .pull-xs-8 { right: 66.666667% } .pull-xs-9 { right: 75% } .pull-xs-10 { right: 83.333333% } .pull-xs-11 { right: 91.666667% } .pull-xs-12 { right: 100% } .push-xs-0 { left: auto } .push-xs-1 { left: 8.333333% } .push-xs-2 { left: 16.666667% } .push-xs-3 { left: 25% } .push-xs-4 { left: 33.333333% } .push-xs-5 { left: 41.666667% } .push-xs-6 { left: 50% } .push-xs-7 { left: 58.333333% } .push-xs-8 { left: 66.666667% } .push-xs-9 { left: 75% } .push-xs-10 { left: 83.333333% } .push-xs-11 { left: 91.666667% } .push-xs-12 { left: 100% } .offset-xs-1 { margin-left: 8.333333% } .offset-xs-2 { margin-left: 16.666667% } .offset-xs-3 { margin-left: 25% } .offset-xs-4 { margin-left: 33.333333% } .offset-xs-5 { margin-left: 41.666667% } .offset-xs-6 { margin-left: 50% } .offset-xs-7 { margin-left: 58.333333% } .offset-xs-8 { margin-left: 66.666667% } .offset-xs-9 { margin-left: 75% } .offset-xs-10 { margin-left: 83.333333% } .offset-xs-11 { margin-left: 91.666667% } @media (min-width: 480px) { .col-sm-1 { float: left; width: 8.333333% } .col-sm-2 { float: left; width: 16.666667% } .col-sm-3 { float: left; width: 25% } .col-sm-4 { float: left; width: 33.333333% } .col-sm-5 { float: left; width: 41.666667% } .col-sm-6 { float: left; width: 50% } .col-sm-7 { float: left; width: 58.333333% } .col-sm-8 { float: left; width: 66.666667% } .col-sm-9 { float: left; width: 75% } .col-sm-10 { float: left; width: 83.333333% } .col-sm-11 { float: left; width: 91.666667% } .col-sm-12 { float: left; width: 100% } .pull-sm-0 { right: auto } .pull-sm-1 { right: 8.333333% } .pull-sm-2 { right: 16.666667% } .pull-sm-3 { right: 25% } .pull-sm-4 { right: 33.333333% } .pull-sm-5 { right: 41.666667% } .pull-sm-6 { right: 50% } .pull-sm-7 { right: 58.333333% } .pull-sm-8 { right: 66.666667% } .pull-sm-9 { right: 75% } .pull-sm-10 { right: 83.333333% } .pull-sm-11 { right: 91.666667% } .pull-sm-12 { right: 100% } .push-sm-0 { left: auto } .push-sm-1 { left: 8.333333% } .push-sm-2 { left: 16.666667% } .push-sm-3 { left: 25% } .push-sm-4 { left: 33.333333% } .push-sm-5 { left: 41.666667% } .push-sm-6 { left: 50% } .push-sm-7 { left: 58.333333% } .push-sm-8 { left: 66.666667% } .push-sm-9 { left: 75% } .push-sm-10 { left: 83.333333% } .push-sm-11 { left: 91.666667% } .push-sm-12 { left: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width: 768px) { .col-md-1 { float: left; width: 8.333333% } .col-md-2 { float: left; width: 16.666667% } .col-md-3 { float: left; width: 25% } .col-md-4 { float: left; width: 33.333333% } .col-md-5 { float: left; width: 41.666667% } .col-md-6 { float: left; width: 50% } .col-md-7 { float: left; width: 58.333333% } .col-md-8 { float: left; width: 66.666667% } .col-md-9 { float: left; width: 75% } .col-md-10 { float: left; width: 83.333333% } .col-md-11 { float: left; width: 91.666667% } .col-md-12 { float: left; width: 100% } .pull-md-0 { right: auto } .pull-md-1 { right: 8.333333% } .pull-md-2 { right: 16.666667% } .pull-md-3 { right: 25% } .pull-md-4 { right: 33.333333% } .pull-md-5 { right: 41.666667% } .pull-md-6 { right: 50% } .pull-md-7 { right: 58.333333% } .pull-md-8 { right: 66.666667% } .pull-md-9 { right: 75% } .pull-md-10 { right: 83.333333% } .pull-md-11 { right: 91.666667% } .pull-md-12 { right: 100% } .push-md-0 { left: auto } .push-md-1 { left: 8.333333% } .push-md-2 { left: 16.666667% } .push-md-3 { left: 25% } .push-md-4 { left: 33.333333% } .push-md-5 { left: 41.666667% } .push-md-6 { left: 50% } .push-md-7 { left: 58.333333% } .push-md-8 { left: 66.666667% } .push-md-9 { left: 75% } .push-md-10 { left: 83.333333% } .push-md-11 { left: 91.666667% } .push-md-12 { left: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width: 992px) { .col-lg-1 { float: left; width: 8.333333% } .col-lg-2 { float: left; width: 16.666667% } .col-lg-3 { float: left; width: 25% } .col-lg-4 { float: left; width: 33.333333% } .col-lg-5 { float: left; width: 41.666667% } .col-lg-6 { float: left; width: 50%; } .col-lg-6-1 { float: left; width: 33% !important; margin-bottom:20px } .col-lg-7 { float: left; width: 58.333333% } .col-lg-8 { float: left; width: 66.666667% } .col-lg-9 { float: left; width: 75% } .col-lg-10 { float: left; width: 83.333333% } .col-lg-11 { float: left; width: 91.666667% } .col-lg-12 { float: left; width: 100% } .pull-lg-0 { right: auto } .pull-lg-1 { right: 8.333333% } .pull-lg-2 { right: 16.666667% } .pull-lg-3 { right: 25% } .pull-lg-4 { right: 33.333333% } .pull-lg-5 { right: 41.666667% } .pull-lg-6 { right: 50% } .pull-lg-7 { right: 58.333333% } .pull-lg-8 { right: 66.666667% } .pull-lg-9 { right: 75% } .pull-lg-10 { right: 83.333333% } .pull-lg-11 { right: 91.666667% } .pull-lg-12 { right: 100% } .push-lg-0 { left: auto } .push-lg-1 { left: 8.333333% } .push-lg-2 { left: 16.666667% } .push-lg-3 { left: 25% } .push-lg-4 { left: 33.333333% } .push-lg-5 { left: 41.666667% } .push-lg-6 { left: 50% } .push-lg-7 { left: 58.333333% } .push-lg-8 { left: 66.666667% } .push-lg-9 { left: 75% } .push-lg-10 { left: 83.333333% } .push-lg-11 { left: 91.666667% } .push-lg-12 { left: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width: 1200px) { .col-xl-1 { float: left; width: 8.333333% } .col-xl-2 { float: left; width: 16.666667% } .col-xl-3 { float: left; width: 25% } .col-xl-4 { float: left; width: 33.333333% } .col-xl-5 { float: left; width: 41.666667% } .col-xl-6 { float: left; width: 50% } .col-xl-7 { float: left; width: 58.333333% } .col-xl-8 { float: left; width: 66.666667% } .col-xl-9 { float: left; width: 75% } .col-xl-10 { float: left; width: 83.333333% } .col-xl-11 { float: left; width: 91.666667% } .col-xl-12 { float: left; width: 100% } .pull-xl-0 { right: auto } .pull-xl-1 { right: 8.333333% } .pull-xl-2 { right: 16.666667% } .pull-xl-3 { right: 25% } .pull-xl-4 { right: 33.333333% } .pull-xl-5 { right: 41.666667% } .pull-xl-6 { right: 50% } .pull-xl-7 { right: 58.333333% } .pull-xl-8 { right: 66.666667% } .pull-xl-9 { right: 75% } .pull-xl-10 { right: 83.333333% } .pull-xl-11 { right: 91.666667% } .pull-xl-12 { right: 100% } .push-xl-0 { left: auto } .push-xl-1 { left: 8.333333% } .push-xl-2 { left: 16.666667% } .push-xl-3 { left: 25% } .push-xl-4 { left: 33.333333% } .push-xl-5 { left: 41.666667% } .push-xl-6 { left: 50% } .push-xl-7 { left: 58.333333% } .push-xl-8 { left: 66.666667% } .push-xl-9 { left: 75% } .push-xl-10 { left: 83.333333% } .push-xl-11 { left: 91.666667% } .push-xl-12 { left: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } @media (min-width: 1600px) { .col-xxl-1 { float: left; width: 8.333333% } .col-xxl-2 { float: left; width: 16.666667% } .col-xxl-3 { float: left; width: 25% } .col-xxl-4 { float: left; width: 33.333333% } .col-xxl-5 { float: left; width: 41.666667% } .col-xxl-6 { float: left; width: 50% } .col-xxl-7 { float: left; width: 58.333333% } .col-xxl-8 { float: left; width: 66.666667% } .col-xxl-9 { float: left; width: 75% } .col-xxl-10 { float: left; width: 83.333333% } .col-xxl-11 { float: left; width: 91.666667% } .col-xxl-12 { float: left; width: 100% } .pull-xxl-0 { right: auto } .pull-xxl-1 { right: 8.333333% } .pull-xxl-2 { right: 16.666667% } .pull-xxl-3 { right: 25% } .pull-xxl-4 { right: 33.333333% } .pull-xxl-5 { right: 41.666667% } .pull-xxl-6 { right: 50% } .pull-xxl-7 { right: 58.333333% } .pull-xxl-8 { right: 66.666667% } .pull-xxl-9 { right: 75% } .pull-xxl-10 { right: 83.333333% } .pull-xxl-11 { right: 91.666667% } .pull-xxl-12 { right: 100% } .push-xxl-0 { left: auto } .push-xxl-1 { left: 8.333333% } .push-xxl-2 { left: 16.666667% } .push-xxl-3 { left: 25% } .push-xxl-4 { left: 33.333333% } .push-xxl-5 { left: 41.666667% } .push-xxl-6 { left: 50% } .push-xxl-7 { left: 58.333333% } .push-xxl-8 { left: 66.666667% } .push-xxl-9 { left: 75% } .push-xxl-10 { left: 83.333333% } .push-xxl-11 { left: 91.666667% } .push-xxl-12 { left: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.333333% } .offset-xxl-2 { margin-left: 16.666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.333333% } .offset-xxl-5 { margin-left: 41.666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.333333% } .offset-xxl-8 { margin-left: 66.666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.333333% } .offset-xxl-11 { margin-left: 91.666667% } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem } .table td, .table th { padding: .572rem; vertical-align: top; border-top: 1px solid #e4eaec } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e4eaec } .table tbody + tbody { border-top: 2px solid #e4eaec } .table .table { background-color: #fff } .table-sm td, .table-sm th { padding: .358rem } .table-bordered { border: 1px solid #e4eaec } .table-bordered td, .table-bordered th { border: 1px solid #e4eaec } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(243, 247, 249, .3) } .table-hover tbody tr:hover { background-color: #f3f7f9 } .table-active, .table-active > td, .table-active > th { background-color: #f3f7f9 } .table-hover .table-active:hover { background-color: #e2ecf1 } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e2ecf1 } .table-success, .table-success > td, .table-success > th { background-color: #46be8a } .table-hover .table-success:hover { background-color: #3dae7d } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #3dae7d } .table-info, .table-info > td, .table-info > th { background-color: #57c7d4 } .table-hover .table-info:hover { background-color: #43c0cf } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #43c0cf } .table-warning, .table-warning > td, .table-warning > th { background-color: #f2a654 } .table-hover .table-warning:hover { background-color: #f09a3c } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #f09a3c } .table-danger, .table-danger > td, .table-danger > th { background-color: #f96868 } .table-hover .table-danger:hover { background-color: #f84f4f } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f84f4f } .thead-inverse th { color: #fff; background-color: #76838f } .thead-default th { color: #a3afb7; background-color: #e4eaec } .table-inverse { color: #e4eaec; background-color: #76838f } .table-inverse td, .table-inverse th, .table-inverse thead th { border-color: #a3afb7 } .table-inverse.table-bordered { border: 0 } .table-responsive { display: block; overflow-x: auto; width: 100%; min-height: .01% } .table-reflow thead { float: left } .table-reflow tbody { display: block; white-space: nowrap } .table-reflow td, .table-reflow th { border-top: 1px solid #e4eaec; border-left: 1px solid #e4eaec } .table-reflow td:last-child, .table-reflow th:last-child { border-right: 1px solid #e4eaec } .table-reflow tbody:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow thead:last-child tr:last-child th { border-bottom: 1px solid #e4eaec } .table-reflow tr { float: left } .table-reflow tr td, .table-reflow tr th { display: block !important; border: 1px solid #e4eaec } .form-control { font-size: 1rem; line-height: 1.571429; display: block; width: 100%; padding: .429rem .929rem; color: #76838f; border: 1px solid #e4eaec; border-radius: .215rem; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .form-control::-ms-expand { border: 0; background-color: transparent } .form-control.focus, .form-control:focus { border-color: #62a8ea; -webkit-box-shadow: none; box-shadow: none } .form-control::-webkit-input-placeholder { opacity: 1; color: #a3afb7 } .form-control::-moz-placeholder { opacity: 1; color: #a3afb7 } .form-control:-ms-input-placeholder { opacity: 1; color: #a3afb7 } .form-control::placeholder { opacity: 1; color: #a3afb7 } .form-control:disabled, .form-control[readonly] { opacity: 1; background-color: #f3f7f9 } .form-control:disabled { cursor: not-allowed } select.form-control:not([size]):not([multiple]) { height: 2.573rem } select.form-control:focus::-ms-value { color: #76838f; background-color: #fff } .form-control-file, .form-control-range { display: block } .col-form-label { margin-bottom: 0; padding-top: .429rem; padding-bottom: .429rem } .col-form-label-lg { font-size: 1.286rem; padding-top: .858rem; padding-bottom: .858rem } .col-form-label-sm { font-size: .858rem; padding-top: .429rem; padding-bottom: .429rem } .col-form-legend { font-size: 1rem; margin-bottom: 0; padding-top: .429rem; padding-bottom: .429rem } .form-control-static { min-height: 2.573rem; margin-bottom: 0; padding-top: .429rem; padding-bottom: .429rem } .form-control-static.form-control-lg, .form-control-static.form-control-sm, .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, .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-right: 0; padding-left: 0 } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { font-size: .858rem; padding: .429rem .786rem; border-radius: .143rem } .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { height: 2.288rem } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 1.286rem; padding: .858rem 1.429rem; border-radius: .286rem } .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { height: 3.573667rem } .form-group { margin-bottom: 0; } .form-text { display: block; margin-top: .25rem } .form-check { position: relative; display: block; margin-bottom: .75rem } .form-check + .form-check { margin-top: -.25rem } .form-check.disabled .form-check-label { cursor: not-allowed; color: #a3afb7 } .form-check-label { margin-bottom: 0; padding-left: 1.25rem; cursor: pointer } .form-check-input { position: absolute; margin-top: .25rem; margin-left: -1.25rem } .form-check-input:only-child { position: static } .form-check-inline { position: relative; display: inline-block; margin-bottom: 0; padding-left: 1.25rem; cursor: pointer; vertical-align: middle } .form-check-inline + .form-check-inline { margin-left: .75rem } .form-check-inline.disabled { cursor: not-allowed; color: #a3afb7 } .form-control-feedback { margin-top: .25rem } .form-control-danger, .form-control-success, .form-control-warning { padding-right: 2.787rem; background-repeat: no-repeat; background-position: center right .64325rem; -webkit-background-size: 1.2865rem 1.2865rem; background-size: 1.2865rem 1.2865rem } .has-success .custom-control, .has-success .form-check-inline, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label { color: #46be8a } .has-success .form-control { border-color: #46be8a } .has-success .input-group-addon { color: #46be8a; border-color: #46be8a; background-color: #ddf3e9 } .has-success .form-control-feedback { color: #46be8a } .has-success .form-control-success { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='$form-icon-success-color' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E') } .has-warning .custom-control, .has-warning .form-check-inline, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label { color: #f2a654 } .has-warning .form-control { border-color: #f2a654 } .has-warning .input-group-addon { color: #f2a654; border-color: #f2a654; background-color: #fff } .has-warning .form-control-feedback { color: #f2a654 } .has-warning .form-control-warning { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#f2a654' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E') } .has-danger .custom-control, .has-danger .form-check-inline, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #f96868 } .has-danger .form-control { border-color: #f96868 } .has-danger .input-group-addon { color: #f96868; border-color: #f96868; background-color: #fff } .has-danger .form-control-feedback { color: #f96868 } .has-danger .form-control-danger { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#f96868' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E') } @media (min-width: 480px) { .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 .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group > .form-control { width: 100% } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle } .form-inline .form-check { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .form-check-label { padding-left: 0 } .form-inline .form-check-input { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .btn { font-size: 1rem; font-weight: 400; line-height: 1.571429; display: inline-block; padding: .429rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; border-radius: .215rem } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:focus, .btn:hover { text-decoration: none } .btn.focus { text-decoration: none } .btn.active, .btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; -webkit-box-shadow: none; box-shadow: none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn-primary { color: #fff; border-color: #62a8ea; background-color: #62a8ea; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) } .btn-primary:hover { color: #fff; border-color: #2c8ae3; background-color: #358fe4 } .btn-primary.focus, .btn-primary:focus { color: #fff; border-color: #2c8ae3; background-color: #358fe4 } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { color: #fff; border-color: #2c8ae3; background-color: #358fe4; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { color: #fff; border-color: #1869b4; background-color: #1d7dd8 } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus { border-color: #62a8ea; background-color: #62a8ea } .btn-primary.disabled:hover, .btn-primary:disabled:hover { border-color: #62a8ea; background-color: #62a8ea } .btn-secondary { color: #373a3c; border-color: #ccc; background-color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) } .btn-secondary:hover { color: #373a3c; border-color: #adadad; background-color: #e6e6e6 } .btn-secondary.focus, .btn-secondary:focus { color: #373a3c; border-color: #adadad; background-color: #e6e6e6 } .btn-secondary.active, .btn-secondary:active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; border-color: #adadad; background-color: #e6e6e6; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .btn-secondary.dropdown-toggle.focus, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle:hover { color: #373a3c; border-color: #8c8c8c; background-color: #d4d4d4 } .btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary:disabled.focus, .btn-secondary:disabled:focus { border-color: #ccc; background-color: #fff } .btn-secondary.disabled:hover, .btn-secondary:disabled:hover { border-color: #ccc; background-color: #fff } .btn-info { color: #fff; border-color: #57c7d4; background-color: #57c7d4; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) } .btn-info:hover { color: #fff; border-color: #30afbd; background-color: #33b6c5 } .btn-info.focus, .btn-info:focus { color: #fff; border-color: #30afbd; background-color: #33b6c5 } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { color: #fff; border-color: #30afbd; background-color: #33b6c5; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { color: #fff; border-color: #237e89; background-color: #2b9ca9 } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:focus { border-color: #57c7d4; background-color: #57c7d4 } .btn-info.disabled:hover, .btn-info:disabled:hover { border-color: #57c7d4; background-color: #57c7d4 } .btn-success { color: #fff; border-color: #46be8a; background-color: #46be8a; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) } .btn-success:hover { color: #fff; border-color: #34936a; background-color: #369b6f } .btn-success.focus, .btn-success:focus { color: #fff; border-color: #34936a; background-color: #369b6f } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { color: #fff; border-color: #34936a; background-color: #369b6f; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { color: #fff; border-color: #226246; background-color: #2d805c } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:focus { border-color: #46be8a; background-color: #46be8a } .btn-success.disabled:hover, .btn-success:disabled:hover { border-color: #46be8a; background-color: #46be8a } .btn-warning { color: #fff; border-color: #f2a654; background-color: #f2a654; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) } .btn-warning:hover { color: #fff; border-color: #ee881b; background-color: #ee8d25 } .btn-warning.focus, .btn-warning:focus { color: #fff; border-color: #ee881b; background-color: #ee8d25 } .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle { color: #fff; border-color: #ee881b; background-color: #ee8d25; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { color: #fff; border-color: #b8660e; background-color: #de7c11 } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:focus { border-color: #f2a654; background-color: #f2a654 } .btn-warning.disabled:hover, .btn-warning:disabled:hover { border-color: #f2a654; background-color: #f2a654 } .btn-danger { color: #fff; border-color: #f96868; background-color: #f96868; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) } .btn-danger:hover { color: #fff; border-color: #f72d2d; background-color: #f73737 } .btn-danger.focus, .btn-danger:focus { color: #fff; border-color: #f72d2d; background-color: #f73737 } .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle { color: #fff; border-color: #f72d2d; background-color: #f73737; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { color: #fff; border-color: #d90909; background-color: #f61515 } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:focus { border-color: #f96868; background-color: #f96868 } .btn-danger.disabled:hover, .btn-danger:disabled:hover { border-color: #f96868; background-color: #f96868 } .btn-outline-primary { color: #62a8ea; border-color: #62a8ea; background-color: transparent; background-image: none } .btn-outline-primary:hover { color: #fff; border-color: #62a8ea; background-color: #62a8ea } .btn-outline-primary.focus, .btn-outline-primary:focus { color: #fff; border-color: #62a8ea; background-color: #62a8ea } .btn-outline-primary.active, .btn-outline-primary:active, .open > .btn-outline-primary.dropdown-toggle { color: #fff; border-color: #62a8ea; background-color: #62a8ea } .btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .open > .btn-outline-primary.dropdown-toggle.focus, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle:hover { color: #fff; border-color: #1869b4; background-color: #1d7dd8 } .btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus { border-color: #bcdaf6 } .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { border-color: #bcdaf6 } .btn-outline-secondary { color: #ccc; border-color: #ccc; background-color: transparent; background-image: none } .btn-outline-secondary:hover { color: #fff; border-color: #ccc; background-color: #ccc } .btn-outline-secondary.focus, .btn-outline-secondary:focus { color: #fff; border-color: #ccc; background-color: #ccc } .btn-outline-secondary.active, .btn-outline-secondary:active, .open > .btn-outline-secondary.dropdown-toggle { color: #fff; border-color: #ccc; background-color: #ccc } .btn-outline-secondary.active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.active:hover, .btn-outline-secondary:active.focus, .btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, .open > .btn-outline-secondary.dropdown-toggle.focus, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle:hover { color: #fff; border-color: #8c8c8c; background-color: #a1a1a1 } .btn-outline-secondary.disabled.focus, .btn-outline-secondary.disabled:focus, .btn-outline-secondary:disabled.focus, .btn-outline-secondary:disabled:focus { border-color: #fff } .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { border-color: #fff } .btn-outline-info { color: #57c7d4; border-color: #57c7d4; background-color: transparent; background-image: none } .btn-outline-info:hover { color: #fff; border-color: #57c7d4; background-color: #57c7d4 } .btn-outline-info.focus, .btn-outline-info:focus { color: #fff; border-color: #57c7d4; background-color: #57c7d4 } .btn-outline-info.active, .btn-outline-info:active, .open > .btn-outline-info.dropdown-toggle { color: #fff; border-color: #57c7d4; background-color: #57c7d4 } .btn-outline-info.active.focus, .btn-outline-info.active:focus, .btn-outline-info.active:hover, .btn-outline-info:active.focus, .btn-outline-info:active:focus, .btn-outline-info:active:hover, .open > .btn-outline-info.dropdown-toggle.focus, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle:hover { color: #fff; border-color: #237e89; background-color: #2b9ca9 } .btn-outline-info.disabled.focus, .btn-outline-info.disabled:focus, .btn-outline-info:disabled.focus, .btn-outline-info:disabled:focus { border-color: #a8e2e9 } .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { border-color: #a8e2e9 } .btn-outline-success { color: #46be8a; border-color: #46be8a; background-color: transparent; background-image: none } .btn-outline-success:hover { color: #fff; border-color: #46be8a; background-color: #46be8a } .btn-outline-success.focus, .btn-outline-success:focus { color: #fff; border-color: #46be8a; background-color: #46be8a } .btn-outline-success.active, .btn-outline-success:active, .open > .btn-outline-success.dropdown-toggle { color: #fff; border-color: #46be8a; background-color: #46be8a } .btn-outline-success.active.focus, .btn-outline-success.active:focus, .btn-outline-success.active:hover, .btn-outline-success:active.focus, .btn-outline-success:active:focus, .btn-outline-success:active:hover, .open > .btn-outline-success.dropdown-toggle.focus, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle:hover { color: #fff; border-color: #226246; background-color: #2d805c } .btn-outline-success.disabled.focus, .btn-outline-success.disabled:focus, .btn-outline-success:disabled.focus, .btn-outline-success:disabled:focus { border-color: #91d9ba } .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { border-color: #91d9ba } .btn-outline-warning { color: #f2a654; border-color: #f2a654; background-color: transparent; background-image: none } .btn-outline-warning:hover { color: #fff; border-color: #f2a654; background-color: #f2a654 } .btn-outline-warning.focus, .btn-outline-warning:focus { color: #fff; border-color: #f2a654; background-color: #f2a654 } .btn-outline-warning.active, .btn-outline-warning:active, .open > .btn-outline-warning.dropdown-toggle { color: #fff; border-color: #f2a654; background-color: #f2a654 } .btn-outline-warning.active.focus, .btn-outline-warning.active:focus, .btn-outline-warning.active:hover, .btn-outline-warning:active.focus, .btn-outline-warning:active:focus, .btn-outline-warning:active:hover, .open > .btn-outline-warning.dropdown-toggle.focus, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle:hover { color: #fff; border-color: #b8660e; background-color: #de7c11 } .btn-outline-warning.disabled.focus, .btn-outline-warning.disabled:focus, .btn-outline-warning:disabled.focus, .btn-outline-warning:disabled:focus { border-color: #f9d7b3 } .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { border-color: #f9d7b3 } .btn-outline-danger { color: #f96868; border-color: #f96868; background-color: transparent; background-image: none } .btn-outline-danger:hover { color: #fff; border-color: #f96868; background-color: #f96868 } .btn-outline-danger.focus, .btn-outline-danger:focus { color: #fff; border-color: #f96868; background-color: #f96868 } .btn-outline-danger.active, .btn-outline-danger:active, .open > .btn-outline-danger.dropdown-toggle { color: #fff; border-color: #f96868; background-color: #f96868 } .btn-outline-danger.active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active:hover, .btn-outline-danger:active.focus, .btn-outline-danger:active:focus, .btn-outline-danger:active:hover, .open > .btn-outline-danger.dropdown-toggle.focus, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle:hover { color: #fff; border-color: #d90909; background-color: #f61515 } .btn-outline-danger.disabled.focus, .btn-outline-danger.disabled:focus, .btn-outline-danger:disabled.focus, .btn-outline-danger:disabled:focus { border-color: #fdcaca } .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { border-color: #fdcaca } .btn-link { font-weight: 400; color: #62a8ea; border-radius: 0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus { border-color: transparent } .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { text-decoration: underline; color: #89bceb; background-color: transparent } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; color: #a3afb7 } .btn-group-lg > .btn, .btn-lg { font-size: 1.286rem; padding: .715rem 1.286rem; border-radius: .286rem } .btn-group-sm > .btn, .btn-sm { font-size: .858rem; padding: .429rem .858rem; border-radius: .143rem } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: .572rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0 } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; overflow: hidden; height: 0; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height; -o-transition-property: height; transition-property: height } .dropdown, .dropup { position: relative } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .286rem; content: ''; vertical-align: middle; border-top: .286rem solid; border-right: .286rem solid transparent; border-left: .286rem solid transparent } .dropdown-toggle:focus { outline: 0 } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: .286rem solid } .dropdown-menu { font-size: 1rem; position: absolute; z-index: 1200; top: 100%; left: 0; display: none; float: left; min-width: 100px; margin: 5px 0 0; padding: 5px 0; list-style: none; text-align: left; color: #76838f; border: 1px solid #e4eaec; border-radius: .215rem; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05); box-shadow: 0 3px 12px rgba(0, 0, 0, .05) } .dropdown-divider { overflow: hidden; height: 1px; margin: .5rem 0; background-color: #e4eaec } .dropdown-item { font-weight: 400; display: block; clear: both; width: 100%; padding: 3px 20px; text-align: inherit; white-space: nowrap; color: #76838f; border: 0; background: 0 0 } .dropdown-item:focus, .dropdown-item:hover { text-decoration: none; color: #76838f; background-color: #f3f7f9 } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { text-decoration: none; color: #76838f; outline: 0; background-color: #f3f7f9 } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #ccd5db } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { cursor: not-allowed; text-decoration: none; background-color: transparent; background-image: none; filter: 'progid:DXImageTransform.Microsoft.gradient(enabled = false)' } .open > .dropdown-menu { display: block } .open > a { outline: 0 } .dropdown-menu-right { right: 26px !important; left: auto !important } .dropdown-menu-left { right: auto !important; left: 0 !important } .dropdown-header { font-size: .858rem; display: block; margin-bottom: 0; padding: 5px 20px; white-space: nowrap; color: #37474f } .dropdown-backdrop { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0 } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ''; border-top: 0; border-bottom: .286rem solid } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 5px } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; margin-bottom: 0 } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 2 } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 2 } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px } .btn-toolbar { margin-left: -.572rem } .btn-toolbar::after { display: table; clear: both; content: '' } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: .572rem } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group > .btn:first-child { margin-left: 0 } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group > .btn-group { float: left } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn + .dropdown-toggle-split::after { margin-left: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .6435rem; padding-left: .6435rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .9645rem; padding-left: .9645rem } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-group-lg > .btn .caret, .btn-lg .caret { border-width: .358rem .358rem 0; border-bottom-width: 0 } .dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret { border-width: 0 .358rem .358rem } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical > .btn-group::after { display: table; clear: both; content: '' } .btn-group-vertical > .btn-group > .btn { float: none } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: table; width: 100%; border-collapse: separate } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover { z-index: 3 } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; white-space: nowrap } .input-group-addon { font-size: 1rem; font-weight: 400; line-height: 1; margin-bottom: 0; padding: .429rem .929rem; text-align: center; color: #76838f; border: 1px solid #e4eaec; border-radius: .215rem; background-color: #f3f7f9 } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { font-size: .858rem; padding: .429rem .786rem; border-radius: .143rem } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { font-size: 1.286rem; padding: .858rem 1.429rem; border-radius: .286rem } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0 } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-addon:not(:last-child) { border-right: 0 } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .form-control + .input-group-addon:not(:first-child) { border-left: 0 } .input-group-btn { font-size: 0; position: relative; white-space: nowrap } .input-group-btn > .btn { position: relative } .input-group-btn > .btn + .btn { margin-left: -1px } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 3 } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px } .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover { z-index: 3 } .custom-control { position: relative; display: inline-block; padding-left: 1.5rem; cursor: pointer } .custom-control + .custom-control { margin-left: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0074d9; -webkit-box-shadow: none; box-shadow: none } .custom-control-input:focus ~ .custom-control-indicator { -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #84c6ff; -webkit-box-shadow: none; box-shadow: none } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eee } .custom-control-input:disabled ~ .custom-control-description { cursor: not-allowed; color: #767676 } .custom-control-indicator { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; background-size: 50% 50%; -webkit-box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1); box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1) } .custom-checkbox .custom-control-indicator { border-radius: .25rem } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E') } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0074d9; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#fff' d='M0 2h4'/%3E%3C/svg%3E'); -webkit-box-shadow: none; box-shadow: none } .custom-radio .custom-control-indicator { border-radius: 50% } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E') } .custom-controls-stacked .custom-control { float: left; clear: left } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0 } .custom-select { display: inline-block; max-width: 100%; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem 9; vertical-align: middle; color: #55595c; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E') no-repeat right .75rem center; background-image: none 9; -webkit-background-size: 8px 10px; background-size: 8px 10px; -moz-appearance: none; -webkit-appearance: none } .custom-select:focus { border-color: #51a7e8; outline: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5) } .custom-select:focus::-ms-value { color: #76838f; background-color: #fff } .custom-select:disabled { cursor: not-allowed; color: #818a91; background-color: #eceeef } .custom-select::-ms-expand { opacity: 0 } .custom-select-sm { font-size: 75%; padding-top: .375rem; padding-bottom: .375rem } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; cursor: pointer } .custom-file-input { min-width: 14rem; max-width: 100%; margin: 0; opacity: 0; filter: alpha(opacity=0) } .custom-file-input:focus ~ .custom-file-control { -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 } .custom-file-control { line-height: 1.5; position: absolute; z-index: 5; top: 0; right: 0; left: 0; height: 2.5rem; padding: .5rem 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #555; border: 1px solid #ddd; border-radius: .25rem; background-color: #fff; -webkit-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05); box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05) } .custom-file-control:lang(en)::after { content: 'Choose file...' } .custom-file-control::before { line-height: 1.5; position: absolute; z-index: 6; top: -1px; right: -1px; bottom: -1px; display: block; height: 2.5rem; padding: .5rem 1rem; color: #555; border: 1px solid #ddd; border-radius: 0 .25rem .25rem 0; background-color: #eee } .custom-file-control:lang(en)::before { content: 'Browse' } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav-link { display: inline-block } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #a3afb7 } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { cursor: not-allowed; color: #a3afb7; background-color: transparent } .nav-inline .nav-item { display: inline-block } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem } .nav-tabs { border-bottom: 1px solid #e4eaec } .nav-tabs::after { display: table; clear: both; content: '' } .nav-tabs .nav-item { float: left; margin-bottom: -1px } .nav-tabs .nav-item + .nav-item { margin-left: 2px } .nav-tabs .nav-link { display: block; padding: .715rem 1.429rem; border: 1px solid transparent; border-top-left-radius: .215rem; border-top-right-radius: .215rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: transparent transparent #e4eaec } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #a3afb7; border-color: transparent; background-color: transparent } .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { color: #fff; border-color: #e4eaec #e4eaec transparent; background-color: #62a8ea } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills::after { display: table; clear: both; content: '' } .nav-pills .nav-item { float: left } .nav-pills .nav-item + .nav-item { margin-left: 2px } .nav-pills .nav-link { display: block; padding: .715rem 1.429rem; border-radius: .215rem } .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover { cursor: default; color: #fff; background-color: #62a8ea } .nav-stacked .nav-item { display: block; float: none } .nav-stacked .nav-item + .nav-item { margin-top: 2px; margin-left: 0 } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { position: relative; padding: 1.5715rem .9375rem } .navbar::after { display: table; clear: both; content: '' } @media (min-width: 480px) { .navbar { border-radius: .215rem } } .navbar-full { z-index: 1200 } @media (min-width: 480px) { .navbar-full { border-radius: 0 } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; z-index: 1500; right: 0; left: 0 } @media (min-width: 480px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 } } .navbar-fixed-top { top: 0 } .navbar-fixed-bottom { bottom: 0 } .navbar-sticky-top { position: -webkit-sticky; position: sticky; z-index: 1500; top: 0; width: 100% } @media (min-width: 480px) { .navbar-sticky-top { border-radius: 0 } } .navbar-brand { font-size: 1.286rem; float: left; margin-right: 1rem; padding-top: 4px; padding-bottom: 4px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand > img { display: block } .navbar-divider { float: left; overflow: hidden; width: 1px; margin-right: .9375rem; margin-left: .9375rem; padding-top: .425rem; padding-bottom: .425rem } .navbar-divider::before { content: '0a0' } .navbar-toggler { font-size: 1.286rem; line-height: 1; width: 2.5em; height: 2em; padding: .5rem .75rem; border: 1px solid transparent; border-radius: .215rem; background: transparent no-repeat center center; -webkit-background-size: 24px 24px; background-size: 24px 24px } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-nav .nav-item { float: left } .navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem } .navbar-nav .nav-link + .nav-link { margin-left: 1rem } .navbar-nav .nav-item + .nav-item { margin-left: 1rem } .navbar-light .navbar-brand { color: rgba(0, 0, 0, .8) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .8) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .6) } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover { color: rgba(0, 0, 0, .8) } .navbar-light .navbar-toggler { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.3)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E') } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, .075) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, .5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, .75) } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover { color: #fff } .navbar-dark .navbar-toggler { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E') } .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, .075) } .navbar-toggleable-xs::after { display: table; clear: both; content: '' } @media (max-width: 479px) { .navbar-toggleable-xs .navbar-nav .nav-item { float: none; margin-left: 0 } } @media (min-width: 480px) { .navbar-toggleable-xs { display: block !important } } .navbar-toggleable-sm::after { display: table; clear: both; content: '' } @media (max-width: 767px) { .navbar-toggleable-sm .navbar-nav .nav-item { float: none; margin-left: 0 } } @media (min-width: 768px) { .navbar-toggleable-sm { display: block !important } } .navbar-toggleable-md::after { display: table; clear: both; content: '' } @media (max-width: 991px) { .navbar-toggleable-md .navbar-nav .nav-item { float: none; margin-left: 0 } } @media (min-width: 992px) { .navbar-toggleable-md { display: block !important } } .card { position: relative; display: block; margin-bottom: .858rem; border: 1px solid #e4eaec; border-radius: .215rem; background-color: #fff } .card-block { padding: 1.429rem } .card-block::after { display: table; clear: both; content: '' } .card-title { margin-bottom: .858rem } .card-subtitle { margin-top: -.429rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link + .card-link { margin-left: 1.429rem } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .215rem; border-top-right-radius: .215rem } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .215rem; border-bottom-left-radius: .215rem } .card-header { margin-bottom: 0; padding: .858rem 1.429rem; border-bottom: 1px solid #e4eaec; background-color: #f3f7f9 } .card-header::after { display: table; clear: both; content: '' } .card-header:first-child { border-radius: -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px) 0 0; border-radius: calc(.215rem - 1px) calc(.215rem - 1px) 0 0 } .card-footer { padding: .858rem 1.429rem; border-top: 1px solid #e4eaec; background-color: #f3f7f9 } .card-footer::after { display: table; clear: both; content: '' } .card-footer:last-child { border-radius: 0 0 -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px); border-radius: 0 0 calc(.215rem - 1px) calc(.215rem - 1px) } .card-header-tabs { margin-right: -.7145rem; margin-bottom: -.858rem; margin-left: -.7145rem; border-bottom: 0 } .card-header-pills { margin-right: -.7145rem; margin-left: -.7145rem } .card-primary { background-color: #62a8ea } .card-primary .card-footer-bordered, .card-primary .card-header-bordered, .card-primary.card-bordered { border-color: #62a8ea } .card-success { background-color: #46be8a } .card-success .card-footer-bordered, .card-success .card-header-bordered, .card-success.card-bordered { border-color: #46be8a } .card-info { background-color: #57c7d4 } .card-info .card-footer-bordered, .card-info .card-header-bordered, .card-info.card-bordered { border-color: #57c7d4 } .card-warning { background-color: #f2a654 } .card-warning .card-footer-bordered, .card-warning .card-header-bordered, .card-warning.card-bordered { border-color: #f2a654 } .card-danger { background-color: #f96868 } .card-danger .card-footer-bordered, .card-danger .card-header-bordered, .card-danger.card-bordered { border-color: #f96868 } .card-outline-primary { background-color: #fff } .card-outline-primary .card-footer-bordered, .card-outline-primary .card-header-bordered, .card-outline-primary.card-bordered { border-color: #62a8ea } .card-outline-secondary { background-color: #fff } .card-outline-secondary .card-footer-bordered, .card-outline-secondary .card-header-bordered, .card-outline-secondary.card-bordered { border-color: #ccc } .card-outline-info { background-color: #fff } .card-outline-info .card-footer-bordered, .card-outline-info .card-header-bordered, .card-outline-info.card-bordered { border-color: #57c7d4 } .card-outline-success { background-color: #fff } .card-outline-success .card-footer-bordered, .card-outline-success .card-header-bordered, .card-outline-success.card-bordered { border-color: #46be8a } .card-outline-warning { background-color: #fff } .card-outline-warning .card-footer-bordered, .card-outline-warning .card-header-bordered, .card-outline-warning.card-bordered { border-color: #f2a654 } .card-outline-danger { background-color: #fff } .card-outline-danger .card-footer-bordered, .card-outline-danger .card-header-bordered, .card-outline-danger.card-bordered { border-color: #f96868 } .card-inverse .card-footer-bordered, .card-inverse .card-header-bordered, .card-inverse.card-bordered { border-color: rgba(255, 255, 255, .2) } .card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title { color: #fff } .card-inverse .card-blockquote > footer, .card-inverse .card-link, .card-inverse .card-text { color: rgba(255, 255, 255, .65) } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff } .card-blockquote { margin-bottom: 0; padding: 0; border-left: 0 } .card-img { border-radius: -webkit-calc(.215rem - 1px); border-radius: calc(.215rem - 1px) } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.429rem } .card-img-top { border-top-left-radius: -webkit-calc(.215rem - 1px); border-top-left-radius: calc(.215rem - 1px); border-top-right-radius: -webkit-calc(.215rem - 1px); border-top-right-radius: calc(.215rem - 1px) } .card-img-bottom { border-bottom-right-radius: -webkit-calc(.215rem - 1px); border-bottom-right-radius: calc(.215rem - 1px); border-bottom-left-radius: -webkit-calc(.215rem - 1px); border-bottom-left-radius: calc(.215rem - 1px) } @media (min-width: 480px) { .card-deck { display: table; width: 100%; margin-bottom: .858rem; table-layout: fixed; border-spacing: 1.43rem 0 } .card-deck .card { display: table-cell; margin-bottom: 0; vertical-align: top } .card-deck-wrapper { margin-right: -1.43rem; margin-left: -1.43rem } } @media (min-width: 480px) { .card-group { display: table; width: 100%; table-layout: fixed } .card-group .card { display: table-cell; vertical-align: top } .card-group .card + .card { margin-left: 0; border-left: 0 } .card-group .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group .card:first-child .card-img-top { border-top-right-radius: 0 } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0 } .card-group .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group .card:last-child .card-img-top { border-top-left-radius: 0 } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0 } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0 } .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top { border-radius: 0 } } @media (min-width: 480px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.429rem; -moz-column-gap: 1.429rem; column-gap: 1.429rem } .card-columns .card { display: inline-block; width: 100% } } .breadcrumb { margin-bottom: 1rem; padding: .75rem 1rem; list-style: none; border-radius: .215rem; background-color: transparent } .breadcrumb::after { display: table; clear: both; content: '' } .breadcrumb-item { float: left } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; content: '/'; color: #ccd5db } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #76838f } .pagination { display: inline-block; margin-top: 1rem; margin-bottom: 1rem; padding-left: 0; border-radius: .215rem } .page-item { display: inline } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .215rem; border-bottom-left-radius: .215rem } .page-item:last-child .page-link { border-top-right-radius: .215rem; border-bottom-right-radius: .215rem } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; cursor: default; color: #fff; border-color: #62a8ea; background-color: #62a8ea } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { cursor: not-allowed; pointer-events: none; color: #ccd5db; border-color: #e4eaec; background-color: transparent } .page-link { position: relative; float: left; margin-left: -1px; padding: .643rem 1.072rem; text-decoration: none; color: #76838f; border: 1px solid #e4eaec; background-color: transparent } .page-link:focus, .page-link:hover { color: #89bceb; border-color: #e4eaec; background-color: #f3f7f9 } .pagination-lg .page-link { font-size: 1.286rem; padding: .715rem 1.215rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .286rem; border-bottom-left-radius: .286rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .286rem; border-bottom-right-radius: .286rem } .pagination-sm .page-link { font-size: .858rem; padding: .429rem .786rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .143rem; border-bottom-left-radius: .143rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .143rem; border-bottom-right-radius: .143rem } .tag { font-size: 75%; font-weight: 400; line-height: 1; display: inline-block; padding: .25em .6em; text-align: center; vertical-align: baseline; white-space: nowrap; color: #fff; border-radius: .215rem } .tag:empty { display: none } .btn .tag { position: relative; top: -1px } a.tag:focus, a.tag:hover { cursor: pointer; text-decoration: none; color: #fff } .tag-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .tag-default { background-color: #e4eaec } .tag-default[href]:focus, .tag-default[href]:hover { background-color: #c6d3d7 } .tag-primary { background-color: #62a8ea } .tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #358fe4 } .tag-success { background-color: #46be8a } .tag-success[href]:focus, .tag-success[href]:hover { background-color: #369b6f } .tag-info { background-color: #57c7d4 } .tag-info[href]:focus, .tag-info[href]:hover { background-color: #33b6c5 } .tag-warning { background-color: #f2a654 } .tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #ee8d25 } .tag-danger { background-color: #f96868 } .tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #f73737 } .jumbotron { margin-bottom: 1.429rem; padding: 1.429rem .7145rem; border-radius: .286rem; background-color: #e4eaec } @media (min-width: 480px) { .jumbotron { padding: 2.858rem 1.429rem } } .jumbotron-hr { border-top-color: #c6d3d7 } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { margin-bottom: 1rem; padding: 15px; border: 1px solid transparent; border-radius: .215rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 30px } .alert-dismissible .close { position: relative; top: -.125rem; right: -15px; color: inherit } .alert-success { color: #46be8a; border-color: #e7faf2; background-color: rgba(231, 250, 242, .8) } .alert-success .close { color: #46be8a } .alert-success .close:focus, .alert-success .close:hover { color: #46be8a } .alert-info { color: #57c7d4; border-color: #ecf9fa; background-color: rgba(236, 249, 250, .8) } .alert-info .close { color: #57c7d4 } .alert-info .close:focus, .alert-info .close:hover { color: #57c7d4 } .alert-warning { color: #f2a654; border-color: #fff3e6; background-color: rgba(255, 243, 230, .8) } .alert-warning .close { color: #f2a654 } .alert-warning .close:focus, .alert-warning .close:hover { color: #f2a654 } .alert-danger { color: #f96868; border-color: #ffeaea; background-color: rgba(255, 234, 234, .8) } .alert-danger .close { color: #f96868 } .alert-danger .close:focus, .alert-danger .close:hover { color: #f96868 } .media, .media-body { overflow: hidden } .media-body { width: 10000px } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-object { display: block } .media-object.img-thumbnail { max-width: none } .media-right { padding-left: 20px } .media-left { padding-right: 20px } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { margin-bottom: 0; padding-left: 0 } .list-group-item { position: relative; display: block; margin-bottom: -1px; padding: .75rem 1.25rem; border: 1px solid transparent; background-color: #fff } .list-group-item:first-child { border-top-left-radius: .215rem; border-top-right-radius: .215rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .215rem; border-bottom-left-radius: .215rem } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { cursor: not-allowed; color: #ccd5db; background-color: transparent } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #ccd5db } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; text-decoration: none; color: #62a8ea; border-color: transparent; background-color: transparent } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #fff } .list-group-flush .list-group-item { border-radius: 0 } .list-group-item-action { width: 100%; text-align: inherit; color: #76838f } .list-group-item-action .list-group-item-heading { color: #37474f } .list-group-item-action:focus, .list-group-item-action:hover { text-decoration: none; color: #76838f; background-color: #f3f7f9 } .list-group-item-success { color: #fff; background-color: #46be8a } a.list-group-item-success, button.list-group-item-success { color: #fff } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #fff; background-color: #3dae7d } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; border-color: #fff; background-color: #fff } .list-group-item-info { color: #fff; background-color: #57c7d4 } a.list-group-item-info, button.list-group-item-info { color: #fff } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #fff; background-color: #43c0cf } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; border-color: #fff; background-color: #fff } .list-group-item-warning { color: #fff; background-color: #f2a654 } a.list-group-item-warning, button.list-group-item-warning { color: #fff } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #fff; background-color: #f09a3c } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; border-color: #fff; background-color: #fff } .list-group-item-danger { color: #fff; background-color: #f96868 } a.list-group-item-danger, button.list-group-item-danger { color: #fff } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #fff; background-color: #f84f4f } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; border-color: #fff; background-color: #fff } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { line-height: 1.3; margin-bottom: 0 } .embed-responsive { position: relative; display: block; overflow: hidden; height: 0; padding: 0 } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9 { padding-bottom: 42.857143% } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .embed-responsive-1by1 { padding-bottom: 100% } .close { font-size: 1.5rem; font-weight: 700; line-height: 1; float: right; opacity: .2; color: #000; text-shadow: none } .close:focus, .close:hover { cursor: pointer; text-decoration: none; opacity: .5; color: #000 } button.close { padding: 0; cursor: pointer; border: 0; background: 0 0; -webkit-appearance: none } .modal-open { overflow: hidden } .modal { position: fixed; z-index: 1700; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; border: 1px solid transparent; border-radius: .286rem; outline: 0; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2); box-shadow: 0 2px 12px rgba(0, 0, 0, .2) } .modal-backdrop { position: fixed; z-index: 1600; top: 0; right: 0; bottom: 0; left: 0; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.in { opacity: .5 } .modal-header { padding: 15px 20px; border-bottom: 1px solid #e4eaec } .modal-header::after { display: table; clear: both; content: '' } .modal-header .close { margin-top: -2px } .modal-title { line-height: 1.571429; margin: 0 } .modal-body { position: relative; padding: 20px } .modal-footer { padding: 20px; text-align: right; border-top: 1px solid #e4eaec } .modal-footer::after { display: table; clear: both; content: '' } .modal-scrollbar-measure { position: absolute; top: -9999px; overflow: scroll; width: 50px; height: 50px } @media (min-width: 480px) { .modal-dialog { max-width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2); box-shadow: 0 2px 12px rgba(0, 0, 0, .2) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg { max-width: 900px } } .tooltip { font-family: Roboto, sans-serif; font-size: .858rem; font-weight: 400; font-style: normal; line-height: 1.571429; position: absolute; z-index: 1900; display: block; text-align: left; text-align: start; white-space: normal; text-decoration: none; letter-spacing: normal; word-spacing: normal; text-transform: none; word-wrap: break-word; word-break: normal; opacity: 0; text-shadow: none; line-break: auto } .tooltip.in { opacity: .9 } .tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top { margin-top: -3px; padding: 4px 0 } .tooltip.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip.tooltip-top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: rgba(0, 0, 0, .8) } .tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right { margin-left: 3px; padding: 0 4px } .tooltip.bs-tether-element-attached-left .tooltip-arrow, .tooltip.tooltip-right .tooltip-arrow { top: 50%; left: 0; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: rgba(0, 0, 0, .8) } .tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom { margin-top: 3px; padding: 4px 0 } .tooltip.bs-tether-element-attached-top .tooltip-arrow, .tooltip.tooltip-bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: rgba(0, 0, 0, .8) } .tooltip.bs-tether-element-attached-right, .tooltip.tooltip-left { margin-left: -3px; padding: 0 4px } .tooltip.bs-tether-element-attached-right .tooltip-arrow, .tooltip.tooltip-left .tooltip-arrow { top: 50%; right: 0; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: rgba(0, 0, 0, .8) } .tooltip-inner { max-width: 200px; padding: 6px 12px; text-align: center; color: #fff; border-radius: .215rem; background-color: rgba(0, 0, 0, .8) } .tooltip-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent } .popover { font-family: Roboto, sans-serif; font-size: .858rem; font-weight: 400; font-style: normal; line-height: 1.571429; position: absolute; z-index: 1800; top: 0; left: 0; display: block; max-width: 276px; padding: 1px; text-align: left; text-align: start; white-space: normal; text-decoration: none; letter-spacing: normal; word-spacing: normal; text-transform: none; word-wrap: break-word; word-break: normal; border: 1px solid rgba(204, 213, 219, .8); border-radius: .286rem; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); text-shadow: none; line-break: auto } .popover.bs-tether-element-attached-bottom, .popover.popover-top { margin-top: -8px } .popover.bs-tether-element-attached-bottom .popover-arrow, .popover.popover-top .popover-arrow { bottom: -9px; left: 50%; margin-left: -9px; border-top-color: rgba(204, 213, 219, .85); border-bottom-width: 0 } .popover.bs-tether-element-attached-bottom .popover-arrow::after, .popover.popover-top .popover-arrow::after { bottom: 1px; margin-left: -8px; content: ''; border-top-color: #fff; border-bottom-width: 0 } .popover.bs-tether-element-attached-left, .popover.popover-right { margin-left: 8px } .popover.bs-tether-element-attached-left .popover-arrow, .popover.popover-right .popover-arrow { top: 50%; left: -9px; margin-top: -9px; border-right-color: rgba(204, 213, 219, .85); border-left-width: 0 } .popover.bs-tether-element-attached-left .popover-arrow::after, .popover.popover-right .popover-arrow::after { bottom: -8px; left: 1px; content: ''; border-right-color: #fff; border-left-width: 0 } .popover.bs-tether-element-attached-top, .popover.popover-bottom { margin-top: 8px } .popover.bs-tether-element-attached-top .popover-arrow, .popover.popover-bottom .popover-arrow { top: -9px; left: 50%; margin-left: -9px; border-top-width: 0; border-bottom-color: rgba(204, 213, 219, .85) } .popover.bs-tether-element-attached-top .popover-arrow::after, .popover.popover-bottom .popover-arrow::after { top: 1px; margin-left: -8px; content: ''; border-top-width: 0; border-bottom-color: #fff } .popover.bs-tether-element-attached-right, .popover.popover-left { margin-left: -8px } .popover.bs-tether-element-attached-right .popover-arrow, .popover.popover-left .popover-arrow { top: 50%; right: -9px; margin-top: -9px; border-right-width: 0; border-left-color: rgba(204, 213, 219, .85) } .popover.bs-tether-element-attached-right .popover-arrow::after, .popover.popover-left .popover-arrow::after { right: 1px; bottom: -8px; content: ''; border-right-width: 0; border-left-color: #fff } .popover-title { font-size: 1rem; margin: 0; padding: 8px 14px; border-bottom: 1px solid #e2ecf1; border-radius: .214571rem .214571rem 0 0; background-color: #f3f7f9 } .popover-title:empty { display: none } .popover-content { padding: 20px 20px } .popover-arrow, .popover-arrow::after { position: absolute; display: block; width: 0; height: 0; border-style: solid; border-color: transparent } .popover-arrow { border-width: 9px } .popover-arrow::after { content: ''; border-width: 8px } .carousel { position: relative } .carousel-inner { position: relative; overflow: hidden; width: 100% } .carousel-inner > .carousel-item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img { line-height: 1 } @media all and (transform-3d),(-webkit-transform-3d) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner > .carousel-item.active.right, .carousel-inner > .carousel-item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .carousel-inner > .carousel-item.active.left, .carousel-inner > .carousel-item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .carousel-inner > .carousel-item.active, .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block } .carousel-inner > .active { left: 0 } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100% } .carousel-inner > .next { left: 100% } .carousel-inner > .prev { left: -100% } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0 } .carousel-inner > .active.left { left: -100% } .carousel-inner > .active.right { left: 100% } .carousel-control { font-size: 16px; position: absolute; top: 0; bottom: 0; left: 0; width: 15%; text-align: center; opacity: 0; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-control.left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:focus, .carousel-control:hover { text-decoration: none; opacity: .9; color: #fff; outline: 0 } .carousel-control .icon-next, .carousel-control .icon-prev { font-family: serif; line-height: 1; position: absolute; z-index: 5; top: 50%; display: inline-block; width: 20px; height: 20px; margin-top: -10px } .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-prev::before { content: '2039' } .carousel-control .icon-next::before { content: '203a' } .carousel-indicators { position: absolute; z-index: 15; bottom: 10px; left: 50%; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; cursor: pointer; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; background-color: transparent } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } .carousel-caption { position: absolute; z-index: 10; right: 15%; bottom: 20px; left: 15%; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-caption .btn { text-shadow: none } @media (min-width: 480px) { .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 30px; width: 30px; height: 30px; margin-top: -15px } .carousel-control .icon-prev { margin-left: -15px } .carousel-control .icon-next { margin-right: -15px } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .bg-faded { background-color: #f3f7f9 } .bg-primary { color: #fff !important; background-color: #62a8ea !important } a.bg-primary:focus, a.bg-primary:hover { background-color: #358fe4 !important } .bg-success { color: #fff !important; background-color: #46be8a !important } a.bg-success:focus, a.bg-success:hover { background-color: #369b6f !important } .bg-info { color: #fff !important; background-color: #57c7d4 !important } a.bg-info:focus, a.bg-info:hover { background-color: #33b6c5 !important } .bg-warning { color: #fff !important; background-color: #f2a654 !important } a.bg-warning:focus, a.bg-warning:hover { background-color: #ee8d25 !important } .bg-danger { color: #fff !important; background-color: #f96868 !important } a.bg-danger:focus, a.bg-danger:hover { background-color: #f73737 !important } .bg-inverse { color: #fff !important; background-color: #76838f !important } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #5e6974 !important } .clearfix::after { display: table; clear: both; content: '' } .d-block { display: block !important } .d-inline-block { display: inline-block !important } .d-inline { display: inline !important } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-xs-left { float: left !important } .pull-xs-right { float: right !important } .pull-xs-none { float: none !important } @media (min-width: 480px) { .pull-sm-left { float: left !important } .pull-sm-right { float: right !important } .pull-sm-none { float: none !important } } @media (min-width: 768px) { .pull-md-left { float: left !important } .pull-md-right { float: right !important } .pull-md-none { float: none !important } } @media (min-width: 992px) { .pull-lg-left { float: left !important } .pull-lg-right { float: right !important } .pull-lg-none { float: none !important } } @media (min-width: 1200px) { .pull-xl-left { float: left !important } .pull-xl-right { float: right !important } .pull-xl-none { float: none !important } } @media (min-width: 1600px) { .pull-xxl-left { float: left !important } .pull-xxl-right { float: right !important } .pull-xxl-none { float: none !important } } .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0 } .w-100 { width: 100% !important } .m-x-auto { margin-right: auto !important; margin-left: auto !important } .m-a-0 { margin: 0 0 !important } .m-t-0 { margin-top: 0 !important } .m-r-0 { margin-right: 0 !important } .m-b-0 { margin-bottom: 0 !important } .m-l-0 { margin-left: 0 !important } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important } .m-a-1 { margin: 1rem 1rem !important } .m-t-1 { margin-top: 1rem !important } .m-r-1 { margin-right: 1rem !important } .m-b-1 { margin-bottom: 1rem !important } .m-l-1 { margin-left: 1rem !important } .m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important } .m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important } .m-a-2 { margin: 1.5rem 1.5rem !important } .m-t-2 { margin-top: 1.5rem !important } .m-r-2 { margin-right: 1.5rem !important } .m-b-2 { margin-bottom: 1.5rem !important } .m-l-2 { margin-left: 1.5rem !important } .m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .m-a-3 { margin: 3rem 3rem !important } .m-t-3 { margin-top: 3rem !important } .m-r-3 { margin-right: 3rem !important } .m-b-3 { margin-bottom: 3rem !important } .m-l-3 { margin-left: 3rem !important } .m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important } .m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important } .p-a-0 { padding: 0 0 !important } .p-t-0 { padding-top: 0 !important } .p-r-0 { padding-right: 0 !important } .p-b-0 { padding-bottom: 0 !important } .p-l-0 { padding-left: 0 !important } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important } .p-a-1 { padding: 1rem 1rem !important } .p-t-1 { padding-top: 1rem !important } .p-r-1 { padding-right: 1rem !important } .p-b-1 { padding-bottom: 1rem !important } .p-l-1 { padding-left: 1rem !important } .p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important } .p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important } .p-a-2 { padding: 1.5rem 1.5rem !important } .p-t-2 { padding-top: 1.5rem !important } .p-r-2 { padding-right: 1.5rem !important } .p-b-2 { padding-bottom: 1.5rem !important } .p-l-2 { padding-left: 1.5rem !important } .p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .p-a-3 { padding: 3rem 3rem !important } .p-t-3 { padding-top: 3rem !important } .p-r-3 { padding-right: 3rem !important } .p-b-3 { padding-bottom: 3rem !important } .p-l-3 { padding-left: 3rem !important } .p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important } .p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pos-f-t { position: fixed; z-index: 1500; top: 0; right: 0; left: 0 } .text-justify { text-align: justify !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .text-xs-left { text-align: left !important } .text-xs-right { text-align: right !important } .text-xs-center { text-align: center !important } @media (min-width: 480px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width: 1600px) { .text-xxl-left { text-align: left !important } .text-xxl-right { text-align: right !important } .text-xxl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-normal { font-weight: 400 } .font-weight-bold { font-weight: 700 } .font-italic { font-style: italic } .text-muted { color: #a3afb7 !important } a.text-muted:focus, a.text-muted:hover { color: #8696a1 !important } .text-primary { color: #62a8ea !important } a.text-primary:focus, a.text-primary:hover { color: #358fe4 !important } .text-success { color: #46be8a !important } a.text-success:focus, a.text-success:hover { color: #369b6f !important } .text-info { color: #57c7d4 !important } a.text-info:focus, a.text-info:hover { color: #33b6c5 !important } .text-warning { color: #f2a654 !important } a.text-warning:focus, a.text-warning:hover { color: #ee8d25 !important } .text-danger { color: #f96868 !important } a.text-danger:focus, a.text-danger:hover { color: #f73737 !important } .text-gray-dark { color: #76838f !important } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #5e6974 !important } .text-hide { font: 0/0 a; color: transparent; border: 0; background-color: transparent; text-shadow: none } .invisible { visibility: hidden !important } .hidden-xs-up { display: none !important } @media (max-width: 479px) { .hidden-xs-down { display: none !important } } @media (min-width: 480px) { .hidden-sm-up { display: none !important } } @media (min-width: 768px) { .hidden-md-up { display: none !important } } @media (max-width: 991px) { .hidden-md-down { display: none !important } } @media (min-width: 992px) { .hidden-lg-up { display: none !important } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important } } @media (max-width: 1599px) { .hidden-xl-down { display: none !important } } @media (min-width: 1600px) { .hidden-xxl-up { display: none !important } } .hidden-xxl-down { display: none !important } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } button { color: inherit } a.text-body { color: #76838f } a.text-body, a.text-body:focus, a.text-body:hover { text-decoration: none } a.text-action { color: #a3afb7 } a.text-action, a.text-action:focus, a.text-action:hover { text-decoration: none } a.text-action:focus, a.text-action:hover { color: #ccd5db } a.text-action .icon + span { margin-left: 3px } a.text-like { color: #a3afb7 !important } a.text-like, a.text-like:focus, a.text-like:hover { text-decoration: none } a.text-like.active, a.text-like:focus, a.text-like:hover { color: #f96868 !important } .text-action + .text-action { margin-left: 6px } b, strong { font-weight: inherit } b, strong { font-weight: 700 } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { text-shadow: rgba(0, 0, 0, .15) 0 0 1px } .h1 .icon:first-child, .h2 .icon:first-child, .h3 .icon:first-child, .h4 .icon:first-child, .h5 .icon:first-child, .h6 .icon:first-child, h1 .icon:first-child, h2 .icon:first-child, h3 .icon:first-child, h4 .icon:first-child, h5 .icon:first-child, h6 .icon:first-child { margin-right: .5em } .h1, .h2, .h3, h1, h2, h3 { margin-top: 22px; margin-bottom: 11px } .h4, .h5, .h6, h4, h5, h6 { margin-top: 11px; margin-bottom: 11px } .mark, mark { color: #fff; border-radius: .143rem } .drop-cap { font-family: Georgia; font-size: 60px; line-height: 50px; float: left; margin-right: 5px; padding: 5px; color: #263238 } .drop-cap-reversed { color: #fff; background-color: #263238 } .list-icons { margin-left: 0; padding: 0 10px; list-style: none } .list-icons > li { margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-icons > li:first-child { margin-top: 0 } .list-icons > li i { float: left; width: 1em; margin: 0 6px 0 0 } .blockquote { font-size: 1.25rem; padding: 11px 22px; color: #526069; border-left: 2px solid #e4eaec } .blockquote p:last-child { margin: 0 } .blockquote-success { border-color: #46be8a; background-color: rgba(70, 190, 138, .1) } .blockquote-info { border-color: #57c7d4; background-color: rgba(87, 199, 212, .1) } .blockquote-warning { border-color: #f2a654; background-color: rgba(242, 166, 84, .1) } .blockquote-danger { border-color: #f96868; background-color: rgba(249, 104, 104, .1) } .blockquote-reverse { border-right-width: 2px; border-left: none } .custom-blockquote { padding: 15px 20px; border-left-width: 4px; border-radius: .215rem } .custom-blockquote.blockquote-reverse { border-right-width: 4px } .img-bordered { padding: 3px; border: 1px solid #e4eaec } .img-bordered-primary { border-color: #62a8ea !important } .img-bordered-purple { border-color: #7c51d1 !important } .img-bordered-red { border-color: #e9595b !important } .img-bordered-green { border-color: #7dd3ae !important } .img-bordered-orange { border-color: #ec9940 !important } code { border: 1px solid #bcd8f1 } pre { padding: 10.5px; color: inherit; border: 1px solid #ecf5fc; border-radius: .215rem } @media (min-width: 1600px) { .container { width: 1200px } } .row.border-bottom{ border-bottom: 1px solid #bcbcbc; } .row.no-space { margin-right: 0; margin-left: 0 } .row.no-space > [class*=col-] { padding-right: 0; padding-left: 0 } .row-lg { margin-right: -1.5625rem; margin-left: -1.5625rem } .row-lg > .col-lg-1, .row-lg > .col-lg-10, .row-lg > .col-lg-11, .row-lg > .col-lg-12, .row-lg > .col-lg-2, .row-lg > .col-lg-3, .row-lg > .col-lg-4, .row-lg > .col-lg-5, .row-lg > .col-lg-6, .row-lg > .col-lg-7, .row-lg > .col-lg-8, .row-lg > .col-lg-9, .row-lg > .col-md-1, .row-lg > .col-md-10, .row-lg > .col-md-11, .row-lg > .col-md-12, .row-lg > .col-md-2, .row-lg > .col-md-3, .row-lg > .col-md-4, .row-lg > .col-md-5, .row-lg > .col-md-6, .row-lg > .col-md-7, .row-lg > .col-md-8, .row-lg > .col-md-9, .row-lg > .col-sm-1, .row-lg > .col-sm-10, .row-lg > .col-sm-11, .row-lg > .col-sm-12, .row-lg > .col-sm-2, .row-lg > .col-sm-3, .row-lg > .col-sm-4, .row-lg > .col-sm-5, .row-lg > .col-sm-6, .row-lg > .col-sm-7, .row-lg > .col-sm-8, .row-lg > .col-sm-9, .row-lg > .col-xl-1, .row-lg > .col-xl-10, .row-lg > .col-xl-11, .row-lg > .col-xl-12, .row-lg > .col-xl-2, .row-lg > .col-xl-3, .row-lg > .col-xl-4, .row-lg > .col-xl-5, .row-lg > .col-xl-6, .row-lg > .col-xl-7, .row-lg > .col-xl-8, .row-lg > .col-xl-9, .row-lg > .col-xs-1, .row-lg > .col-xs-10, .row-lg > .col-xs-11, .row-lg > .col-xs-12, .row-lg > .col-xs-2, .row-lg > .col-xs-3, .row-lg > .col-xs-4, .row-lg > .col-xs-5, .row-lg > .col-xs-6, .row-lg > .col-xs-7, .row-lg > .col-xs-8, .row-lg > .col-xs-9, .row-lg > .col-xxl-1, .row-lg > .col-xxl-10, .row-lg > .col-xxl-11, .row-lg > .col-xxl-12, .row-lg > .col-xxl-2, .row-lg > .col-xxl-3, .row-lg > .col-xxl-4, .row-lg > .col-xxl-5, .row-lg > .col-xxl-6, .row-lg > .col-xxl-7, .row-lg > .col-xxl-8, .row-lg > .col-xxl-9 { padding-right: 1.5625rem; padding-left: 1.5625rem } table col[class*=col-] { position: static; display: table-column; float: none } .form-control { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 2.573rem; -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; border-color: #e4eaec; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none } select.form-control { padding-right: 30px; background: #fff url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right } select[multiple].form-control { padding-right: .929rem; background: #fff } .form-control.focus, .form-control:focus { outline: 0 } select[multiple], select[size], textarea.form-control { height: auto } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 2.288rem } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 3.573667rem } .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { height: 3.573667rem } .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { height: 2.288rem } .form-group .form-control-label { padding: .429rem 0 } .form-group .form-control-label-lg { font-size: 1.286rem; padding: .858rem 0 } .form-group .form-control-label-sm { font-size: .858rem; padding: .429rem 0 } .has-success .form-control-label { color: #46be8a } .has-success .form-control-feedback { color: #46be8a } .has-success .form-control { border-color: #46be8a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .has-warning .form-control-label { color: #f2a654 } .has-warning .form-control-feedback { color: #f2a654 } .has-warning .form-control { border-color: #f2a654; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .has-danger .form-control-label { color: #f96868 } .has-danger .form-control-feedback { color: #f96868 } .has-danger .form-control { border-color: #f96868; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .form-group { margin-bottom: 0; } .form-group.has-feedback.no-label .form-control-feedback { top: 0 } .form-group.has-feedback.left-feedback .form-control-feedback { right: auto; left: 0 } .form-group.has-feedback.left-feedback .form-control { padding-right: 13px; padding-left: 50px } .form-control.square { border-radius: 0 } .form-control.round { border-radius: 200px } textarea.form-control.no-resize { resize: none } .input-group-file input[type=text] { background-color: #fff } .input-group-file .btn-file { line-height: inherit; position: relative; overflow: hidden } .input-group-file .btn-file.btn-outline { border: 1px solid #e4eaec; border-left: none } .input-group-file .btn-file.btn-outline:hover { border-left: none } .input-group-file .btn-file .icon { line-height: inherit; margin: 0 3px } .input-group-file .btn-file input[type=file] { position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; cursor: pointer; text-align: 0; opacity: 0 } .text-help { display: block; margin-top: 7px; margin-bottom: 8px; color: #bcc2c8 } .text-help .icon { margin: 0 5px } .input-search-close { opacity: .2; color: #000; text-shadow: none } .input-search-close.icon { font-size: inherit; line-height: inherit } .input-search-close:focus, .input-search-close:hover { cursor: pointer; text-decoration: none; opacity: .5; color: #000 } button.input-search-close { padding: 0; cursor: pointer; border: 0; background: 0 0; -webkit-appearance: none } .input-search { position: relative } .input-search .form-control { border-radius: 200px } .input-search .input-search-close, .input-search .input-search-icon { position: absolute; z-index: 1; top: 50%; width: 2.573rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .input-search .input-search-close { right: 8px } .input-search .input-search-icon + .form-control { padding-left: 3.073rem } .input-search .input-search-icon { font-size: 16px; left: 8px; text-align: center; pointer-events: none; color: #a3afb7 } .input-search-btn + .form-control { padding-right: 50px } .input-search-btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 10px; border: none; border-radius: 0 200px 200px 0; background: 0 0 } .input-search-btn .icon { margin: 0 3px } .input-search-dark .input-search-icon { color: #76838f } .input-search-dark .form-control { background: #f3f7f9; -webkit-box-shadow: none; box-shadow: none } .input-search-dark .form-control:focus { background-color: #fff } .form-inline .form-group { margin-right: 20px } .form-inline .form-group:last-child { margin-right: 0 } .form-inline .form-control-label { margin-right: 5px } @media (max-width: 767px) { .form-inline .form-group { margin-right: 0 } } .form-horizontal .form-control-label { font-size: 1rem; padding-right: 15px; padding-left: 15px } @media (min-width: 768px) { .form-horizontal .form-control-label { margin-bottom: 0; padding-top: 7px; text-align: right } .form-horizontal .form-control-lg, .form-horizontal .input-group-lg > .form-control, .form-horizontal .input-group-lg > .input-group-addon, .form-horizontal .input-group-lg > .input-group-btn > .btn { font-size: 18px; padding-top: 11px } .form-horizontal .form-control-sm, .form-horizontal .input-group-sm > .form-control, .form-horizontal .input-group-sm > .input-group-addon, .form-horizontal .input-group-sm > .input-group-btn > .btn { font-size: 12px; padding-top: 7px } } input::-ms-clear { display: none; width: 0; height: 0 } .btn { -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; -webkit-font-smoothing: subpixel-antialiased } .btn.active:focus, .btn:active:focus, .btn:focus { outline: 0 } .btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none } .btn .icon { line-height: inherit; width: 1em; margin: -1px 3px 0; text-align: center } .btn-block { white-space: normal } .btn-outline.btn-default { color: #76838f; background-color: transparent } .btn-outline.btn-default.active, .btn-outline.btn-default:active, .btn-outline.btn-default:focus, .btn-outline.btn-default:hover, .open > .btn-outline.btn-default.dropdown-toggle { color: #76838f; border-color: #e4eaec; background-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.active .tag-pill, .btn-outline.btn-default:active .tag-pill, .btn-outline.btn-default:focus .tag-pill, .btn-outline.btn-default:hover .tag-pill, .open > .btn-outline.btn-default.dropdown-toggle .tag-pill { color: #76838f; background-color: #76838f } .btn-outline.btn-default.btn-up:before { border-bottom-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-up:focus:before, .btn-outline.btn-default.btn-up:hover:before { border-bottom-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-up.active:before, .btn-outline.btn-default.btn-up:active:before, .open > .btn-outline.btn-default.btn-up.dropdown-toggle:before { border-bottom-color: #ccd5db } .btn-outline.btn-default.btn-right:before { border-left-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-right:focus:before, .btn-outline.btn-default.btn-right:hover:before { border-left-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-right.active:before, .btn-outline.btn-default.btn-right:active:before, .open > .btn-outline.btn-default.btn-right.dropdown-toggle:before { border-left-color: #ccd5db } .btn-outline.btn-default.btn-bottom:before { border-top-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-bottom:focus:before, .btn-outline.btn-default.btn-bottom:hover:before { border-top-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-bottom.active:before, .btn-outline.btn-default.btn-bottom:active:before, .open > .btn-outline.btn-default.btn-bottom.dropdown-toggle:before { border-top-color: #ccd5db } .btn-outline.btn-default.btn-left:before { border-right-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-left:focus:before, .btn-outline.btn-default.btn-left:hover:before { border-right-color: rgba(118, 131, 143, .1) } .btn-outline.btn-default.btn-left.active:before, .btn-outline.btn-default.btn-left:active:before, .open > .btn-outline.btn-default.btn-left.dropdown-toggle:before { border-right-color: #ccd5db } .btn-outline.btn-primary { color: #62a8ea; background-color: transparent; border-color: #62a8ea } .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open > .btn-outline.btn-primary.dropdown-toggle { color: #fff; border-color: #62a8ea; background-color: #62a8ea } .btn-outline.btn-primary.active .tag-pill, .btn-outline.btn-primary:active .tag-pill, .btn-outline.btn-primary:focus .tag-pill, .btn-outline.btn-primary:hover .tag-pill, .open > .btn-outline.btn-primary.dropdown-toggle .tag-pill { color: #62a8ea; background-color: #fff } .btn-outline.btn-primary.btn-up:before { border-bottom-color: #62a8ea } .btn-outline.btn-primary.btn-up:focus:before, .btn-outline.btn-primary.btn-up:hover:before { border-bottom-color: #62a8ea } .btn-outline.btn-primary.btn-up.active:before, .btn-outline.btn-primary.btn-up:active:before, .open > .btn-outline.btn-primary.btn-up.dropdown-toggle:before { border-bottom-color: #4e97d9 } .btn-outline.btn-primary.btn-right:before { border-left-color: #62a8ea } .btn-outline.btn-primary.btn-right:focus:before, .btn-outline.btn-primary.btn-right:hover:before { border-left-color: #62a8ea } .btn-outline.btn-primary.btn-right.active:before, .btn-outline.btn-primary.btn-right:active:before, .open > .btn-outline.btn-primary.btn-right.dropdown-toggle:before { border-left-color: #4e97d9 } .btn-outline.btn-primary.btn-bottom:before { border-top-color: #62a8ea } .btn-outline.btn-primary.btn-bottom:focus:before, .btn-outline.btn-primary.btn-bottom:hover:before { border-top-color: #62a8ea } .btn-outline.btn-primary.btn-bottom.active:before, .btn-outline.btn-primary.btn-bottom:active:before, .open > .btn-outline.btn-primary.btn-bottom.dropdown-toggle:before { border-top-color: #4e97d9 } .btn-outline.btn-primary.btn-left:before { border-right-color: #62a8ea } .btn-outline.btn-primary.btn-left:focus:before, .btn-outline.btn-primary.btn-left:hover:before { border-right-color: #62a8ea } .btn-outline.btn-primary.btn-left.active:before, .btn-outline.btn-primary.btn-left:active:before, .open > .btn-outline.btn-primary.btn-left.dropdown-toggle:before { border-right-color: #4e97d9 } .btn-outline.btn-success { color: #46be8a; background-color: transparent; border-color: #46be8a } .btn-outline.btn-success.active, .btn-outline.btn-success:active, .btn-outline.btn-success:focus, .btn-outline.btn-success:hover, .open > .btn-outline.btn-success.dropdown-toggle { color: #fff; border-color: #46be8a; background-color: #46be8a } .btn-outline.btn-success.active .tag-pill, .btn-outline.btn-success:active .tag-pill, .btn-outline.btn-success:focus .tag-pill, .btn-outline.btn-success:hover .tag-pill, .open > .btn-outline.btn-success.dropdown-toggle .tag-pill { color: #46be8a; background-color: #fff } .btn-outline.btn-success.btn-up:before { border-bottom-color: #46be8a } .btn-outline.btn-success.btn-up:focus:before, .btn-outline.btn-success.btn-up:hover:before { border-bottom-color: #46be8a } .btn-outline.btn-success.btn-up.active:before, .btn-outline.btn-success.btn-up:active:before, .open > .btn-outline.btn-success.btn-up.dropdown-toggle:before { border-bottom-color: #36ab7a } .btn-outline.btn-success.btn-right:before { border-left-color: #46be8a } .btn-outline.btn-success.btn-right:focus:before, .btn-outline.btn-success.btn-right:hover:before { border-left-color: #46be8a } .btn-outline.btn-success.btn-right.active:before, .btn-outline.btn-success.btn-right:active:before, .open > .btn-outline.btn-success.btn-right.dropdown-toggle:before { border-left-color: #36ab7a } .btn-outline.btn-success.btn-bottom:before { border-top-color: #46be8a } .btn-outline.btn-success.btn-bottom:focus:before, .btn-outline.btn-success.btn-bottom:hover:before { border-top-color: #46be8a } .btn-outline.btn-success.btn-bottom.active:before, .btn-outline.btn-success.btn-bottom:active:before, .open > .btn-outline.btn-success.btn-bottom.dropdown-toggle:before { border-top-color: #36ab7a } .btn-outline.btn-success.btn-left:before { border-right-color: #46be8a } .btn-outline.btn-success.btn-left:focus:before, .btn-outline.btn-success.btn-left:hover:before { border-right-color: #46be8a } .btn-outline.btn-success.btn-left.active:before, .btn-outline.btn-success.btn-left:active:before, .open > .btn-outline.btn-success.btn-left.dropdown-toggle:before { border-right-color: #36ab7a } .btn-outline.btn-info { color: #57c7d4; background-color: transparent; border-color: #57c7d4 } .btn-outline.btn-info.active, .btn-outline.btn-info:active, .btn-outline.btn-info:focus, .btn-outline.btn-info:hover, .open > .btn-outline.btn-info.dropdown-toggle { color: #fff; border-color: #57c7d4; background-color: #57c7d4 } .btn-outline.btn-info.active .tag-pill, .btn-outline.btn-info:active .tag-pill, .btn-outline.btn-info:focus .tag-pill, .btn-outline.btn-info:hover .tag-pill, .open > .btn-outline.btn-info.dropdown-toggle .tag-pill { color: #57c7d4; background-color: #fff } .btn-outline.btn-info.btn-up:before { border-bottom-color: #57c7d4 } .btn-outline.btn-info.btn-up:focus:before, .btn-outline.btn-info.btn-up:hover:before { border-bottom-color: #57c7d4 } .btn-outline.btn-info.btn-up.active:before, .btn-outline.btn-info.btn-up:active:before, .open > .btn-outline.btn-info.btn-up.dropdown-toggle:before { border-bottom-color: #47b8c6 } .btn-outline.btn-info.btn-right:before { border-left-color: #57c7d4 } .btn-outline.btn-info.btn-right:focus:before, .btn-outline.btn-info.btn-right:hover:before { border-left-color: #57c7d4 } .btn-outline.btn-info.btn-right.active:before, .btn-outline.btn-info.btn-right:active:before, .open > .btn-outline.btn-info.btn-right.dropdown-toggle:before { border-left-color: #47b8c6 } .btn-outline.btn-info.btn-bottom:before { border-top-color: #57c7d4 } .btn-outline.btn-info.btn-bottom:focus:before, .btn-outline.btn-info.btn-bottom:hover:before { border-top-color: #57c7d4 } .btn-outline.btn-info.btn-bottom.active:before, .btn-outline.btn-info.btn-bottom:active:before, .open > .btn-outline.btn-info.btn-bottom.dropdown-toggle:before { border-top-color: #47b8c6 } .btn-outline.btn-info.btn-left:before { border-right-color: #57c7d4 } .btn-outline.btn-info.btn-left:focus:before, .btn-outline.btn-info.btn-left:hover:before { border-right-color: #57c7d4 } .btn-outline.btn-info.btn-left.active:before, .btn-outline.btn-info.btn-left:active:before, .open > .btn-outline.btn-info.btn-left.dropdown-toggle:before { border-right-color: #47b8c6 } .btn-outline.btn-warning { color: #f2a654; background-color: transparent; border-color: #f2a654 } .btn-outline.btn-warning.active, .btn-outline.btn-warning:active, .btn-outline.btn-warning:focus, .btn-outline.btn-warning:hover, .open > .btn-outline.btn-warning.dropdown-toggle { color: #fff; border-color: #f2a654; background-color: #f2a654 } .btn-outline.btn-warning.active .tag-pill, .btn-outline.btn-warning:active .tag-pill, .btn-outline.btn-warning:focus .tag-pill, .btn-outline.btn-warning:hover .tag-pill, .open > .btn-outline.btn-warning.dropdown-toggle .tag-pill { color: #f2a654; background-color: #fff } .btn-outline.btn-warning.btn-up:before { border-bottom-color: #f2a654 } .btn-outline.btn-warning.btn-up:focus:before, .btn-outline.btn-warning.btn-up:hover:before { border-bottom-color: #f2a654 } .btn-outline.btn-warning.btn-up.active:before, .btn-outline.btn-warning.btn-up:active:before, .open > .btn-outline.btn-warning.btn-up.dropdown-toggle:before { border-bottom-color: #ec9940 } .btn-outline.btn-warning.btn-right:before { border-left-color: #f2a654 } .btn-outline.btn-warning.btn-right:focus:before, .btn-outline.btn-warning.btn-right:hover:before { border-left-color: #f2a654 } .btn-outline.btn-warning.btn-right.active:before, .btn-outline.btn-warning.btn-right:active:before, .open > .btn-outline.btn-warning.btn-right.dropdown-toggle:before { border-left-color: #ec9940 } .btn-outline.btn-warning.btn-bottom:before { border-top-color: #f2a654 } .btn-outline.btn-warning.btn-bottom:focus:before, .btn-outline.btn-warning.btn-bottom:hover:before { border-top-color: #f2a654 } .btn-outline.btn-warning.btn-bottom.active:before, .btn-outline.btn-warning.btn-bottom:active:before, .open > .btn-outline.btn-warning.btn-bottom.dropdown-toggle:before { border-top-color: #ec9940 } .btn-outline.btn-warning.btn-left:before { border-right-color: #f2a654 } .btn-outline.btn-warning.btn-left:focus:before, .btn-outline.btn-warning.btn-left:hover:before { border-right-color: #f2a654 } .btn-outline.btn-warning.btn-left.active:before, .btn-outline.btn-warning.btn-left:active:before, .open > .btn-outline.btn-warning.btn-left.dropdown-toggle:before { border-right-color: #ec9940 } .btn-outline.btn-danger { color: #f96868; background-color: transparent; border-color: #f96868 } .btn-outline.btn-danger.active, .btn-outline.btn-danger:active, .btn-outline.btn-danger:focus, .btn-outline.btn-danger:hover, .open > .btn-outline.btn-danger.dropdown-toggle { color: #fff; border-color: #f96868; background-color: #f96868 } .btn-outline.btn-danger.active .tag-pill, .btn-outline.btn-danger:active .tag-pill, .btn-outline.btn-danger:focus .tag-pill, .btn-outline.btn-danger:hover .tag-pill, .open > .btn-outline.btn-danger.dropdown-toggle .tag-pill { color: #f96868; background-color: #fff } .btn-outline.btn-danger.btn-up:before { border-bottom-color: #f96868 } .btn-outline.btn-danger.btn-up:focus:before, .btn-outline.btn-danger.btn-up:hover:before { border-bottom-color: #f96868 } .btn-outline.btn-danger.btn-up.active:before, .btn-outline.btn-danger.btn-up:active:before, .open > .btn-outline.btn-danger.btn-up.dropdown-toggle:before { border-bottom-color: #e9595b } .btn-outline.btn-danger.btn-right:before { border-left-color: #f96868 } .btn-outline.btn-danger.btn-right:focus:before, .btn-outline.btn-danger.btn-right:hover:before { border-left-color: #f96868 } .btn-outline.btn-danger.btn-right.active:before, .btn-outline.btn-danger.btn-right:active:before, .open > .btn-outline.btn-danger.btn-right.dropdown-toggle:before { border-left-color: #e9595b } .btn-outline.btn-danger.btn-bottom:before { border-top-color: #f96868 } .btn-outline.btn-danger.btn-bottom:focus:before, .btn-outline.btn-danger.btn-bottom:hover:before { border-top-color: #f96868 } .btn-outline.btn-danger.btn-bottom.active:before, .btn-outline.btn-danger.btn-bottom:active:before, .open > .btn-outline.btn-danger.btn-bottom.dropdown-toggle:before { border-top-color: #e9595b } .btn-outline.btn-danger.btn-left:before { border-right-color: #f96868 } .btn-outline.btn-danger.btn-left:focus:before, .btn-outline.btn-danger.btn-left:hover:before { border-right-color: #f96868 } .btn-outline.btn-danger.btn-left.active:before, .btn-outline.btn-danger.btn-left:active:before, .open > .btn-outline.btn-danger.btn-left.dropdown-toggle:before { border-right-color: #e9595b } .btn-outline.btn-dark { color: #526069; background-color: transparent; order-color: #526069 } .btn-outline.btn-dark.active, .btn-outline.btn-dark:active, .btn-outline.btn-dark:focus, .btn-outline.btn-dark:hover, .open > .btn-outline.btn-dark.dropdown-toggle { color: #fff; border-color: #526069; background-color: #526069 } .btn-outline.btn-dark.active .tag-pill, .btn-outline.btn-dark:active .tag-pill, .btn-outline.btn-dark:focus .tag-pill, .btn-outline.btn-dark:hover .tag-pill, .open > .btn-outline.btn-dark.dropdown-toggle .tag-pill { color: #526069; background-color: #fff } .btn-outline.btn-dark.btn-up:before { border-bottom-color: #526069 } .btn-outline.btn-dark.btn-up:focus:before, .btn-outline.btn-dark.btn-up:hover:before { border-bottom-color: #526069 } .btn-outline.btn-dark.btn-up.active:before, .btn-outline.btn-dark.btn-up:active:before, .open > .btn-outline.btn-dark.btn-up.dropdown-toggle:before { border-bottom-color: #37474f } .btn-outline.btn-dark.btn-right:before { border-left-color: #526069 } .btn-outline.btn-dark.btn-right:focus:before, .btn-outline.btn-dark.btn-right:hover:before { border-left-color: #526069 } .btn-outline.btn-dark.btn-right.active:before, .btn-outline.btn-dark.btn-right:active:before, .open > .btn-outline.btn-dark.btn-right.dropdown-toggle:before { border-left-color: #37474f } .btn-outline.btn-dark.btn-bottom:before { border-top-color: #526069 } .btn-outline.btn-dark.btn-bottom:focus:before, .btn-outline.btn-dark.btn-bottom:hover:before { border-top-color: #526069 } .btn-outline.btn-dark.btn-bottom.active:before, .btn-outline.btn-dark.btn-bottom:active:before, .open > .btn-outline.btn-dark.btn-bottom.dropdown-toggle:before { border-top-color: #37474f } .btn-outline.btn-dark.btn-left:before { border-right-color: #526069 } .btn-outline.btn-dark.btn-left:focus:before, .btn-outline.btn-dark.btn-left:hover:before { border-right-color: #526069 } .btn-outline.btn-dark.btn-left.active:before, .btn-outline.btn-dark.btn-left:active:before, .open > .btn-outline.btn-dark.btn-left.dropdown-toggle:before { border-right-color: #37474f } .btn-outline.btn-inverse { color: #fff; background-color: transparent; border-color: #fff } .btn-outline.btn-inverse.active, .btn-outline.btn-inverse:active, .btn-outline.btn-inverse:focus, .btn-outline.btn-inverse:hover, .open > .btn-outline.btn-inverse.dropdown-toggle { color: #76838f; border-color: #fff; background-color: #fff } .btn-outline.btn-inverse.active .tag-pill, .btn-outline.btn-inverse:active .tag-pill, .btn-outline.btn-inverse:focus .tag-pill, .btn-outline.btn-inverse:hover .tag-pill, .open > .btn-outline.btn-inverse.dropdown-toggle .tag-pill { color: #fff; background-color: #76838f } .btn-outline.btn-inverse.btn-up:before { border-bottom-color: #fff } .btn-outline.btn-inverse.btn-up:focus:before, .btn-outline.btn-inverse.btn-up:hover:before { border-bottom-color: #fff } .btn-outline.btn-inverse.btn-up.active:before, .btn-outline.btn-inverse.btn-up:active:before, .open > .btn-outline.btn-inverse.btn-up.dropdown-toggle:before { border-bottom-color: #fff } .btn-outline.btn-inverse.btn-right:before { border-left-color: #fff } .btn-outline.btn-inverse.btn-right:focus:before, .btn-outline.btn-inverse.btn-right:hover:before { border-left-color: #fff } .btn-outline.btn-inverse.btn-right.active:before, .btn-outline.btn-inverse.btn-right:active:before, .open > .btn-outline.btn-inverse.btn-right.dropdown-toggle:before { border-left-color: #fff } .btn-outline.btn-inverse.btn-bottom:before { border-top-color: #fff } .btn-outline.btn-inverse.btn-bottom:focus:before, .btn-outline.btn-inverse.btn-bottom:hover:before { border-top-color: #fff } .btn-outline.btn-inverse.btn-bottom.active:before, .btn-outline.btn-inverse.btn-bottom:active:before, .open > .btn-outline.btn-inverse.btn-bottom.dropdown-toggle:before { border-top-color: #fff } .btn-outline.btn-inverse.btn-left:before { border-right-color: #fff } .btn-outline.btn-inverse.btn-left:focus:before, .btn-outline.btn-inverse.btn-left:hover:before { border-right-color: #fff } .btn-outline.btn-inverse.btn-left.active:before, .btn-outline.btn-inverse.btn-left:active:before, .open > .btn-outline.btn-inverse.btn-left.dropdown-toggle:before { border-right-color: #fff } .btn-group-xs > .btn, .btn-xs { font-size: .858rem; padding: .072rem .358rem; border-radius: .143rem } .btn-squared { border-radius: 0 } .btn-round { border-radius: 1000px } .btn-primary { -webkit-box-shadow: none; box-shadow: none } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { border-color: #89bceb; background-color: #89bceb } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { border-color: #4e97d9; background-color: #4e97d9; -webkit-box-shadow: none; box-shadow: none } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { border-color: #4e97d9; background-color: #4e97d9 } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { color: #fff; border-color: #a2caee; background-color: #a2caee } .btn-primary .tag-pill { color: #62a8ea; background-color: #fff } .btn-primary.btn-up:before { border-bottom-color: #62a8ea } .btn-primary.btn-up:focus:before, .btn-primary.btn-up:hover:before { border-bottom-color: #89bceb } .btn-primary.btn-up.active:before, .btn-primary.btn-up:active:before, .open > .btn-primary.btn-up.dropdown-toggle:before { border-bottom-color: #4e97d9 } .btn-primary.btn-right:before { border-left-color: #62a8ea } .btn-primary.btn-right:focus:before, .btn-primary.btn-right:hover:before { border-left-color: #89bceb } .btn-primary.btn-right.active:before, .btn-primary.btn-right:active:before, .open > .btn-primary.btn-right.dropdown-toggle:before { border-left-color: #4e97d9 } .btn-primary.btn-bottom:before { border-top-color: #62a8ea } .btn-primary.btn-bottom:focus:before, .btn-primary.btn-bottom:hover:before { border-top-color: #89bceb } .btn-primary.btn-bottom.active:before, .btn-primary.btn-bottom:active:before, .open > .btn-primary.btn-bottom.dropdown-toggle:before { border-top-color: #4e97d9 } .btn-primary.btn-left:before { border-right-color: #62a8ea } .btn-primary.btn-left:focus:before, .btn-primary.btn-left:hover:before { border-right-color: #89bceb } .btn-primary.btn-left.active:before, .btn-primary.btn-left:active:before, .open > .btn-primary.btn-left.dropdown-toggle:before { border-right-color: #4e97d9 } .btn-success { -webkit-box-shadow: none; box-shadow: none } .btn-success.focus, .btn-success:focus, .btn-success:hover { border-color: #5cd29d; background-color: #5cd29d } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { border-color: #36ab7a; background-color: #36ab7a; -webkit-box-shadow: none; box-shadow: none } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { border-color: #36ab7a; background-color: #36ab7a } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { color: #fff; border-color: #7dd3ae; background-color: #7dd3ae } .btn-success .tag-pill { color: #46be8a; background-color: #fff } .btn-success.btn-up:before { border-bottom-color: #46be8a } .btn-success.btn-up:focus:before, .btn-success.btn-up:hover:before { border-bottom-color: #5cd29d } .btn-success.btn-up.active:before, .btn-success.btn-up:active:before, .open > .btn-success.btn-up.dropdown-toggle:before { border-bottom-color: #36ab7a } .btn-success.btn-right:before { border-left-color: #46be8a } .btn-success.btn-right:focus:before, .btn-success.btn-right:hover:before { border-left-color: #5cd29d } .btn-success.btn-right.active:before, .btn-success.btn-right:active:before, .open > .btn-success.btn-right.dropdown-toggle:before { border-left-color: #36ab7a } .btn-success.btn-bottom:before { border-top-color: #46be8a } .btn-success.btn-bottom:focus:before, .btn-success.btn-bottom:hover:before { border-top-color: #5cd29d } .btn-success.btn-bottom.active:before, .btn-success.btn-bottom:active:before, .open > .btn-success.btn-bottom.dropdown-toggle:before { border-top-color: #36ab7a } .btn-success.btn-left:before { border-right-color: #46be8a } .btn-success.btn-left:focus:before, .btn-success.btn-left:hover:before { border-right-color: #5cd29d } .btn-success.btn-left.active:before, .btn-success.btn-left:active:before, .open > .btn-success.btn-left.dropdown-toggle:before { border-right-color: #36ab7a } .btn-info { -webkit-box-shadow: none; box-shadow: none } .btn-info.focus, .btn-info:focus, .btn-info:hover { border-color: #77d6e1; background-color: #77d6e1 } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { border-color: #47b8c6; background-color: #47b8c6; -webkit-box-shadow: none; box-shadow: none } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { border-color: #47b8c6; background-color: #47b8c6 } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { color: #fff; border-color: #9ae1e9; background-color: #9ae1e9 } .btn-info .tag-pill { color: #57c7d4; background-color: #fff } .btn-info.btn-up:before { border-bottom-color: #57c7d4 } .btn-info.btn-up:focus:before, .btn-info.btn-up:hover:before { border-bottom-color: #77d6e1 } .btn-info.btn-up.active:before, .btn-info.btn-up:active:before, .open > .btn-info.btn-up.dropdown-toggle:before { border-bottom-color: #47b8c6 } .btn-info.btn-right:before { border-left-color: #57c7d4 } .btn-info.btn-right:focus:before, .btn-info.btn-right:hover:before { border-left-color: #77d6e1 } .btn-info.btn-right.active:before, .btn-info.btn-right:active:before, .open > .btn-info.btn-right.dropdown-toggle:before { border-left-color: #47b8c6 } .btn-info.btn-bottom:before { border-top-color: #57c7d4 } .btn-info.btn-bottom:focus:before, .btn-info.btn-bottom:hover:before { border-top-color: #77d6e1 } .btn-info.btn-bottom.active:before, .btn-info.btn-bottom:active:before, .open > .btn-info.btn-bottom.dropdown-toggle:before { border-top-color: #47b8c6 } .btn-info.btn-left:before { border-right-color: #57c7d4 } .btn-info.btn-left:focus:before, .btn-info.btn-left:hover:before { border-right-color: #77d6e1 } .btn-info.btn-left.active:before, .btn-info.btn-left:active:before, .open > .btn-info.btn-left.dropdown-toggle:before { border-right-color: #47b8c6 } .btn-warning { -webkit-box-shadow: none; box-shadow: none } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { border-color: #f4b066; background-color: #f4b066 } .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle { border-color: #ec9940; background-color: #ec9940; -webkit-box-shadow: none; box-shadow: none } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { border-color: #ec9940; background-color: #ec9940 } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { color: #fff; border-color: #f6be80; background-color: #f6be80 } .btn-warning .tag-pill { color: #f2a654; background-color: #fff } .btn-warning.btn-up:before { border-bottom-color: #f2a654 } .btn-warning.btn-up:focus:before, .btn-warning.btn-up:hover:before { border-bottom-color: #f4b066 } .btn-warning.btn-up.active:before, .btn-warning.btn-up:active:before, .open > .btn-warning.btn-up.dropdown-toggle:before { border-bottom-color: #ec9940 } .btn-warning.btn-right:before { border-left-color: #f2a654 } .btn-warning.btn-right:focus:before, .btn-warning.btn-right:hover:before { border-left-color: #f4b066 } .btn-warning.btn-right.active:before, .btn-warning.btn-right:active:before, .open > .btn-warning.btn-right.dropdown-toggle:before { border-left-color: #ec9940 } .btn-warning.btn-bottom:before { border-top-color: #f2a654 } .btn-warning.btn-bottom:focus:before, .btn-warning.btn-bottom:hover:before { border-top-color: #f4b066 } .btn-warning.btn-bottom.active:before, .btn-warning.btn-bottom:active:before, .open > .btn-warning.btn-bottom.dropdown-toggle:before { border-top-color: #ec9940 } .btn-warning.btn-left:before { border-right-color: #f2a654 } .btn-warning.btn-left:focus:before, .btn-warning.btn-left:hover:before { border-right-color: #f4b066 } .btn-warning.btn-left.active:before, .btn-warning.btn-left:active:before, .open > .btn-warning.btn-left.dropdown-toggle:before { border-right-color: #ec9940 } .btn-danger { -webkit-box-shadow: none; box-shadow: none } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { border-color: #fa7a7a; background-color: #fa7a7a } .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle { border-color: #e9595b; background-color: #e9595b; -webkit-box-shadow: none; box-shadow: none } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { border-color: #e9595b; background-color: #e9595b } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { color: #fff; border-color: #fa9898; background-color: #fa9898 } .btn-danger .tag-pill { color: #f96868; background-color: #fff } .btn-danger.btn-up:before { border-bottom-color: #f96868 } .btn-danger.btn-up:focus:before, .btn-danger.btn-up:hover:before { border-bottom-color: #fa7a7a } .btn-danger.btn-up.active:before, .btn-danger.btn-up:active:before, .open > .btn-danger.btn-up.dropdown-toggle:before { border-bottom-color: #e9595b } .btn-danger.btn-right:before { border-left-color: #f96868 } .btn-danger.btn-right:focus:before, .btn-danger.btn-right:hover:before { border-left-color: #fa7a7a } .btn-danger.btn-right.active:before, .btn-danger.btn-right:active:before, .open > .btn-danger.btn-right.dropdown-toggle:before { border-left-color: #e9595b } .btn-danger.btn-bottom:before { border-top-color: #f96868 } .btn-danger.btn-bottom:focus:before, .btn-danger.btn-bottom:hover:before { border-top-color: #fa7a7a } .btn-danger.btn-bottom.active:before, .btn-danger.btn-bottom:active:before, .open > .btn-danger.btn-bottom.dropdown-toggle:before { border-top-color: #e9595b } .btn-danger.btn-left:before { border-right-color: #f96868 } .btn-danger.btn-left:focus:before, .btn-danger.btn-left:hover:before { border-right-color: #fa7a7a } .btn-danger.btn-left.active:before, .btn-danger.btn-left:active:before, .open > .btn-danger.btn-left.dropdown-toggle:before { border-right-color: #e9595b } .btn-default { color: #76838f; border-color: #e4eaec; background-color: #e4eaec; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: none } .btn-default:hover { color: #76838f; border-color: #c0ced3; background-color: #c6d3d7 } .btn-default.focus, .btn-default:focus { color: #76838f; border-color: #c0ced3; background-color: #c6d3d7 } .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle { color: #76838f; border-color: #c0ced3; background-color: #c6d3d7; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover { color: #76838f; border-color: #99b0b7; background-color: #b1c2c8 } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default:disabled.focus, .btn-default:disabled:focus { border-color: #e4eaec; background-color: #e4eaec } .btn-default.disabled:hover, .btn-default:disabled:hover { border-color: #e4eaec; background-color: #e4eaec } .btn-default.focus, .btn-default:focus, .btn-default:hover { border-color: #f3f7f9; background-color: #f3f7f9 } .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle { border-color: #ccd5db; background-color: #ccd5db; -webkit-box-shadow: none; box-shadow: none } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover { border-color: #ccd5db; background-color: #ccd5db } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { cursor: not-allowed; color: #76838f; border-color: #f3f7f9; background-color: #f3f7f9 } .btn-default .tag-pill { color: #e4eaec; background-color: #76838f } .btn-default.btn-up:before { border-bottom-color: #e4eaec } .btn-default.btn-up:focus:before, .btn-default.btn-up:hover:before { border-bottom-color: #f3f7f9 } .btn-default.btn-up.active:before, .btn-default.btn-up:active:before, .open > .btn-default.btn-up.dropdown-toggle:before { border-bottom-color: #ccd5db } .btn-default.btn-right:before { border-left-color: #e4eaec } .btn-default.btn-right:focus:before, .btn-default.btn-right:hover:before { border-left-color: #f3f7f9 } .btn-default.btn-right.active:before, .btn-default.btn-right:active:before, .open > .btn-default.btn-right.dropdown-toggle:before { border-left-color: #ccd5db } .btn-default.btn-bottom:before { border-top-color: #e4eaec } .btn-default.btn-bottom:focus:before, .btn-default.btn-bottom:hover:before { border-top-color: #f3f7f9 } .btn-default.btn-bottom.active:before, .btn-default.btn-bottom:active:before, .open > .btn-default.btn-bottom.dropdown-toggle:before { border-top-color: #ccd5db } .btn-default.btn-left:before { border-right-color: #e4eaec } .btn-default.btn-left:focus:before, .btn-default.btn-left:hover:before { border-right-color: #f3f7f9 } .btn-default.btn-left.active:before, .btn-default.btn-left:active:before, .open > .btn-default.btn-left.dropdown-toggle:before { border-right-color: #ccd5db } .btn-inverse { color: #76838f; border-color: #e4eaec; background-color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: none } .btn-inverse:hover { color: #76838f; border-color: #c0ced3; background-color: #e6e6e6 } .btn-inverse.focus, .btn-inverse:focus { color: #76838f; border-color: #c0ced3; background-color: #e6e6e6 } .btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle { color: #76838f; border-color: #c0ced3; background-color: #e6e6e6; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .btn-inverse.dropdown-toggle.focus, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle:hover { color: #76838f; border-color: #99b0b7; background-color: #d4d4d4 } .btn-inverse.disabled.focus, .btn-inverse.disabled:focus, .btn-inverse:disabled.focus, .btn-inverse:disabled:focus { border-color: #e4eaec; background-color: #fff } .btn-inverse.disabled:hover, .btn-inverse:disabled:hover { border-color: #e4eaec; background-color: #fff } .btn-inverse.focus, .btn-inverse:focus, .btn-inverse:hover { border-color: #f3f7f9; background-color: #fff } .btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle { border-color: #ccd5db; background-color: #fff; -webkit-box-shadow: none; box-shadow: none } .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .btn-inverse.dropdown-toggle.focus, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle:hover { border-color: #ccd5db; background-color: #fff } .btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.active, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover { color: #ccd5db; border-color: #a3afb7; background-color: #fff } .btn-inverse .tag-pill { color: #fff; background-color: #76838f } .btn-inverse.btn-up:before { border-bottom-color: #fff } .btn-inverse.btn-up:focus:before, .btn-inverse.btn-up:hover:before { border-bottom-color: #fff } .btn-inverse.btn-up.active:before, .btn-inverse.btn-up:active:before, .open > .btn-inverse.btn-up.dropdown-toggle:before { border-bottom-color: #fff } .btn-inverse.btn-right:before { border-left-color: #fff } .btn-inverse.btn-right:focus:before, .btn-inverse.btn-right:hover:before { border-left-color: #fff } .btn-inverse.btn-right.active:before, .btn-inverse.btn-right:active:before, .open > .btn-inverse.btn-right.dropdown-toggle:before { border-left-color: #fff } .btn-inverse.btn-bottom:before { border-top-color: #fff } .btn-inverse.btn-bottom:focus:before, .btn-inverse.btn-bottom:hover:before { border-top-color: #fff } .btn-inverse.btn-bottom.active:before, .btn-inverse.btn-bottom:active:before, .open > .btn-inverse.btn-bottom.dropdown-toggle:before { border-top-color: #fff } .btn-inverse.btn-left:before { border-right-color: #fff } .btn-inverse.btn-left:focus:before, .btn-inverse.btn-left:hover:before { border-right-color: #fff } .btn-inverse.btn-left.active:before, .btn-inverse.btn-left:active:before, .open > .btn-inverse.btn-left.dropdown-toggle:before { border-right-color: #fff } .btn-dark { color: #fff; border-color: #526069; background-color: #526069; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: none } .btn-dark:hover { color: #fff; border-color: #374147; background-color: #3c464c } .btn-dark.focus, .btn-dark:focus { color: #fff; border-color: #374147; background-color: #3c464c } .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle { color: #fff; border-color: #374147; background-color: #3c464c; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover { color: #fff; border-color: #1a1f21; background-color: #2c3338 } .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark:disabled.focus, .btn-dark:disabled:focus { border-color: #526069; background-color: #526069 } .btn-dark.disabled:hover, .btn-dark:disabled:hover { border-color: #526069; background-color: #526069 } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { border-color: #76838f; background-color: #76838f } .btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle { border-color: #37474f; background-color: #37474f; -webkit-box-shadow: none; box-shadow: none } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover { border-color: #37474f; background-color: #37474f } .btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { color: #fff; border-color: #a3afb7; background-color: #a3afb7 } .btn-dark .tag-pill { color: #526069; background-color: #fff } .btn-dark.btn-up:before { border-bottom-color: #526069 } .btn-dark.btn-up:focus:before, .btn-dark.btn-up:hover:before { border-bottom-color: #76838f } .btn-dark.btn-up.active:before, .btn-dark.btn-up:active:before, .open > .btn-dark.btn-up.dropdown-toggle:before { border-bottom-color: #37474f } .btn-dark.btn-right:before { border-left-color: #526069 } .btn-dark.btn-right:focus:before, .btn-dark.btn-right:hover:before { border-left-color: #76838f } .btn-dark.btn-right.active:before, .btn-dark.btn-right:active:before, .open > .btn-dark.btn-right.dropdown-toggle:before { border-left-color: #37474f } .btn-dark.btn-bottom:before { border-top-color: #526069 } .btn-dark.btn-bottom:focus:before, .btn-dark.btn-bottom:hover:before { border-top-color: #76838f } .btn-dark.btn-bottom.active:before, .btn-dark.btn-bottom:active:before, .open > .btn-dark.btn-bottom.dropdown-toggle:before { border-top-color: #37474f } .btn-dark.btn-left:before { border-right-color: #526069 } .btn-dark.btn-left:focus:before, .btn-dark.btn-left:hover:before { border-right-color: #76838f } .btn-dark.btn-left.active:before, .btn-dark.btn-left:active:before, .open > .btn-dark.btn-left.dropdown-toggle:before { border-right-color: #37474f } .btn-dark.btn-flat { color: #526069 } .btn-flat { border: none; background: 0 0; -webkit-box-shadow: none; box-shadow: none } .btn-flat.disabled { color: #a3afb7 } .btn-icon, .btn.icon { line-height: 1em; padding: .715rem } .btn-group-xs > .btn-icon.btn, .btn-group-xs > .btn.icon, .btn-icon.btn-xs, .btn.icon.btn-xs { font-size: .858rem; padding: .286rem } .btn-icon.btn-sm, .btn.icon.btn-sm { font-size: 1rem; padding: .572rem } .btn-icon.btn-lg, .btn.icon.btn-lg { font-size: 1.429rem; padding: .858rem } .btn-icon.disabled, .btn.icon.disabled { color: #a3afb7 } .btn-icon .icon { margin: -1px 0 0 } .btn-raised { -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1); -o-transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21); box-shadow: 0 0 2px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .21) } .btn-raised.active, .btn-raised:active, .btn-raised:hover, .open > .btn-raised.dropdown-toggle { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .2) } .btn-raised.disabled, .btn-raised[disabled], fieldset[disabled] .btn-raised { -webkit-box-shadow: none; box-shadow: none } .btn-floating { font-size: 1.715rem; width: 4rem; height: 4rem; margin: 0; padding: 0; text-align: center; border-radius: 100%; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15) } .btn-floating.btn-xs, .btn-group-xs > .btn-floating.btn { font-size: .929rem; width: 2.143rem; height: 2.143rem; padding: 0 } .btn-floating.btn-sm { font-size: 1.072rem; width: 2.858rem; height: 2.858rem; padding: 0 } .btn-floating.btn-lg { font-size: 2.143rem; width: 5rem; height: 5rem; padding: 0 } .btn-floating i { position: relative; top: 0 } .btn-animate { position: relative; overflow: hidden } .btn-animate span { display: block; width: 100%; height: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .btn-animate-side { padding: .572rem 2rem } .btn-animate-side span { -webkit-transition: -webkit-transform .2s ease-out 0s; -o-transition: -o-transform .2s ease-out 0s; transition: transform .2s ease-out 0s } .btn-animate-side span > .icon { position: absolute; top: 50%; left: 0; display: block; -webkit-transition: opacity .2s ease-out 0s; -o-transition: opacity .2s ease-out 0s; transition: opacity .2s ease-out 0s; -webkit-transform: translate(-20px, -50%); -ms-transform: translate(-20px, -50%); -o-transform: translate(-20px, -50%); transform: translate(-20px, -50%); opacity: 0 } .btn-animate-side:hover span { -webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0) } .btn-animate-side:hover span > .icon { opacity: 1 } .btn-animate-side.btn-xs, .btn-group-xs > .btn-animate-side.btn { padding: .215rem 1rem } .btn-animate-side.btn-xs span > .icon, .btn-group-xs > .btn-animate-side.btn span > .icon { left: 5px } .btn-animate-side.btn-xs:hover span, .btn-group-xs > .btn-animate-side.btn:hover span { -webkit-transform: translate(8px, 0); -ms-transform: translate(8px, 0); -o-transform: translate(8px, 0); transform: translate(8px, 0) } .btn-animate-side.btn-sm { padding: .429rem 1.572rem } .btn-animate-side.btn-sm span > .icon { left: 3px } .btn-animate-side.btn-sm:hover span { -webkit-transform: translate(8px, 0); -ms-transform: translate(8px, 0); -o-transform: translate(8px, 0); transform: translate(8px, 0) } .btn-animate-side.btn-lg { padding: .715rem 2.358rem } .btn-animate-side.btn-lg span > .icon { left: -6px } .btn-animate-side.btn-lg:hover span { -webkit-transform: translate(14px, 0); -ms-transform: translate(14px, 0); -o-transform: translate(14px, 0); transform: translate(14px, 0) } .btn-animate-vertical span { -webkit-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s } .btn-animate-vertical span > .icon { font-size: 1.715rem; position: absolute; top: -2px; left: 50%; display: block; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%) } .btn-animate-vertical:hover span { -webkit-transform: translate(0, 150%); -ms-transform: translate(0, 150%); -o-transform: translate(0, 150%); transform: translate(0, 150%) } .btn-animate-vertical.btn-xs span > .icon, .btn-group-xs > .btn-animate-vertical.btn span > .icon { font-size: 1.286rem; top: -5px } .btn-animate-vertical.btn-sm span > .icon { font-size: 1.5rem; top: -3px } .btn-animate-vertical.btn-lg span > .icon { font-size: 2.643rem } .btn-tagged { padding: 0; padding-right: .572rem } .btn-tagged .btn-tag { margin-right: .357rem; padding: .429rem .572rem } .btn-group-xs > .btn-tagged.btn, .btn-tagged.btn-xs { padding-right: .358rem } .btn-group-xs > .btn-tagged.btn .btn-tag, .btn-tagged.btn-xs .btn-tag { margin-right: .143rem; padding: .072rem .286rem } .btn-tagged.btn-sm { padding-right: .858rem } .btn-tagged.btn-sm .btn-tag { margin-right: .643rem; padding: .429rem .429rem } .btn-tagged.btn-lg { padding-right: 1rem } .btn-tagged.btn-lg .btn-tag { margin-right: .785rem; padding: .715rem 1rem } .btn-tagged.btn-block { text-align: left } .btn-tag { display: inline-block; border-radius: .215rem 0 0 .215rem; background-color: rgba(0, 0, 0, .15) } .btn-pill-left { border-radius: 500px 0 0 500px } .btn-pill-right { border-radius: 0 500px 500px 0 } .btn-direction { position: relative } .btn-direction:before { line-height: 0; position: absolute; content: ''; border: 8px solid transparent } .btn-up:before { top: -16px; left: 50%; margin-left: -8px; border-bottom-color: #e4eaec } .btn-right:before { top: 50%; right: -16px; margin-top: -8px; border-left-color: #e4eaec } .btn-bottom:before { bottom: -16px; left: 50%; margin-left: -8px; border-top-color: #e4eaec } .btn-left:before { top: 50%; left: -16px; margin-top: -8px; border-right-color: #e4eaec } .dropdown-toggle:after { margin-right: 0; margin-left: .3em } .btn-group-xs > .dropdown-toggle.btn:after, .dropdown-toggle.btn-xs:after { margin-left: 0 } .dropdown-item { padding: .572rem 1.072rem; -webkit-transition: background-color .25s; -o-transition: background-color .25s; transition: background-color .25s; border-radius: .215rem } .dropdown-item .icon:first-child { width: 1em; margin-right: .5em; text-align: center } .dropdown-divider { margin: 6px 0 } .dropdown-menu { -webkit-transition: .25s; -o-transition: .25s; transition: .25s } .dropdown-menu.dropdown-menu-bullet { margin-top: 12px } .dropdown-menu.dropdown-menu-bullet:after, .dropdown-menu.dropdown-menu-bullet:before { position: absolute; left: 10px; display: inline-block; width: 0; height: 0; content: ''; border: 7px solid transparent; border-top-width: 0 } .dropdown-menu.dropdown-menu-bullet:before { top: -7px; border-bottom-color: #e4eaec } .dropdown-menu.dropdown-menu-bullet:after { top: -6px; border-bottom-color: #fff } .dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before { right: 10px; left: auto } .dropdown-menu.animate { overflow: hidden } .dropdown-menu.animate > .dropdown-item { -webkit-animation: slide-left .5s both; -o-animation: slide-left .5s both; animation: slide-left .5s both } .dropdown-menu.animate > .dropdown-item:nth-child(1) { -webkit-animation: animation-delay(.02s); -o-animation: animation-delay(.02s); animation: animation-delay(.02s) } .dropdown-menu.animate > .dropdown-item:nth-child(2) { -webkit-animation: animation-delay(.04s); -o-animation: animation-delay(.04s); animation: animation-delay(.04s) } .dropdown-menu.animate > .dropdown-item:nth-child(3) { -webkit-animation: animation-delay(.06s); -o-animation: animation-delay(.06s); animation: animation-delay(.06s) } .dropdown-menu.animate > .dropdown-item:nth-child(4) { -webkit-animation: animation-delay(.08s); -o-animation: animation-delay(.08s); animation: animation-delay(.08s) } .dropdown-menu.animate > .dropdown-item:nth-child(5) { -webkit-animation: animation-delay(.1s); -o-animation: animation-delay(.1s); animation: animation-delay(.1s) } .dropdown-menu.animate > .dropdown-item:nth-child(6) { -webkit-animation: animation-delay(.12s); -o-animation: animation-delay(.12s); animation: animation-delay(.12s) } .dropdown-menu.animate > .dropdown-item:nth-child(7) { -webkit-animation: animation-delay(.14s); -o-animation: animation-delay(.14s); animation: animation-delay(.14s) } .dropdown-menu.animate > .dropdown-item:nth-child(8) { -webkit-animation: animation-delay(.16s); -o-animation: animation-delay(.16s); animation: animation-delay(.16s) } .dropdown-menu.animate > .dropdown-item:nth-child(9) { -webkit-animation: animation-delay(.18s); -o-animation: animation-delay(.18s); animation: animation-delay(.18s) } .dropdown-menu.animate > .dropdown-item:nth-child(10) { -webkit-animation: animation-delay(.2s); -o-animation: animation-delay(.2s); animation: animation-delay(.2s) } .dropdown-menu.animate > .dropdown-item.dropdown-divider { -webkit-animation-name: none; -o-animation-name: none; animation-name: none } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(1) { -webkit-animation: animation-delay(.02s); -o-animation: animation-delay(.02s); animation: animation-delay(.02s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(2) { -webkit-animation: animation-delay(.04s); -o-animation: animation-delay(.04s); animation: animation-delay(.04s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(3) { -webkit-animation: animation-delay(.06s); -o-animation: animation-delay(.06s); animation: animation-delay(.06s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(4) { -webkit-animation: animation-delay(.08s); -o-animation: animation-delay(.08s); animation: animation-delay(.08s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(5) { -webkit-animation: animation-delay(.1s); -o-animation: animation-delay(.1s); animation: animation-delay(.1s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(6) { -webkit-animation: animation-delay(.12s); -o-animation: animation-delay(.12s); animation: animation-delay(.12s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(7) { -webkit-animation: animation-delay(.14s); -o-animation: animation-delay(.14s); animation: animation-delay(.14s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(8) { -webkit-animation: animation-delay(.16s); -o-animation: animation-delay(.16s); animation: animation-delay(.16s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(9) { -webkit-animation: animation-delay(.18s); -o-animation: animation-delay(.18s); animation: animation-delay(.18s) } .dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(10) { -webkit-animation: animation-delay(.2s); -o-animation: animation-delay(.2s); animation: animation-delay(.2s) } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { margin-bottom: 6px; -webkit-box-shadow: 0 -3px 12px rgba(0, 0, 0, .05); box-shadow: 0 -3px 12px rgba(0, 0, 0, .05) } .dropup .dropdown-menu.dropdown-menu-bullet, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet { margin-bottom: 12px } .dropup .dropdown-menu.dropdown-menu-bullet:after, .dropup .dropdown-menu.dropdown-menu-bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before { top: auto; border-top-width: 7px; border-bottom-width: 0 } .dropup .dropdown-menu.dropdown-menu-bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before { bottom: -7px; border-top-color: #e4eaec } .dropup .dropdown-menu.dropdown-menu-bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after { bottom: -6px; border-top-color: #fff } .dropdown-menu > .dropdown-header { font-size: 1rem; font-weight: 700; padding: 8px 20px 6px; cursor: default } .dropdown-menu > .dropdown-submenu { position: relative } .dropdown-menu > .dropdown-submenu > .dropdown-item { position: relative } .dropdown-menu > .dropdown-submenu > .dropdown-item:after { position: absolute; right: 10px; display: inline-block; width: 0; height: 0; margin-top: 6px; content: ''; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed } .dropdown-menu > .dropdown-submenu .dropdown-menu { left: 100%; margin: 0 } .dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu { left: -100% } .dropdown-menu > .dropdown-submenu:hover .dropdown-menu { display: block } .dropdown .dropdown-submenu .dropdown-menu { top: 0 } .dropup .dropdown-submenu .dropdown-menu { bottom: 0 } .dropdown-menu-media { width: 360px; padding-top: 0; padding-bottom: 0 } .dropdown-menu-media > li { margin: 0; padding: 0 } .dropdown-menu-media .dropdown-menu-header { position: relative; padding: 20px 20px; border-bottom: 1px solid #e4eaec; background-color: #fff } .dropdown-menu-media .dropdown-menu-header > h3, .dropdown-menu-media .dropdown-menu-header > h4, .dropdown-menu-media .dropdown-menu-header > h5 { margin: 0 } .dropdown-menu-media .dropdown-menu-header .tag { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .dropdown-menu-media .list-group { font-size: .858rem; max-height: 270px; margin: 0; border-radius: 0 } .dropdown-menu-media .list-group-item { margin: 0; padding: 0 20px; border: none; border-radius: 0 !important } .dropdown-menu-media .list-group-item .media { padding: 15px 0; border-top: 1px solid #e4eaec } .dropdown-menu-media .list-group-item:first-child .media { border-top: none } .dropdown-menu-media > .dropdown-menu-footer { border-top: 1px solid #e4eaec; background-color: #f3f7f9 } .dropdown-menu-media > .dropdown-menu-footer > a { margin: 0; padding: 15px 20px !important; color: #a3afb7 !important } .dropdown-menu-media > .dropdown-menu-footer > a:hover { color: #89bceb !important; background-color: transparent !important } .dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn { position: absolute; right: 0 } .dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn:hover { color: #89bceb !important; background-color: transparent !important } .dropdown-menu-primary .dropdown-iten.active, .dropdown-menu-primary .dropdown-iten.active:focus, .dropdown-menu-primary .dropdown-iten.active:hover { color: #fff; background-color: #62a8ea } .dropdown-menu-success .dropdown-iten.active, .dropdown-menu-success .dropdown-iten.active:focus, .dropdown-menu-success .dropdown-iten.active:hover { color: #fff; background-color: #46be8a } .dropdown-menu-info .dropdown-iten.active, .dropdown-menu-info .dropdown-iten.active:focus, .dropdown-menu-info .dropdown-iten.active:hover { color: #fff; background-color: #57c7d4 } .dropdown-menu-warning .dropdown-iten.active, .dropdown-menu-warning .dropdown-iten.active:focus, .dropdown-menu-warning .dropdown-iten.active:hover { color: #fff; background-color: #f2a654 } .dropdown-menu-danger .dropdown-iten.active, .dropdown-menu-danger .dropdown-iten.active:focus, .dropdown-menu-danger .dropdown-iten.active:hover { color: #fff; background-color: #f96868 } .dropdown-menu-dark .dropdown-iten.active, .dropdown-menu-dark .dropdown-iten.active:focus, .dropdown-menu-dark .dropdown-iten.active:hover { color: #fff; background-color: #526069 } .btn-group .btn ~ .dropdown-toggle { margin-left: -1px; padding-right: .8em; padding-left: .8em } .btn-group .btn ~ .dropdown-toggle:after { margin-left: 0 } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05) } .btn-group:focus .dropdown-toggle { -webkit-transition: .25s; -o-transition: .25s; transition: .25s } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1% } .btn-group-justified > .btn-group .btn { width: 100% } .btn-group-justified > .btn-group .dropdown-menu { left: auto } .input-group-addon { -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; -o-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear } .input-group-btn .btn { padding: 6px 10px } .input-group-btn .btn > .icon { line-height: inherit; vertical-align: bottom } .input-group-lg .input-group-addon, .input-group-lg .input-group-btn { line-height: 1.333333 } .input-group-sm .input-group-addon, .input-group-sm .input-group-btn { line-height: 1.5 } .form-icons .form-control-icon { position: absolute; z-index: 99; top: 50%; left: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .form-icons .form-control-icon + .form-control { padding-left: 30px; border-top-left-radius: .215rem; border-bottom-left-radius: .215rem } .form-icons .round-input-control .form-control { border-radius: 200px } .form-icons .large-icon .form-control { height: 3.2rem !important } .form-icons .small-icon .form-control { height: 2.2rem !important } .form-icons .form-control-icon-right { right: 10px; left: auto } .form-icons .form-control-icon-right + .form-control { padding-right: 30px; padding-left: .929rem } .nav-link { position: relative; display: block; overflow: hidden; padding: .715rem 1.072rem } .nav-link:focus { outline: 0 } .nav-link:focus, .nav-link:hover { background-color: #f3f7f9 } .nav-link .close { display: inline-block; margin-left: 10px } .nav-quick { margin-right: 0; margin-bottom: 22px; margin-left: 0; padding: 0; border-radius: .215rem; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .nav-quick .nav-item { position: relative; display: block; padding: 0; list-style: none; text-align: center } .nav-quick .nav-link { padding: 1.143rem 0; color: #76838f } .nav-quick .nav-link .icon { font-size: 2rem; display: block; margin-bottom: .2rem } .nav-quick .tag, .nav-quick .tag-pill { position: absolute; top: 0; right: 0 } .nav-quick-sm .nav-link { padding: .858rem 0 } .nav-quick-sm .nav-link .icon { font-size: 1.5rem } .nav-quick-lg .nav-link { padding: 1.572rem 0 } .nav-quick-lg .nav-link .icon { font-size: 2.5rem } .nav-quick-bordered { border-top: 1px solid #e4eaec; border-left: 1px solid #e4eaec } .nav-quick-bordered .nav-item { border-right: 1px solid #e4eaec; border-bottom: 1px solid #e4eaec } .nav-tabs .nav-link { -webkit-transition: .25s; -o-transition: .25s; transition: .25s; color: #76838f } .nav-tabs .nav-link > .icon { line-height: 1; margin-right: .5em } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: #f3f7f9 } .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { border-color: transparent; border-bottom-color: #62a8ea } .nav-tabs .dropup .dropdown-menu { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .nav-pills .nav-link { -webkit-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s; -o-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s; transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s } .nav-pills-rounded .nav-link { margin-right: 5px; margin-left: 5px; padding-right: 20px; padding-left: 20px; border-radius: 1000px } .nav-tabs.nav-tabs-bottom { border-top: 1px solid #e4eaec; border-bottom: none } .nav-tabs.nav-tabs-bottom .nav-item { margin-top: -1px; margin-bottom: 0 } .nav-tabs.nav-tabs-bottom .nav-link { border-radius: 0 0 .286rem .286rem } .nav-tabs.nav-tabs-bottom .nav-link:focus, .nav-tabs.nav-tabs-bottom .nav-link:hover { border-top-color: #e4eaec; border-bottom-color: transparent } .nav-tabs-reverse .nav-item { float: right } .nav-tabs-reverse .nav-item + .nav-item { margin-right: 2px; margin-left: 0 } .nav-tabs-solid { border-bottom-color: #f3f7f9 } .nav-tabs-solid .nav-link:hover { border-color: transparent } .nav-tabs-solid .nav-item.open .nav-link, .nav-tabs-solid .nav-item.open .nav-link:focus, .nav-tabs-solid .nav-item.open .nav-link:hover, .nav-tabs-solid .nav-link.active, .nav-tabs-solid .nav-link.active:focus, .nav-tabs-solid .nav-link.active:hover { color: #76838f; border-color: transparent; background-color: #f3f7f9 } .nav-tabs-solid ~ .tab-content { padding: 1.429rem; background-color: #f3f7f9 } .nav-tabs-solid.nav-tabs-bottom .nav-link.active, .nav-tabs-solid.nav-tabs-bottom .nav-link.active:focus, .nav-tabs-solid.nav-tabs-bottom .nav-link.active:hover { border: none } .nav-tabs-line { position: relative } .nav-tabs-line .nav-link { padding: .715rem 1.429rem; border-bottom: 2px solid transparent } .nav-tabs-line .nav-link:focus, .nav-tabs-line .nav-link:hover { background-color: transparent } .nav-tabs-line .nav-link:hover { border-bottom-color: #ccd5db } .nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover { color: #62a8ea; border-bottom: 2px solid #62a8ea; background-color: transparent } .nav-tabs-line .dropdown-menu { margin-top: 0 } .nav-tabs-line .dropup .dropdown-menu { margin-bottom: 0 } .nav-tabs-line .nav-item.open > .nav-link, .nav-tabs-line .nav-item.open > .nav-link:focus, .nav-tabs-line .nav-item.open > .nav-link:hover { border-bottom-color: #62a8ea } .nav-tabs-line.nav-tabs-bottom .nav-link { border-top: 2px solid transparent; border-bottom: none } .nav-tabs-line.nav-tabs-bottom .nav-link:hover { border-top-color: #ccd5db; border-bottom-color: transparent } .nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link, .nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link:focus, .nav-tabs-line.nav-tabs-bottom .nav-item.open .nav-link:hover, .nav-tabs-line.nav-tabs-bottom .nav-link.active, .nav-tabs-line.nav-tabs-bottom .nav-link.active:focus, .nav-tabs-line.nav-tabs-bottom .nav-link.active:hover { border-top: 2px solid #62a8ea; border-bottom: none } .nav-tabs-line.nav-tabs-bottom .nav-item.open > .nav-link, .nav-tabs-line.nav-tabs-bottom .nav-item.open > .nav-link:focus, .nav-tabs-line.nav-tabs-bottom .nav-item.open > .nav-link:hover { border-top-color: #62a8ea } .tabs-line-top { border-bottom: 1px solid #e4eaec } .tabs-line-top .nav-item .nav-link, .tabs-line-top .nav-link { bottom: -1px; border-top: 2px solid transparent; border-bottom-color: transparent } .tabs-line-top .nav-item .nav-link:hover, .tabs-line-top .nav-link:hover { border-top: 2px solid #ccd5db; border-bottom-color: transparent } .tabs-line-top .nav-item.open .nav-link, .tabs-line-top .nav-item.open .nav-link:focus, .tabs-line-top .nav-item.open .nav-link:hover, .tabs-line-top .nav-link.active, .tabs-line-top .nav-link.active:focus, .tabs-line-top .nav-link.active:hover { color: #62a8ea; border-top: 2px solid #62a8ea; border-right: 1px solid #e4eaec; border-bottom: 1px solid #fff; border-left: 1px solid #e4eaec; background-color: transparent } .nav-tabs-vertical::after { display: table; clear: both; content: '' } .nav-tabs-vertical .nav-tabs { float: left; border-right: 1px solid #e4eaec; border-bottom: none } .nav-tabs-vertical .nav-tabs .nav-item { float: none; margin-right: -1px; margin-bottom: 2px; margin-left: 0 } .navbar { min-height: 4.715rem; padding: 0; border: none; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08); box-shadow: 0 2px 4px rgba(0, 0, 0, .08) } .navbar-nav { margin: .78575rem -.9375rem } .navbar-nav .nav-item { float: none } .navbar-nav .nav-link { padding-top: 1.572rem; padding-bottom: 1.572rem } .navbar-nav .nav-item .nav-link { line-height: 22px; padding-top: .715rem; padding-bottom: .715rem } .navbar-nav .nav-item + .nav-item { margin-left: 0 } .navbar-nav > .nav-item > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu .dropdown-item { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu .dropdown-item { line-height: 22px } .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-nav .open .dropdown-menu .dropdown-item:hover { background-image: none } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav > .nav-item { float: left } .navbar-nav > .nav-item > .nav-link { padding-top: 1.5715rem; padding-bottom: 1.5715rem } .navbar-nav.navbar-right:last-child { margin-right: -.9375rem } } .navbar-header::after { display: table; clear: both; content: '' } @media (min-width: 768px) { .navbar-header { float: left } } .container-fluid .navbar-collapse, .container-fluid .navbar-header { margin-right: -.9375rem; margin-left: -.9375rem } @media (min-width: 768px) { .container-fluid .navbar-collapse, .container-fluid .navbar-header { margin-right: 0; margin-left: 0 } } .navbar-toggler { line-height: 22px; position: relative; float: right; height: 4.715rem; margin-top: 0; margin-right: .9375rem; margin-bottom: 0; padding: 1.5715rem .9375rem; cursor: pointer; -webkit-transition: color .25s linear; -o-transition: color .25s linear; transition: color .25s linear; border: 1px solid transparent; border-radius: .215rem; background: 0 0 !important; background-image: none } .navbar-toggler:hover { background: 0 0 !important } .navbar-toggler:focus { outline: 0 } .navbar-toggler .icon { margin-top: -1px } .navbar-toggler .icon-bar { display: block; width: 1.572rem; height: 2px; border-radius: 1px } .navbar-toggler .icon-bar + .icon-bar { margin-top: .286rem } @media (min-width: 768px) { .navbar-toggler { display: none } } .navbar-toggler-left { float: left; margin-right: 0; margin-left: .9375rem } .navbar-collapse { overflow-x: visible; padding-right: .9375rem; padding-left: .9375rem; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling: touch } .navbar-collapse::after { display: table; clear: both; content: '' } .navbar-collapse.in { overflow-y: visible } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block !important; overflow: visible !important; height: auto !important; padding-bottom: 0 } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { padding-right: 0; padding-left: 0 } } .navbar-fixed-bottom, .navbar-fixed-top { width: 100% } .hidden-float::after { display: table; clear: both; content: '' } @media (min-width: 768px) { .hidden-float { display: block } } @media (max-width: 767px) { .hidden-float { display: none !important } } .navbar-brand { font-size: 1.286rem; font-weight: 500; line-height: 22px; float: left; height: 4.715rem; margin: 0; padding: 1.5715rem 1.429rem } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand > img.navbar-brand-logo { display: inline-block } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -.9375rem } } .navbar-brand-logo { display: inline-block; height: 2.286rem; margin-top: -.357rem } .navbar-brand-text { margin-left: .429rem } @media (max-width: 767px) { .navbar-brand-center { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) } } @media (min-width: 768px) { .navbar-mega .container, .navbar-mega .container-fluid { position: relative } } .navbar-mega .dropdown-menu { left: auto } .navbar-mega .dropdown-mega { position: static } .navbar-mega .mega-content { padding: 1.429rem 2.143rem } .navbar-mega .mega-menu { min-width: 10.715rem; max-width: 100% } .navbar-mega .mega-menu > ul { padding-left: 0 } .navbar-mega .mega-menu .list-icons { margin-bottom: .429rem } .navbar-mega .dropdown.dropdown-fw .dropdown-menu { right: 5px; left: 5px } @media (max-width: 767px) { .navbar-mega .dropdown.dropdown-fw .dropdown-menu { right: 0; left: 0 } } .navbar-form { margin-top: 1.071rem; margin-right: -.9375rem; margin-bottom: 1.071rem; margin-left: -.9375rem; padding: .715rem .9375rem; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1) } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: .358rem } } @media (min-width: 768px) { .navbar-form { width: auto; margin-right: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-form.navbar-right:last-child { margin-right: -.9375rem } } .navbar-form .icon { font-size: 1.143rem; color: rgba(55, 71, 79, .4) } .navbar-form .form-control { border: none; border-radius: 38px; background-color: #f3f7f9 } @media (min-width: 768px) { .navbar-search.collapse { display: block !important; visibility: visible !important; overflow: visible !important; height: auto !important } } @media (max-width: 767px) { .navbar-search { padding-right: .9375rem; padding-left: .9375rem } } @media (max-width: 767px) { .navbar-search .navbar-form { margin-top: 0; margin-bottom: 0; border-bottom: none } } .container-fluid > .navbar-search, .container > .navbar-search { margin-right: -.9375rem; margin-left: -.9375rem } @media (min-width: 768px) { .container-fluid > .navbar-search, .container > .navbar-search { margin-right: 0; margin-left: 0 } } .navbar-search-overlap { position: absolute !important; top: 0; right: 0; left: 0; background-color: #fff } .navbar-search-overlap .form-control, .navbar-search-overlap .form-group { display: block !important; margin: 0 } .navbar-search-overlap .form-control { height: 4.715rem !important; border-radius: 0; background-color: transparent !important } .navbar-search-overlap .form-control:focus { border-color: transparent } .navbar-toolbar { float: left } .navbar-toolbar::after { display: table; clear: both; content: '' } .navbar-toolbar .nav-item { float: left } .navbar-toolbar .nav-item::after { display: table; clear: both; content: '' } .navbar-toolbar .nav-link { line-height: 22px; padding-top: 1.5715rem; padding-bottom: 1.5715rem } .navbar-toolbar .dropdown-menu { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s } @media (max-width: 767px) { .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) { overflow-x: hidden; overflow-y: scroll; max-height: 28.572rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch } } @media (max-width: 767px) and (max-device-width: 480px) and (orientation: landscape) { .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) { max-height: 14.286rem } } @media (max-width: 767px) { .navbar-toolbar .open { position: static } .navbar-toolbar .open .dropdown-menu { right: 0; left: 0; float: none; width: auto; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } } @media (max-width: 767px) { .navbar-toolbar-left { float: left !important } .navbar-toolbar-right { float: right !important } } .navbar-nav .nav-link.navbar-avatar, .navbar-toolbar .nav-link.navbar-avatar { padding-top: 1.286rem; padding-bottom: 1.286rem } @media (max-width: 767px) { .navbar-nav .nav-link.navbar-avatar { padding-top: .429rem; padding-bottom: .429rem } } .navbar-avatar .avatar { width: 2.143rem } .icon-fullscreen { font-family: 'Web Icons' } .icon-fullscreen:before { content: '飫? } .icon-fullscreen.active:before { content: '飫? } .icon-menubar { font-family: 'Web Icons' } .icon-menubar:before { content: '飫? } .icon-menubar.active:before { content: '飫? } .navbar-btn { margin-top: 1.071rem; margin-bottom: 1.071rem } .navbar-btn.btn-sm { margin-top: 1.2135rem; margin-bottom: 1.2135rem } .btn-group-xs > .navbar-btn.btn, .navbar-btn.btn-xs { margin-top: 1.5715rem; margin-bottom: 1.5715rem } .navbar-text { margin-top: 1.5715rem; margin-bottom: 1.5715rem } @media (min-width: 768px) { .navbar-text { float: left; margin-right: .9375rem; margin-left: .9375rem } .navbar-text.navbar-right:last-child { margin-right: 0 } } @media (min-width: 768px) { .navbar-left { float: left } .navbar-right { float: right; margin-right: -.9375rem } .navbar-right ~ .navbar-right { margin-right: 0 } .navbar-right .dropdown-menu { right: 0; left: auto } } .navbar-default { border-color: #e4eaec; background-color: #fff } .navbar-default .navbar-brand { color: #37474f } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #37474f; background-color: none } .navbar-default .navbar-text { color: #76838f } .navbar-default .navbar-nav .nav-link { color: #76838f } .navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:hover { color: #526069; background-color: rgba(243, 247, 249, .3) } .navbar-default .navbar-nav .nav-link.active, .navbar-default .navbar-nav .nav-link.active:focus, .navbar-default .navbar-nav .nav-link.active:hover, .navbar-default .navbar-nav > .active > .nav-link, .navbar-default .navbar-nav > .active > .nav-link:focus, .navbar-default .navbar-nav > .active > .nav-link:hover { color: #526069; background-color: rgba(243, 247, 249, .6) } .navbar-default .navbar-nav .nav-link.disabled, .navbar-default .navbar-nav .nav-link.disabled:focus, .navbar-default .navbar-nav .nav-link.disabled:hover, .navbar-default .navbar-nav > .disabled > .nav-link, .navbar-default .navbar-nav > .disabled > .nav-link:focus, .navbar-default .navbar-nav > .disabled > .nav-link:hover { color: #ccd5db; background-color: transparent } .navbar-default .navbar-toggler { border-color: transparent } .navbar-default .navbar-toggler:focus, .navbar-default .navbar-toggler:hover { background-color: rgba(243, 247, 249, .3) } .navbar-default .navbar-toggler .icon-bar { background-color: #76838f } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e4eaec } .navbar-default .navbar-nav > .open > .nav-link, .navbar-default .navbar-nav > .open > .nav-link:focus, .navbar-default .navbar-nav > .open > .nav-link:hover { color: #526069; background-color: rgba(243, 247, 249, .6) } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item { color: #76838f } .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover { color: #526069; background-color: rgba(243, 247, 249, .3) } .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:hover { color: #526069; background-color: rgba(243, 247, 249, .6) } .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover { color: #ccd5db; background-color: transparent } } .navbar-default .navbar-link { color: #76838f } .navbar-default .navbar-link:hover { color: #526069 } .navbar-default .navbar-toolbar .nav-link { display: block; color: #76838f } .navbar-default .navbar-toolbar .nav-link:focus, .navbar-default .navbar-toolbar .nav-link:hover { color: #526069; background-color: rgba(243, 247, 249, .3) } .navbar-default .navbar-toolbar .nav-link.active, .navbar-default .navbar-toolbar .nav-link.active:focus, .navbar-default .navbar-toolbar .nav-link.active:hover, .navbar-default .navbar-toolbar > .active > .nav-link, .navbar-default .navbar-toolbar > .active > .nav-link:focus, .navbar-default .navbar-toolbar > .active > .nav-link:hover { color: #526069; background-color: rgba(243, 247, 249, .6) } .navbar-default .navbar-toolbar .nav-link.disabled, .navbar-default .navbar-toolbar .nav-link.disabled:focus, .navbar-default .navbar-toolbar .nav-link.disabled:hover, .navbar-default .navbar-toolbar > .disabled > .nav-link, .navbar-default .navbar-toolbar > .disabled > .nav-link:focus, .navbar-default .navbar-toolbar > .disabled > .nav-link:hover { color: #ccd5db; background-color: transparent } .navbar-default .navbar-toggler { color: #76838f } .navbar-default .navbar-toolbar > .open > .nav-link, .navbar-default .navbar-toolbar > .open > .nav-link:focus, .navbar-default .navbar-toolbar > .open > .nav-link:hover { color: #526069; background-color: rgba(243, 247, 249, .6) } .navbar-inverse { border-color: rgba(0, 0, 0, .1); background-color: #62a8ea } .navbar-inverse .navbar-brand { color: #fff } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: none } .navbar-inverse .navbar-text { color: #fff } .navbar-inverse .navbar-nav .nav-link { color: #fff } .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.active:focus, .navbar-inverse .navbar-nav .nav-link.active:hover, .navbar-inverse .navbar-nav > .active > .nav-link, .navbar-inverse .navbar-nav > .active > .nav-link:focus, .navbar-inverse .navbar-nav > .active > .nav-link:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-nav .nav-link.disabled, .navbar-inverse .navbar-nav .nav-link.disabled:focus, .navbar-inverse .navbar-nav .nav-link.disabled:hover, .navbar-inverse .navbar-nav > .disabled > .nav-link, .navbar-inverse .navbar-nav > .disabled > .nav-link:focus, .navbar-inverse .navbar-nav > .disabled > .nav-link:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-toggler { color: #fff; border-color: transparent } .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover { background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-toggler .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #4397e6 } .navbar-inverse .navbar-nav > .open > .nav-link, .navbar-inverse .navbar-nav > .open > .nav-link:focus, .navbar-inverse .navbar-nav > .open > .nav-link:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-divider { background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item { color: #fff } .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.active:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover { color: #fff; background-color: transparent } } .navbar-inverse .navbar-link { color: #fff } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .navbar-toolbar .nav-link { color: #fff } .navbar-inverse .navbar-toolbar .nav-link:focus, .navbar-inverse .navbar-toolbar .nav-link:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-toolbar .nav-link.active, .navbar-inverse .navbar-toolbar .nav-link.active:focus, .navbar-inverse .navbar-toolbar .nav-link.active:hover, .navbar-inverse .navbar-toolbar > .active > .nav-link, .navbar-inverse .navbar-toolbar > .active > .nav-link:focus, .navbar-inverse .navbar-toolbar > .active > .nav-link:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .navbar-inverse .navbar-toolbar .nav-link.disabled, .navbar-inverse .navbar-toolbar .nav-link.disabled:focus, .navbar-inverse .navbar-toolbar .nav-link.disabled:hover, .navbar-inverse .navbar-toolbar > .disabled > .nav-link, .navbar-inverse .navbar-toolbar > .disabled > .nav-link:focus, .navbar-inverse .navbar-toolbar > .disabled > .nav-link:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-toolbar > .open > .nav-link, .navbar-inverse .navbar-toolbar > .open > .nav-link:focus, .navbar-inverse .navbar-toolbar > .open > .nav-link:hover { color: #fff; background-color: rgba(0, 0, 0, .1) } .breadcrumb { margin-bottom: 10px; background-color: transparent } .breadcrumb .is-hidden { display: none } .breadcrumb-ellipsis { display: inline-block } .breadcrumb-dropdown { display: inline-block } .breadcrumb.breadcrumb-right > li.breadcrumb-ellipsis.is-hidden + li:before { display: none } .breadcrumb.breadcrumb-left .breadcrumb-dropdown, .breadcrumb.breadcrumb-left .breadcrumb-ellipsis { float: left } .breadcrumb-item + .breadcrumb-item:before { padding: 0 5px } .breadcrumb-item .icon { text-decoration: none } .breadcrumb-item .icon:before { margin-right: 10px } .breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before { content: '禄聽' } .page-item > span { padding: .643rem 1.072rem; -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out } .page-item > span:focus, .page-item > span:hover { -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; text-decoration: none } .page-item .icon { margin-top: -1px } .page-item.active .page-link { z-index: 3 } .page-item.disabled > span, .page-item.disabled > span:focus, .page-item.disabled > span:hover { cursor: not-allowed; pointer-events: none; color: #ccd5db; border-color: #e4eaec; background-color: transparent } .page-link { -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out } .page-link:focus, .page-link:hover { -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out; text-decoration: none } .pagination-gap .page-item.disabled .page-link:focus, .pagination-gap .page-item.disabled .page-link:hover { border-color: #e4eaec } .pagination-gap .page-item:first-child .page-link, .pagination-gap .page-item:last-child .page-link { border-radius: 5px } .pagination-gap .page-item.active .page-link { background-color: #62a8ea } .pagination-gap .page-link { margin: 0 5px; border-radius: 5px } .pagination-gap .page-link:focus, .pagination-gap .page-link:hover { border-color: #62a8ea; background-color: transparent } .pagination-no-border .page-link { border: none } .tag.tag-outline { color: #f3f7f9; border-color: #f3f7f9; background-color: transparent } .tag-outline { border: 1px solid transparent } .tag-round { border-radius: 1em } .tag-pill { padding: 3px 6px } .tag-pill:empty { display: none } .tag-pill.up { position: relative; top: -10px; margin: 0 -.8em; border-radius: 15px } .btn .tag-pill { top: 0 } .btn-group-xs > .btn .tag-pill, .btn-xs .tag-pill { top: 0; padding: 1px 5px } a .tag-pill:focus, a .tag-pill:hover { cursor: pointer; text-decoration: none } .list-group-item > .tag-pill { float: right } .list-group-item > .tag-pill + .tag-pill { margin-right: 5px } .nav-pills > li > a > .tag-pill { margin-left: 3px } .tag-default { color: #76838f } .tag-default[href]:focus, .tag-default[href]:hover { background-color: #f3f7f9 } .tag-default.tag-outline { color: #e4eaec; border-color: #e4eaec; background-color: transparent } .tag-default[href]:focus, .tag-default[href]:hover { color: #a3afb7 } .tag-default.tag-outline { color: #76838f } .tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #89bceb } .tag-primary.tag-outline { color: #62a8ea; border-color: #62a8ea; background-color: transparent } .tag-success[href]:focus, .tag-success[href]:hover { background-color: #5cd29d } .tag-success.tag-outline { color: #46be8a; border-color: #46be8a; background-color: transparent } .tag-info[href]:focus, .tag-info[href]:hover { background-color: #77d6e1 } .tag-info.tag-outline { color: #57c7d4; border-color: #57c7d4; background-color: transparent } .tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #f4b066 } .tag-warning.tag-outline { color: #f2a654; border-color: #f2a654; background-color: transparent } .tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #fa7a7a } .tag-danger.tag-outline { color: #f96868; border-color: #f96868; background-color: transparent } .tag-dark { background-color: #526069 } .tag-dark[href]:focus, .tag-dark[href]:hover { background-color: #76838f } .tag-dark.tag-outline { color: #526069; border-color: #526069; background-color: transparent } .tag-dark[href]:focus, .tag-dark[href]:hover { background-color: #3c464c } .tag-lg { font-size: 16px } .tag-sm { font-size: 10px; padding: .1em .5em .1em } .jumbotron { padding: 0; border-radius: .215rem } .jumbotron > .jumbotron-photo img { width: 100%; border-top-left-radius: .215rem; border-top-right-radius: .215rem } .jumbotron-contents { padding: 1.429rem } .jumbotron .carousel, .jumbotron .carousel-inner, .jumbotron .carousel-inner > .carousel-item.active img { border-top-left-radius: .215rem; border-top-right-radius: .215rem } .jumbotron .carousel-inner > .carousel-item > a > img, .jumbotron .carousel-inner > .carousel-item > img { width: 100% } @media (min-width: 768px) { .container .jumbotron, .jumbotron { padding: 0 } } .alert { padding-right: 20px; padding-left: 20px } .alert ul { padding-left: 13px } .alert ul li { padding-left: 7px } .panel > .alert { margin: 0 } .alert h4 { margin-top: 0; color: inherit } .alert > :last-child { margin-bottom: 0 } .alert-alt { color: #76838f; border: none; border-left: 3px solid transparent; background-color: rgba(243, 247, 249, .8) } .alert-alt .alert-link, .alert-alt a { text-decoration: none } .alert-dismissible { padding-right: 40px } .alert-dismissible .close { top: 0; text-decoration: none; opacity: .6 } .alert-dismissible .close:focus, .alert-dismissible .close:hover { opacity: 1 } .alert-dismissible.alert-alt .close { opacity: .6; color: #a3afb7 } .alert-dismissible.alert-alt .close:focus, .alert-dismissible.alert-alt .close:hover { opacity: 1; color: #a3afb7 } .alert-icon { position: relative; padding-left: 45px } .alert-icon > .icon { font-size: 1rem; position: absolute; top: 18px; left: 20px; width: 1em; text-align: center } .alert-avatar { position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 75px } .alert-avatar > .avatar { position: absolute; top: 12px; left: 20px } .page-alert .alert-wrap { overflow: hidden; max-height: 0; margin: 0; padding: 0; -webkit-transition: max-height .7s linear 0s; -o-transition: max-height .7s linear 0s; transition: max-height .7s linear 0s } .page-alert .alert-wrap.in { max-height: 500px; -webkit-transition: max-height 1s linear 0s; -o-transition: max-height 1s linear 0s; transition: max-height 1s linear 0s } .page-alert .alert-wrap .alert { margin: 0; text-align: left; border-radius: 0 } .alert-primary { color: #62a8ea; border-color: #e8f1f8; background-color: rgba(232, 241, 248, .8) } .alert-primary .close { color: #62a8ea } .alert-primary .close:focus, .alert-primary .close:hover { color: #62a8ea } .alert-primary .alert-link { color: #4e97d9 } .alert-alt.alert-primary { border-color: #62a8ea } .alert-alt.alert-primary .alert-link, .alert-alt.alert-primary a { color: #62a8ea } .alert-success .alert-link { color: #36ab7a } .alert-alt.alert-success { border-color: #46be8a } .alert-alt.alert-success .alert-link, .alert-alt.alert-success a { color: #46be8a } .alert-info .alert-link { color: #47b8c6 } .alert-alt.alert-info { border-color: #57c7d4 } .alert-alt.alert-info .alert-link, .alert-alt.alert-info a { color: #57c7d4 } .alert-warning .alert-link { color: #ec9940 } .alert-alt.alert-warning { border-color: #f2a654 } .alert-alt.alert-warning .alert-link, .alert-alt.alert-warning a { color: #f2a654 } .alert-danger .alert-link { color: #e9595b } .alert-alt.alert-danger { border-color: #f96868 } .alert-alt.alert-danger .alert-link, .alert-alt.alert-danger a { color: #f96868 } .alert-social { position: relative; padding-left: 65px } .alert-social > .icon { font-size: 30px; position: absolute; top: 12px; bottom: 0; left: 20px; width: 1em; text-align: center } .alert-facebook { color: #fff; border-color: #3b5998; background-color: #3b5998 } .alert-facebook .close { color: #fff } .alert-facebook .close:focus, .alert-facebook .close:hover { color: #fff } .alert-facebook .alert-link { font-weight: 700; color: #fff } .alert-twitter { color: #fff; border-color: #55acee; background-color: #55acee } .alert-twitter .close { color: #fff } .alert-twitter .close:focus, .alert-twitter .close:hover { color: #fff } .alert-twitter .alert-link { font-weight: 700; color: #fff } .alert-google-plus { color: #fff; border-color: #dd4b39; background-color: #dd4b39 } .alert-google-plus .close { color: #fff } .alert-google-plus .close:focus, .alert-google-plus .close:hover { color: #fff } .alert-google-plus .alert-link { font-weight: 700; color: #fff } .alert-linkedin { color: #fff; border-color: #0976b4; background-color: #0976b4 } .alert-linkedin .close { color: #fff } .alert-linkedin .close:focus, .alert-linkedin .close:hover { color: #fff } .alert-linkedin .alert-link { font-weight: 700; color: #fff } .alert-flickr { color: #fff; border-color: #ff0084; background-color: #ff0084 } .alert-flickr .close { color: #fff } .alert-flickr .close:focus, .alert-flickr .close:hover { color: #fff } .alert-flickr .alert-link { font-weight: 700; color: #fff } .alert-tumblr { color: #fff; border-color: #35465c; background-color: #35465c } .alert-tumblr .close { color: #fff } .alert-tumblr .close:focus, .alert-tumblr .close:hover { color: #fff } .alert-tumblr .alert-link { font-weight: 700; color: #fff } .alert-github { color: #fff; border-color: #4183c4; background-color: #4183c4 } .alert-github .close { color: #fff } .alert-github .close:focus, .alert-github .close:hover { color: #fff } .alert-github .alert-link { font-weight: 700; color: #fff } .alert-dribbble { color: #fff; border-color: #c32361; background-color: #c32361 } .alert-dribbble .close { color: #fff } .alert-dribbble .close:focus, .alert-dribbble .close:hover { color: #fff } .alert-dribbble .alert-link { font-weight: 700; color: #fff } .alert-youtube { color: #fff; border-color: #b31217; background-color: #b31217 } .alert-youtube .close { color: #fff } .alert-youtube .close:focus, .alert-youtube .close:hover { color: #fff } .alert-youtube .alert-link { font-weight: 700; color: #fff } .alert.dark .alert-link { font-weight: 700; color: #fff !important } .alert.dark .alert-left-border { border: none; border-left: 3px solid transparent } .alert.dark.alert-dismissible.alert-alt .close { color: #fff } .alert.dark.alert-dismissible.alert-alt .close:focus, .alert.dark.alert-dismissible.alert-alt .close:hover { color: #fff } .alert.dark.alert-primary { color: #fff; border-color: #62a8ea; background-color: #62a8ea } .alert.dark.alert-primary .close { color: #fff } .alert.dark.alert-primary .close:focus, .alert.dark.alert-primary .close:hover { color: #fff } .alert.dark.alert-primary.alert-alt { border-color: #2771b4 } .alert.dark.alert-primary.alert-alt .alert-link, .alert.dark.alert-primary.alert-alt a { color: #fff } .alert.dark.alert-success { color: #fff; border-color: #46be8a; background-color: #46be8a } .alert.dark.alert-success .close { color: #fff } .alert.dark.alert-success .close:focus, .alert.dark.alert-success .close:hover { color: #fff } .alert.dark.alert-success.alert-alt { border-color: #247151 } .alert.dark.alert-success.alert-alt .alert-link, .alert.dark.alert-success.alert-alt a { color: #fff } .alert.dark.alert-info { color: #fff; border-color: #57c7d4; background-color: #57c7d4 } .alert.dark.alert-info .close { color: #fff } .alert.dark.alert-info .close:focus, .alert.dark.alert-info .close:hover { color: #fff } .alert.dark.alert-info.alert-alt { border-color: #2e8893 } .alert.dark.alert-info.alert-alt .alert-link, .alert.dark.alert-info.alert-alt a { color: #fff } .alert.dark.alert-warning { color: #fff; border-color: #f2a654; background-color: #f2a654 } .alert.dark.alert-warning .close { color: #fff } .alert.dark.alert-warning .close:focus, .alert.dark.alert-warning .close:hover { color: #fff } .alert.dark.alert-warning.alert-alt { border-color: #cb7314 } .alert.dark.alert-warning.alert-alt .alert-link, .alert.dark.alert-warning.alert-alt a { color: #fff } .alert.dark.alert-danger { color: #fff; border-color: #f96868; background-color: #f96868 } .alert.dark.alert-danger .close { color: #fff } .alert.dark.alert-danger .close:focus, .alert.dark.alert-danger .close:hover { color: #fff } .alert.dark.alert-danger.alert-alt { border-color: #d91d1f } .alert.dark.alert-danger.alert-alt .alert-link, .alert.dark.alert-danger.alert-alt a { color: #fff } .media .media { padding-bottom: 0; border-bottom: none } .media-object { width: 120px } .media-body { overflow: auto } .media-meta { font-size: .858rem; margin-bottom: 3px; color: #a3afb7 } .media-lg .media-object { width: 160px } .media-lg .media { margin-left: -110px } .media-sm .media-object { width: 80px } .media-sm .media { margin-left: -70px } .media-xs .media-object { width: 60px } .media-xs .media { margin-left: -60px } @media (min-width: 768px) { .media-body { overflow: hidden } .media .media { margin-left: 0 } } @media (max-width: 479px) { .media-lg .media { margin-left: 0 } .media .media-left { margin-bottom: 5px } .media .media { padding-left: 15px } .media-left { display: block } } .list-group { margin-bottom: 20px } .list-group .media { padding: 2px 0; border-bottom: 0 } .list-group .media .media-left { padding-right: 20px } .list-group .media .media-right { padding-left: 20px } .list-group .media .media-right .status { margin-top: 15px; margin-right: 5px } .list-group .media .media-heading { font-size: 1rem } .list-group-full > .list-group-item { padding-right: 0; padding-left: 0 } a.list-group-item { color: #76838f; border-radius: .215rem } a.list-group-item:focus, a.list-group-item:hover { text-decoration: none; color: #76838f; background-color: #f3f7f9 } a.list-group-item.disabled, a.list-group-item.disabled:focus, a.list-group-item.disabled:hover { color: #ccd5db; background-color: #f3f7f9 } a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover { color: #fff; background-color: #62a8ea } .list-group-item .icon { margin-right: 10px } .list-group.bg-inherit { border-radius: .215rem } .list-group.bg-inherit .list-group-item { border-bottom-color: rgba(0, 0, 0, .075); background-color: transparent } .list-group.bg-inherit .list-group-item:last-child { border-bottom-color: transparent } .list-group.bg-inherit .list-group-item:hover { border-color: transparent; background-color: rgba(0, 0, 0, .075) } .list-group-bordered .list-group-item { border-color: #e4eaec } .list-group-bordered .list-group-item.active, .list-group-bordered .list-group-item.active:focus, .list-group-bordered .list-group-item.active:hover { color: #fff; border-color: #4e97d9; background-color: #4e97d9 } .list-group-dividered .list-group-item { border-top-color: #e4eaec } .list-group-dividered .list-group-item.active:hover { border-top-color: #e4eaec } .list-group-dividered .list-group-item:last-child { border-bottom-color: #e4eaec } .list-group-dividered .list-group-item:first-child { border-top-color: transparent } .list-group-dividered .list-group-item:first-child.active:hover { border-top-color: transparent } .list-group-gap .list-group-item { margin-bottom: 2px; border-radius: .215rem } .list-group-full .list-group-item { padding-right: 0; padding-left: 0 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { color: #62a8ea; border-color: transparent; background-color: transparent } .list-group-item { border: 1px solid transparent } .list-group-item-dark { color: #fff; background-color: #526069 } a.list-group-item-dark, button.list-group-item-dark { color: #fff } a.list-group-item-dark .list-group-item-heading, button.list-group-item-dark .list-group-item-heading { color: inherit } a.list-group-item-dark:focus, a.list-group-item-dark:hover, button.list-group-item-dark:focus, button.list-group-item-dark:hover { color: #fff; background-color: #47535b } a.list-group-item-dark.active, a.list-group-item-dark.active:focus, a.list-group-item-dark.active:hover, button.list-group-item-dark.active, button.list-group-item-dark.active:focus, button.list-group-item-dark.active:hover { color: #fff; border-color: #fff; background-color: #fff } .close.icon { font-size: inherit } .card { margin-bottom: 2.143rem; border: none; -webkit-box-shadow: none; box-shadow: none } .card .cover { width: 100%; padding: 0; border-bottom: none } [class*=blocks-] > li > .card { margin-bottom: 0 } .card-title { margin-top: 0 } .card > .card-title { padding: 12px 20px } .card-footer, .card-header { border: none; -webkit-box-shadow: none; box-shadow: none } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); opacity: .5 } 100% { -webkit-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); opacity: 1 } } @-o-keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: .5 } 100% { transform: translateZ(0) rotateY(0); opacity: 1 } } @keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); opacity: .5 } 100% { -webkit-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); opacity: 1 } } .carousel-control { min-width: 50px } .carousel-control:focus, .carousel-control:hover { opacity: .4 } .carousel-control .icon { position: absolute; z-index: 5; top: 50%; display: inline-block; width: 16px; height: 16px; margin-top: -8px } .carousel-control.left .icon { left: 50%; margin-left: -8px } .carousel-control.right .icon { right: 50%; margin-right: -8px } .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 { color: inherit } .carousel-indicators { margin-bottom: 0 } .carousel-indicators li { margin: 3px; border: none; background-color: rgba(255, 255, 255, .3) } .carousel-indicators .active { width: 10px; height: 10px; margin: 3px } .carousel-indicators-scaleup li { -webkit-transition: -webkit-transform .3s ease 0s, background-color .3s ease 0s; -o-transition: -o-transform .3s ease 0s, background-color .3s ease 0s; transition: transform .3s ease 0s, background-color .3s ease 0s; border: none } .carousel-indicators-scaleup .active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5) } .carousel-indicators-fillin li { -webkit-transition: -webkit-box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; background-color: transparent; -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset } .carousel-indicators-fillin .active { -webkit-box-shadow: 0 0 0 8px #fff inset; box-shadow: 0 0 0 8px #fff inset } .carousel-indicators-fall li { position: relative; -webkit-transition: -webkit-transform .3s ease 0s, background-color .3s ease 0s; -o-transition: -o-transform .3s ease 0s, background-color .3s ease 0s; transition: transform .3s ease 0s, background-color .3s ease 0s } .carousel-indicators-fall li:after { position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; content: ''; -webkit-transition: opacity .3s ease 0s, visibility 0s ease .3s; -o-transition: opacity .3s ease 0s, visibility 0s ease .3s; transition: opacity .3s ease 0s, visibility 0s ease .3s; -webkit-transform: translate(0, -200%); -ms-transform: translate(0, -200%); -o-transform: translate(0, -200%); transform: translate(0, -200%); opacity: 0; border-radius: 50%; background-color: rgba(0, 0, 0, .3) } .carousel-indicators-fall .active { -webkit-transform: translate(0, 200%); -ms-transform: translate(0, 200%); -o-transform: translate(0, 200%); transform: translate(0, 200%); background-color: transparent } .carousel-indicators-fall .active:after { visibility: visible; -webkit-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease 0s; opacity: 1 } @media (min-width: 768px) { .carousel-control .icon { font-size: 24px; width: 24px; height: 24px; margin-top: -12px } .carousel-control.left .icon { margin-left: -12px } .carousel-control.right .icon { margin-right: -12px } } .vertical-align { font-size: 0 } .vertical-align:before { display: inline-block; height: 100%; content: ''; vertical-align: middle } .vertical-align-bottom, .vertical-align-middle { font-size: 1rem; display: inline-block; max-width: 100% } .vertical-align-middle { vertical-align: middle } .vertical-align-bottom { vertical-align: bottom } .inline { display: inline !important } .inline-block { display: inline-block !important } .block { display: block !important } .text-break { white-space: normal; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -ms-hyphens: auto } .text-top { vertical-align: top !important } .text-middle { vertical-align: middle !important } .text-bottom { vertical-align: bottom !important } .font-weight-unset { font-weight: unset !important } .font-weight-100 { font-weight: 100 !important } .font-weight-200 { font-weight: 200 !important } .font-weight-300 { font-weight: 300 !important } .font-weight-400 { font-weight: 400 !important } .font-weight-500 { font-weight: 500 !important } .font-weight-600 { font-weight: 600 !important } .font-weight-700 { font-weight: 700 !important } .font-weight-800 { font-weight: 800 !important } .font-weight-900 { font-weight: 900 !important } .font-weight-light { font-weight: 300 !important } .font-weight-normal { font-weight: 400 !important } .font-weight-medium { font-weight: 500 !important } .font-weight-bold { font-weight: 700 !important } .font-size-0 { font-size: 0 !important } .font-size-10 { font-size: 10px !important } .font-size-12 { font-size: 12px !important } .font-size-14 { font-size: 14px !important } .font-size-16 { font-size: 16px !important } .font-size-18 { font-size: 18px !important } .font-size-20 { font-size: 20px !important } .font-size-24 { font-size: 24px !important } .font-size-26 { font-size: 26px !important } .font-size-30 { font-size: 30px !important } .font-size-40 { font-size: 40px !important } .font-size-50 { font-size: 50px !important } .font-size-60 { font-size: 60px !important } .font-size-70 { font-size: 70px !important } .font-size-80 { font-size: 80px !important } .w-50 { width: 50px !important } .w-100 { width: 100px !important } .w-120 { width: 120px !important } .w-150 { width: 150px !important } .w-200 { width: 200px !important } .w-250 { width: 250px !important } .w-300 { width: 300px !important } .w-350 { width: 350px !important } .w-400 { width: 400px !important } .w-450 { width: 450px !important } .w-500 { width: 500px !important } @media (max-width: 479px) { .w-xs-50 { width: 50px !important } .w-xs-100 { width: 100px !important } .w-xs-120 { width: 120px !important } .w-xs-150 { width: 150px !important } .w-xs-200 { width: 200px !important } .w-xs-250 { width: 250px !important } .w-xs-300 { width: 300px !important } .w-xs-350 { width: 350px !important } .w-xs-400 { width: 400px !important } .w-xs-450 { width: 450px !important } .w-xs-500 { width: 500px !important } .w-xs-100pc { width: 100% !important } } @media (min-width: 480px) and (max-width: 767px) { .w-sm-50 { width: 50px !important } .w-sm-100 { width: 100px !important } .w-sm-120 { width: 120px !important } .w-sm-150 { width: 150px !important } .w-sm-200 { width: 200px !important } .w-sm-250 { width: 250px !important } .w-sm-300 { width: 300px !important } .w-sm-350 { width: 350px !important } .w-sm-400 { width: 400px !important } .w-sm-450 { width: 450px !important } .w-sm-500 { width: 500px !important } .w-sm-100pc { width: 100% !important } } @media (min-width: 768px) and (max-width: 991px) { .w-md-50 { width: 50px !important } .w-md-100 { width: 100px !important } .w-md-120 { width: 120px !important } .w-md-150 { width: 150px !important } .w-md-200 { width: 200px !important } .w-md-250 { width: 250px !important } .w-md-300 { width: 300px !important } .w-md-350 { width: 350px !important } .w-md-400 { width: 400px !important } .w-md-450 { width: 450px !important } .w-md-500 { width: 500px !important } .w-md-100pc { width: 100% !important } } @media (min-width: 992px) and (max-width: 1199px) { .w-lg-50 { width: 50px !important } .w-lg-100 { width: 100px !important } .w-lg-120 { width: 120px !important } .w-lg-150 { width: 150px !important } .w-lg-200 { width: 200px !important } .w-lg-250 { width: 250px !important } .w-lg-300 { width: 300px !important } .w-lg-350 { width: 350px !important } .w-lg-400 { width: 400px !important } .w-lg-450 { width: 450px !important } .w-lg-500 { width: 500px !important } } @media (min-width: 1200px) and (max-width: 1599px) { .w-xl-50 { width: 50px !important } .w-xl-100 { width: 100px !important } .w-xl-120 { width: 120px !important } .w-xl-150 { width: 150px !important } .w-xl-200 { width: 200px !important } .w-xl-250 { width: 250px !important } .w-xl-300 { width: 300px !important } .w-xl-350 { width: 350px !important } .w-xl-400 { width: 400px !important } .w-xl-450 { width: 450px !important } .w-xl-500 { width: 500px !important } } .h-50 { height: 50px !important } .h-100 { height: 100px !important } .h-120 { height: 120px !important } .h-150 { height: 150px !important } .h-200 { height: 200px !important } .h-250 { height: 250px !important } .h-300 { height: 300px !important } .h-350 { height: 350px !important } .h-400 { height: 400px !important } .h-450 { height: 450px !important } .h-500 { height: 500px !important } @media (max-width: 479px) { .h-xs-50 { height: 50px !important } .h-xs-100 { height: 100px !important } .h-xs-120 { height: 120px !important } .h-xs-150 { height: 150px !important } .h-xs-200 { height: 200px !important } .h-xs-250 { height: 250px !important } .h-xs-300 { height: 300px !important } .h-xs-350 { height: 350px !important } .h-xs-400 { height: 400px !important } .h-xs-450 { height: 450px !important } .h-xs-500 { height: 500px !important } } @media (min-width: 480px) and (max-width: 767px) { .h-sm-50 { height: 50px !important } .h-sm-100 { height: 100px !important } .h-sm-120 { height: 120px !important } .h-sm-150 { height: 150px !important } .h-sm-200 { height: 200px !important } .h-sm-250 { height: 250px !important } .h-sm-300 { height: 300px !important } .h-sm-350 { height: 350px !important } .h-sm-400 { height: 400px !important } .h-sm-450 { height: 450px !important } .h-sm-500 { height: 500px !important } } @media (min-width: 768px) and (max-width: 991px) { .h-md-50 { height: 50px !important } .h-md-100 { height: 100px !important } .h-md-120 { height: 120px !important } .h-md-150 { height: 150px !important } .h-md-200 { height: 200px !important } .h-md-250 { height: 250px !important } .h-md-300 { height: 300px !important } .h-md-350 { height: 350px !important } .h-md-400 { height: 400px !important } .h-md-450 { height: 450px !important } .h-md-500 { height: 500px !important } } @media (min-width: 992px) and (max-width: 1199px) { .h-lg-50 { height: 50px !important } .h-lg-100 { height: 100px !important } .h-lg-120 { height: 120px !important } .h-lg-150 { height: 150px !important } .h-lg-200 { height: 200px !important } .h-lg-250 { height: 250px !important } .h-lg-300 { height: 300px !important } .h-lg-350 { height: 350px !important } .h-lg-400 { height: 400px !important } .h-lg-450 { height: 450px !important } .h-lg-500 { height: 500px !important } } @media (min-width: 1200px) and (max-width: 1599px) { .h-xl-50 { height: 50px !important } .h-xl-100 { height: 100px !important } .h-xl-120 { height: 120px !important } .h-xl-150 { height: 150px !important } .h-xl-200 { height: 200px !important } .h-xl-250 { height: 250px !important } .h-xl-300 { height: 300px !important } .h-xl-350 { height: 350px !important } .h-xl-400 { height: 400px !important } .h-xl-450 { height: 450px !important } .h-xl-500 { height: 500px !important } } .h-full { height: 100% !important } .w-full { width: 100% !important } .m-0, .m-a-0 { margin: 0 !important } .m-t-0 { margin-top: 0 !important } .m-r-0 { margin-right: 0 !important } .m-b-0 { margin-bottom: 0 !important } .m-l-0 { margin-left: 0 !important } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important } .m-3, .m-a-3 { margin: 3px !important } .m-t-3 { margin-top: 3px !important } .m-r-3 { margin-right: 3px !important } .m-b-3 { margin-bottom: 3px !important } .m-l-3 { margin-left: 3px !important } .m-x-3 { margin-right: 3px !important; margin-left: 3px !important } .m-y-3 { margin-top: 3px !important; margin-bottom: 3px !important } .m-5, .m-a-5 { margin: 5px !important } .m-t-5 { margin-top: 5px !important } .m-r-5 { margin-right: 5px !important } .m-b-5 { margin-bottom: 5px !important } .m-l-5 { margin-left: 5px !important } .m-x-5 { margin-right: 5px !important; margin-left: 5px !important } .m-y-5 { margin-top: 5px !important; margin-bottom: 5px !important } .m-10, .m-a-10 { margin: 10px !important } .m-t-10 { margin-top: 10px !important } .m-r-10 { margin-right: 10px !important } .m-b-10 { margin-bottom: 10px !important } .m-l-10 { margin-left: 10px !important } .m-x-10 { margin-right: 10px !important; margin-left: 10px !important } .m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important } .m-15, .m-a-15 { margin: 15px !important } .m-t-15 { margin-top: 15px !important } .m-r-15 { margin-right: 15px !important } .m-b-15 { margin-bottom: 15px !important } .m-l-15 { margin-left: 15px !important } .m-x-15 { margin-right: 15px !important; margin-left: 15px !important } .m-y-15 { margin-top: 15px !important; margin-bottom: 15px !important } .m-20, .m-a-20 { margin: 20px !important } .m-t-20 { margin-top: 20px !important } .m-r-20 { margin-right: 20px !important } .m-b-20 { margin-bottom: 20px !important } .m-l-20 { margin-left: 20px !important } .m-x-20 { margin-right: 20px !important; margin-left: 20px !important } .m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important } .m-25, .m-a-25 { margin: 25px !important } .m-t-25 { margin-top: 25px !important } .m-r-25 { margin-right: 25px !important } .m-b-25 { margin-bottom: 25px !important } .m-l-25 { margin-left: 25px !important } .m-x-25 { margin-right: 25px !important; margin-left: 25px !important } .m-y-25 { margin-top: 25px !important; margin-bottom: 25px !important } .m-30, .m-a-30 { margin: 30px !important } .m-t-30 { margin-top: 30px !important } .m-r-30 { margin-right: 30px !important } .m-b-30 { margin-bottom: 30px !important } .m-l-30 { margin-left: 30px !important } .m-x-30 { margin-right: 30px !important; margin-left: 30px !important } .m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important } .m-35, .m-a-35 { margin: 35px !important } .m-t-35 { margin-top: 35px !important } .m-r-35 { margin-right: 35px !important } .m-b-35 { margin-bottom: 35px !important } .m-l-35 { margin-left: 35px !important } .m-x-35 { margin-right: 35px !important; margin-left: 35px !important } .m-y-35 { margin-top: 35px !important; margin-bottom: 35px !important } .m-40, .m-a-40 { margin: 40px !important } .m-t-40 { margin-top: 40px !important } .m-r-40 { margin-right: 40px !important } .m-b-40 { margin-bottom: 40px !important } .m-l-40 { margin-left: 40px !important } .m-x-40 { margin-right: 40px !important; margin-left: 40px !important } .m-y-40 { margin-top: 40px !important; margin-bottom: 40px !important } .m-45, .m-a-45 { margin: 45px !important } .m-t-45 { margin-top: 45px !important } .m-r-45 { margin-right: 45px !important } .m-b-45 { margin-bottom: 45px !important } .m-l-45 { margin-left: 45px !important } .m-x-45 { margin-right: 45px !important; margin-left: 45px !important } .m-y-45 { margin-top: 45px !important; margin-bottom: 45px !important } .m-50, .m-a-50 { margin: 50px !important } .m-t-50 { margin-top: 50px !important } .m-r-50 { margin-right: 50px !important } .m-b-50 { margin-bottom: 50px !important } .m-l-50 { margin-left: 50px !important } .m-x-50 { margin-right: 50px !important; margin-left: 50px !important } .m-y-50 { margin-top: 50px !important; margin-bottom: 50px !important } .m-60, .m-a-60 { margin: 60px !important } .m-t-60 { margin-top: 60px !important } .m-r-60 { margin-right: 60px !important } .m-b-60 { margin-bottom: 60px !important } .m-l-60 { margin-left: 60px !important } .m-x-60 { margin-right: 60px !important; margin-left: 60px !important } .m-y-60 { margin-top: 60px !important; margin-bottom: 60px !important } .m-70, .m-a-70 { margin: 70px !important } .m-t-70 { margin-top: 70px !important } .m-r-70 { margin-right: 70px !important } .m-b-70 { margin-bottom: 70px !important } .m-l-70 { margin-left: 70px !important } .m-x-70 { margin-right: 70px !important; margin-left: 70px !important } .m-y-70 { margin-top: 70px !important; margin-bottom: 70px !important } .m-80, .m-a-80 { margin: 80px !important } .m-t-80 { margin-top: 80px !important } .m-r-80 { margin-right: 80px !important } .m-b-80 { margin-bottom: 80px !important } .m-l-80 { margin-left: 80px !important } .m-x-80 { margin-right: 80px !important; margin-left: 80px !important } .m-y-80 { margin-top: 80px !important; margin-bottom: 80px !important } .p-0, .p-a-0 { padding: 0 !important } .p-t-0 { padding-top: 0 !important } .p-r-0 { padding-right: 0 !important } .p-b-0 { padding-bottom: 0 !important } .p-l-0 { padding-left: 0 !important } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important } .p-3, .p-a-3 { padding: 3px !important } .p-t-3 { padding-top: 3px !important } .p-r-3 { padding-right: 3px !important } .p-b-3 { padding-bottom: 3px !important } .p-l-3 { padding-left: 3px !important } .p-x-3 { padding-right: 3px !important; padding-left: 3px !important } .p-y-3 { padding-top: 3px !important; padding-bottom: 3px !important } .p-5, .p-a-5 { padding: 5px !important } .p-t-5 { padding-top: 5px !important } .p-r-5 { padding-right: 5px !important } .p-b-5 { padding-bottom: 5px !important } .p-l-5 { padding-left: 5px !important } .p-x-5 { padding-right: 5px !important; padding-left: 5px !important } .p-y-5 { padding-top: 5px !important; padding-bottom: 5px !important } .p-10, .p-a-10 { padding: 10px !important } .p-t-10 { padding-top: 10px !important } .p-r-10 { padding-right: 10px !important } .p-b-10 { padding-bottom: 10px !important } .p-l-10 { padding-left: 10px !important } .p-x-10 { padding-right: 10px !important; padding-left: 10px !important } .p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important } .p-15, .p-a-15 { padding: 15px !important } .p-t-15 { padding-top: 15px !important } .p-r-15 { padding-right: 15px !important } .p-b-15 { padding-bottom: 15px !important } .p-l-15 { padding-left: 15px !important } .p-x-15 { padding-right: 15px !important; padding-left: 15px !important } .p-y-15 { padding-top: 15px !important; padding-bottom: 15px !important } .p-20, .p-a-20 { padding: 20px !important } .p-t-20 { padding-top: 20px !important } .p-r-20 { padding-right: 20px !important } .p-b-20 { padding-bottom: 20px !important } .p-l-20 { padding-left: 20px !important } .p-x-20 { padding-right: 20px !important; padding-left: 20px !important } .p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important } .p-25, .p-a-25 { padding: 25px !important } .p-t-25 { padding-top: 25px !important } .p-r-25 { padding-right: 25px !important } .p-b-25 { padding-bottom: 25px !important } .p-l-25 { padding-left: 25px !important } .p-x-25 { padding-right: 25px !important; padding-left: 25px !important } .p-y-25 { padding-top: 25px !important; padding-bottom: 25px !important } .p-30, .p-a-30 { padding: 30px !important } .p-t-30 { padding-top: 30px !important } .p-r-30 { padding-right: 30px !important } .p-b-30 { padding-bottom: 30px !important } .p-l-30 { padding-left: 30px !important } .p-x-30 { padding-right: 30px !important; padding-left: 30px !important } .p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important } .p-35, .p-a-35 { padding: 35px !important } .p-t-35 { padding-top: 35px !important } .p-r-35 { padding-right: 35px !important } .p-b-35 { padding-bottom: 35px !important } .p-l-35 { padding-left: 35px !important } .p-x-35 { padding-right: 35px !important; padding-left: 35px !important } .p-y-35 { padding-top: 35px !important; padding-bottom: 35px !important } .p-40, .p-a-40 { padding: 40px !important } .p-t-40 { padding-top: 40px !important } .p-r-40 { padding-right: 40px !important } .p-b-40 { padding-bottom: 40px !important } .p-l-40 { padding-left: 40px !important } .p-x-40 { padding-right: 40px !important; padding-left: 40px !important } .p-y-40 { padding-top: 40px !important; padding-bottom: 40px !important } .p-45, .p-a-45 { padding: 45px !important } .p-t-45 { padding-top: 45px !important } .p-r-45 { padding-right: 45px !important } .p-b-45 { padding-bottom: 45px !important } .p-l-45 { padding-left: 45px !important } .p-x-45 { padding-right: 45px !important; padding-left: 45px !important } .p-y-45 { padding-top: 45px !important; padding-bottom: 45px !important } .p-50, .p-a-50 { padding: 50px !important } .p-t-50 { padding-top: 50px !important } .p-r-50 { padding-right: 50px !important } .p-b-50 { padding-bottom: 50px !important } .p-l-50 { padding-left: 50px !important } .p-x-50 { padding-right: 50px !important; padding-left: 50px !important } .p-y-50 { padding-top: 50px !important; padding-bottom: 50px !important } .p-60, .p-a-60 { padding: 60px !important } .p-t-60 { padding-top: 60px !important } .p-r-60 { padding-right: 60px !important } .p-b-60 { padding-bottom: 60px !important } .p-l-60 { padding-left: 60px !important } .p-x-60 { padding-right: 60px !important; padding-left: 60px !important } .p-y-60 { padding-top: 60px !important; padding-bottom: 60px !important } .p-70, .p-a-70 { padding: 70px !important } .p-t-70 { padding-top: 70px !important } .p-r-70 { padding-right: 70px !important } .p-b-70 { padding-bottom: 70px !important } .p-l-70 { padding-left: 70px !important } .p-x-70 { padding-right: 70px !important; padding-left: 70px !important } .p-y-70 { padding-top: 70px !important; padding-bottom: 70px !important } .p-80, .p-a-80 { padding: 80px !important } .p-t-80 { padding-top: 80px !important } .p-r-80 { padding-right: 80px !important } .p-b-80 { padding-bottom: 80px !important } .p-l-80 { padding-left: 80px !important } .p-x-80 { padding-right: 80px !important; padding-left: 80px !important } .p-y-80 { padding-top: 80px !important; padding-bottom: 80px !important } .m-x-auto { margin-right: auto !important; margin-left: auto !important } @media (max-width: 767px) { .m-xs-0 { margin: 0 !important } } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important } } @media (min-width: 1600px) { .m-xl-0 { margin: 0 !important } } @media (max-width: 767px) { .p-xs-0 { padding: 0 !important } } @media (min-width: 768px) { .p-sm-0 { padding: 0 !important } } @media (min-width: 992px) { .p-md-0 { padding: 0 !important } } @media (min-width: 1200px) { .p-lg-0 { padding: 0 !important } } @media (min-width: 1600px) { .p-xl-0 { padding: 0 !important } } .pos-f-t { position: fixed; z-index: 1500; top: 0; right: 0; left: 0 } body { font-size: 1rem; line-height: 1.571429; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif } body, html { height: 100% } .page { position: relative; min-height: -webkit-calc(100% - 44px); min-height: calc(100% - 44px); background: #f1f4f5 } .page-dark.layout-full { color: #fff } .page-dark.layout-full::before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; background-position: center top; -webkit-background-size: cover; background-size: cover } .page-dark.layout-full::after { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; background-color: rgba(38, 50, 56, .6) } .page-dark.layout-full .brand { margin-bottom: 22px } .page-dark.layout-full .brand-text { font-size: 18px; color: #fff; text-transform: uppercase } .page-nav-tabs { padding: 0 30px } .page-content { padding: 30px 30px } @media (max-width: 479px) { .page-content { padding: 10px } } .page-content-actions { padding: 0 30px 30px } .page-content-actions .dropdown { display: inline-block } .page-content-actions::after { content: ""; display: table; clear: both } @media (max-width: 991px) { .page { min-height: -webkit-calc(100% - 66px); min-height: calc(100% - 66px) } } .page-header + .page-content { padding-top: 0 } .page-title { margin-top: 0; margin-bottom: 0; font-size: 26px } .page-title > .icon { margin-right: .3em } .page-description { color: #a3afb7 } .layout-full { height: 100% } .layout-full .page { height: 100%; margin: 0 !important; padding: 0; background-color: transparent } .layout-full > .loader { margin-left: 0 !important } body.layout-full { padding-top: 0 } @media (min-width: 1200px) { .layout-boxed { background: #e4eaec } .layout-boxed, .layout-boxed .site-navbar { max-width: 1320px; margin-left: auto; margin-right: auto } } .layout-boxed .slidePanel-left, .layout-boxed .slidePanel-right { top: 0; z-index: 1510 } @media (min-width: 768px) { .form-inline .checkbox-custom, .form-inline .radio-custom { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox-custom label, .form-inline .radio-custom label { padding-left: 0 } .form-inline .checkbox-custom input[type=checkbox], .form-inline .radio-custom input[type=radio] { position: relative; margin-left: 0 } .form-inline .radio-custom label { padding-left: 10px } .form-inline .checkbox-custom label { padding-left: 10px } .form-inline .checkbox-custom input[type=checkbox] { position: absolute; margin-left: -20px } .form-inline .radio-custom input[type=radio] { position: absolute; margin-left: -20px } } .form-horizontal .checkbox-custom, .form-horizontal .radio-custom { margin-top: 0; margin-bottom: 0; padding-top: .501rem } .form-horizontal .checkbox-custom, .form-horizontal .radio-custom { min-height: 2.073rem } .form-control-wrap { position: relative } [class*=animation-] { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fade { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes scale-12 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-o-keyframes scale-12 { 0% { -o-transform: scale(1.2); transform: scale(1.2) } 100% { -o-transform: scale(1); transform: scale(1) } } @keyframes scale-12 { 0% { -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1) } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-9px); transform: translateX(-9px) } 20% { -webkit-transform: translateX(8px); transform: translateX(8px) } 30% { -webkit-transform: translateX(-7px); transform: translateX(-7px) } 40% { -webkit-transform: translateX(6px); transform: translateX(6px) } 50% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } 60% { -webkit-transform: translateX(4px); transform: translateX(4px) } 70% { -webkit-transform: translateX(-3px); transform: translateX(-3px) } 80% { -webkit-transform: translateX(2px); transform: translateX(2px) } 90% { -webkit-transform: translateX(-1px); transform: translateX(-1px) } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); transform: translateX(0) } 10% { -o-transform: translateX(-9px); transform: translateX(-9px) } 20% { -o-transform: translateX(8px); transform: translateX(8px) } 30% { -o-transform: translateX(-7px); transform: translateX(-7px) } 40% { -o-transform: translateX(6px); transform: translateX(6px) } 50% { -o-transform: translateX(-5px); transform: translateX(-5px) } 60% { -o-transform: translateX(4px); transform: translateX(4px) } 70% { -o-transform: translateX(-3px); transform: translateX(-3px) } 80% { -o-transform: translateX(2px); transform: translateX(2px) } 90% { -o-transform: translateX(-1px); transform: translateX(-1px) } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } 10% { -webkit-transform: translateX(-9px); -o-transform: translateX(-9px); transform: translateX(-9px) } 20% { -webkit-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px) } 30% { -webkit-transform: translateX(-7px); -o-transform: translateX(-7px); transform: translateX(-7px) } 40% { -webkit-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px) } 50% { -webkit-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px) } 60% { -webkit-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px) } 70% { -webkit-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px) } 80% { -webkit-transform: translateX(2px); -o-transform: translateX(2px); transform: translateX(2px) } 90% { -webkit-transform: translateX(-1px); -o-transform: translateX(-1px); transform: translateX(-1px) } } .bg-red-100 { background-color: #ffeaea !important } .bg-red-200 { background-color: #fad3d3 !important } .bg-red-300 { background-color: #fab4b4 !important } .bg-red-400 { background-color: #fa9898 !important } .bg-red-500 { background-color: #fa7a7a !important } .bg-red-600 { background-color: #f96868 !important } .bg-red-700 { background-color: #e9595b !important } .bg-red-800 { background-color: #d6494b !important } .red-100 { color: #ffeaea !important } .red-200 { color: #fad3d3 !important } .red-300 { color: #fab4b4 !important } .red-400 { color: #fa9898 !important } .red-500 { color: #fa7a7a !important } .red-600 { color: #f96868 !important } .red-700 { color: #e9595b !important } .red-800 { color: #d6494b !important } .bg-purple-100 { background-color: #f6f2ff !important } .bg-purple-200 { background-color: #e3dbf4 !important } .bg-purple-300 { background-color: #d2c5ec !important } .bg-purple-400 { background-color: #bba7e4 !important } .bg-purple-500 { background-color: #a58add !important } .bg-purple-600 { background-color: #926dde !important } .bg-purple-700 { background-color: #7c51d1 !important } .bg-purple-800 { background-color: #6d45bc !important } .purple-100 { color: #f6f2ff !important } .purple-200 { color: #e3dbf4 !important } .purple-300 { color: #d2c5ec !important } .purple-400 { color: #bba7e4 !important } .purple-500 { color: #a58add !important } .purple-600 { color: #926dde !important } .purple-700 { color: #7c51d1 !important } .purple-800 { color: #6d45bc !important } .bg-indigo-100 { background-color: #edeff9 !important } .bg-indigo-200 { background-color: #dadef5 !important } .bg-indigo-300 { background-color: #bcc5f4 !important } .bg-indigo-400 { background-color: #9daaf3 !important } .bg-indigo-500 { background-color: #8897ec !important } .bg-indigo-600 { background-color: #677ae4 !important } .bg-indigo-700 { background-color: #5166d6 !important } .bg-indigo-800 { background-color: #465bd4 !important } .indigo-100 { color: #edeff9 !important } .indigo-200 { color: #dadef5 !important } .indigo-300 { color: #bcc5f4 !important } .indigo-400 { color: #9daaf3 !important } .indigo-500 { color: #8897ec !important } .indigo-600 { color: #677ae4 !important } .indigo-700 { color: #5166d6 !important } .indigo-800 { color: #465bd4 !important } .bg-blue-100 { background-color: #e8f1f8 !important } .bg-blue-200 { background-color: #d5e4f1 !important } .bg-blue-300 { background-color: #bcd8f1 !important } .bg-blue-400 { background-color: #a2caee !important } .bg-blue-500 { background-color: #89bceb !important } .bg-blue-600 { background-color: #62a8ea !important } .bg-blue-700 { background-color: #4e97d9 !important } .bg-blue-800 { background-color: #3583ca !important } .blue-100 { color: #e8f1f8 !important } .blue-200 { color: #d5e4f1 !important } .blue-300 { color: #bcd8f1 !important } .blue-400 { color: #a2caee !important } .blue-500 { color: #89bceb !important } .blue-600 { color: #62a8ea !important } .blue-700 { color: #4e97d9 !important } .blue-800 { color: #3583ca !important } .light-green-700 { color: #83b944 !important } .bg-grey-100 { background-color: #fafafa !important } .bg-grey-200 { background-color: #eee !important } .bg-grey-300 { background-color: #e0e0e0 !important } .bg-grey-400 { background-color: #bdbdbd !important } .bg-grey-500 { background-color: #9e9e9e !important } .bg-grey-600 { background-color: #757575 !important } .bg-grey-700 { background-color: #616161 !important } .bg-grey-800 { background-color: #424242 !important } .grey-100 { color: #fafafa !important } .grey-200 { color: #eee !important } .grey-300 { color: #e0e0e0 !important } .grey-400 { color: #bdbdbd !important } .grey-500 { color: #9e9e9e !important } .grey-600 { color: #757575 !important } .grey-700 { color: #616161 !important } .grey-800 { color: #424242 !important } .bg-blue-grey-100 { background-color: #f3f7f9 !important } .bg-blue-grey-200 { background-color: #e4eaec !important } .bg-blue-grey-300 { background-color: #ccd5db !important } .bg-blue-grey-400 { background-color: #a3afb7 !important } .bg-blue-grey-500 { background-color: #76838f !important } .bg-blue-grey-600 { background-color: #526069 !important } .bg-blue-grey-700 { background-color: #37474f !important } .bg-blue-grey-800 { background-color: #263238 !important } .blue-grey-100 { color: #f3f7f9 !important } .blue-grey-200 { color: #e4eaec !important } .blue-grey-300 { color: #ccd5db !important } .blue-grey-400 { color: #a3afb7 !important } .blue-grey-500 { color: #76838f !important } .blue-grey-600 { color: #526069 !important } .blue-grey-700 { color: #37474f !important } .blue-grey-800 { color: #263238 !important } .black { color: #000 !important } .white { color: #fff !important } .blocks, [class*=blocks-] { font-size: 0; list-style: none; padding: 0; margin: 0; margin-left: -.9375rem; margin-right: -.9375rem } .blocks > .block, [class*=blocks-] > .block, [class*=blocks-] > li { display: inline-block; font-size: 1rem; vertical-align: top; margin-bottom: 1.875rem; padding-left: .9375rem; padding-right: .9375rem } .blocks.no-space, [class*=blocks-].no-space { margin: 0 } .blocks.no-space > .block, .blocks.no-space > li, [class*=blocks-].no-space > .block, [class*=blocks-].no-space > li { padding: 0; margin: 0 } .blocks-100 > .block, .blocks-100 > li { width: 100% } .blocks-2 > .block, .blocks-2 > li { width: 50% } .blocks-3 > .block, .blocks-3 > li { width: 33.333333% } .blocks-4 > .block, .blocks-4 > li { width: 25% } .blocks-5 > .block, .blocks-5 > li { width: 20% } .blocks-6 > .block, .blocks-6 > li { width: 16.666667% } .blocks-xs-100 > .block, .blocks-xs-100 > li { width: 100% } .blocks-xs-2 > .block, .blocks-xs-2 > li { width: 50% } .blocks-xs-3 > .block, .blocks-xs-3 > li { width: 33.333333% } .blocks-xs-4 > .block, .blocks-xs-4 > li { width: 25% } .blocks-xs-5 > .block, .blocks-xs-5 > li { width: 20% } .blocks-xs-6 > .block, .blocks-xs-6 > li { width: 16.666667% } @media (min-width: 480px) { .blocks-sm-100 > .block, .blocks-sm-100 > li { width: 100% } .blocks-sm-2 > .block, .blocks-sm-2 > li { width: 50% } .blocks-sm-3 > .block, .blocks-sm-3 > li { width: 33.333333% } .blocks-sm-4 > .block, .blocks-sm-4 > li { width: 25% } .blocks-sm-5 > .block, .blocks-sm-5 > li { width: 20% } .blocks-sm-6 > .block, .blocks-sm-6 > li { width: 16.666667% } } @media (min-width: 768px) { .blocks-md-100 > .block, .blocks-md-100 > li { width: 100% } .blocks-md-2 > .block, .blocks-md-2 > li { width: 50% } .blocks-md-3 > .block, .blocks-md-3 > li { width: 33.333333% } .blocks-md-4 > .block, .blocks-md-4 > li { width: 25% } .blocks-md-5 > .block, .blocks-md-5 > li { width: 20% } .blocks-md-6 > .block, .blocks-md-6 > li { width: 16.666667% } } @media (min-width: 992px) { .blocks-lg-100 > .block, .blocks-lg-100 > li { width: 100% } .blocks-lg-2 > .block, .blocks-lg-2 > li { width: 50% } .blocks-lg-3 > .block, .blocks-lg-3 > li { width: 33.333333% } .blocks-lg-4 > .block, .blocks-lg-4 > li { width: 25% } .blocks-lg-5 > .block, .blocks-lg-5 > li { width: 20% } .blocks-lg-6 > .block, .blocks-lg-6 > li { width: 16.666667% } } @media (min-width: 1200px) { .blocks-xl-100 > .block, .blocks-xl-100 > li { width: 100% } .blocks-xl-2 > .block, .blocks-xl-2 > li { width: 50% } .blocks-xl-3 > .block, .blocks-xl-3 > li { width: 33.333333% } .blocks-xl-4 > .block, .blocks-xl-4 > li { width: 25% } .blocks-xl-5 > .block, .blocks-xl-5 > li { width: 20% } .blocks-xl-6 > .block, .blocks-xl-6 > li { width: 16.666667% } } @media (min-width: 1600px) { .blocks-xxl-100 > .block, .blocks-xxl-100 > li { width: 100% } .blocks-xxl-2 > .block, .blocks-xxl-2 > li { width: 50% } .blocks-xxl-3 > .block, .blocks-xxl-3 > li { width: 33.333333% } .blocks-xxl-4 > .block, .blocks-xxl-4 > li { width: 25% } .blocks-xxl-5 > .block, .blocks-xxl-5 > li { width: 20% } .blocks-xxl-6 > .block, .blocks-xxl-6 > li { width: 16.666667% } } .icon { position: relative; display: inline-block; font-style: normal; font-weight: 400; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); line-height: 1 } .icon.pull-xs-left { margin-right: .3em } .icon.pull-xs-right { margin-left: .3em } .icon-circle { position: relative; margin: .5em } .icon-circle:before { position: relative; z-index: 1 } .icon-circle:after { position: absolute; top: 50%; left: 50%; z-index: 0; content: ""; width: 2em; height: 2em; background-color: inherit; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .icon-lg { font-size: 1.333333em; vertical-align: -15% } .icon-2x { font-size: 2em } .icon-3x { font-size: 3em } .icon-4x { font-size: 4em } .icon-5x { font-size: 5em } .icon-fw { width: 1.285714em; text-align: center } .icon-ul { padding-left: 0; margin-left: 2.142857em; list-style-type: none } .icon-ul > li { position: relative } .icon-li { position: absolute; top: .142857em; left: -2.142857em; width: 2.142857em; text-align: center } .icon-li.icon-lg { left: -1.857143em } .icon-border { padding: .2em .25em .15em; border: solid .08em #e4eaec; border-radius: .1em } .icon-spin { -webkit-animation: icon-spin 2s infinite linear; -o-animation: icon-spin 2s infinite linear; animation: icon-spin 2s infinite linear } .icon-spin-reverse { -webkit-animation: icon-spin-reverse 2s infinite linear; -o-animation: icon-spin-reverse 2s infinite linear; animation: icon-spin-reverse 2s infinite linear } .icon-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$ rotation); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .icon-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$ rotation); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .icon-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$ rotation); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } .icon-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$ rotation, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1) } .icon-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$ rotation, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .icon-stack-1x, .icon-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .icon-stack-1x { line-height: inherit } .icon-stack-2x { font-size: 2em } .icon-stack-inverse { color: #fff } .icon-color { color: rgba(55, 71, 79, .4) } .icon-color:focus, .icon-color:hover { color: rgba(55, 71, 79, .6) } .icon-color.active, .icon-color:active { color: #37474f } .icon-color-alt { color: rgba(55, 71, 79, .6) } .icon-color-alt:focus, .icon-color-alt:hover { color: rgba(55, 71, 79, .8) } .icon-color-alt.active, .icon-color-alt:active { color: #37474f } :root-flip-horizontal, :root-flip-vertical, :root-rotate-180, :root-rotate-270, :root-rotate-90 { -webkit-filter: none; filter: none } @-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-o-keyframes icon-spin { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes icon-spin { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } @-webkit-keyframes icon-spin-reverse { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(-359deg); transform: rotate(-359deg) } } @-o-keyframes icon-spin-reverse { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(-359deg); -o-transform: rotate(-359deg); transform: rotate(-359deg) } } @keyframes icon-spin-reverse { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(-359deg); -o-transform: rotate(-359deg); transform: rotate(-359deg) } } .hamburger { vertical-align: middle; font-size: 17px } .hamburger, .hamburger .hamburger-bar, .hamburger:after, .hamburger:before { -webkit-transition: -webkit-transform .2s ease-in-out; -o-transition: -o-transform .2s ease-in-out; transition: transform .2s ease-in-out } .hamburger:after, .hamburger:before { content: "" } .hamburger .hamburger-bar, .hamburger:after, .hamburger:before { display: block; width: 1em; height: .1em; margin: 0; border-radius: 1px; background: #76838f } .navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after, .navbar-default .hamburger:before { background: #76838f } .navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after, .navbar-inverse .hamburger:before { background: #fff } .hamburger .hamburger-bar { margin: .2em 0 } .hamburger-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8% } .hamburger-close .hamburger-bar { opacity: 0 } .hamburger-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8% } .hamburger-close.collapsed:before, .hamburger-close.hided:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } .hamburger-close.collapsed .hamburger-bar, .hamburger-close.hided .hamburger-bar { opacity: 1 } .hamburger-close.collapsed:after, .hamburger-close.hided:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } .hamburger-arrow-left.collapsed { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .hamburger-arrow-left.collapsed:before { width: .6em; -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg); transform: translate3d(.45em, .1em, 0) rotate(45deg) } .hamburger-arrow-left.collapsed .hamburger-bar { border-radius: .2em } .hamburger-arrow-left.collapsed:after { width: .6em; -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg); transform: translate3d(.45em, -.1em, 0) rotate(-45deg) } .panel { position: relative; margin-bottom: 1.875rem; background-color: #fff; border: 0 solid transparent; border-radius: .286rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .cover { overflow: hidden } .cover-background { height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover } .cover-image { width: 100%; height: 184px; } .cover-quote { position: relative; margin-bottom: 0; padding-left: 35px; border-left: none } .cover-quote:after, .cover-quote:before { position: absolute; top: -20px; font-size: 4em } .cover-quote:before { left: 0; content: open-quote } .cover-quote:after { right: 0; content: close-quote; visibility: hidden } .cover-quote.blockquote-reverse { padding-right: 35px; padding-left: 20px; border-right: none } .cover-quote.blockquote-reverse:before { right: 0; left: auto; content: close-quote } .cover-gallery .carousel-inner img { width: 100% } .cover-iframe { width: 100%; border: 0 none } .overlay { position: relative; display: inline-block; width: 100%; max-width: 100%; margin: 0; overflow: hidden; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0) } .overlay-figure { width: 100%; max-width: 100%; margin-bottom: 0 } .overlay-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; color: #fff } .overlay-panel a:not([class]) { color: inherit; text-decoration: underline } .overlay-panel > :last-child { margin-bottom: 0 } .overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 { color: inherit } .overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) { opacity: 0 } .overlay-background { background: rgba(0, 0, 0, .5) } .overlay-image { width: 100%; max-width: 100%; padding: 0 } .overlay-shade { background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, .87)), to(#fff)) repeat scroll 0 0; background: transparent -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0; background: transparent -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0; background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0 } .overlay-top { bottom: auto } .overlay-bottom { top: auto } .overlay-left { right: auto } .overlay-right { left: auto } .overlay-icon { font-size: 0; text-align: center } .overlay-icon:before { display: inline-block; height: 100%; vertical-align: middle; content: "" } .overlay-icon .icon { display: inline-block; width: 2rem; height: 2rem; margin-right: 10px; margin-left: 10px; font-size: 2rem; line-height: 1; color: #fff; text-decoration: none } .overlay-anchor { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .overlay-blur, .overlay-fade, .overlay-grayscale, .overlay-scale, .overlay-spin, [class*=overlay-slide] { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter; -o-transition-property: opacity -o-transform filter; transition-property: opacity transform filter } .overlay-fade { opacity: .7 } .overlay-hover:hover .overlay-fade { opacity: 1 } .overlay-scale { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .overlay-hover:hover .overlay-scale { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .overlay-spin { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } .overlay-hover:hover .overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } .overlay-grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%) } .overlay-hover:hover .overlay-grayscale { filter: grayscale(0); -webkit-filter: grayscale(0) } [class*=overlay-slide] { opacity: 0 } .overlay-slide-top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .overlay-slide-bottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } .overlay-slide-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .overlay-slide-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%) } .overlay-hover:hover [class*=overlay-slide] { opacity: 1; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } .chat-box { height: 100%; width: 100%; background-color: #fff; overflow: hidden } .chats { padding: 30px 15px } .chat-avatar { float: right } .chat-avatar .avatar { width: 30px } .chat-body { display: block; margin: 10px 30px 0 0; overflow: hidden } .chat-body:first-child { margin-top: 0 } .chat-content { position: relative; display: block; float: right; padding: 8px 15px; margin: 0 20px 10px 0; clear: both; color: #fff; background-color: #62a8ea; border-radius: .286rem } .chat-content:before { position: absolute; top: 10px; right: -10px; width: 0; height: 0; content: ""; border: 5px solid transparent; border-left-color: #62a8ea } .chat-content p { margin-bottom: .5rem } .chat-content > p:last-child { margin-bottom: 0 } .chat-content + .chat-content:before { border-color: transparent } .chat-time { display: block; margin-top: 8px; color: rgba(255, 255, 255, .6) } .chat-left .chat-avatar { float: left } .chat-left .chat-body { margin-right: 0; margin-left: 30px } .chat-left .chat-content { float: left; margin: 0 0 10px 20px; color: #76838f; background-color: #dfe9ef } .chat-left .chat-content:before { right: auto; left: -10px; border-right-color: #dfe9ef; border-left-color: transparent } .chat-left .chat-content + .chat-content:before { border-color: transparent } .chat-left .chat-time { color: #a3afb7 } .steps { display: block; margin: 0 0 22px } .step { position: relative; padding: 12px 20px; margin: 0; color: #a3afb7; font-size: inherit; vertical-align: top; background-color: #f3f7f9; border-radius: 0 } .step-icon { float: left; font-size: 20px; margin-right: .5em } .step-number { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 20px; width: 40px; height: 40px; font-size: 24px; line-height: 40px; color: #fff; text-align: center; background: #e4eaec; border-radius: 50% } .step-number ~ .step-desc { min-height: 40px; margin-left: 50px } .step-title { font-size: 20px; color: #526069; margin-bottom: 0 } .step-desc { text-align: left } .step-desc p { margin-bottom: 0 } .steps-vertical .step { display: block; padding: 18px 20px } .steps-vertical .step, .steps-vertical .step[class*=col-] { width: 100%; float: none } .step.current { color: #fff; background-color: #62a8ea } .step.current .step-title { color: #fff } .step.current .step-number { color: #62a8ea; background-color: #fff } .step.disabled { color: #ccd5db; pointer-events: none; cursor: auto } .step.disabled .step-title { color: #ccd5db } .step.disabled .step-number { background-color: #ccd5db } .step.error { color: #fff; background-color: #f96868 } .step.error .step-title { color: #fff } .step.error .step-number { color: #f96868; background-color: #fff } .step.done { color: #fff; background-color: #46be8a } .step.done .step-title { color: #fff } .step.done .step-number { color: #46be8a; background-color: #fff } .steps-lg .step { padding: 20px 20px; font-size: 16px } .steps-lg .step-icon { font-size: 22px } .steps-lg .step-title { font-size: 22px } .steps-lg .step-number { width: 46px; height: 46px; font-size: 28px; line-height: 46px } .steps-lg .step-number ~ .step-desc { min-height: 46px; margin-left: 56px } .steps-sm .step { font-size: 12px } .steps-sm .step-icon { font-size: 18px } .steps-sm .step-title { font-size: 18px } .steps-sm .step-number { width: 30px; height: 30px; font-size: 24px; line-height: 30px } .steps-sm .step-number ~ .step-desc { min-height: 30px; margin-left: 40px } .steps-xs .step { font-size: 10px } .steps-xs .step-icon { font-size: 16px } .steps-xs .step-title { font-size: 16px } .steps-xs .step-number { width: 24px; height: 24px; font-size: 20px; line-height: 24px } .steps-xs .step-number ~ .step-desc { min-height: 24px; margin-left: 34px } .rating { display: inline-block; margin: 0 .5rem 0 0; font-size: 0; vertical-align: middle } .rating:before { display: block; height: 0; clear: both; visibility: hidden; content: "" } .rating.hover .icon.active { opacity: .5 } .rating .icon { width: 1em; height: auto; padding: 0; margin: 0 10px 0 0; font-size: 1rem; color: #ccd5db; vertical-align: middle; cursor: pointer } .rating .icon:before { -webkit-transition: color .3s ease, opacity .3s ease; -o-transition: color .3s ease, opacity .3s ease; transition: color .3s ease, opacity .3s ease } .rating .icon.active { color: #f2a654 !important } .rating .icon.active.hover { color: #f2a654 !important; opacity: 1 } .rating .icon.hover { color: #f2a654 !important; opacity: 1 } .rating .icon:last-child { margin-right: 0 } .rating-disabled .icon { cursor: default } .rating-sm .icon { font-size: .858rem } .rating-lg .icon { font-size: 1.286rem } .example-wrap { margin-bottom: 80px } .example-wrap .example-wrap { margin-bottom: 0 } .example { margin-top: 20px; margin-bottom: 20px } .example:before { content: ""; display: table } .example::after { content: ""; display: table; clear: both } .example-title { text-transform: uppercase } h4.example-title { font-size: 14px } h3.example-title { font-size: 18px } .panel-body > .example-wrap:last-child { margin-bottom: 0 } .panel-body > .row:last-child > [class*=col-]:last-child .example-wrap:last-child { margin-bottom: 0 } .example-well { position: relative; margin-bottom: 30px; background-color: #f3f7f9 } .example-well .center { position: absolute; display: inline-block; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .example-dropdown .dropdown::after, .example-dropdown .dropup::after { content: ""; display: table; clear: both } .example-dropdown .dropdown > .dropdown-toggle, .example-dropdown .dropup > .dropdown-toggle { float: left } .example-dropdown .dropdown > .dropdown-menu, .example-dropdown .dropup > .dropdown-menu { position: static; display: block; clear: left } .example-dropdown .dropdown > .dropdown-menu-right, .example-dropdown .dropup > .dropdown-menu-right { float: right; clear: right } .example-tooltip { position: relative; display: inline-block; z-index: 1 } .example-tooltip .tooltip { position: relative; margin-right: 25px; opacity: 1 } .example-blocks .example-col, .example-grid .example-col { min-height: 0; padding: 10px 15px 12px; background-color: #f3f7f9; border-radius: 0 } .example-grid .example-col { margin-bottom: 20px } .example-grid .example-col .example-col { margin-top: 20px; margin-bottom: 0; background-color: #e2ecf1 } .example-popover { position: relative; display: inline-block; z-index: 1 } .example-popover .popover { position: relative; display: block; margin-right: 25px } .example-buttons .btn, .example-buttons .btn-group, .example-buttons .btn-group-vertical { margin-right: 15px; margin-bottom: 20px } .example-buttons .btn-group .btn, .example-buttons .btn-group-vertical .btn { margin-right: 0; margin-bottom: 0 } .example-box { position: relative; margin-left: 0; margin-right: 0; padding: 45px 15px 15px; border: 1px solid #e4eaec } .example-box:after { position: absolute; top: 15px; left: 15px; content: "Example"; color: #959595; font-size: .858rem; letter-spacing: 1px; text-transform: uppercase } .example-avatars .avatar { margin-right: 20px; margin-bottom: 20px } .example-avatars .avatar:last-child { margin-right: 20px } .example-typography { position: relative; padding-left: 25% } .example-typography .heading-note, .example-typography .text-note { position: absolute; bottom: 2px; left: 0; display: block; width: 260px; font-size: 13px; font-weight: 400; line-height: 13px; color: #aab2bd } .example-typography .text-note { top: 10px; bottom: auto } .example-responsive { overflow-x: auto; min-height: .01% } @media (max-width: 767px) { .example-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar } } .well { min-height: 20px; padding: 20px; margin-bottom: 20px; border: 1px solid #e4eaec; background-color: #f3f7f9; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02); -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02); -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02); box-shadow: inset 0 0 1px rgba(0, 0, 0, .02); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .dropdown-item, .index-news-list li a, .index-product-list h4 a, .index-service-list li h3, .met-download-list .list-group-item .media-heading a, .met-editor, .met-editor table, .met-footnav .info em a:hover, .met-footnav .list h4 a, .met-job-list .card .card-title a, .met-lightgallery .lg-actions .lg-next:hover, .met-lightgallery .lg-actions .lg-prev:hover, .met-lightgallery .lg-outer .lg-toogle-thumb:hover, .met-lightgallery .lg-toolbar .lg-icon:hover, .met-nav .navlist .nav-item a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-page .pagination li a, .met-product.type-1 .met-product-list li h4 a, .met-search-list .list-group-item h4 a, .sidebar-column li a, .sidebar-news-list .list-group a, body { color: #2a333c } .dropdown-item:hover, .index-news-list li a:hover, .index-product-list h4 a:hover, .met-column-nav-ul li a:hover, .met-download-list .list-group-item .media-heading a:hover, .met-footnav .list h4 a:hover, .met-footnav .list ul li a:hover, .met-job-list .card .card-title a:hover, .met-link a:hover, .met-nav .navlist .nav-item a.nav-link:hover, .met-nav .navlist .nav-item a:hover, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:hover, .met-page .pagination li a:hover, .met-product.type-1 .met-product-list li h4 a:hover, .met-search-list .list-group-item h4 a:hover, .sidebar-column li a:hover, .sidebar-news-list .list-group a:hover, .sidebar-piclist-ul li h4 a:hover, .sitemap-list a:hover, a:hover { color: #4e97d9 } .met-column-nav-ul li a.active, .sidebar-column li a.active { color: #4e97d9 } .met-footnav .info p, .met-link .breadcrumb > li + li:before, .sidebar-column li i, footer { color: #aaa } .index-service-list li i, .index-service-list li p, .met-footnav .info em a, .met-footnav .list ul li a, .met-index-body p.desc, .met-lightgallery .lg-sub-html, .met-link, .met-link a, .met-showproduct-head .product-intro p.description, .paralist li, .sidebar-piclist-ul li h4 a { color: #5e7387 } .met-head-user .dropdown i, .met-search-list .list-group-item .search-text { color: #9e9e9e } .decorationnone, .dropdown-item, .index-news-list li a, .index-product-list h4 a, .met-column-nav-ul li a, .met-download-list .list-group-item .media-heading a, .met-footnav .list h4 a, .met-footnav .list ul li a, .met-job-list .card .card-title a, .met-link a, .met-nav .navlist .nav-item a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-page .pagination li a, .met-product.type-1 .met-product-list li h4 a, .met-search-list .list-group-item h4 a, .sidebar-column li a, .sidebar-news-list .list-group a, .sidebar-piclist-ul li h4 a, .sitemap-list a, a { text-decoration: none } .decorationnone:active, .decorationnone:focus, .decorationnone:hover, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover, .index-news-list li a:active, .index-news-list li a:focus, .index-news-list li a:hover, .index-product-list h4 a:active, .index-product-list h4 a:focus, .index-product-list h4 a:hover, .met-column-nav-ul li a:active, .met-column-nav-ul li a:focus, .met-column-nav-ul li a:hover, .met-download-list .list-group-item .media-heading a:active, .met-download-list .list-group-item .media-heading a:focus, .met-download-list .list-group-item .media-heading a:hover, .met-footnav .list h4 a:active, .met-footnav .list h4 a:focus, .met-footnav .list h4 a:hover, .met-footnav .list ul li a:active, .met-footnav .list ul li a:focus, .met-footnav .list ul li a:hover, .met-job-list .card .card-title a:active, .met-job-list .card .card-title a:focus, .met-job-list .card .card-title a:hover, .met-link a:active, .met-link a:focus, .met-link a:hover, .met-nav .navlist .nav-item a:active, .met-nav .navlist .nav-item a:focus, .met-nav .navlist .nav-item a:hover, .met-news-list li h4 a:active, .met-news-list li h4 a:focus, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:active, .met-news-list.type-3 .card h4 a:focus, .met-news-list.type-3 .card h4 a:hover, .met-page .pagination li a:active, .met-page .pagination li a:focus, .met-page .pagination li a:hover, .met-product.type-1 .met-product-list li h4 a:active, .met-product.type-1 .met-product-list li h4 a:focus, .met-product.type-1 .met-product-list li h4 a:hover, .met-search-list .list-group-item h4 a:active, .met-search-list .list-group-item h4 a:focus, .met-search-list .list-group-item h4 a:hover, .sidebar-column li a:active, .sidebar-column li a:focus, .sidebar-column li a:hover, .sidebar-news-list .list-group a:active, .sidebar-news-list .list-group a:focus, .sidebar-news-list .list-group a:hover, .sidebar-piclist-ul li h4 a:active, .sidebar-piclist-ul li h4 a:focus, .sidebar-piclist-ul li h4 a:hover, .sitemap-list a:active, .sitemap-list a:focus, .sitemap-list a:hover, a:active, a:focus, a:hover { text-decoration: none } .met-head-user .dropdown > a, .navhover-bg { background: #f5f5f5 } .index-bg, .met-index-body:nth-of-type(odd) { background: #f5f5f5 } .met-lightgallery .lg-outer .lg-thumb-outer, .met-lightgallery .lg-outer .lg-toogle-thumb, .page-bg, .page-content { background: #f2f2f2 } .block-bg, .met-showproduct.pagetype2 .content:nth-child(even), .panel { background: #fff } .editor-color { background: #5e7387 } .pagecr-bg { background: #62a8ea } #met-imgs-slick .slick-dots li.slick-active, .met-grid li.shown, .no-cssanimations .met-grid li, .no-js .grid li, .opacity1, .slick-arrow:hover i { opacity: 1 } .met-grid li, .met-lightgallery .lg-toolbar.opacity0, .opacity0 { opacity: 0 } #met-imgs-slick .slick-dots, .flex, .slick-track { display: flex } .slick-track { align-items: center } .card, .card-header, .dropdown-menu, .dropdown-menu .dropdown-item, .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item, .modal-content, .modal-header, .panel, .radius0 { border-radius: 0 !important } .index-service-list li i { border-radius: 100% } .dropdown-item, .index-service-list li i, .met-lightgallery .lg-toolbar.opacity0, .met-nav .navlist .nav-item a { transition: all .5s } .box-shadow-none { box-shadow: none } .box-shadow1 { box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .ulstyle { padding: 0; list-style: none } .border-none { border: none !important } .border-top1, .met-head + .met-column-nav, .met-head + .met-crumbs, .met-showproduct-head .product-para { border-top: 1px solid #f0f2f5 } .border-bottom1, .met-showproduct-head .product-para, .product-detail .met-editor .product-para { border-bottom: 1px solid #f0f2f5 } .flex-start { -webkit-justify-content: flex-start !important; justify-content: flex-start !important } #met-imgs-slick .slick-dots, .flex-center, .met-column-nav-ul.swiper-wrapper { -webkit-justify-content: center; justify-content: center } .flex-end, .met-showproduct.pagetype2 .met-showproduct-navtabs.swiper-wrapper { -webkit-justify-content: flex-end; justify-content: flex-end } body, html { width: 100%; max-width: 100%; min-width: 320px } body { height: auto; min-height: 100%; overflow-x: hidden; word-wrap: break-word } b, strong { font-weight: 700 } a:focus { outline: 0 } h4, h5, h6 { text-shadow: none } .overflow-visible { overflow: visible !important } .oya { overflow-y: auto !important } .h-20 { height: 20px } .h-100p { height: 100% } .scrollbar-beautify::-webkit-scrollbar { width: 3px } .scrollbar-beautify::-webkit-scrollbar-track { background: 0 0 } .scrollbar-beautify::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .2); border-radius: 3px } .scrollbar-beautify::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .2) } .scrollbar-beautify::-webkit-scrollbar-button { height: 0 } .text-shadow-none { text-shadow: none } .transition500 { transition: all .5s !important } .tag { font-size: inherit } .modal-content { overflow: hidden } .page-content { padding: 30px 0 } .webui-popover { z-index: 1600 } .pearl-title { white-space: normal } [class*=animation-] { animation-fill-mode: none } @media (max-width: 991px) { .page-content { padding: 20px 0 } .panel { margin-bottom: 20px } .panel-body { padding: 20px } } @media (max-width: 767px) { .page-content { padding: 15px 0 } .card-shadow, .panel, .well { margin-bottom: 15px } .modal-body, .modal-footer, .modal-header, .panel-body, .well { padding: 15px } .modal-footer { padding-top: 0 } } @media screen { select.form-control { padding-right: 15px } } .animation-slide-top10 { animation-name: slide-top10 } @at-root { @ -webkit-keyframes slide-top10 { .animation-slide-top10 0% { opacity: 0; transform: translate3d(0, -10%, 0) }.animation-slide-top10 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-top10 { .animation-slide-top10 0 % { opacity: 0 ; transform: translate3d(0, -10%, 0) } .animation-slide-top10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-top10 { .animation-slide-top10 0 % { opacity: 0 ; transform: translate3d(0, -10%, 0) } .animation-slide-top10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-top10 { .animation-slide-top10 0 % { opacity: 0 ; transform: translate3d(0, -10%, 0) } .animation-slide-top10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-bottom10 { animation-name: slide-bottom10 } @at-root { @ -webkit-keyframes slide-bottom10 { .animation-slide-bottom10 0% { opacity: 0; transform: translate3d(0, 10%, 0) }.animation-slide-bottom10 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-bottom10 { .animation-slide-bottom10 0 % { opacity: 0 ; transform: translate3d(0, 10%, 0) } .animation-slide-bottom10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-bottom10 { .animation-slide-bottom10 0 % { opacity: 0 ; transform: translate3d(0, 10%, 0) } .animation-slide-bottom10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-bottom10 { .animation-slide-bottom10 0 % { opacity: 0 ; transform: translate3d(0, 10%, 0) } .animation-slide-bottom10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-left10 { animation-name: slide-left10 } @at-root { @ -webkit-keyframes slide-left10 { .animation-slide-left10 0% { opacity: 0; transform: translate3d(-10%, 0, 0) }.animation-slide-left10 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-left10 { .animation-slide-left10 0 % { opacity: 0 ; transform: translate3d(-10%, 0, 0) } .animation-slide-left10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-left10 { .animation-slide-left10 0 % { opacity: 0 ; transform: translate3d(-10%, 0, 0) } .animation-slide-left10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-left10 { .animation-slide-left10 0 % { opacity: 0 ; transform: translate3d(-10%, 0, 0) } .animation-slide-left10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-right10 { animation-name: slide-right10 } @at-root { @ -webkit-keyframes slide-right10 { .animation-slide-right10 0% { opacity: 0; transform: translate3d(10%, 0, 0) }.animation-slide-right10 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-right10 { .animation-slide-right10 0 % { opacity: 0 ; transform: translate3d(10%, 0, 0) } .animation-slide-right10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-right10 { .animation-slide-right10 0 % { opacity: 0 ; transform: translate3d(10%, 0, 0) } .animation-slide-right10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-right10 { .animation-slide-right10 0 % { opacity: 0 ; transform: translate3d(10%, 0, 0) } .animation-slide-right10 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-top50 { animation-name: slide-top50 } @at-root { @ -webkit-keyframes slide-top50 { .animation-slide-top50 0% { opacity: 0; transform: translate3d(0, -50%, 0) }.animation-slide-top50 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-top50 { .animation-slide-top50 0 % { opacity: 0 ; transform: translate3d(0, -50%, 0) } .animation-slide-top50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-top50 { .animation-slide-top50 0 % { opacity: 0 ; transform: translate3d(0, -50%, 0) } .animation-slide-top50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-top50 { .animation-slide-top50 0 % { opacity: 0 ; transform: translate3d(0, -50%, 0) } .animation-slide-top50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-bottom50 { animation-name: slide-bottom50 } @at-root { @ -webkit-keyframes slide-bottom50 { .animation-slide-bottom50 0% { opacity: 0; transform: translate3d(0, 50%, 0) }.animation-slide-bottom50 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-bottom50 { .animation-slide-bottom50 0 % { opacity: 0 ; transform: translate3d(0, 50%, 0) } .animation-slide-bottom50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-bottom50 { .animation-slide-bottom50 0 % { opacity: 0 ; transform: translate3d(0, 50%, 0) } .animation-slide-bottom50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-bottom50 { .animation-slide-bottom50 0 % { opacity: 0 ; transform: translate3d(0, 50%, 0) } .animation-slide-bottom50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-left50 { animation-name: slide-left50 } @at-root { @ -webkit-keyframes slide-left50 { .animation-slide-left50 0% { opacity: 0; transform: translate3d(-50%, 0, 0) }.animation-slide-left50 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-left50 { .animation-slide-left50 0 % { opacity: 0 ; transform: translate3d(-50%, 0, 0) } .animation-slide-left50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-left50 { .animation-slide-left50 0 % { opacity: 0 ; transform: translate3d(-50%, 0, 0) } .animation-slide-left50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-left50 { .animation-slide-left50 0 % { opacity: 0 ; transform: translate3d(-50%, 0, 0) } .animation-slide-left50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .animation-slide-right50 { animation-name: slide-right50 } @at-root { @ -webkit-keyframes slide-right50 { .animation-slide-right50 0% { opacity: 0; transform: translate3d(50%, 0, 0) }.animation-slide-right50 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @-moz-keyframes slide-right50 { .animation-slide-right50 0 % { opacity: 0 ; transform: translate3d(50%, 0, 0) } .animation-slide-right50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @-o-keyframes slide-right50 { .animation-slide-right50 0 % { opacity: 0 ; transform: translate3d(50%, 0, 0) } .animation-slide-right50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } @keyframes slide-right50 { .animation-slide-right50 0 % { opacity: 0 ; transform: translate3d(50%, 0, 0) } .animation-slide-right50 100 % { opacity: 1 ; transform: translate3d(0, 0, 0) } } } .dropdown-item.active { color: #4e97d9 !important } .dropdown-item.active, .dropdown-item:hover { background: #f5f5f5 !important } .dropdown-toggle::after { margin-top: -3px } .dropdown-submenu:hover .dropdown-menu { display: table } .dropdown-submenu.dropdown-item { padding: 0 !important } .dropdown-menu, .dropdown-menu .dropdown-item { font-weight: 400 } @media (max-width: 1199px) { .dropdown-item { white-space: normal } } @media (max-width: 767px) { .dropdown-menu.dropdown-menu-bullet:after, .dropdown-menu.dropdown-menu-bullet:before { display: none } } .met-lightgallery .lg-backdrop, .met-lightgallery .lg-toolbar { background: #fff } .met-lightgallery .lg-actions .lg-icon { padding: 10px 0; background: rgba(255, 255, 255, .5) } .met-lightgallery .lg-actions .lg-icon:after, .met-lightgallery .lg-actions .lg-icon:before { content: '' } .met-lightgallery .lg-actions .lg-icon i { font-size: 40px } .met-lightgallery .lg-sub-html { background: rgba(255, 255, 255, .7) } .met-lightgallery .lg-toolbar.opacity0 { transform: translateY(-50px) } .met-lightgallery .lg-outer { z-index: 1602; background: #fff } .met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 84px } .met-lightgallery .lg-outer .lg-thumb-outer { padding: 0 10px } .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item { margin-bottom: 0 } .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active, .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover { border-color: #62a8ea } .btn, .form-control, .input-group-addon { border-radius: 0 } .form-group small.form-control-label { margin-right: 10px } .input-group-file .btn-file input[type=file] { width: 100%; height: 100% } .alertify-logs { bottom: auto !important; top: 48%; z-index: 1701 !important } .dataTables_info { color: #777 } @media (max-width: 479px) { .dataTables_info { float: none !important; text-align: left !important } .dataTables_paginate { float: none !important; text-align: center !important } } .swiper-navtab.swiper-container-horizontal .swiper-scrollbar { width: 100%; height: 3px; left: 0; bottom: 0 } .swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag { background: rgba(0, 0, 0, .2) } .swiper-navtab .swiper-slide { width: auto } .swiper-wrapper > * { box-sizing: border-box } .slick-loading .slick-list { background: 0 0 } .slick-arrow { width: auto; height: auto; z-index: 1; color: #fff !important; text-align: center } .slick-arrow:after, .slick-arrow:before { display: none } .slick-arrow:hover { color: #4e97d9 !important } .slick-arrow.slick-next { right: 0 } .slick-arrow.slick-prev { left: 0 } .slick-arrow i { font-size: 40px; opacity: .5 } .slick-slide { width: 100% } .slick-slide:first-child { display: block } .slick-slide img[data-lazy] { width: auto !important; max-width: 100% !important } @media (max-width: 767px) { .nav-tabs .nav-link { padding: 5px } .nav-tabs.fixed { position: fixed; left: 0; top: 0; z-index: 10 } } img.imgloading:not([src*=base64]), img.slick-loading:not([src*=base64]) { object-fit: scale-down; background: #fff } img + canvas { max-width: 100% } .met-editor { width: 100%; max-width: 100%; font-size: 16px; font-weight: 300; line-height: 1.8 } .met-editor p { margin-bottom: .8em } .met-editor img { max-width: 100% !important; vertical-align: top } .met-editor img[src] { height: auto !important } .met-editor .table-saw { overflow-x: auto } .met-editor .metvideo, .met-editor .metvideobox, .met-editor embed, .met-editor iframe, .met-editor video { max-width: 100% !important; margin: auto; display: block } .met-editor .lg-item-box { display: inline-block } @media (max-width: 767px) { .met-editor { font-size: 14px } } .met-page .pagination li a { max-width: 100% } .met-sidebar { margin-left: 30px } @media (max-width: 991px) { .met-sidebar { margin-left: 0; margin-top: 20px } } @media (max-width: 767px) { .met-sidebar { margin-top: 15px } } .met-sidebar > :not(:first-child) { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #f0f2f5 } .leftsidebar { margin-left: 0 !important; margin-right: 30px } @media (max-width: 991px) { .leftsidebar { margin-right: 0 } } .sidebar-column li a { display: block; font-size: 16px } .sidebar-column li i { float: right; margin-top: 2px; font-size: 14px } .sidebar-column li ul a { font-size: 14px } .paralist li { margin-bottom: 0 } @media (min-width: 480px) { .paralist li { padding-top: 3px; padding-bottom: 3px } } .met-tools .bdsharebuttonbox { display: inline-block; vertical-align: top } #bdshare_weixin_qrcode_dialog { box-sizing: content-box } #getcode { height: 24px } .panel-body { position: relative; padding: 30px 30px }