@charset "utf-8"; /*bootstrap.min.css*/ 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; /* width: 94%; */ } @-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=time], input[type=datetime-local], input[type=month] { -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 \00A0' } .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: '\00A0 \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: 380px; } .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: 1170px } } @media (min-width:1600px) { .container { width: 1310px } } .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-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: 1.429rem } .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%; border-radius: 7px; } .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: 160px; 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: 0!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: '\00a0' } .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 (max-width:767px) { .hidden-sm-down { 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 } } /*bootstrap-extend.min.css*/ @charset 'UTF-8'; 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-left: 10px; list-style: none } .list-icons>li { margin-top: 6px } .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: 1310px } } .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 { color: #76838f } .table th { font-weight: 500 } .table tfoot th, .table thead th { font-weight: 500; color: #526069; border-bottom-width: 1px } .table tbody+tbody { border-top-width: 1px } .table a { text-decoration: underline } .table td>.checkbox-custom:only-child, .table th>.checkbox-custom:only-child { margin-top: 0; margin-bottom: 0; text-align: center } .table thead:first-child th { border-top: none } .table .cell-30 { width: 30px } .table .cell-40 { width: 40px } .table .cell-50 { width: 50px } .table .cell-60 { width: 60px } .table .cell-80 { width: 80px } .table .cell-100 { width: 100px } .table .cell-120 { width: 120px } .table .cell-130 { width: 130px } .table .cell-150 { width: 150px } .table .cell-180 { width: 180px } .table .cell-200 { width: 200px } .table .cell-250 { width: 250px } .table .cell-300 { width: 300px } .table-active, .table-active>td, .table-active>th { color: inherit; background-color: #f3f7f9 } .table-active a { color: inherit } .table-hover .table-active:hover { background-color: #e2ecf1 } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { color: inherit; background-color: #e2ecf1 } .table-success, .table-success>td, .table-success>th { color: #fff; background-color: #46be8a } .table-success a { color: #fff } .table-hover .table-success:hover { background-color: #3dae7d } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { color: #fff; background-color: #3dae7d } .table-info, .table-info>td, .table-info>th { color: #fff; background-color: #57c7d4 } .table-info a { color: #fff } .table-hover .table-info:hover { background-color: #43c0cf } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { color: #fff; background-color: #43c0cf } .table-warning, .table-warning>td, .table-warning>th { color: #fff; background-color: #f2a654 } .table-warning a { color: #fff } .table-hover .table-warning:hover { background-color: #f09a3c } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { color: #fff; background-color: #f09a3c } .table-danger, .table-danger>td, .table-danger>th { color: #fff; background-color: #f96868 } .table-danger a { color: #fff } .table-hover .table-danger:hover { background-color: #f84f4f } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { color: #fff; background-color: #f84f4f } .table .thead-default th { color: inherit; background-color: #f3f7f9 } .table .thead-primary th { color: #fff; background-color: #62a8ea } .table .thead-success th { color: #fff; background-color: #46be8a } .table .thead-info th { color: #fff; background-color: #57c7d4 } .table .thead-warning th { color: #fff; background-color: #f2a654 } .table .thead-danger th { color: #fff; background-color: #f96868 } .table .thead-dark th { color: #fff; background-color: #526069 } .table .thead-gray th { color: #526069; background-color: #ccd5db } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 1px } .table-section+tbody { display: none } .table-section-arrow { font-family: 'Web Icons'; font-weight: 400; font-weight: 400; font-style: normal; font-style: normal; position: relative; position: relative; position: relative; display: inline-block; display: inline-block; -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; -webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); transform: translate(0, 0); text-align: center; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .table-section-arrow:before { content: '' } .table-section.active tr { background-color: #f3f7f9 } .table-section.active+tbody { display: table-row-group } .table-section.active .table-section-arrow { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } 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; border-radius: 7px; } 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: 1.429rem } .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: #fe96ac; background-color: #fe96ac;s } .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 } .btn-pure, .btn-pure.active, .btn-pure:active, .btn-pure:focus, .btn-pure:hover, .btn-pure[disabled], .open>.btn-pure.dropdown-toggle, fieldset[disabled] .btn-pure { border-color: transparent; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-pure.active.focus, .btn-pure.active:focus, .btn-pure.active:hover, .btn-pure.focus, .btn-pure:active.focus, .btn-pure:active:focus, .btn-pure:active:hover, .btn-pure:focus, .btn-pure:focus.focus, .btn-pure:focus:focus, .btn-pure:focus:hover, .btn-pure:hover, .btn-pure:hover.focus, .btn-pure:hover:focus, .btn-pure:hover:hover, .btn-pure[disabled].focus, .btn-pure[disabled]:focus, .btn-pure[disabled]:hover, .open>.btn-pure.dropdown-toggle.focus, .open>.btn-pure.dropdown-toggle:focus, .open>.btn-pure.dropdown-toggle:hover, fieldset[disabled] .btn-pure.focus, fieldset[disabled] .btn-pure:focus, fieldset[disabled] .btn-pure:hover { border-color: transparent; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-pure.btn-default { color: #a3afb7 } .btn-pure.btn-default.active, .btn-pure.btn-default:active, .btn-pure.btn-default:focus, .btn-pure.btn-default:hover, .open>.btn-pure.btn-default.dropdown-toggle { color: #ccd5db } .btn-pure.btn-default.active.focus, .btn-pure.btn-default.active:focus, .btn-pure.btn-default.active:hover, .btn-pure.btn-default:active.focus, .btn-pure.btn-default:active:focus, .btn-pure.btn-default:active:hover, .btn-pure.btn-default:focus.focus, .btn-pure.btn-default:focus:focus, .btn-pure.btn-default:focus:hover, .btn-pure.btn-default:hover.focus, .btn-pure.btn-default:hover:focus, .btn-pure.btn-default:hover:hover, .open>.btn-pure.btn-default.dropdown-toggle.focus, .open>.btn-pure.btn-default.dropdown-toggle:focus, .open>.btn-pure.btn-default.dropdown-toggle:hover { color: #ccd5db } .btn-pure.btn-default.active .tag-pill, .btn-pure.btn-default:active .tag-pill, .btn-pure.btn-default:focus .tag-pill, .btn-pure.btn-default:hover .tag-pill, .open>.btn-pure.btn-default.dropdown-toggle .tag-pill { color: #ccd5db } .btn-pure.btn-primary { color: #62a8ea } .btn-pure.btn-primary.active, .btn-pure.btn-primary:active, .btn-pure.btn-primary:focus, .btn-pure.btn-primary:hover, .open>.btn-pure.btn-primary.dropdown-toggle { color: #a2caee } .btn-pure.btn-primary.active.focus, .btn-pure.btn-primary.active:focus, .btn-pure.btn-primary.active:hover, .btn-pure.btn-primary:active.focus, .btn-pure.btn-primary:active:focus, .btn-pure.btn-primary:active:hover, .btn-pure.btn-primary:focus.focus, .btn-pure.btn-primary:focus:focus, .btn-pure.btn-primary:focus:hover, .btn-pure.btn-primary:hover.focus, .btn-pure.btn-primary:hover:focus, .btn-pure.btn-primary:hover:hover, .open>.btn-pure.btn-primary.dropdown-toggle.focus, .open>.btn-pure.btn-primary.dropdown-toggle:focus, .open>.btn-pure.btn-primary.dropdown-toggle:hover { color: #a2caee } .btn-pure.btn-primary.active .tag-pill, .btn-pure.btn-primary:active .tag-pill, .btn-pure.btn-primary:focus .tag-pill, .btn-pure.btn-primary:hover .tag-pill, .open>.btn-pure.btn-primary.dropdown-toggle .tag-pill { color: #a2caee } .btn-pure.btn-success { color: #46be8a } .btn-pure.btn-success.active, .btn-pure.btn-success:active, .btn-pure.btn-success:focus, .btn-pure.btn-success:hover, .open>.btn-pure.btn-success.dropdown-toggle { color: #7dd3ae } .btn-pure.btn-success.active.focus, .btn-pure.btn-success.active:focus, .btn-pure.btn-success.active:hover, .btn-pure.btn-success:active.focus, .btn-pure.btn-success:active:focus, .btn-pure.btn-success:active:hover, .btn-pure.btn-success:focus.focus, .btn-pure.btn-success:focus:focus, .btn-pure.btn-success:focus:hover, .btn-pure.btn-success:hover.focus, .btn-pure.btn-success:hover:focus, .btn-pure.btn-success:hover:hover, .open>.btn-pure.btn-success.dropdown-toggle.focus, .open>.btn-pure.btn-success.dropdown-toggle:focus, .open>.btn-pure.btn-success.dropdown-toggle:hover { color: #7dd3ae } .btn-pure.btn-success.active .tag-pill, .btn-pure.btn-success:active .tag-pill, .btn-pure.btn-success:focus .tag-pill, .btn-pure.btn-success:hover .tag-pill, .open>.btn-pure.btn-success.dropdown-toggle .tag-pill { color: #7dd3ae } .btn-pure.btn-info { color: #57c7d4 } .btn-pure.btn-info.active, .btn-pure.btn-info:active, .btn-pure.btn-info:focus, .btn-pure.btn-info:hover, .open>.btn-pure.btn-info.dropdown-toggle { color: #9ae1e9 } .btn-pure.btn-info.active.focus, .btn-pure.btn-info.active:focus, .btn-pure.btn-info.active:hover, .btn-pure.btn-info:active.focus, .btn-pure.btn-info:active:focus, .btn-pure.btn-info:active:hover, .btn-pure.btn-info:focus.focus, .btn-pure.btn-info:focus:focus, .btn-pure.btn-info:focus:hover, .btn-pure.btn-info:hover.focus, .btn-pure.btn-info:hover:focus, .btn-pure.btn-info:hover:hover, .open>.btn-pure.btn-info.dropdown-toggle.focus, .open>.btn-pure.btn-info.dropdown-toggle:focus, .open>.btn-pure.btn-info.dropdown-toggle:hover { color: #9ae1e9 } .btn-pure.btn-info.active .tag-pill, .btn-pure.btn-info:active .tag-pill, .btn-pure.btn-info:focus .tag-pill, .btn-pure.btn-info:hover .tag-pill, .open>.btn-pure.btn-info.dropdown-toggle .tag-pill { color: #9ae1e9 } .btn-pure.btn-warning { color: #f2a654 } .btn-pure.btn-warning.active, .btn-pure.btn-warning:active, .btn-pure.btn-warning:focus, .btn-pure.btn-warning:hover, .open>.btn-pure.btn-warning.dropdown-toggle { color: #f6be80 } .btn-pure.btn-warning.active.focus, .btn-pure.btn-warning.active:focus, .btn-pure.btn-warning.active:hover, .btn-pure.btn-warning:active.focus, .btn-pure.btn-warning:active:focus, .btn-pure.btn-warning:active:hover, .btn-pure.btn-warning:focus.focus, .btn-pure.btn-warning:focus:focus, .btn-pure.btn-warning:focus:hover, .btn-pure.btn-warning:hover.focus, .btn-pure.btn-warning:hover:focus, .btn-pure.btn-warning:hover:hover, .open>.btn-pure.btn-warning.dropdown-toggle.focus, .open>.btn-pure.btn-warning.dropdown-toggle:focus, .open>.btn-pure.btn-warning.dropdown-toggle:hover { color: #f6be80 } .btn-pure.btn-warning.active .tag-pill, .btn-pure.btn-warning:active .tag-pill, .btn-pure.btn-warning:focus .tag-pill, .btn-pure.btn-warning:hover .tag-pill, .open>.btn-pure.btn-warning.dropdown-toggle .tag-pill { color: #f6be80 } .btn-pure.btn-danger { color: #f96868 } .btn-pure.btn-danger.active, .btn-pure.btn-danger:active, .btn-pure.btn-danger:focus, .btn-pure.btn-danger:hover, .open>.btn-pure.btn-danger.dropdown-toggle { color: #fa9898 } .btn-pure.btn-danger.active.focus, .btn-pure.btn-danger.active:focus, .btn-pure.btn-danger.active:hover, .btn-pure.btn-danger:active.focus, .btn-pure.btn-danger:active:focus, .btn-pure.btn-danger:active:hover, .btn-pure.btn-danger:focus.focus, .btn-pure.btn-danger:focus:focus, .btn-pure.btn-danger:focus:hover, .btn-pure.btn-danger:hover.focus, .btn-pure.btn-danger:hover:focus, .btn-pure.btn-danger:hover:hover, .open>.btn-pure.btn-danger.dropdown-toggle.focus, .open>.btn-pure.btn-danger.dropdown-toggle:focus, .open>.btn-pure.btn-danger.dropdown-toggle:hover { color: #fa9898 } .btn-pure.btn-danger.active .tag-pill, .btn-pure.btn-danger:active .tag-pill, .btn-pure.btn-danger:focus .tag-pill, .btn-pure.btn-danger:hover .tag-pill, .open>.btn-pure.btn-danger.dropdown-toggle .tag-pill { color: #fa9898 } .btn-pure.btn-dark { color: #526069 } .btn-pure.btn-dark.active, .btn-pure.btn-dark:active, .btn-pure.btn-dark:focus, .btn-pure.btn-dark:hover, .open>.btn-pure.btn-dark.dropdown-toggle { color: #76838f } .btn-pure.btn-dark.active.focus, .btn-pure.btn-dark.active:focus, .btn-pure.btn-dark.active:hover, .btn-pure.btn-dark:active.focus, .btn-pure.btn-dark:active:focus, .btn-pure.btn-dark:active:hover, .btn-pure.btn-dark:focus.focus, .btn-pure.btn-dark:focus:focus, .btn-pure.btn-dark:focus:hover, .btn-pure.btn-dark:hover.focus, .btn-pure.btn-dark:hover:focus, .btn-pure.btn-dark:hover:hover, .open>.btn-pure.btn-dark.dropdown-toggle.focus, .open>.btn-pure.btn-dark.dropdown-toggle:focus, .open>.btn-pure.btn-dark.dropdown-toggle:hover { color: #76838f } .btn-pure.btn-dark.active .tag-pill, .btn-pure.btn-dark:active .tag-pill, .btn-pure.btn-dark:focus .tag-pill, .btn-pure.btn-dark:hover .tag-pill, .open>.btn-pure.btn-dark.dropdown-toggle .tag-pill { color: #76838f } .btn-pure.btn-inverse { color: #fff } .btn-pure.btn-inverse.active, .btn-pure.btn-inverse:active, .btn-pure.btn-inverse:focus, .btn-pure.btn-inverse:hover, .open>.btn-pure.btn-inverse.dropdown-toggle { color: #fff } .btn-pure.btn-inverse.active.focus, .btn-pure.btn-inverse.active:focus, .btn-pure.btn-inverse.active:hover, .btn-pure.btn-inverse:active.focus, .btn-pure.btn-inverse:active:focus, .btn-pure.btn-inverse:active:hover, .btn-pure.btn-inverse:focus.focus, .btn-pure.btn-inverse:focus:focus, .btn-pure.btn-inverse:focus:hover, .btn-pure.btn-inverse:hover.focus, .btn-pure.btn-inverse:hover:focus, .btn-pure.btn-inverse:hover:hover, .open>.btn-pure.btn-inverse.dropdown-toggle.focus, .open>.btn-pure.btn-inverse.dropdown-toggle:focus, .open>.btn-pure.btn-inverse.dropdown-toggle:hover { color: #fff } .btn-pure.btn-inverse.active .tag-pill, .btn-pure.btn-inverse:active .tag-pill, .btn-pure.btn-inverse:focus .tag-pill, .btn-pure.btn-inverse:hover .tag-pill, .open>.btn-pure.btn-inverse.dropdown-toggle .tag-pill { color: #fff } .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 } .nav-tabs-vertical .nav-tabs .nav-link { border-radius:.286rem 0 0 .286rem } .nav-tabs-vertical .nav-tabs .nav-link:hover { border-right-color: #e4eaec; border-bottom-color: transparent } .nav-tabs-vertical .nav-tabs .nav-link.active, .nav-tabs-vertical .nav-tabs .nav-link.active:focus, .nav-tabs-vertical .nav-tabs .nav-link.active:hover { border-right-color: #62a8ea } .nav-tabs-vertical .nav-tabs-reverse { float: right; border-right: none; border-left: 1px solid #e4eaec } .nav-tabs-vertical .nav-tabs-reverse .nav-item { margin-right: 0; margin-left: -1px } .nav-tabs-vertical .nav-tabs-reverse .nav-link { border-radius:0 .286rem .286rem 0 } .nav-tabs-vertical .nav-tabs-reverse .nav-link:hover { border-right-color: transparent; border-left-color: #e4eaec } .nav-tabs-vertical .nav-tabs-reverse .nav-link.active, .nav-tabs-vertical .nav-tabs-reverse .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-reverse .nav-link.active:hover { border-left-color: #62a8ea } .nav-tabs-vertical .nav-tabs-solid { border-right-color: #f3f7f9 } .nav-tabs-vertical .nav-tabs-solid .nav-link:hover { border-color: transparent } .nav-tabs-vertical .nav-tabs-solid .nav-link.active, .nav-tabs-vertical .nav-tabs-solid .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-solid .nav-link.active:hover { border-color: transparent } .nav-tabs-vertical .nav-tabs-solid+.tab-content { padding: 1.429rem } .nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse { border-left-color: #f3f7f9 } .nav-tabs-vertical .nav-tabs-line .nav-link { border-right: 2px solid transparent; border-bottom: none } .nav-tabs-vertical .nav-tabs-line .nav-link:hover { border-right-color: #ccd5db } .nav-tabs-vertical .nav-tabs-line .nav-link.active, .nav-tabs-vertical .nav-tabs-line .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-line .nav-link.active:hover { border-right: 2px solid #62a8ea; border-bottom: none } .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link { border-right-width: 1px; border-left: 2px solid transparent } .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link:hover { border-color: transparent; border-left-color: #ccd5db } .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:hover { border-right: 1px solid transparent; border-left: 2px solid #62a8ea } .nav-tabs-vertical .tab-content { overflow: hidden } .nav-tabs-inverse .nav-tabs-solid { border-bottom-color: #fff } .nav-tabs-inverse .nav-tabs-solid .nav-link.active, .nav-tabs-inverse .nav-tabs-solid .nav-link.active:focus, .nav-tabs-inverse .nav-tabs-solid .nav-link.active:hover { color: #76838f; background-color: #fff } .nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid { border-right-color: #fff } .nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse { border-left-color: #fff } .nav-tabs-inverse .tab-content { background: #fff } .nav-tabs-animate .tab-content { overflow: hidden } .nav-tabs-lg .nav-link { font-size: 1.286rem; line-height: 1.333333; padding:.858rem 1.429rem } .nav-tabs-sm .nav-link { font-size:.858rem; line-height: 1.5; padding:.358rem .715rem } .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 } .progress { overflow: hidden; height: 15px; margin-bottom: 22px; border-radius:.215rem; background-color: #e4eaec } .progress-bar { font-size:.858rem; line-height: 15px; float: left; width: 0; height: 100%; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; text-align: center; color: #fff; background-color: #62a8ea } .progress-bar-success { background-color: #46be8a } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #57c7d4 } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #f2a654 } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #f96868 } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent) } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-square { border-radius: 0 } .progress-circle { border-radius: 1000px } .progress-vertical { position: relative; display: inline-block; width: 15px; height: 250px; min-height: 250px; margin-right: 30px; margin-bottom: 0 } .progress-vertical .progress-bar { width: 100% } .progress-bar-indicating.active { position: relative; -webkit-animation: none; -o-animation: none; animation: none } .progress-bar-indicating.active:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; -webkit-animation: progress-active 3s ease 0s infinite; -o-animation: progress-active 3s ease 0s infinite; animation: progress-active 3s ease 0s infinite; opacity: 0; border-radius: inherit; background-color: #fff } .progress-vertical .progress-bar-indicating.active:before { -webkit-animation-name: progress-vertical-active; -o-animation-name: progress-vertical-active; animation-name: progress-vertical-active } .progress-skill { position: relative } .progress-skill .progress-bar>span { position: absolute; top: 0; right: 10px; color: #526069 } .progress-lg { height: 22px } .progress-lg.progress-vertical { width: 25px } .progress-lg .progress-bar { line-height: 22px } .progress-sm { height: 10px } .progress-sm.progress-vertical { width: 10px } .progress-sm .progress-bar { line-height: 10px } .progress-xs { height: 4px; border-radius: 1px } .progress-xs.progress-vertical { width: 4px } .progress-xs .progress-bar { line-height: 4px } .contextual-progress { margin: 20px 0 } .contextual-progress .progress-title { float: left } .contextual-progress .progress-label { position: relative; float: right } .contextual-progress .progress { height: 2px; margin: 5px 0 } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position:40px 0 } to { background-position: 0 0 } } @-webkit-keyframes progress-active { 0% { width:0; opacity:.4 } 100% { width:100%; opacity:0 } } @-o-keyframes progress-active { 0% { width:0; opacity:.4 } 100% { width:100%; opacity:0 } } @keyframes progress-active { 0% { width:0; opacity:.4 } 100% { width:100%; opacity:0 } } @-webkit-keyframes progress-vertical-active { 0% { top:0; opacity:0 } 100% { top:175px; opacity:.4 } } @-o-keyframes progress-vertical-active { 0% { top:0; opacity:0 } 100% { top:175px; opacity:.4 } } @keyframes progress-vertical-active { 0% { top:0; opacity:0 } 100% { top:175px; opacity:.4 } } .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; text-align: left; } .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 } .card-bordered { border: 1px solid #e4eaec } .card-header-bordered { border-bottom: 1px solid #e4eaec } .card-footer-bordered { border-top: 1px solid #e4eaec } .card-transparent { background-color: transparent } .card-header-transparent { background-color: transparent } .card-footer-transparent { background-color: transparent } .card-shadow { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05) } .card-block { position: relative } .card-text.type-link a { position: relative; display: inline-block; padding: 3px 5px; color: #a3afb7 } .card-text.type-link a:first-child { padding-left: 0 } .card-text.type-link a:hover { color: #ccd5db } .card-text.type-link a+a:before { position: absolute; top: 10px; left: -2px; width: 3px; height: 3px; content: ''; border-radius: 50%; background-color: #a3afb7 } .card-watermark { line-height: 1; position: absolute; right: 0; bottom: 0; opacity: .1 } .card-watermark.darker { color: #000 } .card-watermark.lighter { color: #fff } .card-divider:after { display: block; width: 20px; height: 2px; margin: 15px auto; content: ''; background-color: #fff } .card-actions { margin-top: 10px; text-align: right } .card-actions a { display: inline-block; margin-right: 10px; vertical-align: middle; color: #a3afb7 } .card-actions a .icon, .card-actions a.icon { text-decoration: none } .card-actions a .icon+span, .card-actions a.icon+span { margin-left: 2px } .card-actions a.active, .card-actions a:focus, .card-actions a:hover { text-decoration: none; color: #ccd5db } .card-actions a:last-child { margin-right: 0 } .card-actions-sidebar { position: absolute; top: 20px; left: 20px; width: 60px } .card-actions-sidebar a { display: inline-block; width: 100%; height: 60px; margin-right: 0; text-align: center; border-right: 1px solid #e4eaec } .card-actions-sidebar a:before { display: inline-block; height: 100%; content: ''; vertical-align: middle } .card-actions-sidebar a+a { border-top: 1px solid #e4eaec } .card-actions-sidebar+.card-content { margin-left: 80px } .card-img { border-radius: 0 } .card-img-left { position: absolute; top: 0; left: 0; width: 40%; height: 100%; border-radius:-webkit-calc(.215rem - 1px) 0 0 -webkit-calc(.215rem - 1px); border-radius:calc(.215rem - 1px) 0 0 calc(.215rem - 1px) } .card-img-left~.card-block { width: 60%; margin-left: 40% } @media (max-width:767px) { .card-img-left { position: relative; width: 100%; height: 320px } .card-img-left~.card-block { width: 100%; margin-left: 0 } } .card-default { background-color: #e4eaec } .card-default .card-footer-bordered, .card-default .card-header-bordered, .card-default.card-bordered { border-color: #e4eaec } .card-columns .card { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid } .card-sm .card-header { padding:.858rem 1.072rem } .card-sm .card-block { padding: 1.072rem } .card-sm .card-footer { padding:.858rem 1.072rem } .card-md .card-header { padding: 1.786rem 2.143rem } .card-md .card-block { padding: 1.786rem } .card-md .card-footer { padding: 2.143rem 1.786rem } .card-lg .card-header { padding: 2.143rem } .card-lg .card-block { padding: 2.143rem } .card-lg .card-footer { padding: 2.143rem } .card-header-actions { float: right; margin: 0 } .modal-content { border: none } .modal-header { border-bottom: none } .modal-header .close { margin-top: 1px } .modal-footer { padding: 6px 20px 20px; border-top: none } .modal-footer .btn+.btn { margin-left: 5px } .modal-footer .btn-block+.btn-block { margin-left: 0 } @media (min-width:480px) { .modal-dialog { margin: 30px } } @media (min-width:768px) { .modal-dialog { width: auto; margin: 30px auto } .modal-sm { width: 300px } } .modal-top { margin: 0 auto } .modal-center { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; height: 100%; margin: 0 auto; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: center; align-content: center } .modal-bottom { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; height: 100%; margin: 0 auto; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: center; align-content: center } .modal-sidebar { position: absolute; right: 0; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; height: 100%; margin: 0; background-color: #fff; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: center; align-content: center } .modal-sidebar .modal-content { overflow-x: hidden; overflow-y: auto; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .modal-sidebar .modal-header { border-bottom: none } .modal-sidebar .modal-footer { border-top: none } .modal-sidebar button.close { position: fixed; z-index: 1; top: 20px; right: 20px } .modal.fade .modal-dialog.modal-sidebar { -webkit-transform: translate(25%, 0); -ms-transform: translate(25%, 0); -o-transform: translate(25%, 0); transform: translate(25%, 0) } .modal.in .modal-dialog.modal-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-fill-in { background-color: transparent } .modal-fill-in.in { opacity: 1; background-color: rgba(255,255,255,.95) } .modal-fill-in .modal-dialog { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; max-width: 100%; height: 100%; margin: 0 auto; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center } @media (min-width:768px) { .modal-fill-in .modal-dialog>* { width: 600px } .modal-fill-in .modal-dialog.modal-sm>* { width: 300px } .modal-fill-in .modal-dialog button.close { position: fixed; z-index: 1; top: 20px; right: 40px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: .5 } } @media (min-width:992px) { .modal-fill-in .modal-dialog.modal-lg>* { width: 900px } } .modal-fill-in .modal-content { border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .modal-primary .modal-header { border-radius:.286rem .286rem 0 0; background-color: #62a8ea } .modal-primary .modal-header * { color: #fff } .modal-primary .modal-header .close { opacity: .6 } .modal-success .modal-header { border-radius:.286rem .286rem 0 0; background-color: #46be8a } .modal-success .modal-header * { color: #fff } .modal-success .modal-header .close { opacity: .6 } .modal-info .modal-header { border-radius:.286rem .286rem 0 0; background-color: #57c7d4 } .modal-info .modal-header * { color: #fff } .modal-info .modal-header .close { opacity: .6 } .modal-warning .modal-header { border-radius:.286rem .286rem 0 0; background-color: #f2a654 } .modal-warning .modal-header * { color: #fff } .modal-warning .modal-header .close { opacity: .6 } .modal-danger .modal-header { border-radius:.286rem .286rem 0 0; background-color: #f96868 } .modal-danger .modal-header * { color: #fff } .modal-danger .modal-header .close { opacity: .6 } .modal.modal-fade-in-scale-up .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: 0 } .modal.modal-fade-in-scale-up.in .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .modal.modal-slide-in-right .modal-dialog { -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9) 0s; -o-transition: all .3s cubic-bezier(.25, .5, .5, .9) 0s; transition: all .3s cubic-bezier(.25, .5, .5, .9) 0s; -webkit-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); opacity: 0 } .modal.modal-slide-in-right.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } .modal.modal-slide-from-bottom .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate(0, 20%); -ms-transform: translate(0, 20%); -o-transform: translate(0, 20%); transform: translate(0, 20%); opacity: 0 } .modal.modal-slide-from-bottom.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } .modal.modal-newspaper .modal-dialog { -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; -webkit-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); -o-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0 } .modal.modal-newspaper.in .modal-dialog { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1 } .modal.modal-fall { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-fall .modal-dialog { -webkit-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-fall.in .modal-dialog { -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; -webkit-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); opacity: 1 } .modal.modal-side-fall { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-side-fall .modal-dialog { -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-side-fall.in .modal-dialog { -webkit-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; -webkit-transform: translate(0) translateZ(0) rotate(0); transform: translate(0) translateZ(0) rotate(0) } .modal.modal-3d-flip-horizontal { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-3d-flip-horizontal .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-3d-flip-horizontal.in .modal-dialog { -webkit-transform: rotateY(0); transform: rotateY(0) } .modal.modal-3d-flip-vertical { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-3d-flip-vertical .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-3d-flip-vertical.in .modal-dialog { -webkit-transform: rotateX(0); transform: rotateX(0) } .modal.modal-3d-sign { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-3d-sign .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0 0; -ms-transform-origin: 50% 0 0; -o-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-3d-sign.in .modal-dialog { -webkit-transform: rotateX(0); transform: rotateX(0) } .modal.modal-super-scaled .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0 } .modal.modal-super-scaled.in .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .modal.modal-just-me .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0 } .modal.modal-just-me .modal-backdrop { background-color: #fff } .modal.modal-just-me.in { background: #fff } .modal.modal-just-me.in .modal-dialog { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .modal.modal-just-me.in .modal-backdrop { opacity: 1 } .modal.modal-3d-slit { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-3d-slit .modal-dialog { -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; -webkit-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-3d-slit.in .modal-dialog { -webkit-animation: slit .7s ease-out forwards; -o-animation: slit .7s ease-out forwards; animation: slit .7s ease-out forwards } .modal.modal-rotate-from-bottom { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-rotate-from-bottom .modal-dialog { -webkit-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; transform-origin: 0 100% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-rotate-from-bottom.in .modal-dialog { -webkit-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0) } .modal.modal-rotate-from-left { -webkit-perspective: 1300px; perspective: 1300px } .modal.modal-rotate-from-left .modal-dialog { -webkit-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; transform-origin: 0 100% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal.modal-rotate-from-left.in .modal-dialog { -webkit-transform: translateZ(0) translateX(0) rotateY(0); transform: translateZ(0) translateX(0) rotateY(0) } @-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 } } .tooltip-primary .tooltip-inner { color: #fff; background-color: #62a8ea } .tooltip-primary.bs-tether-element-attached-top .tooltip-arrow, .tooltip-primary.tooltip-top .tooltip-arrow { border-bottom-color: #62a8ea } .tooltip-primary.bs-tether-element-attached-right .tooltip-arrow, .tooltip-primary.tooltip-right .tooltip-arrow { border-left-color: #62a8ea } .tooltip-primary.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip-primary.tooltip-bottom .tooltip-arrow { border-top-color: #62a8ea } .tooltip-primary.bs-tether-element-attached-left .tooltip-arrow, .tooltip-primary.tooltip-left .tooltip-arrow { border-right-color: #62a8ea } .tooltip-success .tooltip-inner { color: #fff; background-color: #46be8a } .tooltip-success.bs-tether-element-attached-top .tooltip-arrow, .tooltip-success.tooltip-top .tooltip-arrow { border-bottom-color: #46be8a } .tooltip-success.bs-tether-element-attached-right .tooltip-arrow, .tooltip-success.tooltip-right .tooltip-arrow { border-left-color: #46be8a } .tooltip-success.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip-success.tooltip-bottom .tooltip-arrow { border-top-color: #46be8a } .tooltip-success.bs-tether-element-attached-left .tooltip-arrow, .tooltip-success.tooltip-left .tooltip-arrow { border-right-color: #46be8a } .tooltip-info .tooltip-inner { color: #fff; background-color: #57c7d4 } .tooltip-info.bs-tether-element-attached-top .tooltip-arrow, .tooltip-info.tooltip-top .tooltip-arrow { border-bottom-color: #57c7d4 } .tooltip-info.bs-tether-element-attached-right .tooltip-arrow, .tooltip-info.tooltip-right .tooltip-arrow { border-left-color: #57c7d4 } .tooltip-info.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip-info.tooltip-bottom .tooltip-arrow { border-top-color: #57c7d4 } .tooltip-info.bs-tether-element-attached-left .tooltip-arrow, .tooltip-info.tooltip-left .tooltip-arrow { border-right-color: #57c7d4 } .tooltip-warning .tooltip-inner { color: #fff; background-color: #f2a654 } .tooltip-warning.bs-tether-element-attached-top .tooltip-arrow, .tooltip-warning.tooltip-top .tooltip-arrow { border-bottom-color: #f2a654 } .tooltip-warning.bs-tether-element-attached-right .tooltip-arrow, .tooltip-warning.tooltip-right .tooltip-arrow { border-left-color: #f2a654 } .tooltip-warning.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip-warning.tooltip-bottom .tooltip-arrow { border-top-color: #f2a654 } .tooltip-warning.bs-tether-element-attached-left .tooltip-arrow, .tooltip-warning.tooltip-left .tooltip-arrow { border-right-color: #f2a654 } .tooltip-danger .tooltip-inner { color: #fff; background-color: #f96868 } .tooltip-danger.bs-tether-element-attached-top .tooltip-arrow, .tooltip-danger.tooltip-top .tooltip-arrow { border-bottom-color: #f96868 } .tooltip-danger.bs-tether-element-attached-right .tooltip-arrow, .tooltip-danger.tooltip-right .tooltip-arrow { border-left-color: #f96868 } .tooltip-danger.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip-danger.tooltip-bottom .tooltip-arrow { border-top-color: #f96868 } .tooltip-danger.bs-tether-element-attached-left .tooltip-arrow, .tooltip-danger.tooltip-left .tooltip-arrow { border-right-color: #f96868 } .popover { padding: 0; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05); box-shadow: 0 2px 6px rgba(0,0,0,.05) } .popover.bs-tether-element-attached-top>.popover-arrow:after, .popover.popover-bottom>.popover-arrow:after { border-bottom-color: #f3f7f9 } .popover-primary .popover-title { color: #fff; border-color: #62a8ea; background-color: #62a8ea } .popover-primary.bs-tether-element-attached-top .popover-arrow, .popover-primary.popover-bottom .popover-arrow { border-bottom-color: #62a8ea } .popover-primary.bs-tether-element-attached-top .popover-arrow:after, .popover-primary.popover-bottom .popover-arrow:after { border-bottom-color: #62a8ea } .popover-success .popover-title { color: #fff; border-color: #46be8a; background-color: #46be8a } .popover-success.bs-tether-element-attached-top .popover-arrow, .popover-success.popover-bottom .popover-arrow { border-bottom-color: #46be8a } .popover-success.bs-tether-element-attached-top .popover-arrow:after, .popover-success.popover-bottom .popover-arrow:after { border-bottom-color: #46be8a } .popover-info .popover-title { color: #fff; border-color: #57c7d4; background-color: #57c7d4 } .popover-info.bs-tether-element-attached-top .popover-arrow, .popover-info.popover-bottom .popover-arrow { border-bottom-color: #57c7d4 } .popover-info.bs-tether-element-attached-top .popover-arrow:after, .popover-info.popover-bottom .popover-arrow:after { border-bottom-color: #57c7d4 } .popover-warning .popover-title { color: #fff; border-color: #f2a654; background-color: #f2a654 } .popover-warning.bs-tether-element-attached-top .popover-arrow, .popover-warning.popover-bottom .popover-arrow { border-bottom-color: #f2a654 } .popover-warning.bs-tether-element-attached-top .popover-arrow:after, .popover-warning.popover-bottom .popover-arrow:after { border-bottom-color: #f2a654 } .popover-danger .popover-title { color: #fff; border-color: #f96868; background-color: #f96868 } .popover-danger.bs-tether-element-attached-top .popover-arrow, .popover-danger.popover-bottom .popover-arrow { border-bottom-color: #f96868 } .popover-danger.bs-tether-element-attached-top .popover-arrow:after, .popover-danger.popover-bottom .popover-arrow:after { border-bottom-color: #f96868 } .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; /* text-align: center; */ } .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 } /*site.min.css*/ @charset "UTF-8"; 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 } .site-navbar { background-color: #62a8ea } .site-navbar .navbar-header { color: #fff; background-color: transparent } .site-navbar .navbar-header .navbar-toggler { color: #fff } .site-navbar .navbar-header .hamburger .hamburger-bar, .site-navbar .navbar-header .hamburger::after, .site-navbar .navbar-header .hamburger::before { background-color: #fff } .site-navbar .navbar-header .navbar-brand { font-family: Roboto, sans-serif; color: #fff; cursor: pointer } @media (min-width:768px) { .site-navbar .navbar-header { width: 260px } } .site-navbar .navbar-container { background-color: #fff } @media (min-width:768px) { .site-navbar .navbar-container { margin-left: 260px } } .site-navbar.navbar-inverse .navbar-container { background-color: transparent } body, html { height: 100% } .site-menubar { position: fixed; top: 66.01px; z-index: 1400; height: 100%; height: -webkit-calc(100% - 66.01px); height: calc(100% - 66.01px); font-family: Roboto, sans-serif; color: rgba(163,175,183,.9); background: #263238; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08); box-shadow: 0 2px 4px rgba(0,0,0,.08) } .site-menubar-body { height: 100%; height: -webkit-calc(100% - 76px); height: calc(100% - 76px) } .site-menubar ul { padding: 0; margin: 0; list-style: none } .site-menubar a { outline: 0 } .site-menubar a:focus, .site-menubar a:hover { text-decoration: none } .site-menubar.site-menubar-light { background: #fff; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08); box-shadow: 0 2px 4px rgba(0,0,0,.08) } .site-menubar.site-menubar-light .scrollable-inverse.scrollable .scrollable-bar-handle { background: rgba(163,175,183,.6) } .site-menubar-section { padding: 0 30px; margin-top: 50px; margin-bottom: 50px } .site-menubar-section>h4, .site-menubar-section>h5 { color: #76838f } .site-menubar-section .progress:last-child { margin-bottom: 0 } .site-menubar-footer { position: fixed; bottom: 0; z-index: 1400; display: block } .site-menubar-footer>a { display: block; float: left; width: 33.333333%; height: 76px; padding: 26px 0; font-size: 16px; color: #76838f; text-align: center; background-color: #21292e } .site-menubar-footer>a:focus, .site-menubar-footer>a:hover { background-color: #1e2427 } .site-menubar-light .site-menubar-footer>a { background-color: #e4eaec } .site-menubar-light .site-menubar-footer>a:focus, .site-menubar-light .site-menubar-footer>a:hover { background-color: #d5dee1 } .site-menu { padding-bottom: 20px; overflow-y: hidden; font-size: 14px } .site-menu-item>a { white-space: nowrap; cursor: pointer } .site-menu-icon { display: inline-block; vertical-align: middle; width: 1em; text-align: center } .site-menu-title { display: inline-block; max-width: 160px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .site-menu-arrow { font-family: "Web Icons"; -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; 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) } .site-menu-arrow::before { content: "" } .site-menu-arrow, .site-menu-badge, .site-menu-label { position: absolute; right: 30px; display: inline-block; vertical-align: middle } .site-menu .tag { padding: 2px 5px 3px; font-size:.858rem; font-weight: 400 } .site-menu-item { position: relative; white-space: nowrap } .site-menu-item a { display: block; color: rgba(163,175,183,.9) } .site-menu-item.is-hidden { opacity: 0 } .site-menu-item.is-shown { opacity: 1 } .site-menu>.site-menu-item { padding: 0 } .site-menu>.site-menu-item.open { background: #242f35 } .site-menu>.site-menu-item.open>a { color: #fff; background: 0 0 } .site-menu>.site-menu-item.open.hover>a { background: 0 0 } .site-menu>.site-menu-item.hover>a, .site-menu>.site-menu-item:hover>a { color: rgba(255,255,255,.8); background-color: rgba(255,255,255,.02) } .site-menu>.site-menu-item.active { background: #242f35; border-top: 1px solid rgba(0,0,0,.04); border-bottom: 1px solid rgba(0,0,0,.04) } .site-menu>.site-menu-item.active>a { color: #fff; background: 0 0 } .site-menu>.site-menu-item.active.hover>a { background: 0 0 } .site-menu .site-menu-sub { padding: 5px 0; margin: 0; font-size: 14px; background: 0 0 } .site-menu .site-menu-sub .site-menu-item { line-height: 34px; color: rgba(163,175,183,.9); background: 0 0 } .site-menu .site-menu-sub .site-menu-item.has-sub { border-top: 1px solid transparent; border-bottom: 1px solid transparent } .site-menu .site-menu-sub .site-menu-item>a { padding: 0 30px } .site-menu .site-menu-sub .site-menu-item.open { background: rgba(0,0,0,.06) } .site-menu .site-menu-sub .site-menu-item.open>a { color: #fff } .site-menu .site-menu-sub .site-menu-item.open.hover>a { background-color: transparent } .site-menu .site-menu-sub .site-menu-item.hover>a, .site-menu .site-menu-sub .site-menu-item:hover>a { color: rgba(255,255,255,.8); background-color: rgba(255,255,255,.02) } .site-menu .site-menu-sub .site-menu-item.active { background: rgba(0,0,0,.06) } .site-menu .site-menu-sub .site-menu-item.active>a { color: #fff } .site-menu .site-menu-sub .site-menu-item.active.hover>a { background-color: transparent } .site-menubar-light .site-menu-item a { color: rgba(118,131,143,.9) } .site-menubar-light .site-menu-item.hover>a, .site-menubar-light .site-menu-item:hover>a { background: 0 0 } .site-menubar-light .site-menu>.site-menu-item.open { background: rgba(53,131,202,.05) } .site-menubar-light .site-menu>.site-menu-item.open>a { color: #62a8ea } .site-menubar-light .site-menu>.site-menu-item.hover, .site-menubar-light .site-menu>.site-menu-item:hover { background-color: rgba(53,131,202,.05) } .site-menubar-light .site-menu>.site-menu-item.hover>a, .site-menubar-light .site-menu>.site-menu-item:hover>a { color: #62a8ea } .site-menubar-light .site-menu>.site-menu-item.active { background: rgba(53,131,202,.05) } .site-menubar-light .site-menu>.site-menu-item.active>a { color: #62a8ea } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.open { background: rgba(53,131,202,.03) } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.open>a { color: #62a8ea } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover, .site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover { background-color: rgba(53,131,202,.03) } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover>a, .site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover>a { color: #62a8ea } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover.open, .site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover.open { background-color: rgba(53,131,202,.03) } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.active { background: rgba(53,131,202,.03) } .site-menubar-light .site-menu .site-menu-sub .site-menu-item.active>a { color: #62a8ea } .site-gridmenu { position: fixed; top: 66.01px; bottom: 0; padding: 20px 0; background-color: #263238; z-index: 1500; opacity: 0; visibility: hidden } .js>.site-gridmenu { -webkit-transition: opacity .5s ease 0s, visibility 0s; -o-transition: opacity .5s ease 0s, visibility 0s; transition: opacity .5s ease 0s, visibility 0s } .site-gridmenu-active>.site-gridmenu { opacity: 1; visibility: visible; -webkit-transition: opacity .5s ease 0s; -o-transition: opacity .5s ease 0s; transition: opacity .5s ease 0s } .site-gridmenu-active>.site-gridmenu ul { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0) } .site-gridmenu ul { margin: 0; padding: 0; list-style: none; opacity: .4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform .5s ease 0s, opacity .5s ease 0s; -o-transition: -o-transform .5s ease 0s, opacity .5s ease 0s; transition: transform .5s ease 0s, opacity .5s ease 0s } .site-gridmenu li { float: left; width: 50%; text-align: center } .site-gridmenu li>a { display: block; padding: 30px 15px; color: #a3afb7 } .site-gridmenu li .icon { display: block; margin-bottom: 10px; font-size: 32px } .site-gridmenu li:hover>a { color: #fff; cursor: pointer; text-decoration: none; background-color: rgba(255,255,255,.02) } body.site-gridmenu-active { overflow: hidden } .site-gridmenu-toggle:after { opacity: 0; font-family: "Web Icons"; font-size: 1rem; -webkit-transition: opacity .15s; -o-transition: opacity .15s; transition: opacity .15s; 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); position: relative; right: -3px; top: -1px; content: "" } .site-gridmenu-active .site-gridmenu-toggle:after { opacity: 1 } .site-sidebar { z-index: 1210 } .site-sidebar.slidePanel { -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2); box-shadow: 0 0 8px 0 rgba(0,0,0,.2) } .site-sidebar.slidePanel.slidePanel-left, .site-sidebar.slidePanel.slidePanel-right { width: 300px; overflow: hidden } .site-sidebar-content { height: 100% } .site-sidebar-nav.nav-tabs { width: 100% } .site-sidebar-nav.nav-tabs>.nav-item { display: table-cell; float: none; width: 1% } .site-sidebar-nav.nav-tabs>.nav-item>.nav-link { padding: 0; font-size: 16px; line-height: 90px; text-align: center } .site-sidebar-nav.nav-tabs>.nav-item>.nav-link>.icon { margin-right: 0 } .site-sidebar-tab-content { height: 100%; height: -webkit-calc(100% - 90px); height: calc(100% - 90px) } .site-sidebar-tab-content>.tab-pane { height: 100%; padding: 20px 30px } .site-sidebar-tab-content>.tab-pane.scrollable { padding: 0 } .site-sidebar-tab-content>.tab-pane .scrollable-content { padding: 20px 30px } .site-sidebar-tab-content>.tab-pane .list-group { margin-right: -30px; margin-left: -30px } .site-sidebar-tab-content>.tab-pane .list-group>.list-group-item { padding-right: 30px; padding-left: 30px } .site-sidebar .conversation { position: absolute; top: 0; right: -100%; z-index: 1700; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .site-sidebar .conversation.active { right: 0 } .site-sidebar .conversation-header { border-bottom: 1px solid #e4eaec } .site-sidebar .conversation-header>* { padding: 0 30px; margin: 0; line-height: 90px } .site-sidebar .conversation-more, .site-sidebar .conversation-return { color: rgba(55,71,79,.4); cursor: pointer } .site-sidebar .conversation-more:focus, .site-sidebar .conversation-more:hover, .site-sidebar .conversation-return:focus, .site-sidebar .conversation-return:hover { color: rgba(55,71,79,.6) } .site-sidebar .conversation-more:active, .site-sidebar .conversation-return:active { color: #37474f } .site-sidebar .conversation-title { position: relative; top: 1px; z-index: -1; color: #37474f; text-align: center } .site-sidebar .conversation-content { padding: 30px 15px } .site-sidebar .conversation-reply { position: absolute; bottom: 0; padding: 10px 0; border-top: 1px solid #e4eaec } .site-sidebar .conversation-reply .form-control { border: 0; border-right: 1px solid #e4eaec } @media (max-width:767px) { .site-sidebar.slidePanel.slidePanel-left, .site-sidebar.slidePanel.slidePanel-right { width: 100% } } .site-action { position: fixed; right: 32px; bottom: 55px; z-index: 1290; -webkit-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s } .site-action input { display: none } .site-action .btn { -webkit-box-shadow: 0 10px 10px 0 rgba(60,60,60,.1); box-shadow: 0 10px 10px 0 rgba(60,60,60,.1) } .site-action .front-icon { display: block } .site-action .back-icon { display: none } .site-action-buttons { position: absolute; bottom: 56px; left: 0; display: none; width: 100%; text-align: center } .site-action-buttons .btn { display: block; margin: 0 auto; margin-bottom: 10px; -webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s } .site-action.active .front-icon { display: none } .site-action.active .back-icon { display: block } .site-action.active .site-action-buttons { display: block } @media (max-width:767px) { .site-action .btn-floating { width: 46px; height: 46px; padding: 0; font-size: 16px; -webkit-box-shadow: 0 6px 6px 0 rgba(60,60,60,.1); box-shadow: 0 6px 6px 0 rgba(60,60,60,.1) } .site-action-buttons { bottom: 46px } } .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 } .page-content-table { max-width: 100%; padding: 0; overflow-x: auto } .page-content-table .table>tbody>tr>td, .page-content-table .table>tbody>tr>th, .page-content-table .table>thead>tr>td, .page-content-table .table>thead>tr>th { padding-top: 20px; padding-bottom: 20px } .page-content-table .table>tbody>tr>td:first-child, .page-content-table .table>tbody>tr>th:first-child, .page-content-table .table>thead>tr>td:first-child, .page-content-table .table>thead>tr>th:first-child { padding-left: 30px } .page-content-table .table>tbody>tr>td:last-child, .page-content-table .table>tbody>tr>th:last-child, .page-content-table .table>thead>tr>td:last-child, .page-content-table .table>thead>tr>th:last-child { padding-right: 30px } .page-content-table .table>tbody>tr:hover>td { background-color: #f3f7f9 } .page-content-table .table>tbody>tr>td { cursor: pointer } .page-content-table .table>tbody>tr:last-child td { border-bottom: 1px solid #e4eaec } .page-content-table .table.is-indent>tbody>tr>td.pre-cell, .page-content-table .table.is-indent>tbody>tr>td.suf-cell, .page-content-table .table.is-indent>tbody>tr>th.pre-cell, .page-content-table .table.is-indent>tbody>tr>th.suf-cell, .page-content-table .table.is-indent>thead>tr>td.pre-cell, .page-content-table .table.is-indent>thead>tr>td.suf-cell, .page-content-table .table.is-indent>thead>tr>th.pre-cell, .page-content-table .table.is-indent>thead>tr>th.suf-cell { width: 30px; padding: 0; border-top: 0; border-bottom: 0 } .page-content-table .table.is-indent>tbody>tr:first-child td { border-top: 0 } .page-content-table .table.is-indent>tbody>tr:last-child td.pre-cell, .page-content-table .table.is-indent>tbody>tr:last-child td.suf-cell { border-bottom: 0 } .page-content-table .table.is-indent>tfoot>tr>td { border-top: 0 } .page-content-table .pagination { margin-right: 30px; margin-left: 30px } .page-copyright { margin-top: 60px; font-size:.858rem; color: #37474f; letter-spacing: 1px } .page-copyright .social a { margin: 0 10px; text-decoration: none } .page-copyright .social .icon { font-size: 1rem; color: rgba(55,71,79,.6) } .page-copyright .social .icon:focus, .page-copyright .social .icon:hover { color: rgba(55,71,79,.8) } .page-copyright .social .icon.active, .page-copyright .social .icon:active { color: #37474f } .page-copyright-inverse { color: #fff } .page-copyright-inverse .social .icon { color: #fff } .page-copyright-inverse .social .icon:active, .page-copyright-inverse .social .icon:hover { color: rgba(255,255,255,.8) } @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 } .page-header { position: relative; padding: 30px 30px; margin-top: 0; margin-bottom: 0; background: 0 0; border-bottom: 0 } .page-header-actions { position: absolute; top: 50%; right: 30px; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .page-header-actions .btn-icon { margin-left: 6px } .page-header-actions>* { margin-bottom: 0 } .page-header .breadcrumb { padding: 0; margin: 0 } .page-header-bordered { padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; background-color: #fff; border-bottom: 1px solid transparent } .page-header-tabs { padding-bottom: 0 } .page-header-tabs .nav-tabs-line { margin-top: 5px; border-bottom-color: transparent } .page-header-tabs .nav-tabs-line>li>a { padding: 5px 20px } .page-aside { position: absolute; top: 0; bottom: 0; width: 260px; overflow-y: hidden; background: #fff; border-right: 1px solid #e4eaec; -webkit-transition: visibility .1s ease, top .3s ease, left .5s ease, right .5s ease; -o-transition: visibility .1s ease, top .3s ease, left .5s ease, right .5s ease; transition: visibility .1s ease, top .3s ease, left .5s ease, right .5s ease } .page-aside .list-group-item.active, .page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover { z-index: 0 } .page-aside-left .page-aside { left: 0 } .page-aside-left .page-aside+.page-main { margin-left: 260px } .page-aside-right .page-aside { right: 0 } .page-aside-right .page-aside+.page-main { margin-right: 260px } .page-aside-right .page-aside .page-aside-inner { border-right: 0; border-left: 1px solid #e4eaec } .page-aside-fixed .page-aside { position: fixed; top: 66.01px; height: -webkit-calc(100% - 66.01px); height: calc(100% - 66.01px) } .page-aside-fixed .page-aside-inner { height: 100%; overflow-y: scroll } .page-aside-fixed.page-aside-left .site-footer { margin-left: 260px } .page-aside-fixed.page-aside-right .site-footer { margin-right: 260px } .page-aside-section { position: relative } .page-aside-section:first-child { padding-top: 22px } .page-aside-section:last-child { margin-bottom: 22px } .page-aside-section::after { position: relative; display: block; margin: 22px; content: ""; border-bottom: 1px solid #e4eaec } .page-aside-section:last-child::after { display: none } .page-aside-switch { position: absolute; top: -webkit-calc(50% - 25px); top: calc(50% - 25px); display: none; padding: 15px 8px 15px 4px; line-height: 1; cursor: pointer; background-color: #fff; border-radius: 0 100px 100px 0; -webkit-box-shadow: 1px 0 3px rgba(0,0,0,.2); box-shadow: 1px 0 3px rgba(0,0,0,.2) } .page-aside-switch .wb-chevron-right { display: inline-block } .page-aside-switch .wb-chevron-left { display: none } .page-aside-left .page-aside-switch { left: -webkit-calc(100% - 1px); left: calc(100% - 1px); padding: 15px 8px 15px 4px; border-radius: 0 100px 100px 0 } .page-aside-left .page-aside-switch .wb-chevron-right { display: inline-block } .page-aside-left .page-aside-switch .wb-chevron-left { display: none } .page-aside-right .page-aside-switch { right: -webkit-calc(100% - 1px); right: calc(100% - 1px); left: auto; padding: 15px 4px 15px 8px; border-radius: 100px 0 0 100px } .page-aside-right .page-aside-switch .wb-chevron-right { display: none } .page-aside-right .page-aside-switch .wb-chevron-left { display: inline-block } .page-aside-title { padding: 10px 30px; margin: 20px 0 10px; overflow: hidden; font-weight: 700; color: #526069; text-overflow: ellipsis; white-space: nowrap; cursor: default } .page-aside .list-group { margin-bottom: 22px } .page-aside .list-group-item { padding: 13px 30px; margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0 } .page-aside .list-group-item .icon { color: #a3afb7 } .page-aside .list-group-item .item-right { float: right } .page-aside .list-group-item:focus, .page-aside .list-group-item:hover { color: #62a8ea; background-color: #f3f7f9; border: 0 } .page-aside .list-group-item:focus>.icon, .page-aside .list-group-item:hover>.icon { color: #62a8ea } .page-aside .list-group-item.active { color: #62a8ea; background-color: transparent } .page-aside .list-group-item.active>.icon { color: #62a8ea } .page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover { color: #62a8ea; background-color: #f3f7f9; border: 0 } .page-aside .list-group-item.active:focus>.icon, .page-aside .list-group-item.active:hover>.icon { color: #62a8ea } .page-aside .list-group.has-actions .list-group-item { padding-top: 6px; padding-bottom: 6px; line-height: 2.573rem; cursor: pointer } .page-aside .list-group.has-actions .list-group-item .list-editable { position: relative; display: none } .page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close { position: absolute; top: 50%; right: 0; z-index: 1; padding: 0; margin: 0; cursor: pointer; background: 0 0; border: 0; outline: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-appearance: none } .page-aside .list-group.has-actions .list-group-item .list-editable .form-group { margin: 0 } .page-aside .list-group.has-actions .list-group-item .item-actions { position: absolute; top: 6px; right: 20px; display: none } .page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon { padding-left: 2px; padding-right: 2px; background-color: transparent } .page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon { color: #62a8ea } .page-aside .list-group.has-actions .list-group-item .item-actions .icon { margin: 0 } .page-aside .list-group.has-actions .list-group-item:hover .item-right { display: none } .page-aside .list-group.has-actions .list-group-item:hover .item-actions { display: block } .page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon { color: #76838f } @media (max-width:1199px) { .page-aside { width: 220px } .page-aside-left .page-aside+.page-main { margin-left: 220px } .page-aside-right .page-aside+.page-main { margin-right: 220px } .page-aside-fixed.page-aside-left .site-footer { margin-left: 220px } .page-aside-fixed.page-aside-right .site-footer { margin-right: 220px } } @media (max-width:767px) { .page-aside { position: fixed; top: 66.01px; z-index: 1100; width: 260px; height: -webkit-calc(100% - 66.01px); height: calc(100% - 66.01px); overflow-y: visible; visibility: visible; border-color: transparent } .site-navbar-collapse-show .page-aside { top: 132.02px; height: -webkit-calc(100% - 132.02px); height: calc(100% - 132.02px) } .site-menubar-changing .page-aside, .site-menubar-open .page-aside { height: 100% } .page-aside .page-aside-inner { height: 100%; background-color: #fff; border-right: 1px solid #e4eaec } .page-aside.open { left: 0 } .site-menubar-changing .page-aside.open, .site-menubar-open .page-aside.open { visibility: hidden } .page-aside.open .page-aside-switch .wb-chevron-right { display: none } .page-aside.open .page-aside-switch .wb-chevron-left { display: inline } .page-aside-left .page-aside { left: -260px } .page-aside-left .page-aside+.page-main { margin-left: 0 } .page-aside-right .page-aside { right: -260px } .page-aside-right .page-aside+.page-main { margin-right: 0 } .page-aside-right .page-aside.open .page-aside-switch .wb-chevron-right { display: inline } .page-aside-right .page-aside.open .page-aside-switch .wb-chevron-left { display: none } .page-aside-left .page-aside { left: -260px!important } .page-aside-left .page-aside.open { left: 0!important } .page-aside-left .site-footer { margin-left: 0!important } .page-aside-right .page-aside { right: -260px!important } .page-aside-right .page-aside.open { right: 0!important; left: auto } .page-aside-right .site-footer { margin-right: 0!important } .page-aside-switch { display: block } } .site-footer { height: 44px; padding: 10px 30px; background-color: rgba(0,0,0,.02); border-top: 1px solid #e4eaec } .site-footer::after { content: ""; display: table; clear: both } .site-footer-legal { float: left } .site-footer-actions { float: right } .site-footer-right { float: right } .site-footer .scroll-to-top { color: #76838f } .site-footer .scroll-to-top, .site-footer .scroll-to-top:active, .site-footer .scroll-to-top:hover { text-decoration: none } @media (max-width:479px) { .site-footer { height: auto } } @media (max-width:479px) { .site-footer-actions, .site-footer-legal, .site-footer-right { display: block; float: none; text-align: center } } .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 } .site-print { padding-top: 0 } .site-print .site-footer, .site-print .site-gridmenu, .site-print .site-menubar, .site-print .site-navbar { display: none } .site-print .page { margin: 0!important } .site-menubar-fold .page, .site-menubar-fold .site-footer { margin-left: 90px } .site-menubar-fold.page-aside-fixed.page-aside-left .page-aside { left: 90px } .site-menubar-fold.page-aside-fixed.page-aside-left .site-footer { margin-left: 350px } .site-menubar-fold.page-aside-fixed.page-aside-right .site-footer { margin-right: 260px } @media (min-width:768px) { .site-menubar-fold .site-navbar .navbar-header { width: 90px } } @media (min-width:768px) { .site-menubar-fold .site-navbar .navbar-container { margin-left: 90px } } .site-menubar-fold .site-navbar .navbar-brand { float: none; text-align: center } .site-menubar-fold .site-navbar .navbar-brand-text { display: none } .site-menubar-fold .site-menu { overflow: visible } .site-menubar-fold .site-menu-category { font: "0/0" a; color: transparent; text-shadow: none; height: 2px; background: #242f35; margin: 0 } .site-menubar-fold .site-menu-category:first-child { visibility: hidden } .site-menubar-fold .site-menu>.site-menu-item { font-size: 14px } .site-menubar-fold .site-menu>.site-menu-item>a { line-height: 60px; height: 60px } .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon, .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title { -webkit-transition: visibility .25s, opacity .25s; -o-transition: visibility .25s, opacity .25s; transition: visibility .25s, opacity .25s; position: absolute; top: 0; left: 0; width: 90px; text-align: center } .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-arrow { -webkit-transition: visibility 0; -o-transition: visibility 0; transition: visibility 0; visibility: hidden } .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title { opacity: 0; visibility: hidden } .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon { visibility: visible; opacity: 1; font-size: 24px; margin-right: 0 } .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-badge { left: 50px; top: -15px } .site-menubar-fold .site-menu>.site-menu-item>a .site-menu-label { display: none } .site-menubar-fold .site-menu>.site-menu-item.active { border-top: none; border-bottom: none } .site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-icon, .site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-icon, .site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-icon { visibility: hidden; opacity: 0 } .site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-title, .site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-title, .site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-title { opacity: 1; visibility: visible } .site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-badge, .site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-badge, .site-menubar-fold .site-menu>.site-menu-item.open>a .site-menu-badge { display: none } .site-menubar-fold .site-menu .site-menu-sub .site-menu-sub { display: none } .site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open>a .site-menu-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .site-menubar-fold .site-menu .site-menu-sub .site-menu-item.open>.site-menu-sub { display: block } .site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)>a .site-menu-arrow { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .site-menubar-fold .site-menu .site-menu-sub .site-menu-item:not(.open)>.site-menu-sub { display: none } .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub { -webkit-transition: visibility .25s, opacity .25s; -o-transition: visibility .25s, opacity .25s; transition: visibility .25s, opacity .25s; position: absolute; left: 90px; top: 0; width: 240px; background: #242f35; visibility: hidden; opacity: 0; overflow-y: auto } .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub-up { top: auto; bottom: 0 } .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a { padding: 0 30px } .site-menubar-fold .site-menu>.site-menu-item>.site-menu-sub .site-menu-icon { margin-right: .5em } .site-menubar-fold .site-menu>.site-menu-item.hover>.site-menu-sub { visibility: visible; opacity: 1 } .site-menubar-fold .site-menubar-light .site-menu-category { background: rgba(53,131,202,.05) } .site-menubar-fold .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub { -webkit-box-shadow: 2px 1px 2px rgba(0,0,0,.08); box-shadow: 2px 1px 2px rgba(0,0,0,.08); background: #f3f8fb } .site-menubar-fold .site-menubar { width: 90px } .site-menubar-fold .site-menubar-section { padding: 30px; border-top: 2px solid #242f35; border-bottom: 2px solid #242f35; margin-top: 0 } .site-menubar-fold .site-menubar-section>h4, .site-menubar-fold .site-menubar-section>h5 { display: none } .site-menubar-fold .site-menubar-light .site-menubar-section { border-top: 2px solid rgba(53,131,202,.05); border-bottom: 2px solid rgba(53,131,202,.05) } .site-menubar-fold .site-gridmenu { width: 90px } .site-menubar-fold .site-gridmenu li { float: none; width: 100% } .site-menubar-fold .site-gridmenu li>a { padding: 15px 0 } .site-menubar-fold .site-gridmenu-toggle:after { display: none } .site-menubar-fold .site-menubar-footer { width: 90px } .site-menubar-fold .site-menubar-footer>a { display: none } .site-menubar-fold .site-menubar-footer>a.fold-show { width: 100%; float: none; display: block } .site-menubar-fold.site-menubar-changing .site-menu>.site-menu-item>.site-menu-sub { display: none } @media (min-width:768px) and (max-width:1199px) { .css-menubar .page, .css-menubar .site-footer { margin-left: 90px } .css-menubar.page-aside-fixed.page-aside-left .page-aside { left: 90px } .css-menubar.page-aside-fixed.page-aside-left .site-footer { margin-left: 350px } .css-menubar.page-aside-fixed.page-aside-right .site-footer { margin-right: 260px } } @media (min-width:768px) and (max-width:1199px) and (min-width:768px) { .css-menubar .site-navbar .navbar-header { width: 90px } } @media (min-width:768px) and (max-width:1199px) and (min-width:768px) { .css-menubar .site-navbar .navbar-container { margin-left: 90px } } @media (min-width:768px) and (max-width:1199px) { .css-menubar .site-navbar .navbar-brand { float: none; text-align: center } .css-menubar .site-navbar .navbar-brand-text { display: none } .css-menubar .site-menu { overflow: visible } .css-menubar .site-menu-category { font: "0/0" a; color: transparent; text-shadow: none; height: 2px; background: #242f35; margin: 0 } .css-menubar .site-menu-category:first-child { visibility: hidden } .css-menubar .site-menu>.site-menu-item { font-size: 14px } .css-menubar .site-menu>.site-menu-item>a { line-height: 60px; height: 60px } .css-menubar .site-menu>.site-menu-item>a .site-menu-icon, .css-menubar .site-menu>.site-menu-item>a .site-menu-title { -webkit-transition: visibility .25s, opacity .25s; -o-transition: visibility .25s, opacity .25s; transition: visibility .25s, opacity .25s; position: absolute; top: 0; left: 0; width: 90px; text-align: center } .css-menubar .site-menu>.site-menu-item>a .site-menu-arrow { -webkit-transition: visibility 0; -o-transition: visibility 0; transition: visibility 0; visibility: hidden } .css-menubar .site-menu>.site-menu-item>a .site-menu-title { opacity: 0; visibility: hidden } .css-menubar .site-menu>.site-menu-item>a .site-menu-icon { visibility: visible; opacity: 1; font-size: 24px; margin-right: 0 } .css-menubar .site-menu>.site-menu-item>a .site-menu-badge { left: 50px; top: -15px } .css-menubar .site-menu>.site-menu-item>a .site-menu-label { display: none } .css-menubar .site-menu>.site-menu-item.active { border-top: none; border-bottom: none } .css-menubar .site-menu>.site-menu-item.active>a .site-menu-icon, .css-menubar .site-menu>.site-menu-item.hover>a .site-menu-icon, .css-menubar .site-menu>.site-menu-item.open>a .site-menu-icon { visibility: hidden; opacity: 0 } .css-menubar .site-menu>.site-menu-item.active>a .site-menu-title, .css-menubar .site-menu>.site-menu-item.hover>a .site-menu-title, .css-menubar .site-menu>.site-menu-item.open>a .site-menu-title { opacity: 1; visibility: visible } .css-menubar .site-menu>.site-menu-item.active>a .site-menu-badge, .css-menubar .site-menu>.site-menu-item.hover>a .site-menu-badge, .css-menubar .site-menu>.site-menu-item.open>a .site-menu-badge { display: none } .css-menubar .site-menu .site-menu-sub .site-menu-sub { display: none } .css-menubar .site-menu .site-menu-sub .site-menu-item.open>a .site-menu-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .css-menubar .site-menu .site-menu-sub .site-menu-item.open>.site-menu-sub { display: block } .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open)>a .site-menu-arrow { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .css-menubar .site-menu .site-menu-sub .site-menu-item:not(.open)>.site-menu-sub { display: none } .css-menubar .site-menu>.site-menu-item>.site-menu-sub { -webkit-transition: visibility .25s, opacity .25s; -o-transition: visibility .25s, opacity .25s; transition: visibility .25s, opacity .25s; position: absolute; left: 90px; top: 0; width: 240px; background: #242f35; visibility: hidden; opacity: 0; overflow-y: auto } .css-menubar .site-menu>.site-menu-item>.site-menu-sub-up { top: auto; bottom: 0 } .css-menubar .site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a { padding: 0 30px } .css-menubar .site-menu>.site-menu-item>.site-menu-sub .site-menu-icon { margin-right: .5em } .css-menubar .site-menu>.site-menu-item.hover>.site-menu-sub { visibility: visible; opacity: 1 } .css-menubar .site-menubar-light .site-menu-category { background: rgba(53,131,202,.05) } .css-menubar .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub { -webkit-box-shadow: 2px 1px 2px rgba(0,0,0,.08); box-shadow: 2px 1px 2px rgba(0,0,0,.08); background: #f3f8fb } .css-menubar .site-menubar { width: 90px } .css-menubar .site-menubar-section { padding: 30px; border-top: 2px solid #242f35; border-bottom: 2px solid #242f35; margin-top: 0 } .css-menubar .site-menubar-section>h4, .css-menubar .site-menubar-section>h5 { display: none } .css-menubar .site-menubar-light .site-menubar-section { border-top: 2px solid rgba(53,131,202,.05); border-bottom: 2px solid rgba(53,131,202,.05) } .css-menubar .site-gridmenu { width: 90px } .css-menubar .site-gridmenu li { float: none; width: 100% } .css-menubar .site-gridmenu li>a { padding: 15px 0 } .css-menubar .site-gridmenu-toggle:after { display: none } .css-menubar .site-menubar-footer { width: 90px } .css-menubar .site-menubar-footer>a { display: none } .css-menubar .site-menubar-footer>a.fold-show { width: 100%; float: none; display: block } .css-menubar .site-menu>.site-menu-item:hover>a .site-menu-icon { visibility: hidden; opacity: 0 } .css-menubar .site-menu>.site-menu-item:hover>a .site-menu-title { opacity: 1; visibility: visible } .css-menubar .site-menu>.site-menu-item:hover>a .site-menu-badge { display: none } .css-menubar .site-menu-item:hover>.site-menu-sub { visibility: visible; opacity: 1 } .site-menubar-fold.page-aside-fixed.page-aside-left .site-footer { margin-left: 310px } .site-menubar-fold.page-aside-fixed.page-aside-right .site-footer { margin-right: 220px } } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item:hover>a { background-color: transparent } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open { background: #37474f } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active>a .site-menu-icon, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a .site-menu-icon, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open>a .site-menu-icon { opacity: 1; visibility: visible } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active>a .site-menu-badge, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a .site-menu-badge, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open>a .site-menu-badge { display: inline-block } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.active>a .site-menu-title, .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.open>a .site-menu-title { visibility: hidden; opacity: 0 } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item.hover>a .site-menu-title { opacity: 1; visibility: visible } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item>a .site-menu-title { -webkit-transition: visibility 0, opacity 0; -o-transition: visibility 0, opacity 0; transition: visibility 0, opacity 0; left: 90px; width: 240px; max-width: 240px; padding: 0 30px; background: #37474f; font-size: 14px; text-align: left } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item>.site-menu-sub { top: 60px } .site-menubar-fold.site-menubar-fold-alt .site-menu>.site-menu-item>.site-menu-sub-up { top: auto; bottom: 60px } .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item.active, .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item.hover, .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item.open { background: #e8f1f8 } .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item>a .site-menu-title { background: #e8f1f8 } .site-menubar-fold.site-menubar-fold-alt .site-menubar-light .site-menu>.site-menu-item>.site-menu-sub { -webkit-box-shadow: none; box-shadow: none } @media (max-width:767px) and (min-width:768px) { .css-menubar .site-navbar .navbar-header { width: 260px } .css-menubar .site-navbar .navbar-container { margin-left: 260px } } @media (max-width:767px) { .css-menubar .site-menu-category { -webkit-transition: all .25s, font .1s .15s, color .1s .15s; -o-transition: all .25s, font .1s .15s, color .1s .15s; transition: all .25s, font .1s .15s, color .1s .15s; font-size: 15px; padding: 0 24px; color: #76838f; line-height: 38px; text-transform: uppercase; margin-top: 20px } .css-menubar .site-menu>.site-menu-item>a .site-menu-title { font-size: 14px } .css-menubar .site-menu-icon { margin-right: 14px } .css-menubar .site-menu-title { display: inline-block; max-width: 160px } .css-menubar .site-menu-title:first-child { margin-left: 28px } .css-menubar .site-menu .site-menu-sub { display: none } .css-menubar .site-menu-item { -webkit-transition: -webkit-transform .1s, all .25s, border 0; -o-transition: -o-transform .1s, all .25s, border 0; transition: transform .1s, all .25s, border 0; line-height: 34px } .css-menubar .site-menu-item.open>a .site-menu-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .css-menubar .site-menu-item.open>.site-menu-sub { display: block } .css-menubar .site-menu-item:not(.open)>a .site-menu-arrow { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .css-menubar .site-menu-item:not(.open)>.site-menu-sub { display: none } .css-menubar .site-menu>.site-menu-item>a { padding: 0 30px; line-height: 38px } .css-menubar.site-menubar-native .site-menubar-body { overflow-y: scroll } .css-menubar .site-menubar { width: 260px } .css-menubar .site-gridmenu { width: 260px } .css-menubar .site-menubar-footer { width: 260px } .css-menubar [data-toggle=menubar] .hamburger-arrow-left { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .css-menubar [data-toggle=menubar] .hamburger-arrow-left:before { width: .6em; -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg); transform: translate3d(.45em, .1em, 0) rotate(45deg) } .css-menubar [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar { border-radius: .2em } .css-menubar [data-toggle=menubar] .hamburger-arrow-left:after { width: .6em; -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg); transform: translate3d(.45em, -.1em, 0) rotate(-45deg) } .css-menubar .site-menu-item:hover>.site-menu-sub { display: block } } @media (min-width:1200px) { .css-menubar .page, .css-menubar .site-footer { margin-left: 260px } .css-menubar.page-aside-fixed.page-aside-left .page-aside { left: 260px } .css-menubar.page-aside-fixed.page-aside-left .site-footer { margin-left: 520px } .css-menubar.page-aside-fixed.page-aside-right .site-footer { margin-right: 260px } } @media (min-width:1200px) and (min-width:768px) { .css-menubar .site-navbar .navbar-header { width: 260px } .css-menubar .site-navbar .navbar-container { margin-left: 260px } } @media (min-width:1200px) { .css-menubar .site-menu-category { -webkit-transition: all .25s, font .1s .15s, color .1s .15s; -o-transition: all .25s, font .1s .15s, color .1s .15s; transition: all .25s, font .1s .15s, color .1s .15s; font-size: 15px; padding: 0 24px; color: #76838f; line-height: 38px; text-transform: uppercase; margin-top: 20px } .css-menubar .site-menu>.site-menu-item>a .site-menu-title { font-size: 14px } .css-menubar .site-menu-icon { margin-right: 14px } .css-menubar .site-menu-title { display: inline-block; max-width: 160px } .css-menubar .site-menu-title:first-child { margin-left: 28px } .css-menubar .site-menu .site-menu-sub { display: none } .css-menubar .site-menu-item { -webkit-transition: -webkit-transform .1s, all .25s, border 0; -o-transition: -o-transform .1s, all .25s, border 0; transition: transform .1s, all .25s, border 0; line-height: 34px } .css-menubar .site-menu-item.open>a .site-menu-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .css-menubar .site-menu-item.open>.site-menu-sub { display: block } .css-menubar .site-menu-item:not(.open)>a .site-menu-arrow { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .css-menubar .site-menu-item:not(.open)>.site-menu-sub { display: none } .css-menubar .site-menu>.site-menu-item>a { padding: 0 30px; line-height: 38px } .css-menubar.site-menubar-native .site-menubar-body { overflow-y: scroll } .css-menubar .site-menubar { width: 260px } .css-menubar .site-gridmenu { width: 260px } .css-menubar .site-menubar-footer { width: 260px } .css-menubar [data-toggle=menubar] .hamburger-arrow-left { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .css-menubar [data-toggle=menubar] .hamburger-arrow-left:before { width: .6em; -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg); transform: translate3d(.45em, .1em, 0) rotate(45deg) } .css-menubar [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar { border-radius: .2em } .css-menubar [data-toggle=menubar] .hamburger-arrow-left:after { width: .6em; -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg); transform: translate3d(.45em, -.1em, 0) rotate(-45deg) } .css-menubar .site-menu-item:hover>.site-menu-sub { display: block } } .site-menubar-unfold .page, .site-menubar-unfold .site-footer { margin-left: 260px } .site-menubar-unfold.page-aside-fixed.page-aside-left .page-aside { left: 260px } .site-menubar-unfold.page-aside-fixed.page-aside-left .site-footer { margin-left: 520px } .site-menubar-unfold.page-aside-fixed.page-aside-right .site-footer { margin-right: 260px } @media (min-width:768px) { .site-menubar-unfold .site-navbar .navbar-header { width: 260px } .site-menubar-unfold .site-navbar .navbar-container { margin-left: 260px } } .site-menubar-unfold .site-menu-category { -webkit-transition: all .25s, font .1s .15s, color .1s .15s; -o-transition: all .25s, font .1s .15s, color .1s .15s; transition: all .25s, font .1s .15s, color .1s .15s; font-size: 15px; padding: 0 24px; color: #76838f; line-height: 38px; text-transform: uppercase; margin-top: 20px } .site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title { font-size: 14px } .site-menubar-unfold .site-menu-icon { margin-right: 14px } .site-menubar-unfold .site-menu-title { display: inline-block; max-width: 160px } .site-menubar-unfold .site-menu-title:first-child { margin-left: 28px } .site-menubar-unfold .site-menu .site-menu-sub { display: none } .site-menubar-unfold .site-menu-item { -webkit-transition: -webkit-transform .1s, all .25s, border 0; -o-transition: -o-transform .1s, all .25s, border 0; transition: transform .1s, all .25s, border 0; line-height: 34px } .site-menubar-unfold .site-menu-item.open>a .site-menu-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .site-menubar-unfold .site-menu-item.open>.site-menu-sub { display: block } .site-menubar-unfold .site-menu-item:not(.open)>a .site-menu-arrow { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .site-menubar-unfold .site-menu-item:not(.open)>.site-menu-sub { display: none } .site-menubar-unfold .site-menu>.site-menu-item>a { padding: 0 30px; line-height: 38px } .site-menubar-unfold.site-menubar-native .site-menubar-body { overflow-y: scroll } .site-menubar-unfold .site-menubar { width: 260px } .site-menubar-unfold .site-gridmenu { width: 260px } .site-menubar-unfold .site-menubar-footer { width: 260px } .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:before { width: .6em; -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg); transform: translate3d(.45em, .1em, 0) rotate(45deg) } .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar { border-radius: .2em } .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:after { width: .6em; -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg); transform: translate3d(.45em, -.1em, 0) rotate(-45deg) } @media (min-width:768px) and (max-width:1199px) { .site-menubar-unfold.page-aside-fixed.page-aside-left .site-footer { margin-left: 480px } .site-menubar-unfold.page-aside-fixed.page-aside-right .site-footer { margin-right: 220px } } @media (max-width:767px) { .site-menubar-unfold .page, .site-menubar-unfold .site-footer { margin-left: auto } .site-menubar-open .page, .site-menubar-open .site-footer { -ms-transform: translate(260px, 0); -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0) } .site-menubar-changing { overflow: hidden } .site-menubar-changing .page, .site-menubar-changing .site-footer { -webkit-transition: -webkit-transform .25s; -o-transition: -o-transform .25s; transition: transform .25s } .site-gridmenu { width: 100%!important; background: rgba(38,50,56,.9) } .site-menubar-hide .site-menubar, .site-menubar-open .site-menubar { -webkit-transition: -webkit-transform .25s, top .35s, height .35s; -o-transition: -o-transform .25s, top .35s, height .35s; transition: transform .25s, top .35s, height .35s } .site-menubar-open .site-menubar { -ms-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @media (max-width:767px) { .site-navbar-collapsing { -webkit-transition: padding-top .35s; -o-transition: padding-top .35s; transition: padding-top .35s } body.site-navbar-collapse-show { padding-top:2 * 66.01px } .site-navbar-collapse-show .slidePanel.slidePanel-left, .site-navbar-collapse-show .slidePanel.slidePanel-right { top: 135px; -webkit-transition: top .35s; -o-transition: top .35s; transition: top .35s } } body.site-navbar-small { padding-top: 4.286rem } .site-navbar-small .site-navbar { height: 4.286rem; min-height: 4.286rem } .site-navbar-small .site-navbar .navbar-brand { height: 4.286rem; padding: 1.357rem 1.429rem } .site-navbar-small .site-navbar .navbar-nav { margin:.6785rem -.9375rem } @media (min-width:768px) { .site-navbar-small .site-navbar .navbar-nav>li>a { padding-top: 1.357rem; padding-bottom: 1.357rem } } .site-navbar-small .site-navbar .navbar-toggler { height: 4.286rem; padding:1.357rem .9375rem } .site-navbar-small .site-navbar .navbar-toolbar>li>a { padding-top: 1.357rem; padding-bottom: 1.357rem } .site-navbar-small .site-navbar .navbar-nav>li>a.navbar-avatar, .site-navbar-small .site-navbar .navbar-toolbar>li>a.navbar-avatar { padding-top: 1.0715rem; padding-bottom: 1.0715rem } .site-navbar-small .site-navbar .navbar-search-overlap .form-control { height: 4.286rem!important } .site-navbar-small .site-menubar { top: 4.286rem; height: -webkit-calc(100% - 4.286rem); height: calc(100% - 4.286rem) } .site-navbar-small .site-gridmenu { top: 4.286rem } @media (max-width:767px) { body.site-navbar-collapse-show.site-navbar-small { padding-top: 8.572rem } .site-navbar-small .site-menubar { top: 4.286rem } .site-navbar-collapse-show .site-navbar-small .site-menubar { top: 8.572rem; height: -webkit-calc(100% - 8.572rem); height: calc(100% - 8.572rem) } .site-navbar-small .page-aside { top: 4.286rem } .site-navbar-collapse-show .site-navbar-small .page-aside { top: 8.572rem } } @media (max-width:767px) { .site-navbar .brand { display: none } .site-navbar .brand-mobile { display: block } .site-menubar { top: 66.01px; height: -webkit-calc(100% - 66.01px); height: calc(100% - 66.01px); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -ms-transform: translate(-260px, 0); -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0) } .site-navbar-collapse-show .site-menubar { top: 132.02px; height: -webkit-calc(100% - 132.02px); height: calc(100% - 132.02px) } .site-menubar-footer { visibility: hidden } .site-menubar-open .site-menubar-footer { visibility: visible } .disable-scrolling { overflow: hidden; height: 100% } body.site-menubar-open { overflow: hidden; height: 100% } body.site-menubar-open .page { overflow: hidden; height: 100%; pointer-events: none } } @media (min-width:768px) { .site-menubar-flipped .navbar-header { float: right } } .site-menubar-flipped .site-menubar, .site-menubar-flipped .site-menubar-footer { right: 0; left: auto } .site-menubar-flipped .site-gridmenu { right: 0; left: auto } .site-menubar-flipped .hamburger-arrow-left.collapsed:before, .site-menubar-flipped .hamburger-arrow-left.unfolded:before { -webkit-transform: translateX(-.1em) translateY(.1em) rotate(135deg); -ms-transform: translateX(-.1em) translateY(.1em) rotate(135deg); -o-transform: translateX(-.1em) translateY(.1em) rotate(135deg); transform: translateX(-.1em) translateY(.1em) rotate(135deg) } .site-menubar-flipped .hamburger-arrow-left.collapsed:after, .site-menubar-flipped .hamburger-arrow-left.unfolded:after { -webkit-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); -ms-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); -o-transform: translateX(-.1em) translateY(-.1em) rotate(45deg); transform: translateX(-.1em) translateY(-.1em) rotate(45deg) } @media (max-width:767px) and (min-width:768px) { .css-menubar .site-menubar-flipped .site-navbar .navbar-container { margin-right: 260px; margin-left: 0 } } @media (min-width:1200px) and (min-width:768px) { .css-menubar .site-menubar-flipped .site-navbar .navbar-container { margin-right: 260px; margin-left: 0 } } @media (min-width:1200px) { .css-menubar .site-menubar-flipped .page, .css-menubar .site-menubar-flipped .site-footer { margin-right: 260px; margin-left: 0 } } .site-menubar-unfold.site-menubar-flipped .page, .site-menubar-unfold.site-menubar-flipped .site-footer { margin-right: 260px; margin-left: 0 } @media (min-width:768px) { .site-menubar-unfold.site-menubar-flipped .site-navbar .navbar-container { margin-right: 260px; margin-left: 0 } } @media (max-width:767px) { .site-menubar-flipped.site-menubar-unfold .page, .site-menubar-flipped.site-menubar-unfold .site-footer { margin-left: 0; margin-right: auto } .site-menubar-flipped.site-menubar-open .page, .site-menubar-flipped.site-menubar-open .site-footer { -ms-transform: translate(-260px, 0); -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0) } .site-menubar-flipped.site-menubar-open .site-menubar { -ms-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @media (min-width:768px) and (max-width:1199px) { .css-menubar .site-menubar-flipped .page, .css-menubar .site-menubar-flipped .site-footer { margin-right: 90px; margin-left: 0 } } @media (min-width:768px) and (max-width:1199px) and (min-width:768px) { .css-menubar .site-menubar-flipped .site-navbar .navbar-container { margin-right: 90px; margin-left: 0 } } @media (min-width:768px) and (max-width:1199px) { .css-menubar .site-menubar-flipped .site-menu>.site-menu-item>.site-menu-sub { left: auto; right: 90px } } .site-menubar-fold.site-menubar-flipped .page, .site-menubar-fold.site-menubar-flipped .site-footer { margin-right: 90px; margin-left: 0 } @media (min-width:768px) { .site-menubar-fold.site-menubar-flipped .site-navbar .navbar-container { margin-right: 90px; margin-left: 0 } } .site-menubar-fold.site-menubar-flipped .site-menu>.site-menu-item>.site-menu-sub { left: auto; right: 90px } @media (max-width:767px) { .site-menubar-flipped .site-menubar { -ms-transform: translate(260px, 0); -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0) } } .checkbox-custom, .radio-custom { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox-custom label, .radio-custom label { min-height: 22px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox-custom input[type=checkbox], .radio-custom input[type=radio] { position: absolute; margin-left: -20px; margin-top: 0; margin-bottom: 0 } .checkbox-custom.disabled label, .radio-custom.disabled label, fieldset[disabled] .checkbox-custom label, fieldset[disabled] .radio-custom label { cursor: not-allowed } .input-group-addon .checkbox-custom, .input-group-addon .radio-custom { margin: 0 } .checkbox-custom { padding-left: 20px } .checkbox-custom label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px } .checkbox-custom label:empty { padding-left: 0 } .checkbox-custom label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: -20px; border: 1px solid #e4eaec; border-radius:.215rem; background-color: #fff; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .checkbox-custom label::after { display: inline-block; position: absolute; width: 20px; height: 20px; line-height: 20px; left: 0; top: 0; margin-left: -20px; text-align: center; padding-top: 1px; font-size: 12px; color: #76838f } .checkbox-custom input[type=radio], .checkbox-custom input[type=checkbox] { opacity: 0; z-index: 1; width: 20px; height: 20px } .checkbox-custom input[type=radio]:focus+label::before, .checkbox-custom input[type=checkbox]:focus+label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .checkbox-custom input[type=radio]:checked+label::before, .checkbox-custom input[type=checkbox]:checked+label::before { border-color: #e4eaec; border-width: 10px; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .checkbox-custom input[type=radio]:checked+label::after, .checkbox-custom input[type=checkbox]:checked+label::after { font-family: "Web Icons"; content: "" } .checkbox-custom input[type=radio]:disabled+label, .checkbox-custom input[type=checkbox]:disabled+label { opacity: .65 } .checkbox-custom input[type=radio]:disabled+label::before, .checkbox-custom input[type=checkbox]:disabled+label::before { background-color: #f3f7f9; border-color: #e4eaec; border-width: 1px; cursor: not-allowed } .checkbox-custom.checkbox-circle label::before { border-radius: 50% } .checkbox-custom.checkbox-inline { margin-top: 0; display: inline-block; margin-bottom: 0 } .checkbox-inline+.checkbox-inline { margin-left: 20px } .checkbox-default input[type=radio]:checked+label::before, .checkbox-default input[type=checkbox]:checked+label::before { background-color: #fff; border-color: #e4eaec; border-width: 1px } .checkbox-default input[type=radio]:checked+label::after, .checkbox-default input[type=checkbox]:checked+label::after { color: #62a8ea } .checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #62a8ea; border-color: #62a8ea } .checkbox-primary input[type=radio]:checked+label::after, .checkbox-primary input[type=checkbox]:checked+label::after { color: #fff } .checkbox-danger input[type=radio]:checked+label::before, .checkbox-danger input[type=checkbox]:checked+label::before { background-color: #f96868; border-color: #f96868 } .checkbox-danger input[type=radio]:checked+label::after, .checkbox-danger input[type=checkbox]:checked+label::after { color: #fff } .checkbox-info input[type=radio]:checked+label::before, .checkbox-info input[type=checkbox]:checked+label::before { background-color: #57c7d4; border-color: #57c7d4 } .checkbox-info input[type=radio]:checked+label::after, .checkbox-info input[type=checkbox]:checked+label::after { color: #fff } .checkbox-warning input[type=radio]:checked+label::before, .checkbox-warning input[type=checkbox]:checked+label::before { background-color: #f2a654; border-color: #f2a654 } .checkbox-warning input[type=radio]:checked+label::after, .checkbox-warning input[type=checkbox]:checked+label::after { color: #fff } .checkbox-success input[type=radio]:checked+label::before, .checkbox-success input[type=checkbox]:checked+label::before { background-color: #46be8a; border-color: #46be8a } .checkbox-success input[type=radio]:checked+label::after, .checkbox-success input[type=checkbox]:checked+label::after { color: #fff } .checkbox-sm { padding-left: 18px } .checkbox-sm label { padding-left: 8px } .checkbox-sm label:empty { padding-left: 0 } .checkbox-sm label::after, .checkbox-sm label::before { width: 18px; height: 18px; margin-left: -18px } .checkbox-sm label::after { font-size: 10px; line-height: 18px } .checkbox-sm input[type=radio], .checkbox-sm input[type=checkbox] { width: 18px; height: 18px } .checkbox-sm input[type=radio]:checked+label::before, .checkbox-sm input[type=checkbox]:checked+label::before { border-width: 9px } .checkbox-lg { padding-left: 24px } .checkbox-lg label { padding-left: 12px } .checkbox-lg label:empty { padding-left: 0 } .checkbox-lg label::after, .checkbox-lg label::before { width: 24px; height: 24px; margin-left: -24px } .checkbox-lg label::after { font-size: 14px; line-height: 24px } .checkbox-lg input[type=radio], .checkbox-lg input[type=checkbox] { width: 24px; height: 24px } .checkbox-lg input[type=radio]:checked+label::before, .checkbox-lg input[type=checkbox]:checked+label::before { border-width: 12px } .radio-custom { padding-left: 20px } .radio-custom label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px } .radio-custom label:empty { padding-left: 0 } .radio-custom label::before { content: ""; display: inline-block; position: absolute; width: 20px; height: 20px; left: 0; margin-left: -20px; border: 1px solid #e4eaec; border-radius: 50%; background-color: #fff; -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s; -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s; transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s } .radio-custom label::after { display: inline-block; position: absolute; content: " "; width: 6px; height: 6px; left: 7px; top: 7px; margin-left: -20px; border: 2px solid #76838f; border-radius: 50%; background-color: transparent; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: .1s cubic-bezier(.8, -.33, .2, 1.33); -o-transition: .1s cubic-bezier(.8, -.33, .2, 1.33); transition: .1s cubic-bezier(.8, -.33, .2, 1.33) } .radio-custom input[type=radio] { width: 20px; height: 20px; opacity: 0; z-index: 1 } .radio-custom input[type=radio]:focus+label::before { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .radio-custom input[type=radio]:checked+label::before { border-color: #e4eaec; border-width: 10px } .radio-custom input[type=radio]:checked+label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .radio-custom input[type=radio]:disabled+label { opacity: .65 } .radio-custom input[type=radio]:disabled+label::before { cursor: not-allowed } .radio-custom.radio-inline { margin-top: 0; display: inline-block; margin-bottom: 0 } .radio-inline+.radio-inline { margin-left: 20px } .radio-default input[type=radio]:checked+label::before { background-color: #fff; border-color: #e4eaec; border-width: 1px } .radio-default input[type=radio]:checked+label::after { border-color: #62a8ea } .radio-primary input[type=radio]:checked+label::before { border-color: #62a8ea } .radio-primary input[type=radio]:checked+label::after { border-color: #fff } .radio-danger input[type=radio]:checked+label::before { border-color: #f96868 } .radio-danger input[type=radio]:checked+label::after { border-color: #fff } .radio-info input[type=radio]:checked+label::before { border-color: #57c7d4 } .radio-info input[type=radio]:checked+label::after { border-color: #fff } .radio-warning input[type=radio]:checked+label::before { border-color: #f2a654 } .radio-warning input[type=radio]:checked+label::after { border-color: #fff } .radio-success input[type=radio]:checked+label::before { border-color: #46be8a } .radio-success input[type=radio]:checked+label::after { border-color: #fff } .radio-sm { padding-left: 18px } .radio-sm label { padding-left: 8px } .radio-sm label:empty { padding-left: 0 } .radio-sm label::before { width: 18px; height: 18px; margin-left: -20px } .radio-sm label::after { width: 4px; height: 4px; left: 7px; top: 7px; margin-left: -20px; border-width: 2px } .radio-sm input[type=radio] { width: 18px; height: 18px } .radio-sm input[type=radio]:checked+label::before { border-width: 9px } .radio-lg { padding-left: 24px } .radio-lg label { padding-left: 12px } .radio-lg label:empty { padding-left: 0 } .radio-lg label::before { width: 24px; height: 24px; margin-left: -20px } .radio-lg label::after { width: 8px; height: 8px; left: 8px; top: 8px; margin-left: -20px; border-width: 2px } .radio-lg input[type=radio] { width: 24px; height: 24px } .radio-lg input[type=radio]:checked+label::before { border-width: 12px } @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-material { position: relative } .form-material.floating { margin-top: 20px; margin-bottom: 20px } .form-material.floating+.form-material.floating { margin-top: 40px } .form-material .form-control { padding-left: 0; padding-right: 0; -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: transparent; background-color: transparent; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out } .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { float: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#62a8ea), to(#62a8ea)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image: -webkit-linear-gradient(#62a8ea, #62a8ea), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image: -o-linear-gradient(#62a8ea, #62a8ea), -o-linear-gradient(#e4eaec, #e4eaec); background-image: linear-gradient(#62a8ea, #62a8ea), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material .form-control { border-bottom: 2px solid #e4eaec } .form-material .form-control::-webkit-input-placeholder { color:#a3afb7 } .form-material .form-control::-moz-placeholder { color:#a3afb7 } .form-material .form-control:-ms-input-placeholder { color:#a3afb7 } .form-material .form-control:disabled::-webkit-input-placeholder { color:#ccd5db } .form-material .form-control:disabled::-moz-placeholder { color:#ccd5db } .form-material .form-control:disabled:-ms-input-placeholder { color:#ccd5db } .form-material .form-control.focus, .form-material .form-control:focus { outline: 0; -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } .no-cssgradients .form-material .form-control.focus, .no-cssgradients .form-material .form-control:focus { background: 0 0; border-bottom: 2px solid #62a8ea } .form-material .form-control:disabled, .form-material .form-control[disabled], fieldset[disabled] .form-material .form-control { background: 0 0; background: 0 0; border-bottom: 1px dashed #ccd5db } .form-material .form-control:disabled~.floating-label, .form-material .form-control[disabled]~.floating-label, fieldset[disabled] .form-material .form-control~.floating-label { color: #ccd5db } .form-material select[multiple], .form-material select[size], .form-material textarea.form-control { height: auto } .form-material .form-control-label { font-weight: 700 } .form-material.form-group .form-control-label { padding: 0 } .form-material .floating-label { font-size: 1rem; color: #76838f; position: absolute; pointer-events: none; left: 0; -webkit-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all } .form-material .floating-label.floating-label-static { position: relative; top: auto; display: block } .form-material [class*=col-]>.floating-label { left:.9375rem } .form-material .form-control~.floating-label { font-size: 1rem; top:.571429rem } .form-material .form-control.focus~.floating-label, .form-material .form-control:focus~.floating-label, .form-material .form-control:not(.empty)~.floating-label { top:-.8rem; font-size:.8rem } .form-material .form-control:-webkit-autofill~.floating-label { top:-.8rem; font-size:.8rem } .form-material .form-control-sm~.floating-label { font-size:.858rem; top:.429rem } .form-material .form-control-sm.focus~.floating-label, .form-material .form-control-sm:focus~.floating-label, .form-material .form-control-sm:not(.empty)~.floating-label { top:-.6864rem; font-size:.6864rem } .form-material .form-control-sm:-webkit-autofill~.floating-label { top:-.6864rem; font-size:.6864rem } .form-material .form-control-lg~.floating-label { font-size: 1.286rem; top:.428667rem } .form-material .form-control-lg.focus~.floating-label, .form-material .form-control-lg:focus~.floating-label, .form-material .form-control-lg:not(.empty)~.floating-label { top: -1.0288rem; font-size: 1.0288rem } .form-material .form-control-lg:-webkit-autofill~.floating-label { top:-1.0288rem; font-size:1.0288rem } .form-material .form-control.focus~.floating-label, .form-material .form-control:focus~.floating-label, .form-material .form-control:not(.empty)~.floating-label { font-weight: 700 } .form-material .form-control:-webkit-autofill~.floating-label { font-weight:700 } .form-material .form-control.focus~.floating-label, .form-material .form-control:focus~.floating-label { color: #62a8ea } .form-material textarea.form-control { resize: none; padding-bottom:.429rem } .form-material.floating textarea.form-control { padding-top:.429rem } .form-material select.form-control { border: 0; border-radius: 0 } .form-material:not(.floating) .form-control-label+select[multiple] { margin-top: 5px } .form-material .hint { position: absolute; font-size: 80%; display: none } .form-material .form-control.focus~.hint, .form-material .form-control:focus~.hint { display: block } .form-material .form-control.focus:invalid~.floating-label, .form-material .form-control:not(.empty):invalid~.floating-label { color:#f96868 } .form-material .form-control:invalid { background-image:-webkit-gradient(linear, left top, left bottom, from(#f96868), to(#f96868)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image:-webkit-linear-gradient(#f96868, #f96868), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image:-o-linear-gradient(#f96868, #f96868), -o-linear-gradient(#e4eaec, #e4eaec); background-image:linear-gradient(#f96868, #f96868), linear-gradient(#e4eaec, #e4eaec) } .form-material.form-group.has-warning .form-control.focus, .form-material.form-group.has-warning .form-control:focus, .form-material.form-group.has-warning .form-control:not(.empty) { background-image: -webkit-gradient(linear, left top, left bottom, from(#f2a654), to(#f2a654)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image: -webkit-linear-gradient(#f2a654, #f2a654), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image: -o-linear-gradient(#f2a654, #f2a654), -o-linear-gradient(#e4eaec, #e4eaec); background-image: linear-gradient(#f2a654, #f2a654), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-warning .form-control.focus, .no-cssgradients .form-material.form-group.has-warning .form-control:focus, .no-cssgradients .form-material.form-group.has-warning .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #f2a654 } .form-material.form-group.has-warning .form-control:-webkit-autofill { background-image:-webkit-gradient(linear, left top, left bottom, from(#f2a654), to(#f2a654)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image:-webkit-linear-gradient(#f2a654, #f2a654), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image:linear-gradient(#f2a654, #f2a654), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-warning .form-control:-webkit-autofill { background:0 0; border-bottom:2px solid #f2a654 } .form-material.form-group.has-warning .form-control:not(.empty) { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px } .form-material.form-group.has-warning .form-control-label { color: #f2a654 } .form-material.form-group.has-warning .form-control.focus~.floating-label, .form-material.form-group.has-warning .form-control:focus~.floating-label, .form-material.form-group.has-warning .form-control:not(.empty)~.floating-label { color: #f2a654 } .form-material.form-group.has-warning .form-control:-webkit-autofill~.floating-label { color:#f2a654 } .form-material.form-group.has-danger .form-control.focus, .form-material.form-group.has-danger .form-control:focus, .form-material.form-group.has-danger .form-control:not(.empty) { background-image: -webkit-gradient(linear, left top, left bottom, from(#f96868), to(#f96868)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image: -webkit-linear-gradient(#f96868, #f96868), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image: -o-linear-gradient(#f96868, #f96868), -o-linear-gradient(#e4eaec, #e4eaec); background-image: linear-gradient(#f96868, #f96868), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-danger .form-control.focus, .no-cssgradients .form-material.form-group.has-danger .form-control:focus, .no-cssgradients .form-material.form-group.has-danger .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #f96868 } .form-material.form-group.has-danger .form-control:-webkit-autofill { background-image:-webkit-gradient(linear, left top, left bottom, from(#f96868), to(#f96868)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image:-webkit-linear-gradient(#f96868, #f96868), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image:linear-gradient(#f96868, #f96868), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-danger .form-control:-webkit-autofill { background:0 0; border-bottom:2px solid #f96868 } .form-material.form-group.has-danger .form-control:not(.empty) { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px } .form-material.form-group.has-danger .form-control-label { color: #f96868 } .form-material.form-group.has-danger .form-control.focus~.floating-label, .form-material.form-group.has-danger .form-control:focus~.floating-label, .form-material.form-group.has-danger .form-control:not(.empty)~.floating-label { color: #f96868 } .form-material.form-group.has-danger .form-control:-webkit-autofill~.floating-label { color:#f96868 } .form-material.form-group.has-success .form-control.focus, .form-material.form-group.has-success .form-control:focus, .form-material.form-group.has-success .form-control:not(.empty) { background-image: -webkit-gradient(linear, left top, left bottom, from(#46be8a), to(#46be8a)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image: -webkit-linear-gradient(#46be8a, #46be8a), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image: -o-linear-gradient(#46be8a, #46be8a), -o-linear-gradient(#e4eaec, #e4eaec); background-image: linear-gradient(#46be8a, #46be8a), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-success .form-control.focus, .no-cssgradients .form-material.form-group.has-success .form-control:focus, .no-cssgradients .form-material.form-group.has-success .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #46be8a } .form-material.form-group.has-success .form-control:-webkit-autofill { background-image:-webkit-gradient(linear, left top, left bottom, from(#46be8a), to(#46be8a)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image:-webkit-linear-gradient(#46be8a, #46be8a), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image:linear-gradient(#46be8a, #46be8a), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-success .form-control:-webkit-autofill { background:0 0; border-bottom:2px solid #46be8a } .form-material.form-group.has-success .form-control:not(.empty) { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px } .form-material.form-group.has-success .form-control-label { color: #46be8a } .form-material.form-group.has-success .form-control.focus~.floating-label, .form-material.form-group.has-success .form-control:focus~.floating-label, .form-material.form-group.has-success .form-control:not(.empty)~.floating-label { color: #46be8a } .form-material.form-group.has-success .form-control:-webkit-autofill~.floating-label { color:#46be8a } .form-material.form-group.has-info .form-control.focus, .form-material.form-group.has-info .form-control:focus, .form-material.form-group.has-info .form-control:not(.empty) { background-image: -webkit-gradient(linear, left top, left bottom, from(#57c7d4), to(#57c7d4)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image: -webkit-linear-gradient(#57c7d4, #57c7d4), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image: -o-linear-gradient(#57c7d4, #57c7d4), -o-linear-gradient(#e4eaec, #e4eaec); background-image: linear-gradient(#57c7d4, #57c7d4), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-info .form-control.focus, .no-cssgradients .form-material.form-group.has-info .form-control:focus, .no-cssgradients .form-material.form-group.has-info .form-control:not(.empty) { background: 0 0; border-bottom: 2px solid #57c7d4 } .form-material.form-group.has-info .form-control:-webkit-autofill { background-image:-webkit-gradient(linear, left top, left bottom, from(#57c7d4), to(#57c7d4)), -webkit-gradient(linear, left top, left bottom, from(#e4eaec), to(#e4eaec)); background-image:-webkit-linear-gradient(#57c7d4, #57c7d4), -webkit-linear-gradient(#e4eaec, #e4eaec); background-image:linear-gradient(#57c7d4, #57c7d4), linear-gradient(#e4eaec, #e4eaec) } .no-cssgradients .form-material.form-group.has-info .form-control:-webkit-autofill { background:0 0; border-bottom:2px solid #57c7d4 } .form-material.form-group.has-info .form-control:not(.empty) { -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px } .form-material.form-group.has-info .form-control-label { color: #57c7d4 } .form-material.form-group.has-info .form-control.focus~.floating-label, .form-material.form-group.has-info .form-control:focus~.floating-label, .form-material.form-group.has-info .form-control:not(.empty)~.floating-label { color: #57c7d4 } .form-material.form-group.has-info .form-control:-webkit-autofill~.floating-label { color:#57c7d4 } .form-material .input-group .form-control-wrap { margin-right: 5px; margin-left: 5px } .form-material .input-group .form-control-wrap .form-control { float: none } .form-material .input-group .input-group-addon { border: 0; background: 0 0 } .form-material .input-group .input-group-btn .btn { border-radius:.286rem; margin: 0 } .form-material input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .form-control-wrap { position: relative } .loader { position: relative; display: inline-block; margin: 0 auto; font-size: 40px; text-indent: -9999em; -webkit-transform: translateZ(0); transform: translateZ(0) } .loader-default { width: 1em; height: 1em; background-color: #a3afb7; border-radius: 100%; -webkit-animation: loader-default 1s infinite ease-in-out; -o-animation: loader-default 1s infinite ease-in-out; animation: loader-default 1s infinite ease-in-out } .loader-grill { width: .25em; height: .5em; background: #a3afb7; -webkit-animation: default-grill 1s infinite ease-in-out -.16s; -o-animation: default-grill 1s infinite ease-in-out -.16s; animation: default-grill 1s infinite ease-in-out -.16s } .loader-grill:after, .loader-grill:before { position: absolute; top: 0; width: 100%; height: 100%; content: ""; background: #a3afb7; -webkit-animation: default-grill 1s infinite ease-in-out; -o-animation: default-grill 1s infinite ease-in-out; animation: default-grill 1s infinite ease-in-out } .loader-grill:before { left: -.375em; -webkit-animation-delay: -.32s; -o-animation-delay: -.32s; animation-delay: -.32s } .loader-grill:after { left: .375em } .loader-circle { width: 1em; height: 1em; border-top: .125em solid rgba(163,175,183,.5); border-right: .125em solid rgba(163,175,183,.5); border-bottom: .125em solid rgba(163,175,183,.5); border-left: .125em solid #a3afb7; border-radius: 50%; -webkit-animation: loader-circle 1.1s infinite linear; -o-animation: loader-circle 1.1s infinite linear; animation: loader-circle 1.1s infinite linear } .loader-round-circle { width: 1em; height: 1em; font-size: 10px; border-radius: 50%; -webkit-animation: loader-round-circle 1.3s infinite linear; -o-animation: loader-round-circle 1.3s infinite linear; animation: loader-round-circle 1.3s infinite linear } .loader-tadpole { width: 1em; height: 1em; border-radius: 50%; -webkit-animation: loader-tadpole 1.7s infinite ease; -o-animation: loader-tadpole 1.7s infinite ease; animation: loader-tadpole 1.7s infinite ease } .loader-ellipsis { top: -.625em; width: .625em; height: .625em; border-radius: 50%; -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s; -o-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s; animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s } .loader-ellipsis:after, .loader-ellipsis:before { position: absolute; top: 0; width: 100%; height: 100%; content: ""; border-radius: 50%; -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both; -o-animation: loader-ellipsis 1.8s infinite ease-in-out both; animation: loader-ellipsis 1.8s infinite ease-in-out both } .loader-ellipsis:before { left: -.875em; -webkit-animation-delay: -.32s; -o-animation-delay: -.32s; animation-delay: -.32s } .loader-ellipsis:after { left: .875em } .loader-dot { width: 2em; height: 2em; -webkit-animation: loader-dot-rotate 2s infinite linear; -o-animation: loader-dot-rotate 2s infinite linear; animation: loader-dot-rotate 2s infinite linear } .loader-dot:after, .loader-dot:before { position: absolute; top: 0; left: 0; width: 60%; height: 60%; content: ""; background: #a3afb7; border-radius: 100%; -webkit-animation: loader-dot-bounce 2s infinite ease-in-out; -o-animation: loader-dot-bounce 2s infinite ease-in-out; animation: loader-dot-bounce 2s infinite ease-in-out } .loader-dot:after { top: auto; bottom: 0; -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s } .loader-bounce { width: 1.5em; height: 1.5em } .loader-bounce:after, .loader-bounce:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #a3afb7; border-radius: 50%; opacity: .6; -webkit-animation: loader-bounce 2s infinite ease-in-out; -o-animation: loader-bounce 2s infinite ease-in-out; animation: loader-bounce 2s infinite ease-in-out } .loader-bounce:after { -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s } .loader-cube { width: 2em; height: 2em } .loader-cube:after, .loader-cube:before { position: absolute; top: 0; left: 0; width: 25%; height: 25%; content: ""; background: #a3afb7; -webkit-animation: loader-cube 2s infinite ease-in-out; -o-animation: loader-cube 2s infinite ease-in-out; animation: loader-cube 2s infinite ease-in-out } .loader-cube:after { -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s } .loader-rotate-plane { width: 1em; height: 1em; background: #a3afb7; -webkit-animation: loader-rotate-plane 1.2s infinite ease-in-out; -o-animation: loader-rotate-plane 1.2s infinite ease-in-out; animation: loader-rotate-plane 1.2s infinite ease-in-out } .loader-folding-cube { width: .8em; height: .8em; -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0) } .loader-folding-cube:after, .loader-folding-cube:before { position: absolute; width: 0; height: 0; content: ""; background: #a3afb7 } .loader-folding-cube:before { left: 0; bottom: 50%; -webkit-animation-delay: -.6s; -o-animation-delay: -.6s; animation-delay: -.6s; -webkit-animation: loader-folding-cube-before 2.4s infinite ease-in-out; -o-animation: loader-folding-cube-before 2.4s infinite ease-in-out; animation: loader-folding-cube-before 2.4s infinite ease-in-out } .loader-folding-cube:after { top: 50%; right: 0; -webkit-animation: loader-folding-cube-after 2.4s infinite ease-in-out; -o-animation: loader-folding-cube-after 2.4s infinite ease-in-out; animation: loader-folding-cube-after 2.4s infinite ease-in-out } .loader-cube-grid { top: -.6em; width: .3em; height: .3em; -webkit-animation: loader-cube-grid 1.2s infinite ease-in-out; -o-animation: loader-cube-grid 1.2s infinite ease-in-out; animation: loader-cube-grid 1.2s infinite ease-in-out } .loader-cube-grid:after, .loader-cube-grid:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "" } .loader-cube-grid:before { -webkit-animation: loader-cube-grid-before 1.2s infinite ease-in-out; -o-animation: loader-cube-grid-before 1.2s infinite ease-in-out; animation: loader-cube-grid-before 1.2s infinite ease-in-out } .loader-cube-grid:after { -webkit-animation: loader-cube-grid-after 1.2s infinite ease-in-out; -o-animation: loader-cube-grid-after 1.2s infinite ease-in-out; animation: loader-cube-grid-after 1.2s infinite ease-in-out } .side-panel-loading, body>.loader { position: fixed; top: 50%; left: 50%; margin-top: -20px } .site-menubar-unfold>.loader { margin-left: 130px } .site-menubar-fold>.loader { margin-left: 45px } .site-menubar-hide.site-menubar-unfold>.loader { margin-left: 0 } .loader-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #62a8ea; z-index: 999999 } .loader-content { margin: 50vh auto 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; text-transform: uppercase } .loader-content h2 { color: #fff; font-weight: 500 } .loader-index { margin-top: 20px } .loader-index>div { width: 4px; height: 25px; border-radius: 2px; margin: 2px; background: #fff; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85); -o-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85); animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85) } .loader-index>div:nth-child(2), .loader-index>div:nth-child(4) { -webkit-animation-delay: -.6s!important; -o-animation-delay: -.6s!important; animation-delay: -.6s!important } .loader-index>div:nth-child(1), .loader-index>div:nth-child(5) { -webkit-animation-delay: -.4s!important; -o-animation-delay: -.4s!important; animation-delay: -.4s!important } .loader-index>div:nth-child(6) { -webkit-animation-delay: -.2s!important; -o-animation-delay: -.2s!important; animation-delay: -.2s!important } @-webkit-keyframes loader-index { 0% { -webkit-transform:scaley(1); transform:scaley(1) } 50% { -webkit-transform:scaley(.4); transform:scaley(.4) } 100% { -webkit-transform:scaley(1); transform:scaley(1) } } @-o-keyframes loader-index { 0% { -o-transform:scaley(1); transform:scaley(1) } 50% { -o-transform:scaley(.4); transform:scaley(.4) } 100% { -o-transform:scaley(1); transform:scaley(1) } } @keyframes loader-index { 0% { -webkit-transform:scaley(1); -o-transform:scaley(1); transform:scaley(1) } 50% { -webkit-transform:scaley(.4); -o-transform:scaley(.4); transform:scaley(.4) } 100% { -webkit-transform:scaley(1); -o-transform:scaley(1); transform:scaley(1) } } @-webkit-keyframes loader-default { 0% { -webkit-transform:scale(0); transform:scale(0) } 100% { opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @-o-keyframes loader-default { 0% { -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0) } 100% { opacity:0; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @keyframes loader-default { 0% { -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0) } 100% { opacity:0; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @-webkit-keyframes default-grill { 0%, 100%, 80% { height:1em; -webkit-box-shadow:0 0 #a3afb7; box-shadow:0 0 #a3afb7 } 40% { height:1.2em; -webkit-box-shadow:0 -.25em #a3afb7; box-shadow:0 -.25em #a3afb7 } } @-o-keyframes default-grill { 0%, 100%, 80% { height:1em; box-shadow:0 0 #a3afb7 } 40% { height:1.2em; box-shadow:0 -.25em #a3afb7 } } @keyframes default-grill { 0%, 100%, 80% { height:1em; -webkit-box-shadow:0 0 #a3afb7; box-shadow:0 0 #a3afb7 } 40% { height:1.2em; -webkit-box-shadow:0 -.25em #a3afb7; box-shadow:0 -.25em #a3afb7 } } @-webkit-keyframes loader-circle { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-o-keyframes loader-circle { 0% { -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes loader-circle { 0% { -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes loader-round-circle { 0%, 100% { -webkit-box-shadow:0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow:0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7 } 12.5% { -webkit-box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 25% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 37.5% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 50% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 62.5% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7 } 75% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7 } 87.5% { -webkit-box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7; box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7 } } @-o-keyframes loader-round-circle { 0%, 100% { box-shadow:0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7 } 12.5% { box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 25% { box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 37.5% { box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 50% { box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 62.5% { box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7 } 75% { box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7 } 87.5% { box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7 } } @keyframes loader-round-circle { 0%, 100% { -webkit-box-shadow:0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow:0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7 } 12.5% { -webkit-box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 25% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 37.5% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 50% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7 } 62.5% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7 } 75% { -webkit-box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7; box-shadow:0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7 } 87.5% { -webkit-box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7; box-shadow:0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7 } } @-webkit-keyframes loader-tadpole { 0% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; -webkit-transform:rotate(0); transform:rotate(0) } 5%, 95% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7 } 10%, 59% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7 } 20% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7 } 38% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7 } 100% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-o-keyframes loader-tadpole { 0% { box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 5%, 95% { box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7 } 10%, 59% { box-shadow:0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7 } 20% { box-shadow:0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7 } 38% { box-shadow:0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7 } 100% { box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes loader-tadpole { 0% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 5%, 95% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7 } 10%, 59% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7 } 20% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7 } 38% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7 } 100% { -webkit-box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; box-shadow:0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7; -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes loader-ellipsis { 0%, 100%, 80% { -webkit-box-shadow:0 .625em 0 -.325em #a3afb7; box-shadow:0 .625em 0 -.325em #a3afb7 } 40% { -webkit-box-shadow:0 .625em 0 0 #a3afb7; box-shadow:0 .625em 0 0 #a3afb7 } } @-o-keyframes loader-ellipsis { 0%, 100%, 80% { box-shadow:0 .625em 0 -.325em #a3afb7 } 40% { box-shadow:0 .625em 0 0 #a3afb7 } } @keyframes loader-ellipsis { 0%, 100%, 80% { -webkit-box-shadow:0 .625em 0 -.325em #a3afb7; box-shadow:0 .625em 0 -.325em #a3afb7 } 40% { -webkit-box-shadow:0 .625em 0 0 #a3afb7; box-shadow:0 .625em 0 0 #a3afb7 } } @-webkit-keyframes loader-dot-rotate { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-o-keyframes loader-dot-rotate { 0% { -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes loader-dot-rotate { 0% { -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes loader-dot-bounce { 0%, 100% { -webkit-transform:scale(0); transform:scale(0) } 50% { -webkit-transform:scale(1); transform:scale(1) } } @-o-keyframes loader-dot-bounce { 0%, 100% { -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0) } 50% { -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @keyframes loader-dot-bounce { 0%, 100% { -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0) } 50% { -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @-webkit-keyframes loader-bounce { 0%, 100% { -webkit-transform:scale(0); transform:scale(0) } 50% { -webkit-transform:scale(1); transform:scale(1) } } @-o-keyframes loader-bounce { 0%, 100% { -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0) } 50% { -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @keyframes loader-bounce { 0%, 100% { -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0) } 50% { -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @-webkit-keyframes loader-cube { 0% { -webkit-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:translateX(1.5em) rotate(-90deg) scale(.5); transform:translateX(1.5em) rotate(-90deg) scale(.5) } 50% { -webkit-transform:translateX(1.5em) translateY(1.5em) rotate(-179deg); transform:translateX(1.5em) translateY(1.5em) rotate(-179deg) } 50.1% { -webkit-transform:translateX(1.5em) translateY(1.5em) rotate(-180deg); transform:translateX(1.5em) translateY(1.5em) rotate(-180deg) } 75% { -webkit-transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5); transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5) } 100% { -webkit-transform:rotate(-360deg); transform:rotate(-360deg) } } @-o-keyframes loader-cube { 0% { -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:translateX(1.5em) rotate(-90deg) scale(.5); -o-transform:translateX(1.5em) rotate(-90deg) scale(.5); transform:translateX(1.5em) rotate(-90deg) scale(.5) } 50% { -webkit-transform:translateX(1.5em) translateY(1.5em) rotate(-179deg); -o-transform:translateX(1.5em) translateY(1.5em) rotate(-179deg); transform:translateX(1.5em) translateY(1.5em) rotate(-179deg) } 50.1% { -webkit-transform:translateX(1.5em) translateY(1.5em) rotate(-180deg); -o-transform:translateX(1.5em) translateY(1.5em) rotate(-180deg); transform:translateX(1.5em) translateY(1.5em) rotate(-180deg) } 75% { -webkit-transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5); -o-transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5); transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5) } 100% { -webkit-transform:rotate(-360deg); -o-transform:rotate(-360deg); transform:rotate(-360deg) } } @keyframes loader-cube { 0% { -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:translateX(1.5em) rotate(-90deg) scale(.5); -o-transform:translateX(1.5em) rotate(-90deg) scale(.5); transform:translateX(1.5em) rotate(-90deg) scale(.5) } 50% { -webkit-transform:translateX(1.5em) translateY(1.5em) rotate(-179deg); -o-transform:translateX(1.5em) translateY(1.5em) rotate(-179deg); transform:translateX(1.5em) translateY(1.5em) rotate(-179deg) } 50.1% { -webkit-transform:translateX(1.5em) translateY(1.5em) rotate(-180deg); -o-transform:translateX(1.5em) translateY(1.5em) rotate(-180deg); transform:translateX(1.5em) translateY(1.5em) rotate(-180deg) } 75% { -webkit-transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5); -o-transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5); transform:translateX(0) translateY(1.5em) rotate(-270deg) scale(.5) } 100% { -webkit-transform:rotate(-360deg); -o-transform:rotate(-360deg); transform:rotate(-360deg) } } @-webkit-keyframes loader-rotate-plane { 0% { -webkit-transform:perspective(120px) rotateX(0) rotateY(0); transform:perspective(120px) rotateX(0) rotateY(0) } 50% { -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0); transform:perspective(120px) rotateX(-180.1deg) rotateY(0) } 100% { -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } @-o-keyframes loader-rotate-plane { 0% { -webkit-transform:perspective(120px) rotateX(0) rotateY(0); transform:perspective(120px) rotateX(0) rotateY(0) } 50% { -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0); transform:perspective(120px) rotateX(-180.1deg) rotateY(0) } 100% { -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } @keyframes loader-rotate-plane { 0% { -webkit-transform:perspective(120px) rotateX(0) rotateY(0); transform:perspective(120px) rotateX(0) rotateY(0) } 50% { -webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0); transform:perspective(120px) rotateX(-180.1deg) rotateY(0) } 100% { -webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } @-webkit-keyframes loader-folding-cube-before { 0% { height:0; width:50% } 7.5% { height:50%; width:50% } 12.5% { height:50%; width:50% } 20% { height:50%; width:100% } 25% { height:50%; width:100% } 50% { left:auto; right:0; height:50%; width:100% } 57.5% { height:50%; width:50% } 62.5% { height:50%; width:50% } 70% { width:50%; height:0 } 75% { width:50%; height:0 } } @-o-keyframes loader-folding-cube-before { 0% { height:0; width:50% } 7.5% { height:50%; width:50% } 12.5% { height:50%; width:50% } 20% { height:50%; width:100% } 25% { height:50%; width:100% } 50% { left:auto; right:0; height:50%; width:100% } 57.5% { height:50%; width:50% } 62.5% { height:50%; width:50% } 70% { width:50%; height:0 } 75% { width:50%; height:0 } } @keyframes loader-folding-cube-before { 0% { height:0; width:50% } 7.5% { height:50%; width:50% } 12.5% { height:50%; width:50% } 20% { height:50%; width:100% } 25% { height:50%; width:100% } 50% { left:auto; right:0; height:50%; width:100% } 57.5% { height:50%; width:50% } 62.5% { height:50%; width:50% } 70% { width:50%; height:0 } 75% { width:50%; height:0 } } @-webkit-keyframes loader-folding-cube-after { 0% { height:0; width:50% } 7.5% { height:50%; width:50% } 12.5% { height:50%; width:50% } 20% { height:50%; width:100% } 25% { height:50%; width:100% } 50% { left:0; right:auto; height:50%; width:100% } 57.5% { height:50%; width:50% } 62.5% { height:50%; width:50% } 75% { width:50%; height:0 } } @-o-keyframes loader-folding-cube-after { 0% { height:0; width:50% } 7.5% { height:50%; width:50% } 12.5% { height:50%; width:50% } 20% { height:50%; width:100% } 25% { height:50%; width:100% } 50% { left:0; right:auto; height:50%; width:100% } 57.5% { height:50%; width:50% } 62.5% { height:50%; width:50% } 75% { width:50%; height:0 } } @keyframes loader-folding-cube-after { 0% { height:0; width:50% } 7.5% { height:50%; width:50% } 12.5% { height:50%; width:50% } 20% { height:50%; width:100% } 25% { height:50%; width:100% } 50% { left:0; right:auto; height:50%; width:100% } 57.5% { height:50%; width:50% } 62.5% { height:50%; width:50% } 75% { width:50%; height:0 } } @-webkit-keyframes loader-cube-grid { 15% { -webkit-box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7; box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7 } 30% { -webkit-box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7; box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7 } 70% { -webkit-box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7; box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7 } 85% { -webkit-box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7; box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7 } } @-o-keyframes loader-cube-grid { 15% { box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7 } 30% { box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7 } 70% { box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7 } 85% { box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7 } } @keyframes loader-cube-grid { 15% { -webkit-box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7; box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7 } 30% { -webkit-box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7; box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7 } 70% { -webkit-box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7; box-shadow:-.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7 } 85% { -webkit-box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7; box-shadow:-.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7 } } @-webkit-keyframes loader-cube-grid-before { 0% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 15% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 22.5% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 37.5% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 55% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 70% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 77.5% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 92.5% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } } @-o-keyframes loader-cube-grid-before { 0% { box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 15% { box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 22.5% { box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 37.5% { box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 55% { box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 70% { box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 77.5% { box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 92.5% { box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } } @keyframes loader-cube-grid-before { 0% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 15% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 22.5% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } 37.5% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 55% { -webkit-box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 70% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 77.5% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7 } 92.5% { -webkit-box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7; box-shadow:-.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7 } } @-webkit-keyframes loader-cube-grid-after { 7.5% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7 } 22.5% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7 } 30% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7 } 45% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7 } 62.5% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7 } 77.5% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7 } 85% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7 } 100% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7 } } @-o-keyframes loader-cube-grid-after { 7.5% { box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7 } 22.5% { box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7 } 30% { box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7 } 45% { box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7 } 62.5% { box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7 } 77.5% { box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7 } 85% { box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7 } 100% { box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7 } } @keyframes loader-cube-grid-after { 7.5% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7 } 22.5% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7 } 30% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7 } 45% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7 } 62.5% { -webkit-box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7 } 77.5% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7 } 85% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7 } 100% { -webkit-box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7; box-shadow:-.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7 } } [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 } .animation-hover:not(:hover), .animation-hover:not(:hover) [class*=animation-], .touch .animation-hover:not(.hover), .touch .animation-hover:not(.hover) [class*=animation-] { -webkit-animation-name: none; -o-animation-name: none; animation-name: none } .animation-reverse { -webkit-animation-direction: reverse; -o-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } .animation-repeat { -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite } .animation-fade { -webkit-animation-name: fade; -o-animation-name: fade; animation-name: fade; -webkit-animation-duration: .8s; -o-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear } .animation-scale { -webkit-animation-name: scale-12; -o-animation-name: scale-12; animation-name: scale-12 } .animation-scale-up { -webkit-animation-name: fade-scale-02; -o-animation-name: fade-scale-02; animation-name: fade-scale-02 } .animation-scale-down { -webkit-animation-name: fade-scale-18; -o-animation-name: fade-scale-18; animation-name: fade-scale-18 } .animation-slide-top { -webkit-animation-name: slide-top; -o-animation-name: slide-top; animation-name: slide-top } .animation-slide-bottom { -webkit-animation-name: slide-bottom; -o-animation-name: slide-bottom; animation-name: slide-bottom } .animation-slide-left { -webkit-animation-name: slide-left; -o-animation-name: slide-left; animation-name: slide-left } .animation-slide-right { -webkit-animation-name: slide-right; -o-animation-name: slide-right; animation-name: slide-right } .animation-shake { -webkit-animation-name: shake; -o-animation-name: shake; animation-name: shake } .animation-duration-10 { -webkit-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s } .animation-duration-9 { -webkit-animation-duration: 9s; -o-animation-duration: 9s; animation-duration: 9s } .animation-duration-8 { -webkit-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s } .animation-duration-7 { -webkit-animation-duration: 7s; -o-animation-duration: 7s; animation-duration: 7s } .animation-duration-6 { -webkit-animation-duration: 6s; -o-animation-duration: 6s; animation-duration: 6s } .animation-duration-5 { -webkit-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s } .animation-duration-4 { -webkit-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s } .animation-duration-3 { -webkit-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s } .animation-duration-2 { -webkit-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s } .animation-duration-1 { -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s } .animation-delay-100 { -webkit-animation-duration: .1s; -o-animation-duration: .1s; animation-duration: .1s } .animation-duration-250 { -webkit-animation-duration: 250ms; -o-animation-duration: 250ms; animation-duration: 250ms } .animation-duration-300 { -webkit-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s } .animation-duration-500 { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s } .animation-duration-750 { -webkit-animation-duration: 750ms; -o-animation-duration: 750ms; animation-duration: 750ms } .animation-delay-1000 { -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s } .animation-delay-900 { -webkit-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s } .animation-delay-800 { -webkit-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s } .animation-delay-700 { -webkit-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s } .animation-delay-600 { -webkit-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s } .animation-delay-500 { -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s } .animation-delay-400 { -webkit-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s } .animation-delay-300 { -webkit-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s } .animation-delay-200 { -webkit-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s } .animation-delay-100 { -webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s } .animation-top-left { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0 } .animation-top-center { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0 } .animation-top-right { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0 } .animation-middle-left { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50% } .animation-middle-right { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50% } .animation-bottom-left { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100% } .animation-bottom-center { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100% } .animation-bottom-right { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100% } .animation-easing-easeInOut { -webkit-animation-timing-function: cubic-bezier(.42, 0, .58, 1); -o-animation-timing-function: cubic-bezier(.42, 0, .58, 1); animation-timing-function: cubic-bezier(.42, 0, .58, 1) } .animation-easing-easeInQuad { -webkit-animation-timing-function: cubic-bezier(.55, .085, .68, .53); -o-animation-timing-function: cubic-bezier(.55, .085, .68, .53); animation-timing-function: cubic-bezier(.55, .085, .68, .53) } .animation-easing-easeInCubic { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } .animation-easing-easeInQuart { -webkit-animation-timing-function: cubic-bezier(.895, .03, .685, .22); -o-animation-timing-function: cubic-bezier(.895, .03, .685, .22); animation-timing-function: cubic-bezier(.895, .03, .685, .22) } .animation-easing-easeInQuint { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06) } .animation-easing-easeInSine { -webkit-animation-timing-function: cubic-bezier(.47, 0, .745, .715); -o-animation-timing-function: cubic-bezier(.47, 0, .745, .715); animation-timing-function: cubic-bezier(.47, 0, .745, .715) } .animation-easing-easeInExpo { -webkit-animation-timing-function: cubic-bezier(.95, .05, .795, .035); -o-animation-timing-function: cubic-bezier(.95, .05, .795, .035); animation-timing-function: cubic-bezier(.95, .05, .795, .035) } .animation-easing-easeInCirc { -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335); -o-animation-timing-function: cubic-bezier(.6, .04, .98, .335); animation-timing-function: cubic-bezier(.6, .04, .98, .335) } .animation-easing-easeInBack { -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045); -o-animation-timing-function: cubic-bezier(.6, -.28, .735, .045); animation-timing-function: cubic-bezier(.6, -.28, .735, .045) } .animation-easing-eastOutQuad { -webkit-animation-timing-function: cubic-bezier(.25, .46, .45, .94); -o-animation-timing-function: cubic-bezier(.25, .46, .45, .94); animation-timing-function: cubic-bezier(.25, .46, .45, .94) } .animation-easing-easeOutCubic { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } .animation-easing-easeOutQuart { -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1); -o-animation-timing-function: cubic-bezier(.165, .84, .44, 1); animation-timing-function: cubic-bezier(.165, .84, .44, 1) } .animation-easing-easeOutQuint { -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1); -o-animation-timing-function: cubic-bezier(.23, 1, .32, 1); animation-timing-function: cubic-bezier(.23, 1, .32, 1) } .animation-easing-easeOutSine { -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1); -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1); animation-timing-function: cubic-bezier(.39, .575, .565, 1) } .animation-easing-easeOutExpo { -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1); -o-animation-timing-function: cubic-bezier(.19, 1, .22, 1); animation-timing-function: cubic-bezier(.19, 1, .22, 1) } .animation-easing-easeOutCirc { -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1); -o-animation-timing-function: cubic-bezier(.075, .82, .165, 1); animation-timing-function: cubic-bezier(.075, .82, .165, 1) } .animation-easing-easeOutBack { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } .animation-easing-easeInOutQuad { -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955); -o-animation-timing-function: cubic-bezier(.455, .03, .515, .955); animation-timing-function: cubic-bezier(.455, .03, .515, .955) } .animation-easing-easeInOutCubic { -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1); -o-animation-timing-function: cubic-bezier(.645, .045, .355, 1); animation-timing-function: cubic-bezier(.645, .045, .355, 1) } .animation-easing-easeInOutQuart { -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1); -o-animation-timing-function: cubic-bezier(.77, 0, .175, 1); animation-timing-function: cubic-bezier(.77, 0, .175, 1) } .animation-easing-easeInOutQuint { -webkit-animation-timing-function: cubic-bezier(.86, 0, .07, 1); -o-animation-timing-function: cubic-bezier(.86, 0, .07, 1); animation-timing-function: cubic-bezier(.86, 0, .07, 1) } .animation-easing-easeInOutSine { -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); -o-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) } .animation-easing-easeInOutExpo { -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); -o-animation-timing-function: cubic-bezier(1, 0, 0, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1) } .animation-easing-easeInOutCirc { -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86); -o-animation-timing-function: cubic-bezier(.785, .135, .15, .86); animation-timing-function: cubic-bezier(.785, .135, .15, .86) } .animation-easing-easeInOutBack { -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); -o-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } .animation-easing-easeInOutElastic { -webkit-animation-timing-function: cubic-bezier(1, -.56, 0, 1.455); -o-animation-timing-function: cubic-bezier(1, -.56, 0, 1.455); animation-timing-function: cubic-bezier(1, -.56, 0, 1.455) } @-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 fade-scale-02 { 0% { opacity:0; -webkit-transform:scale(.2); transform:scale(.2) } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } } @-o-keyframes fade-scale-02 { 0% { opacity:0; -o-transform:scale(.2); transform:scale(.2) } 100% { opacity:1; -o-transform:scale(1); transform:scale(1) } } @keyframes fade-scale-02 { 0% { opacity:0; -webkit-transform:scale(.2); -o-transform:scale(.2); transform:scale(.2) } 100% { opacity:1; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @-webkit-keyframes fade-scale-18 { 0% { opacity:0; -webkit-transform:scale(1.8); transform:scale(1.8) } 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } } @-o-keyframes fade-scale-18 { 0% { opacity:0; -o-transform:scale(1.8); transform:scale(1.8) } 100% { opacity:1; -o-transform:scale(1); transform:scale(1) } } @keyframes fade-scale-18 { 0% { opacity:0; -webkit-transform:scale(1.8); -o-transform:scale(1.8); transform:scale(1.8) } 100% { opacity:1; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1) } } @-webkit-keyframes slide-top { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-o-keyframes slide-top { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slide-top { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-webkit-keyframes slide-bottom { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-o-keyframes slide-bottom { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slide-bottom { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-webkit-keyframes slide-left { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-o-keyframes slide-left { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slide-left { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-webkit-keyframes slide-right { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-o-keyframes slide-right { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slide-right { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-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-pink-100 { background-color: #fce4ec!important } .bg-pink-200 { background-color: #ffccde!important } .bg-pink-300 { background-color: #fba9c6!important } .bg-pink-400 { background-color: #fb8db4!important } .bg-pink-500 { background-color: #f978a6!important } .bg-pink-600 { background-color: #f96197!important } .bg-pink-700 { background-color: #f44c87!important } .bg-pink-800 { background-color: #e53b75!important } .pink-100 { color: #fce4ec!important } .pink-200 { color: #ffccde!important } .pink-300 { color: #fba9c6!important } .pink-400 { color: #fb8db4!important } .pink-500 { color: #f978a6!important } .pink-600 { color: #f96197!important } .pink-700 { color: #f44c87!important } .pink-800 { color: #e53b75!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 } .bg-cyan-100 { background-color: #ecf9fa!important } .bg-cyan-200 { background-color: #d3eff2!important } .bg-cyan-300 { background-color: #baeaef!important } .bg-cyan-400 { background-color: #9ae1e9!important } .bg-cyan-500 { background-color: #77d6e1!important } .bg-cyan-600 { background-color: #57c7d4!important } .bg-cyan-700 { background-color: #47b8c6!important } .bg-cyan-800 { background-color: #37a9b7!important } .cyan-100 { color: #ecf9fa!important } .cyan-200 { color: #d3eff2!important } .cyan-300 { color: #baeaef!important } .cyan-400 { color: #9ae1e9!important } .cyan-500 { color: #77d6e1!important } .cyan-600 { color: #57c7d4!important } .cyan-700 { color: #47b8c6!important } .cyan-800 { color: #37a9b7!important } .bg-teal-100 { background-color: #ecfdfc!important } .bg-teal-200 { background-color: #cdf4f1!important } .bg-teal-300 { background-color: #99e1da!important } .bg-teal-400 { background-color: #79d1c9!important } .bg-teal-500 { background-color: #56bfb5!important } .bg-teal-600 { background-color: #3aa99e!important } .bg-teal-700 { background-color: #269b8f!important } .bg-teal-800 { background-color: #178d81!important } .teal-100 { color: #ecfdfc!important } .teal-200 { color: #cdf4f1!important } .teal-300 { color: #99e1da!important } .teal-400 { color: #79d1c9!important } .teal-500 { color: #56bfb5!important } .teal-600 { color: #3aa99e!important } .teal-700 { color: #269b8f!important } .teal-800 { color: #178d81!important } .bg-green-100 { background-color: #e7faf2!important } .bg-green-200 { background-color: #bfedd8!important } .bg-green-300 { background-color: #9fe5c5!important } .bg-green-400 { background-color: #7dd3ae!important } .bg-green-500 { background-color: #5cd29d!important } .bg-green-600 { background-color: #46be8a!important } .bg-green-700 { background-color: #36ab7a!important } .bg-green-800 { background-color: #279566!important } .green-100 { color: #e7faf2!important } .green-200 { color: #bfedd8!important } .green-300 { color: #9fe5c5!important } .green-400 { color: #7dd3ae!important } .green-500 { color: #5cd29d!important } .green-600 { color: #46be8a!important } .green-700 { color: #36ab7a!important } .green-800 { color: #279566!important } .bg-light-green-100 { background-color: #f1f7ea!important } .bg-light-green-200 { background-color: #e0ecd1!important } .bg-light-green-300 { background-color: #cadfb1!important } .bg-light-green-400 { background-color: #bad896!important } .bg-light-green-500 { background-color: #acd57c!important } .bg-light-green-600 { background-color: #9ece67!important } .bg-light-green-700 { background-color: #83b944!important } .bg-light-green-800 { background-color: #70a532!important } .light-green-100 { color: #f1f7ea!important } .light-green-200 { color: #e0ecd1!important } .light-green-300 { color: #cadfb1!important } .light-green-400 { color: #bad896!important } .light-green-500 { color: #acd57c!important } .light-green-600 { color: #9ece67!important } .light-green-700 { color: #83b944!important } .light-green-800 { color: #70a532!important } .bg-yellow-100 { background-color: #fffae7!important } .bg-yellow-200 { background-color: #f9eec1!important } .bg-yellow-300 { background-color: #f6e7a9!important } .bg-yellow-400 { background-color: #f8e59b!important } .bg-yellow-500 { background-color: #f7e083!important } .bg-yellow-600 { background-color: #f7da64!important } .bg-yellow-700 { background-color: #f9cd48!important } .bg-yellow-800 { background-color: #fbc02d!important } .yellow-100 { color: #fffae7!important } .yellow-200 { color: #f9eec1!important } .yellow-300 { color: #f6e7a9!important } .yellow-400 { color: #f8e59b!important } .yellow-500 { color: #f7e083!important } .yellow-600 { color: #f7da64!important } .yellow-700 { color: #f9cd48!important } .yellow-800 { color: #fbc02d!important } .bg-orange-100 { background-color: #fff3e6!important } .bg-orange-200 { background-color: #ffddb9!important } .bg-orange-300 { background-color: #fbce9d!important } .bg-orange-400 { background-color: #f6be80!important } .bg-orange-500 { background-color: #f4b066!important } .bg-orange-600 { background-color: #f2a654!important } .bg-orange-700 { background-color: #ec9940!important } .bg-orange-800 { background-color: #e98f2e!important } .orange-100 { color: #fff3e6!important } .orange-200 { color: #ffddb9!important } .orange-300 { color: #fbce9d!important } .orange-400 { color: #f6be80!important } .orange-500 { color: #f4b066!important } .orange-600 { color: #f2a654!important } .orange-700 { color: #ec9940!important } .orange-800 { color: #e98f2e!important } .bg-brown-100 { background-color: #fae6df!important } .bg-brown-200 { background-color: #e2bdaf!important } .bg-brown-300 { background-color: #d3aa9c!important } .bg-brown-400 { background-color: #b98e7e!important } .bg-brown-500 { background-color: #a17768!important } .bg-brown-600 { background-color: #8d6658!important } .bg-brown-700 { background-color: #7d5b4f!important } .bg-brown-800 { background-color: #715146!important } .brown-100 { color: #fae6df!important } .brown-200 { color: #e2bdaf!important } .brown-300 { color: #d3aa9c!important } .brown-400 { color: #b98e7e!important } .brown-500 { color: #a17768!important } .brown-600 { color: #8d6658!important } .brown-700 { color: #7d5b4f!important } .brown-800 { color: #715146!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 } .bg-primary-100 { background-color: #e8f1f8!important } .bg-primary-200 { background-color: #d5e4f1!important } .bg-primary-300 { background-color: #bcd8f1!important } .bg-primary-400 { background-color: #a2caee!important } .bg-primary-500 { background-color: #89bceb!important } .bg-primary-600 { background-color: #62a8ea!important } .bg-primary-700 { background-color: #4e97d9!important } .bg-primary-800 { background-color: #3583ca!important } .primary-100 { color: #e8f1f8!important } .primary-200 { color: #d5e4f1!important } .primary-300 { color: #bcd8f1!important } .primary-400 { color: #a2caee!important } .primary-500 { color: #89bceb!important } .primary-600 { color: #62a8ea!important } .primary-700 { color: #4e97d9!important } .primary-800 { color: #3583ca!important } .black { color: #000!important } .white { color: #fff!important } .bg-white { color: #76838f; background-color: #fff } .bg-primary { color: #fff; background-color: #62a8ea } .bg-primary:hover { background-color: #8fc1f0 } .bg-primary a, .bg-primary a.bg-primary { color: #fff } .bg-primary a.bg-primary:hover, .bg-primary a:hover { color: #fff } .bg-success { color: #fff; background-color: #46be8a } .bg-success:hover { background-color: #6ccba2 } .bg-success a, .bg-success a.bg-primary { color: #fff } .bg-success a.bg-primary:hover, .bg-success a:hover { color: #fff } .bg-info { color: #fff; background-color: #57c7d4 } .bg-info:hover { background-color: #80d5de } .bg-info a, .bg-info a.bg-info { color: #fff } .bg-info a.bg-info:hover, .bg-info a:hover { color: #fff } .bg-warning { color: #fff; background-color: #f2a654 } .bg-warning:hover { background-color: #f6bf83 } .bg-warning a, .bg-warning a.bg-warning { color: #fff } .bg-warning a.bg-warning:hover, .bg-warning a:hover { color: #fff } .bg-danger { color: #fff; background-color: #f96868 } .bg-danger:hover { background-color: #fb9999 } .bg-danger a, .bg-danger a.bg-danger { color: #fff } .bg-danger a.bg-danger:hover, .bg-danger a:hover { color: #fff } .bg-dark { color: #fff; background-color: #526069 } .bg-dark:hover { background-color: #687a86 } .bg-dark a, .bg-dark a.bg-dark { color: #fff } .bg-dark a.bg-dark:hover, .bg-dark a:hover { color: #fff } .social-facebook { color: #fff; background-color: #3b5998!important } .social-facebook:focus, .social-facebook:hover { color: #fff; background-color: #4c70ba!important } .social-facebook.active, .social-facebook:active { color: #fff; background-color: #2d4373!important } .bg-facebook { background-color: #3b5998 } .social-twitter { color: #fff; background-color: #55acee!important } .social-twitter:focus, .social-twitter:hover { color: #fff; background-color: #83c3f3!important } .social-twitter.active, .social-twitter:active { color: #fff; background-color: #2795e9!important } .bg-twitter { background-color: #55acee } .social-google-plus { color: #fff; background-color: #dd4b39!important } .social-google-plus:focus, .social-google-plus:hover { color: #fff; background-color: #e47365!important } .social-google-plus.active, .social-google-plus:active { color: #fff; background-color: #c23321!important } .bg-google-plus { background-color: #dd4b39 } .social-linkedin { color: #fff; background-color: #0976b4!important } .social-linkedin:focus, .social-linkedin:hover { color: #fff; background-color: #0b96e5!important } .social-linkedin.active, .social-linkedin:active { color: #fff; background-color: #075683!important } .bg-linkedin { background-color: #0976b4 } .social-flickr { color: #fff; background-color: #ff0084!important } .social-flickr:focus, .social-flickr:hover { color: #fff; background-color: #ff339d!important } .social-flickr.active, .social-flickr:active { color: #fff; background-color: #cc006a!important } .bg-flickr { background-color: #ff0084 } .social-tumblr { color: #fff; background-color: #35465c!important } .social-tumblr:focus, .social-tumblr:hover { color: #fff; background-color: #485f7c!important } .social-tumblr.active, .social-tumblr:active { color: #fff; background-color: #222d3c!important } .bg-tumblr { background-color: #35465c } .social-xing { color: #fff; background-color: #024b4d!important } .social-xing:focus, .social-xing:hover { color: #fff; background-color: #037b7f!important } .social-xing.active, .social-xing:active { color: #fff; background-color: #011b1b!important } .bg-xing { background-color: #024b4d } .social-github { color: #fff; background-color: #4183c4!important } .social-github:focus, .social-github:hover { color: #fff; background-color: #689cd0!important } .social-github.active, .social-github:active { color: #fff; background-color: #3269a0!important } .bg-github { background-color: #4183c4 } .social-html5 { color: #fff; background-color: #e44f26!important } .social-html5:focus, .social-html5:hover { color: #fff; background-color: #ea7453!important } .social-html5.active, .social-html5:active { color: #fff; background-color: #bf3c18!important } .bg-html5 { background-color: #e44f26 } .social-openid { color: #fff; background-color: #f67d28!important } .social-openid:focus, .social-openid:hover { color: #fff; background-color: #f89b59!important } .social-openid.active, .social-openid:active { color: #fff; background-color: #e26309!important } .bg-openid { background-color: #f67d28 } .social-stack-overflow { color: #fff; background-color: #f86c01!important } .social-stack-overflow:focus, .social-stack-overflow:hover { color: #fff; background-color: #fe882e!important } .social-stack-overflow.active, .social-stack-overflow:active { color: #fff; background-color: #c55601!important } .bg-stack-overflow { background-color: #f86c01 } .social-css3 { color: #fff; background-color: #1572b6!important } .social-css3:focus, .social-css3:hover { color: #fff; background-color: #1a8fe4!important } .social-css3.active, .social-css3:active { color: #fff; background-color: #105588!important } .bg-css3 { background-color: #1572b6 } .social-youtube { color: #fff; background-color: #b31217!important } .social-youtube:focus, .social-youtube:hover { color: #fff; background-color: #e1171d!important } .social-youtube.active, .social-youtube:active { color: #fff; background-color: #850d11!important } .bg-youtube { background-color: #b31217 } .social-dribbble { color: #fff; background-color: #c32361!important } .social-dribbble:focus, .social-dribbble:hover { color: #fff; background-color: #dc3d7b!important } .social-dribbble.active, .social-dribbble:active { color: #fff; background-color: #981b4b!important } .bg-dribbble { background-color: #c32361 } .social-instagram { color: #fff; background-color: #3f729b!important } .social-instagram:focus, .social-instagram:hover { color: #fff; background-color: #548cb9!important } .social-instagram.active, .social-instagram:active { color: #fff; background-color: #305777!important } .bg-instagram { background-color: #3f729b } .social-pinterest { color: #fff; background-color: #cc2127!important } .social-pinterest:focus, .social-pinterest:hover { color: #fff; background-color: #e04046!important } .social-pinterest.active, .social-pinterest:active { color: #fff; background-color: #a01a1f!important } .bg-pinterest { background-color: #cc2127 } .social-vk { color: #fff; background-color: #3d5a7d!important } .social-vk:focus, .social-vk:hover { color: #fff; background-color: #4e739f!important } .social-vk.active, .social-vk:active { color: #fff; background-color: #2c415b!important } .bg-vk { background-color: #3d5a7d } .social-yahoo { color: #fff; background-color: #350178!important } .social-yahoo:focus, .social-yahoo:hover { color: #fff; background-color: #4b01ab!important } .social-yahoo.active, .social-yahoo:active { color: #fff; background-color: #1f0145!important } .bg-yahoo { background-color: #350178 } .social-behance { color: #fff; background-color: #1769ff!important } .social-behance:focus, .social-behance:hover { color: #fff; background-color: #4a8aff!important } .social-behance.active, .social-behance:active { color: #fff; background-color: #0050e3!important } .bg-behance { background-color: #024b4d } .social-dropbox { color: #fff; background-color: #007ee5!important } .social-dropbox:focus, .social-dropbox:hover { color: #fff; background-color: #1998ff!important } .social-dropbox.active, .social-dropbox:active { color: #fff; background-color: #0062b2!important } .bg-dropbox { background-color: #007ee5 } .social-reddit { color: #fff; background-color: #ff4500!important } .social-reddit:focus, .social-reddit:hover { color: #fff; background-color: #ff6a33!important } .social-reddit.active, .social-reddit:active { color: #fff; background-color: #cc3700!important } .bg-reddit { background-color: #ff4500 } .social-spotify { color: #fff; background-color: #7ab800!important } .social-spotify:focus, .social-spotify:hover { color: #fff; background-color: #9ceb00!important } .social-spotify.active, .social-spotify:active { color: #fff; background-color: #588500!important } .bg-spotify { background-color: #7ab800 } .social-vine { color: #fff; background-color: #00b488!important } .social-vine:focus, .social-vine:hover { color: #fff; background-color: #00e7af!important } .social-vine.active, .social-vine:active { color: #fff; background-color: #008161!important } .bg-vine { background-color: #00b488 } .social-foursquare { color: #fff; background-color: #0cbadf!important } .social-foursquare:focus, .social-foursquare:hover { color: #fff; background-color: #2ad0f4!important } .social-foursquare.active, .social-foursquare:active { color: #fff; background-color: #0992af!important } .bg-foursquare { background-color: #0cbadf } .social-vimeo { color: #fff; background-color: #1ab7ea!important } .social-vimeo:focus, .social-vimeo:hover { color: #fff; background-color: #49c6ee!important } .social-vimeo.active, .social-vimeo:active { color: #fff; background-color: #1295bf!important } .bg-vimeo { background-color: #1ab7ea } .social-skype { color: #fff; background-color: #77bcfd!important } .social-skype:focus, .social-skype:hover { color: #fff; background-color: #a9d5fe!important } .social-skype.active, .social-skype:active { color: #fff; background-color: #45a3fc!important } .bg-skype { background-color: #77bcfd } .social-evernote { color: #fff; background-color: #46bf8c!important } .social-evernote:focus, .social-evernote:hover { color: #fff; background-color: #6ccca4!important } .social-evernote.active, .social-evernote:active { color: #fff; background-color: #369c71!important } .bg-evernote { background-color: #46bf8c } .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: 100% } .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% } } .avatar { position: relative; display: inline-block; width: 40px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom } .avatar i { position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100% } .avatar img { width: 100%; max-width: 100%; height: auto; border: 0 none; border-radius: 1000px } .avatar-online i { background-color: #46be8a } .avatar-off i { background-color: #526069 } .avatar-busy i { background-color: #f2a654 } .avatar-away i { background-color: #f96868 } .avatar-100 { width: 100px } .avatar-100 i { height: 20px; width: 20px } .avatar-lg { width: 50px } .avatar-lg i { height: 12px; width: 12px } .avatar-sm { width: 30px } .avatar-sm i { height: 8px; width: 8px } .avatar-xs { width: 20px } .avatar-xs i { height: 7px; width: 7px } .status { display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100% } .status-online { background-color: #46be8a } .status-off { background-color: #526069 } .status-busy { background-color: #f2a654 } .status-away { background-color: #f96868 } .status-lg { width: 14px; height: 14px } .status-md { width: 10px; height: 10px } .status-sm { width: 8px; height: 8px } .status-xs { width: 7px; height: 7px } .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) } .counter { text-align: center } .counter .counter-number-group, .counter>.counter-number { color: #37474f; font-size: 20px } .counter-label { display: block } .counter-icon { font-size: 20px } .counter-lg .counter-number-group, .counter-lg>.counter-number { font-size: 40px } .counter-lg .counter-icon { font-size: 40px } .counter-md .counter-number-group, .counter-md>.counter-number { font-size: 30px } .counter-md .counter-icon { font-size: 30px } .counter-sm .counter-number-group, .counter-sm>.counter-number { font-size: 14px } .counter-sm .counter-icon { font-size: 14px } .counter-sm .counter-number+.counter-number-related, .counter-sm .counter-number-related+.counter-number { margin-left: 0 } .counter-inverse { color: #fff } .counter-inverse .counter-number-group, .counter-inverse>.counter-number { color: #fff } .counter-inverse .counter-icon { color: #fff } .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) */ } .panel-content>.row { padding-left: 30px; padding-right: 30px } .panel-content>.row>[class*=col-] { padding-left:30px; padding-right:30px } .panel-heading { position: relative; padding: 0; border-bottom: 1px solid transparent; border-top-right-radius:.214rem; border-top-left-radius:.214rem } .panel-heading+.alert { border-radius: 0 } .panel-heading>.nav-tabs { border-bottom: none } .panel-heading-tab { padding: 10px 30px 0; background-color: #62a8ea } .panel-heading-tab>.nav-tabs .nav-link { color: #fff } .panel-heading-tab>.nav-tabs .nav-link.hover, .panel-heading-tab>.nav-tabs .nav-link:hover { color: #76838f } .panel-heading-tab>.nav-tabs .nav-link.active, .panel-heading-tab>.nav-tabs .nav-link:active { color: #76838f; background-color: #fff } .panel-heading+.nav-tabs { margin-top:-.715rem } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-body { position: relative; padding: 30px 30px } .panel-body::after { content: ""; display: table; clear: both } .panel-heading+.panel-body { padding-top: 0 } .panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child, .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child { margin-top: 0 } .panel-body>:last-child { margin-bottom: 0 } .panel-body>.list-group-dividered:only-child>.list-group-item:last-child { border-bottom-color: transparent } .panel-footer { padding: 0 30px 15px; border-top: 1px solid transparent; background-color: transparent; border-bottom-right-radius:.214rem; border-bottom-left-radius:.214rem } .table+.panel-footer { padding-top: 15px; border-color: #e4eaec } .panel-title { display: block; margin-top: 0; margin-bottom: 0; padding: 20px 30px; font-size: 18px; color: #37474f } .panel-title>.icon { margin-right: 10px } .panel-title>.tag { margin-left: 10px } .panel-title .small, .panel-title small { color: #76838f } .panel-title>.small>a, .panel-title>a, .panel-title>small>a { color: inherit } .panel-desc { display: block; padding: 5px 0 0; margin: 0; font-size: 1rem; color: #76838f } .panel-actions { position: absolute; right: 30px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin: auto; z-index: 1 } @media (max-width:479px) { .panel-actions { right: 20px } } ul .panel-actions { list-style: none } ul .panel-actions>li { display: inline-block; margin-left: 8px } ul .panel-actions>li:first-child { margin-left: 0 } .panel-actions a.dropdown-toggle { text-decoration: none } .panel-actions .dropdown { display: inline-block } .panel-actions .dropdown-toggle { display: inline-block } .panel-actions .panel-action { display: inline-block; padding: 8px 10px; color: #a3afb7; text-decoration: none; cursor: pointer; background-color: transparent } .panel-actions .panel-action:hover { color: #526069 } .panel-actions .panel-action:active { color: #526069 } .panel-actions .progress { width: 100px; margin: 0 } .panel-actions .pagination { margin: 0 } ul.panel-actions { list-style: none } ul.panel-actions>li { display: inline-block; margin-left: 8px } ul.panel-actions>li:first-child { margin-left: 0 } .panel-toolbar { padding: 5px 15px; margin: 0; background-color: transparent; border-bottom: 1px solid #e4eaec; border-top: 1px solid #e4eaec } .panel-bordered .panel-toolbar { border-top-color: transparent } .panel-toolbar .btn { color: #a3afb7; padding: 5px 10px } .panel-toolbar .btn.icon { width: 1em; text-align: center } .panel-toolbar .btn.active, .panel-toolbar .btn:active, .panel-toolbar .btn:hover { color: #76838f } .panel-loading { position: absolute; top: 0; left: 0; z-index: 6; display: none; width: 100%; height: 100%; border-radius:.286rem; opacity: .6 } .panel-loading .loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .panel>:not(.panel-loading):not(.collapsing) { -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; text-align: center; } .panel.is-loading>:not(.panel-loading) { opacity: .3 } .panel.is-loading .panel-loading { display: block; opacity: 1 } .panel-footer-chart { padding: 0 } .panel-control { padding: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .panel-body.scrollable-vertical { padding-left: 0!important; padding-right: 0!important } .panel-body.scrollable-vertical>.scrollable-container>.scrollable-content { padding-left: 30px; padding-right: 30px } @media (max-width:479px) { .panel-body.scrollable-vertical>.scrollable-container>.scrollable-content { padding-left: 20px; padding-right: 20px } } .panel-body.scrollable-vertical>.scrollable-bar { margin-top: 0; margin-bottom: 30px; height: -webkit-calc(100% - 30px); height: calc(100% - 30px); -webkit-transform: translateX(-26px); -ms-transform: translateX(-26px); -o-transform: translateX(-26px); transform: translateX(-26px) } .panel-bordered>.panel-body.scrollable-vertical>.scrollable-bar { margin-bottom: 30px; height: -webkit-calc(100% - 60px); height: calc(100% - 60px) } .panel-body.scrollable-horizontal { padding-top: 0!important; padding-bottom: 0!important } .panel-body.scrollable-horizontal>.scrollable-container>.scrollable-content { padding-top: 0; padding-bottom: 30px } .panel-bordered>.panel-body.scrollable-horizontal>.scrollable-container>.scrollable-content { padding-top: 30px; padding-bottom: 30px } .panel-body.scrollable-horizontal>.scrollable-bar { margin-left: 0; margin-right: 30px; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); -webkit-transform: translateY(-26px); -ms-transform: translateY(-26px); -o-transform: translateY(-26px); transform: translateY(-26px) } @media (max-width:479px) { .panel-body.scrollable-horizontal>.scrollable-bar { margin-right: 20px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px) } } .panel-bordered>.panel-body.scrollable-horizontal>.scrollable-bar { -webkit-transform: translateY(-26px); -ms-transform: translateY(-26px); -o-transform: translateY(-26px); transform: translateY(-26px) } .panel-bordered>.panel-heading { border-bottom: 1px solid #e4eaec } .panel-bordered>.panel-heading>.panel-title { padding-bottom: 20px } .panel-bordered>.panel-footer { border-top: 1px solid #e4eaec; padding-top: 15px } .panel-bordered>.panel-body { padding-top: 30px } .panel-bordered>.table>tbody:first-child>tr:first-child td, .panel-bordered>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel.is-dragging { opacity: .8 } .panel.is-dragging { cursor: move } .panel>.nav-tabs-vertical .nav-tabs { margin-left: -1px } .panel>.nav-tabs-vertical .nav-tabs>li>a { border-left: none; border-radius: 0 } .panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse { margin-right: -1px } .panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse>li>a { border-right: none; border-radius: 0 } .panel:hover .panel-actions .show-on-hover { display: inline-block } .panel .panel-actions .show-on-hover { display: none } .panel.is-fullscreen { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; border-radius: 0 } .panel.is-fullscreen .panel-loading { border-radius: 0 } .panel.is-fullscreen .panel-actions [data-toggle=collapse] { display: none } .panel.is-close { display: none } .panel.is-collapse .panel-body { display: none; height: 0 } .panel>.alert { padding-left: 30px; padding-right: 30px } .panel>.alert-dismissible { padding-right: 50px } @media (max-width:479px) { .panel>.alert { padding-left: 20px; padding-right: 20px } .panel>.alert-dismissible { padding-right: 40px } } .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-left: 30px 30px; padding-right: 30px 30px } .panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-right-radius:.214rem; border-top-left-radius:.214rem } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius:.214rem; border-top-right-radius:.214rem } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius:.214rem } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius:.214rem } .panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius:.214rem; border-bottom-left-radius:.214rem } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius:.214rem; border-bottom-right-radius:.214rem } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius:.214rem } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius:.214rem } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #e4eaec } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } .panel>.table-responsive { border: 0; margin-bottom: 0 } .panel>.table-responsive .table>tbody>tr>td:first-child, .panel>.table-responsive .table>tbody>tr>th:first-child, .panel>.table-responsive .table>tfoot>tr>td:first-child, .panel>.table-responsive .table>tfoot>tr>th:first-child, .panel>.table-responsive .table>thead>tr>td:first-child, .panel>.table-responsive .table>thead>tr>th:first-child, .panel>.table-responsive .table>tr>td:first-child, .panel>.table-responsive .table>tr>th:first-child, .panel>.table>tbody>tr>td:first-child, .panel>.table>tbody>tr>th:first-child, .panel>.table>tfoot>tr>td:first-child, .panel>.table>tfoot>tr>th:first-child, .panel>.table>thead>tr>td:first-child, .panel>.table>thead>tr>th:first-child, .panel>.table>tr>td:first-child, .panel>.table>tr>th:first-child { padding-left: 30px } @media (max-width:479px) { .panel>.table-responsive .table>tbody>tr>td:first-child, .panel>.table-responsive .table>tbody>tr>th:first-child, .panel>.table-responsive .table>tfoot>tr>td:first-child, .panel>.table-responsive .table>tfoot>tr>th:first-child, .panel>.table-responsive .table>thead>tr>td:first-child, .panel>.table-responsive .table>thead>tr>th:first-child, .panel>.table-responsive .table>tr>td:first-child, .panel>.table-responsive .table>tr>th:first-child, .panel>.table>tbody>tr>td:first-child, .panel>.table>tbody>tr>th:first-child, .panel>.table>tfoot>tr>td:first-child, .panel>.table>tfoot>tr>th:first-child, .panel>.table>thead>tr>td:first-child, .panel>.table>thead>tr>th:first-child, .panel>.table>tr>td:first-child, .panel>.table>tr>th:first-child { padding-left: 20px } } .panel>.table-responsive .table>tbody>tr>td:last-child, .panel>.table-responsive .table>tbody>tr>th:last-child, .panel>.table-responsive .table>tfoot>tr>td:last-child, .panel>.table-responsive .table>tfoot>tr>th:last-child, .panel>.table-responsive .table>thead>tr>td:last-child, .panel>.table-responsive .table>thead>tr>th:last-child, .panel>.table-responsive .table>tr>td:last-child, .panel>.table-responsive .table>tr>th:last-child, .panel>.table>tbody>tr>td:last-child, .panel>.table>tbody>tr>th:last-child, .panel>.table>tfoot>tr>td:last-child, .panel>.table>tfoot>tr>th:last-child, .panel>.table>thead>tr>td:last-child, .panel>.table>thead>tr>th:last-child, .panel>.table>tr>td:last-child, .panel>.table>tr>th:last-child { padding-right: 30px } @media (max-width:479px) { .panel>.table-responsive .table>tbody>tr>td:last-child, .panel>.table-responsive .table>tbody>tr>th:last-child, .panel>.table-responsive .table>tfoot>tr>td:last-child, .panel>.table-responsive .table>tfoot>tr>th:last-child, .panel>.table-responsive .table>thead>tr>td:last-child, .panel>.table-responsive .table>thead>tr>th:last-child, .panel>.table-responsive .table>tr>td:last-child, .panel>.table-responsive .table>tr>th:last-child, .panel>.table>tbody>tr>td:last-child, .panel>.table>tbody>tr>th:last-child, .panel>.table>tfoot>tr>td:last-child, .panel>.table>tfoot>tr>th:last-child, .panel>.table>thead>tr>td:last-child, .panel>.table>thead>tr>th:last-child, .panel>.table>tr>td:last-child, .panel>.table>tr>th:last-child { padding-right: 20px } } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 1px solid #e4eaec } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius:.214rem; border-top-left-radius:.214rem } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius:.214rem; border-bottom-left-radius:.214rem } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .panel>.list-group .list-group-item { padding-right: 30px; padding-left: 30px } @media (max-width:479px) { .panel>.list-group .list-group-item { padding-left: 20px; padding-right: 20px } } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .list-group+.panel-footer { border-top-width: 0 } .panel.panel-transparent { background: 0 0; border-color: transparent; -webkit-box-shadow: none; box-shadow: none } .panel.panel-transparent>.panel-footer, .panel.panel-transparent>.panel-heading { border-color: transparent } .panel-default .panel-heading { color: #76838f; background-color: #e4eaec; border: none } .panel-default .panel-heading+.panel-collapse>.panel-body { border-top-color: #e4eaec } .panel-default .panel-heading .tag-pill { color: #e4eaec; background-color: #76838f } .panel-default .panel-title { color: #76838f } .panel-default .panel-action { color: #76838f } .panel-default .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #e4eaec } .panel-default .panel-title { color: #37474f } .panel-primary .panel-heading { color: #fff; background-color: #62a8ea; border: none } .panel-primary .panel-heading+.panel-collapse>.panel-body { border-top-color: #62a8ea } .panel-primary .panel-heading .tag-pill { color: #62a8ea; background-color: #fff } .panel-primary .panel-title { color: #fff } .panel-primary .panel-action { color: #fff } .panel-primary .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #62a8ea } .panel-success .panel-heading { color: #fff; background-color: #46be8a; border: none } .panel-success .panel-heading+.panel-collapse>.panel-body { border-top-color: #3dae6a } .panel-success .panel-heading .tag-pill { color: #46be8a; background-color: #fff } .panel-success .panel-title { color: #fff } .panel-success .panel-action { color: #fff } .panel-success .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #3dae6a } .panel-info .panel-heading { color: #fff; background-color: #57c7d4; border: none } .panel-info .panel-heading+.panel-collapse>.panel-body { border-top-color: #3bcdc4 } .panel-info .panel-heading .tag-pill { color: #57c7d4; background-color: #fff } .panel-info .panel-title { color: #fff } .panel-info .panel-action { color: #fff } .panel-info .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #3bcdc4 } .panel-warning .panel-heading { color: #fff; background-color: #f2a654; border: none } .panel-warning .panel-heading+.panel-collapse>.panel-body { border-top-color: #f18246 } .panel-warning .panel-heading .tag-pill { color: #f2a654; background-color: #fff } .panel-warning .panel-title { color: #fff } .panel-warning .panel-action { color: #fff } .panel-warning .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #f18246 } .panel-danger .panel-heading { color: #fff; background-color: #f96868; border: none } .panel-danger .panel-heading+.panel-collapse>.panel-body { border-top-color: #f85974 } .panel-danger .panel-heading .tag-pill { color: #f96868; background-color: #fff } .panel-danger .panel-title { color: #fff } .panel-danger .panel-action { color: #fff } .panel-danger .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #f85974 } .panel-dark .panel-heading { color: #fff; background-color: #526069; border: none } .panel-dark .panel-heading+.panel-collapse>.panel-body { border-top-color: #526069 } .panel-dark .panel-heading .tag-pill { color: #526069; background-color: #fff } .panel-dark .panel-title { color: #fff } .panel-dark .panel-action { color: #fff } .panel-dark .panel-footer+.panel-collapse>.panel-body { border-bottom-color: #526069 } .panel-line .panel-heading { background: 0 0; border: none; border-top: 3px solid transparent } .panel-line.panel-default .panel-heading { color: #e4eaec; border-top-color: #e4eaec; background: 0 0 } .panel-line.panel-default .panel-title { color: #e4eaec } .panel-line.panel-default .panel-action { color: #e4eaec } .panel-line.panel-default .panel-title { color: #37474f } .panel-line.panel-default .panel-action { color: #a3afb7 } .panel-line.panel-primary .panel-heading { color: #62a8ea; border-top-color: #62a8ea; background: 0 0 } .panel-line.panel-primary .panel-title { color: #62a8ea } .panel-line.panel-primary .panel-action { color: #62a8ea } .panel-line.panel-success .panel-heading { color: #46be8a; border-top-color: #46be8a; background: 0 0 } .panel-line.panel-success .panel-title { color: #46be8a } .panel-line.panel-success .panel-action { color: #46be8a } .panel-line.panel-info .panel-heading { color: #57c7d4; border-top-color: #57c7d4; background: 0 0 } .panel-line.panel-info .panel-title { color: #57c7d4 } .panel-line.panel-info .panel-action { color: #57c7d4 } .panel-line.panel-warning .panel-heading { color: #f2a654; border-top-color: #f2a654; background: 0 0 } .panel-line.panel-warning .panel-title { color: #f2a654 } .panel-line.panel-warning .panel-action { color: #f2a654 } .panel-line.panel-danger .panel-heading { color: #f96868; border-top-color: #f96868; background: 0 0 } .panel-line.panel-danger .panel-title { color: #f96868 } .panel-line.panel-danger .panel-action { color: #f96868 } .panel-line.panel-dark .panel-heading { color: #526069; border-top-color: #526069; background: 0 0 } .panel-line.panel-dark .panel-title { color: #526069 } .panel-line.panel-dark .panel-action { color: #526069 } @media (max-width:767px) { .panel-actions { position: relative; top: auto; right: auto; display: block; margin: auto; padding: 0 30px 15px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .panel-actions-keep { position: absolute; top: 50%; right: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) } } @media (max-width:479px) { .panel-actions { padding-left: 20px } .panel-actions-keep { right: 15px } .panel-actions .progress { min-width: 80px } .panel-actions .show-on-hover { display: none } .panel-body, .panel-footer, .panel-title { padding-left: 20px; padding-right: 20px } } .panel-group { margin-bottom: 22px } .panel-group .panel { margin-bottom: 0; border-radius:.286rem; -webkit-box-shadow: none; box-shadow: none } .panel-group .panel+.panel { margin-top: 10px } .panel-group .panel-title { position: relative; padding: 15px 30px; font-size: 1rem } .panel-group .panel-title:after, .panel-group .panel-title:before { position: absolute; top: 15px; right: 30px; font-family: "Web Icons"; -webkit-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s } .panel-group .panel-title:before { content: "" } .panel-group .panel-title:after { content: "" } .panel-group .panel-title[aria-expanded=false]:before { opacity: .4 } .panel-group .panel-title[aria-expanded=false]:after { opacity: 0; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .panel-group .panel-title[aria-expanded=true]:before { opacity: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .panel-group .panel-title[aria-expanded=true]:after { opacity: 1 } .panel-group .panel-title:focus, .panel-group .panel-title:hover { color: #76838f; text-decoration: none } .panel-group .panel-title:focus { outline: 0 } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse { margin: 0 } .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 1px solid #e4eaec } .panel-group .panel-collapse .panel-body { padding: 15px 30px } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #e4eaec } .panel-group-continuous .panel { border-radius: 0 } .panel-group-continuous .panel:first-child { border-radius:.286rem .286rem 0 0 } .panel-group-continuous .panel:last-child { border-radius:0 0 .286rem .286rem } .panel-group-continuous .panel+.panel { margin-top: 0; border-top: 1px solid #e4eaec } .panel-group-simple .panel { background: 0 0 } .panel-group-simple .panel-title { padding-left: 0; padding-bottom: 10px } .panel-group-simple .panel-title:after, .panel-group-simple .panel-title:before { right: 5px } .panel-group-simple .panel-collapse .panel-body { padding-left: 0; padding-right: 0; padding-top: 10px } .panel-group-simple .panel+.panel { margin-top: 0 } .cover { overflow: hidden } .cover-background { height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover } .cover-image { width: 399px; height: 215px; } .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) } .comments { padding: 0; margin: 0 } .comments .comment { border: none; border-bottom: 1px solid #e4eaec } .comments .comment .comment:first-child { border-top: 1px solid #e4eaec } .comments .comment .comment:last-child { border-bottom: none } .comment { padding: 20px 0; margin: 0 } .comment .comment { margin-top: 20px; padding-bottom: 20px } .comment .comment:last-child { padding-bottom: 0 } .comment-author, .comment-author:focus, .comment-author:hover { color: #37474f } .comment-meta { margin-left: 5px; display: inline-block; font-size:.858rem; color: #a3afb7 } .comment-content { margin-top: 5px } .comment-content p { margin-bottom: 10px } .comment-actions { margin-top: 10px; text-align: right } .comment-actions a { display: inline-block; margin-right: 10px; vertical-align: middle } .comment-actions a.icon { text-decoration: none } .comment-actions a:last-child { margin-right: 0 } .comment-reply { margin: 22px 0 10px } .comment-reply .form-group:last-child { margin-bottom: 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 } .pearls { display: block; margin: 0 0 22px } .pearl { position: relative; padding: 0; margin: 0; text-align: center } .pearl:after, .pearl:before { position: absolute; top: 18px; z-index: 0; width: 50%; height: 4px; content: ""; background-color: #f3f7f9 } .pearl:before { left: 0 } .pearl:after { right: 0 } .pearl:first-child:before, .pearl:last-child:after { display: none!important } .pearl-icon, .pearl-number { position: relative; z-index: 1; display: inline-block; width: 36px; height: 36px; line-height: 32px; color: #fff; text-align: center; background: #ccd5db; border-radius: 50%; border: 2px solid #ccd5db } .pearl-number { font-size: 18px } .pearl-icon { font-size: 18px } .pearl-title { margin-top: .5em; display: block; font-size: 16px; color: #526069; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .pearl.current:after, .pearl.current:before { background-color: #62a8ea } .pearl.current .pearl-icon, .pearl.current .pearl-number { color: #62a8ea; background-color: #fff; border-color: #62a8ea; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3) } .pearl.disabled { pointer-events: none; cursor: auto } .pearl.disabled:after, .pearl.disabled:before { background-color: #f3f7f9 } .pearl.disabled .pearl-icon, .pearl.disabled .pearl-number { color: #fff; background-color: #ccd5db; border-color: #ccd5db } .pearl.error:before { background-color: #62a8ea } .pearl.error:after { background-color: #f3f7f9 } .pearl.error .pearl-icon, .pearl.error .pearl-number { color: #f96868; background-color: #fff; border-color: #f96868 } .pearl.done:after, .pearl.done:before { background-color: #62a8ea } .pearl.done .pearl-icon, .pearl.done .pearl-number { color: #fff; background-color: #62a8ea; border-color: #62a8ea } .pearls-lg .pearl:after, .pearls-lg .pearl:before { top: 20px } .pearls-lg .pearl-title { font-size: 18px } .pearls-lg .pearl-icon, .pearls-lg .pearl-number { width: 40px; height: 40px; line-height: 36px } .pearls-lg .pearl-icon { font-size: 20px } .pearls-lg .pearl-number { font-size: 20px } .pearls-sm .pearl:after, .pearls-sm .pearl:before { top: 16px } .pearls-sm .pearl-title { font-size: 14px } .pearls-sm .pearl-icon, .pearls-sm .pearl-number { width: 32px; height: 32px; line-height: 28px } .pearls-sm .pearl-number { font-size: 16px } .pearls-sm .pearl-icon { font-size: 14px } .pearls-xs .pearl:after, .pearls-xs .pearl:before { top: 12px; height: 2px } .pearls-xs .pearl-title { font-size: 12px } .pearls-xs .pearl-icon, .pearls-xs .pearl-number { width: 24px; height: 24px; line-height: 20px } .pearls-xs .pearl-number { font-size: 12px } .pearls-xs .pearl-icon { font-size: 12px } .timeline { position: relative; padding: 0; margin-bottom: 22px; list-style: none; background: 0 0 } .timeline:before { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; content: ""; background-color: #e4eaec } .timeline::after { content: ""; display: table; clear: both } .timeline:not(.timeline-single) .timeline-item:first-child+.timeline-item, .timeline:not(.timeline-single) .timeline-period+.timeline-item+.timeline-item { margin-top: 90px } .timeline-item { position: relative; display: block; float: left; width: 50%; padding-right: 40px; margin-bottom: 60px } .timeline-item:not(.timeline-period)::after { content: ""; display: table; clear: both } .timeline-item.timeline-reverse { float: right; padding-right: 0; padding-left: 40px; clear: right } .timeline-item:last-child { margin-bottom: 0 } .timeline-period { position: relative; z-index: 6; display: block; padding: 25px 10px; margin: 20px auto 30px; clear: both; font-size: 26px; text-align: center; text-transform: uppercase; background: #f1f4f5 } .timeline-content { width: 100%; overflow: hidden } .timeline-dot { position: absolute; right: 0; z-index: 11; color: #fff; text-align: center; cursor: pointer; background-color: #62a8ea; border-radius: 50%; top: 7.5px } .timeline-reverse .timeline-dot { right: auto; left: 0; margin-right: 0 } .timeline .timeline-dot { width: 14px; height: 14px; margin-right: -7px; line-height: 14px } .timeline .timeline-reverse .timeline-dot { margin-left: -7px } .timeline.timeline-single { margin-left: 7px } .timeline.timeline-single .timeline-dot { margin-left: -7px } @media (max-width:767px) { .timeline { margin-left: 7px } .timeline .timeline-dot { margin-left: -7px } } .timeline-info { float: right; padding: 0 20px; margin-bottom: 22px; line-height: 28px; text-align: center; background: #e4eaec; border: 1px solid #e4eaec; border-radius: 20px } .timeline-reverse .timeline-info { float: left } .timeline-footer { position: absolute; right: 0; bottom: -30px; margin-right: 55px } .timeline-footer .icon { margin-right: .3em } .timeline-reverse .timeline-footer { right: auto; left: 0; margin-right: 0; margin-left: 55px } .timeline-reverse+.timeline-reverse { margin-top: 0 } @media (max-width:767px) { .timeline:before { left: 0 } .timeline-item, .timeline-item.timeline-reverse { float: none; width: 100%; padding-right: 0; padding-left: 40px; margin-top: 0; margin-bottom: 60px } .timeline-dot { right: auto; left: 0; margin-right: 0; margin-left: -7px } .timeline-info { display: inline-block; float: none } .timeline-footer { right: auto; bottom: -26px; left: 0; margin-right: 0; margin-left: 40px } } .timeline-single:before { left: 0 } .timeline-single .timeline-item { float: none; width: 100%; padding-right: 0; padding-left: 40px; margin-bottom: 60px } .timeline-single .timeline-dot { right: auto; left: 0; margin-right: 0; margin-left: -7px } .timeline-single .timeline-info { float: left } .timeline-single .timeline-footer { right: auto; bottom: -26px; left: 0; margin-right: 0; margin-left: 40px } .timeline-icon .timeline-dot { width: 40px; height: 40px; margin-right: -20px; line-height: 40px } .timeline-icon .timeline-reverse .timeline-dot { margin-left: -20px } .timeline-icon.timeline-single { margin-left: 20px } .timeline-icon.timeline-single .timeline-dot { margin-left: -20px } @media (max-width:767px) { .timeline-icon { margin-left: 20px } .timeline-icon .timeline-dot { margin-left: -20px } } .timeline-icon .timeline-dot { top: -5.5px } .timeline-avatar .timeline-dot { width: 40px; height: 40px; margin-right: -20px; line-height: 40px } .timeline-avatar .timeline-reverse .timeline-dot { margin-left: -20px } .timeline-avatar.timeline-single { margin-left: 20px } .timeline-avatar.timeline-single .timeline-dot { margin-left: -20px } @media (max-width:767px) { .timeline-avatar { margin-left: 20px } .timeline-avatar .timeline-dot { margin-left: -20px } } .timeline-avatar-sm .timeline-dot { width: 30px; height: 30px; margin-right: -15px; line-height: 30px } .timeline-avatar-sm .timeline-reverse .timeline-dot { margin-left: -15px } .timeline-avatar-sm.timeline-single { margin-left: 15px } .timeline-avatar-sm.timeline-single .timeline-dot { margin-left: -15px } @media (max-width:767px) { .timeline-avatar-sm { margin-left: 15px } .timeline-avatar-sm .timeline-dot { margin-left: -15px } } .timeline-avatar-lg .timeline-dot { width: 50px; height: 50px; margin-right: -25px; line-height: 50px } .timeline-avatar-lg .timeline-reverse .timeline-dot { margin-left: -25px } .timeline-avatar-lg.timeline-single { margin-left: 25px } .timeline-avatar-lg.timeline-single .timeline-dot { margin-left: -25px } @media (max-width:767px) { .timeline-avatar-lg { margin-left: 25px } .timeline-avatar-lg .timeline-dot { margin-left: -25px } } .timeline-simple .timeline-dot { top: 0; margin-top: 10px } .timeline-feed .timeline-dot { width: 30px; height: 30px; margin-right: -15px; line-height: 30px } .timeline-feed .timeline-reverse .timeline-dot { margin-left: -15px } .timeline-feed.timeline-single { margin-left: 15px } .timeline-feed.timeline-single .timeline-dot { margin-left: -15px } @media (max-width:767px) { .timeline-feed { margin-left: 15px } .timeline-feed .timeline-dot { margin-left: -15px } } .timeline-feed.timeline-simple .timeline-dot { margin-top: 5px } .timeline-feed .timeline-item { padding-right: 30px; margin-bottom: 22px } .timeline-feed .timeline-item.timeline-reverse { padding-left: 30px } .timeline-feed.timeline-single .timeline-item { padding-left: 30px } @media (max-width:767px) { .timeline-feed .timeline-item { padding-right: 30px; margin-bottom: 22px } } .testimonial { margin: 3px 3px 22px } .testimonial-ul { padding: 0; margin: 0; list-style: none } .testimonial-item { float: left; padding: 0 15px 30px; margin: 0 } .testimonial-content { position: relative; padding: 15px 20px; margin-top: 10px; margin-bottom: 25px; background-color: #f3f7f9; border-radius:.215rem } .testimonial-content:before { position: absolute; bottom: -7px; left: 33px; display: block; width: 14px; height: 14px; content: ""; background-color: #f3f7f9; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .testimonial-content>p:last-child { margin-bottom: 0 } .testimonial-image { position: relative; float: left; margin-top: 5px; margin-left: 20px } .testimonial-author { display: block; margin-left: 75px; font-size: 18px } .testimonial-company { display: block; margin-left: 75px; font-size:.858rem; opacity: .8 } .testimonial-control a { color: #ccd5db } .testimonial-control a:hover { color: #89bceb; text-decoration: none } .testimonial-reverse .testimonial-content:before { right: 33px; left: auto } .testimonial-reverse .testimonial-image { float: right; margin-right: 20px; margin-left: 0 } .testimonial-reverse .testimonial-author, .testimonial-reverse .testimonial-company { margin-left: 0; margin-right: 75px; text-align: right } .testimonial-top .testimonial-item { padding: 30px 15px 0 } .testimonial-top .testimonial-content { margin-top: 30px; margin-bottom: 10px } .testimonial-top .testimonial-content:before { top: -7px; bottom: auto } .testimonial.carousel { position: relative; width: 100%; overflow: hidden } .testimonial.carousel .testimonial-item { position: relative; display: none; width: 100%; padding: 10px; -webkit-transition: left .6s ease-in-out 0s; -o-transition: left .6s ease-in-out 0s; transition: left .6s ease-in-out 0s } .testimonial.carousel .testimonial-item.active, .testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev { display: block } .testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev { position: absolute; top: 0; width: 100% } .testimonial.carousel .testimonial-item.next { left: 100% } .testimonial.carousel .testimonial-item.prev { left: -100% } .testimonial.carousel .testimonial-item.next.left, .testimonial.carousel .testimonial-item.prev.right { left: 0 } .testimonial.carousel .testimonial-item.active { left: 0 } .testimonial.carousel .testimonial-item.active.left { left: -100% } .testimonial.carousel .testimonial-item.active.right { left: 100% } .testimonial.carousel .testimonial-content { padding: 10px } .testimonial.carousel .testimonial-control { position: absolute; right: 10px; bottom: 20px } .testimonial.carousel .testimonial-control>* { margin-left: 10px } .testimonial.carousel.testimonial-reverse .testimonial-control { right: auto; left: 10px } .testimonial.carousel.testimonial-reverse .testimonial-control>* { margin-right: 10px; margin-left: 0 } .testimonial.carousel.testimonial-top .testimonial-control { top: 20px; bottom: auto } .pricing-list { margin-bottom: 22px; text-align: center; border: 1px solid #e4eaec; border-radius:.215rem } .pricing-list [class*=bg-], .pricing-list [class*=bg-] *, .pricing-list [class^=bg-], .pricing-list [class^=bg-] * { color: #fff } .pricing-list .pricing-header { border-bottom: 1px solid #e4eaec; border-radius:.215rem .215rem 0 0 } .pricing-list .pricing-title { padding: 15px 30px; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border-radius:.215rem .215rem 0 0 } .pricing-list .pricing-price { padding: 20px 30px; margin: 0; font-size: 3.858rem; font-weight: 700; color: #37474f } .pricing-list .pricing-period { font-size: 1rem; font-weight: 400 } .pricing-list .pricing-features { padding: 0 18px; margin: 0 } .pricing-list .pricing-features li { display: block; padding: 15px; list-style: none; border-top: 1px dashed #e4eaec } .pricing-list .pricing-features li:first-child { border-top: none } .pricing-list .pricing-footer { padding: 30px; border-radius:0 0 .215rem .215rem } .pricing-table { padding-top: 30px; text-align: center } .pricing-table::after { content: ""; display: table; clear: both } .pricing-table [class*=pricing-column] { float: left; width: 100%; margin-bottom: 30px; background-color: #f3f7f9; border: 1px solid #e4eaec; border-right: none } .pricing-table [class*=pricing-column]:last-child { border-right: 1px solid #e4eaec } .pricing-table [class*=pricing-column].featured { position: relative; margin-right: -1px; background-color: #fff; border-right: 1px solid #e4eaec } .pricing-table .pricing-header { padding-bottom: 24px; margin: 30px 30px 25px; border-bottom: 1px solid #e4eaec } .pricing-table .pricing-price { font-size: 48px } .pricing-table .pricing-currency { display: inline-block; margin-top: 10px; margin-right: -10px; font-size: 20px; vertical-align: top } .pricing-table .pricing-period { font-size: 16px } .pricing-table .pricing-title { font-size: 20px; text-transform: uppercase; letter-spacing: 2px } .pricing-table .pricing-features { padding: 0; margin: 0 } .pricing-table .pricing-features li { display: block; margin-bottom: 20px; font-size: 14px; list-style: none } .pricing-table .pricing-footer { padding: 20px 0; margin: 25px 30px 30px } @media (min-width:768px) { .pricing-table .pricing-column-three { width: 33.33% } .pricing-table .pricing-column-three.featured { top: -30px; padding-top: 30px; padding-bottom: 30px; margin-bottom: -30px } .pricing-table .pricing-column-four { width: 50% } .pricing-table .pricing-column-five { width: 50% } } @media (min-width:1200px) { .pricing-table .pricing-column-four { width: 25% } .pricing-table .pricing-column-five { width: 20% } .pricing-table .pricing-column-five.featured, .pricing-table .pricing-column-four.featured { top: -30px; padding-top: 30px; padding-bottom: 30px; margin-bottom: -30px } } .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 } .ribbon { position: absolute; top: -3px; left: -3px; width: 150px; height: 150px; text-align: center; background-color: transparent } .ribbon-inner { position: absolute; top: 16px; left: 0; display: inline-block; height: 30px; padding-right: 20px; padding-left: 20px; line-height: 30px; color: #fff; white-space: nowrap; background-color: #526069 } .ribbon-inner .icon { font-size: 16px } .ribbon-lg .ribbon-inner { height: 38px; font-size: 1.286rem; line-height: 38px } .ribbon-sm .ribbon-inner { height: 26px; font-size:.858rem; line-height: 26px } .ribbon-xs .ribbon-inner { height: 22px; font-size:.858rem; line-height: 22px } .ribbon-vertical .ribbon-inner { top: 0; left: 16px; width: 30px; height: 60px; padding: 15px 0 } .ribbon-vertical.ribbon-xs .ribbon-inner { width: 22px; height: 50px } .ribbon-vertical.ribbon-sm .ribbon-inner { width: 26px; height: 55px } .ribbon-vertical.ribbon-lg .ribbon-inner { width: 38px; height: 70px } .ribbon-reverse { right: -3px; left: auto } .ribbon-reverse .ribbon-inner { right: 0; left: auto } .ribbon-reverse.ribbon-vertical .ribbon-inner { right: 16px } .ribbon-bookmark .ribbon-inner { -webkit-box-shadow: none; box-shadow: none } .ribbon-bookmark .ribbon-inner:before { position: absolute; top: 0; left: 100%; display: block; width: 0; height: 0; content: ""; border: 15px solid #526069; border-right: 10px solid transparent } .ribbon-bookmark.ribbon-vertical .ribbon-inner:before { top: 100%; left: 0; margin-top: -15px; border-right: 15px solid #526069; border-bottom: 10px solid transparent } .ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before { margin-top: -11px } .ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before { margin-top: -13px } .ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before { margin-top: -19px } .ribbon-bookmark.ribbon-reverse .ribbon-inner:before { right: 100%; left: auto; border-right: 15px solid #526069; border-left: 10px solid transparent } .ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before { right: auto; left: 0; border-right-color: #526069; border-bottom-color: transparent; border-left: 15px solid #526069 } .ribbon-bookmark.ribbon-xs .ribbon-inner:before { border-width: 11px } .ribbon-bookmark.ribbon-sm .ribbon-inner:before { border-width: 13px } .ribbon-bookmark.ribbon-lg .ribbon-inner:before { border-width: 19px } .ribbon-badge { top: -2px; left: -2px; overflow: hidden } .ribbon-badge .ribbon-inner { left: -40px; width: 100%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .ribbon-badge.ribbon-reverse { right: -2px; left: auto } .ribbon-badge.ribbon-reverse .ribbon-inner { right: -40px; left: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .ribbon-badge.ribbon-bottom { top: auto; bottom: -2px } .ribbon-badge.ribbon-bottom .ribbon-inner { top: auto; bottom: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .ribbon-corner { top: 0; left: 0; overflow: hidden } .ribbon-corner .ribbon-inner { top: 0; left: 0; width: 40px; height: 35px; padding: 0; line-height: 35px; background-color: transparent } .ribbon-corner .ribbon-inner:before { position: absolute; top: 0; left: 0; width: 0; height: 0; content: ""; border: 30px solid transparent; border-top-color: #526069; border-left-color: #526069 } .ribbon-corner.ribbon-reverse { right: 0; left: auto } .ribbon-corner.ribbon-reverse .ribbon-inner { right: 0; left: auto } .ribbon-corner.ribbon-reverse .ribbon-inner:before { right: 0; left: auto; border-right-color: #526069; border-left-color: transparent } .ribbon-corner.ribbon-bottom { top: auto; bottom: 0 } .ribbon-corner.ribbon-bottom .ribbon-inner { top: auto; bottom: 0 } .ribbon-corner.ribbon-bottom .ribbon-inner:before { top: auto; bottom: 0; border-top-color: transparent; border-bottom-color: #526069 } .ribbon-corner.ribbon-xs .ribbon-inner { width: 28px; height: 26px; line-height: 26px } .ribbon-corner.ribbon-xs .ribbon-inner:before { border-width: 22px } .ribbon-corner.ribbon-xs .ribbon-inner>.icon { font-size:.858rem } .ribbon-corner.ribbon-sm .ribbon-inner { width: 34px; height: 32px; line-height: 32px } .ribbon-corner.ribbon-sm .ribbon-inner:before { border-width: 26px } .ribbon-corner.ribbon-sm .ribbon-inner>.icon { font-size:.858rem } .ribbon-corner.ribbon-lg .ribbon-inner { width: 46px; height: 44px; line-height: 44px } .ribbon-corner.ribbon-lg .ribbon-inner:before { border-width: 36px } .ribbon-corner.ribbon-lg .ribbon-inner>.icon { font-size: 1.286rem } .ribbon-clip { left: -14px } .ribbon-clip .ribbon-inner { padding-left: 23px; border-radius: 0 5px 5px 0 } .ribbon-clip .ribbon-inner:after { position: absolute; bottom: -14px; left: 0; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-color: #37474f; border-right-color: #37474f } .ribbon-clip.ribbon-reverse { right: -14px; left: auto } .ribbon-clip.ribbon-reverse .ribbon-inner { padding-right: 23px; padding-left: 15px; border-radius: 5px 0 0 5px } .ribbon-clip.ribbon-reverse .ribbon-inner:after { right: 0; left: auto; border-right-color: transparent; border-left-color: #37474f } .ribbon-clip.ribbon-bottom { top: auto; bottom: -3px } .ribbon-clip.ribbon-bottom .ribbon-inner { top: auto; bottom: 16px } .ribbon-clip.ribbon-bottom .ribbon-inner:after { top: -14px; bottom: auto; border-top-color: transparent; border-bottom-color: #37474f } .ribbon-primary .ribbon-inner { background-color: #62a8ea } .ribbon-primary.ribbon-bookmark .ribbon-inner:before { border-color: #62a8ea; border-right-color: transparent } .ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #62a8ea; border-left-color: transparent } .ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #62a8ea; border-bottom-color: transparent } .ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #62a8ea; border-bottom-color: transparent; border-left-color: #62a8ea } .ribbon-primary.ribbon-corner .ribbon-inner { background-color: transparent } .ribbon-primary.ribbon-corner .ribbon-inner:before { border-top-color: #62a8ea; border-left-color: #62a8ea } .ribbon-primary.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #62a8ea; border-left-color: transparent } .ribbon-primary.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #62a8ea } .ribbon-primary .ribbon-inner:after { border-top-color: #4e97d9; border-right-color: #4e97d9 } .ribbon-primary.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #4e97d9 } .ribbon-primary.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #4e97d9 } .ribbon-success .ribbon-inner { background-color: #46be8a } .ribbon-success.ribbon-bookmark .ribbon-inner:before { border-color: #46be8a; border-right-color: transparent } .ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #46be8a; border-left-color: transparent } .ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #46be8a; border-bottom-color: transparent } .ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #46be8a; border-bottom-color: transparent; border-left-color: #46be8a } .ribbon-success.ribbon-corner .ribbon-inner { background-color: transparent } .ribbon-success.ribbon-corner .ribbon-inner:before { border-top-color: #46be8a; border-left-color: #46be8a } .ribbon-success.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #46be8a; border-left-color: transparent } .ribbon-success.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #46be8a } .ribbon-success .ribbon-inner:after { border-top-color: #36ab7a; border-right-color: #36ab7a } .ribbon-success.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #36ab7a } .ribbon-success.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #36ab7a } .ribbon-info .ribbon-inner { background-color: #57c7d4 } .ribbon-info.ribbon-bookmark .ribbon-inner:before { border-color: #57c7d4; border-right-color: transparent } .ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #57c7d4; border-left-color: transparent } .ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #57c7d4; border-bottom-color: transparent } .ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #57c7d4; border-bottom-color: transparent; border-left-color: #57c7d4 } .ribbon-info.ribbon-corner .ribbon-inner { background-color: transparent } .ribbon-info.ribbon-corner .ribbon-inner:before { border-top-color: #57c7d4; border-left-color: #57c7d4 } .ribbon-info.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #57c7d4; border-left-color: transparent } .ribbon-info.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #57c7d4 } .ribbon-info .ribbon-inner:after { border-top-color: #47b8c6; border-right-color: #47b8c6 } .ribbon-info.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #47b8c6 } .ribbon-info.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #47b8c6 } .ribbon-warning .ribbon-inner { background-color: #f2a654 } .ribbon-warning.ribbon-bookmark .ribbon-inner:before { border-color: #f2a654; border-right-color: transparent } .ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #f2a654; border-left-color: transparent } .ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #f2a654; border-bottom-color: transparent } .ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #f2a654; border-bottom-color: transparent; border-left-color: #f2a654 } .ribbon-warning.ribbon-corner .ribbon-inner { background-color: transparent } .ribbon-warning.ribbon-corner .ribbon-inner:before { border-top-color: #f2a654; border-left-color: #f2a654 } .ribbon-warning.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #f2a654; border-left-color: transparent } .ribbon-warning.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #f2a654 } .ribbon-warning .ribbon-inner:after { border-top-color: #ec9940; border-right-color: #ec9940 } .ribbon-warning.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #ec9940 } .ribbon-warning.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #ec9940 } .ribbon-danger .ribbon-inner { background-color: #f96868 } .ribbon-danger.ribbon-bookmark .ribbon-inner:before { border-color: #f96868; border-right-color: transparent } .ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before { border-right-color: #f96868; border-left-color: transparent } .ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before { border-right-color: #f96868; border-bottom-color: transparent } .ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before { border-right-color: #f96868; border-bottom-color: transparent; border-left-color: #f96868 } .ribbon-danger.ribbon-corner .ribbon-inner { background-color: transparent } .ribbon-danger.ribbon-corner .ribbon-inner:before { border-top-color: #f96868; border-left-color: #f96868 } .ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before { border-right-color: #f96868; border-left-color: transparent } .ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before { border-top-color: transparent; border-bottom-color: #f96868 } .ribbon-danger .ribbon-inner:after { border-top-color: #e9595b; border-right-color: #e9595b } .ribbon-danger.ribbon-reverse .ribbon-inner:after { border-right-color: transparent; border-left-color: #e9595b } .ribbon-danger.ribbon-bottom .ribbon-inner:after { border-top-color: transparent; border-bottom-color: #e9595b } .color-selector { padding: 0; margin: 0; list-style: none } .color-selector>li { position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 8px 8px 0; background-color: #62a8ea; border-radius: 100% } .color-selector>li:hover { opacity: .8 } .color-selector>li:before { position: absolute; top: 0; left: 0; display: inline-block; width: inherit; height: inherit; content: ""; background: inherit; border: 1px solid rgba(0,0,0,.1); border-radius: inherit } .color-selector>li input[type=radio] { position: absolute; top: 0; left: 0; z-index: 1; width: inherit; height: inherit; cursor: pointer; border-radius: inherit; opacity: 0 } .color-selector>li input[type=radio]:disabled { cursor: not-allowed } .color-selector>li label { position: relative; margin-bottom:.4rem; font-family: "Web Icons"; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none } .color-selector>li input[type=radio]:checked+label:after { position: absolute; top: 0; left: 8px; display: inline-block; margin-top: -2px; font-size: 16px; line-height: 1; color: #fff; content: "" } .color-selector>li.color-selector-disabled { background-color: #ccd5db!important } .color-selector>li.color-selector-disabled input[type=radio]:disabled { cursor: not-allowed } .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 } /*font-awesome.min.css*/ @charset 'UTF-8';/*! * Font Awesome 4.2.0 by @davegandy - http:/fontawesome.io - @fontawesome * License - http:/fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ [class*=' fa-'], [class^=fa-] { font-family:FontAwesome; font-weight:400; font-style:normal; position:relative; display:inline-block; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); text-rendering:auto; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } @font-face { font-family: FontAwesome; font-weight: 400; font-style: normal; src: url(/app/system/include/static2/fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0); src: url(/skin/fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(/skin/fonts/fontawesome-webfont.woff2) format('woff2'), url(/skin/fonts/fontawesome-webfont.woff) format('woff'), url(/skin/fonts/fontawesome-webfont.ttf) format('truetype'), url(/skin/fonts/fontawesome-webfont.svg) format('svg') } .fa-glass:before { content: '' } .fa-music:before { content: '' } .fa-search:before { content: '' } .fa-envelope-o:before { content: '' } .fa-heart:before { content: '' } .fa-star:before { content: '' } .fa-star-o:before { content: '' } .fa-user:before { content: '' } .fa-film:before { content: '' } .fa-th-large:before { content: '' } .fa-th:before { content: '' } .fa-th-list:before { content: '' } .fa-check:before { content: '' } .fa-close:before, .fa-remove:before, .fa-times:before { content: '' } .fa-search-plus:before { content: '' } .fa-search-minus:before { content: '' } .fa-power-off:before { content: '' } .fa-signal:before { content: '' } .fa-cog:before, .fa-gear:before { content: '' } .fa-trash-o:before { content: '' } .fa-home:before { content: '' } .fa-file-o:before { content: '' } .fa-clock-o:before { content: '' } .fa-road:before { content: '' } .fa-download:before { content: '' } .fa-arrow-circle-o-down:before { content: '' } .fa-arrow-circle-o-up:before { content: '' } .fa-inbox:before { content: '' } .fa-play-circle-o:before { content: '' } .fa-repeat:before, .fa-rotate-right:before { content: '' } .fa-refresh:before { content: '' } .fa-list-alt:before { content: '' } .fa-lock:before { content: '' } .fa-flag:before { content: '' } .fa-headphones:before { content: '' } .fa-volume-off:before { content: '' } .fa-volume-down:before { content: '' } .fa-volume-up:before { content: '' } .fa-qrcode:before { content: '' } .fa-barcode:before { content: '' } .fa-tag:before { content: '' } .fa-tags:before { content: '' } .fa-book:before { content: '' } .fa-bookmark:before { content: '' } .fa-print:before { content: '' } .fa-camera:before { content: '' } .fa-font:before { content: '' } .fa-bold:before { content: '' } .fa-italic:before { content: '' } .fa-text-height:before { content: '' } .fa-text-width:before { content: '' } .fa-align-left:before { content: '' } .fa-align-center:before { content: '' } .fa-align-right:before { content: '' } .fa-align-justify:before { content: '' } .fa-list:before { content: '' } .fa-dedent:before, .fa-outdent:before { content: '' } .fa-indent:before { content: '' } .fa-video-camera:before { content: '' } .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: '' } .fa-pencil:before { content: '' } .fa-map-marker:before { content: '' } .fa-adjust:before { content: '' } .fa-tint:before { content: '' } .fa-edit:before, .fa-pencil-square-o:before { content: '' } .fa-share-square-o:before { content: '' } .fa-check-square-o:before { content: '' } .fa-arrows:before { content: '' } .fa-step-backward:before { content: '' } .fa-fast-backward:before { content: '' } .fa-backward:before { content: '' } .fa-play:before { content: '' } .fa-pause:before { content: '' } .fa-stop:before { content: '' } .fa-forward:before { content: '' } .fa-fast-forward:before { content: '' } .fa-step-forward:before { content: '' } .fa-eject:before { content: '' } .fa-chevron-left:before { content: '' } .fa-chevron-right:before { content: '' } .fa-plus-circle:before { content: '' } .fa-minus-circle:before { content: '' } .fa-times-circle:before { content: '' } .fa-check-circle:before { content: '' } .fa-question-circle:before { content: '' } .fa-info-circle:before { content: '' } .fa-crosshairs:before { content: '' } .fa-times-circle-o:before { content: '' } .fa-check-circle-o:before { content: '' } .fa-ban:before { content: '' } .fa-arrow-left:before { content: '' } .fa-arrow-right:before { content: '' } .fa-arrow-up:before { content: '' } .fa-arrow-down:before { content: '' } .fa-mail-forward:before, .fa-share:before { content: '' } .fa-expand:before { content: '' } .fa-compress:before { content: '' } .fa-plus:before { content: '' } .fa-minus:before { content: '' } .fa-asterisk:before { content: '' } .fa-exclamation-circle:before { content: '' } .fa-gift:before { content: '' } .fa-leaf:before { content: '' } .fa-fire:before { content: '' } .fa-eye:before { content: '' } .fa-eye-slash:before { content: '' } .fa-exclamation-triangle:before, .fa-warning:before { content: '' } .fa-plane:before { content: '' } .fa-calendar:before { content: '' } .fa-random:before { content: '' } .fa-comment:before { content: '' } .fa-magnet:before { content: '' } .fa-chevron-up:before { content: '' } .fa-chevron-down:before { content: '' } .fa-retweet:before { content: '' } .fa-shopping-cart:before { content: '' } .fa-folder:before { content: '' } .fa-folder-open:before { content: '' } .fa-arrows-v:before { content: '' } .fa-arrows-h:before { content: '' } .fa-bar-chart-o:before, .fa-bar-chart:before { content: '' } .fa-twitter-square:before { content: '' } .fa-facebook-square:before { content: '' } .fa-camera-retro:before { content: '' } .fa-key:before { content: '' } .fa-cogs:before, .fa-gears:before { content: '' } .fa-comments:before { content: '' } .fa-thumbs-o-up:before { content: '' } .fa-thumbs-o-down:before { content: '' } .fa-star-half:before { content: '' } .fa-heart-o:before { content: '' } .fa-sign-out:before { content: '' } .fa-linkedin-square:before { content: '' } .fa-thumb-tack:before { content: '' } .fa-external-link:before { content: '' } .fa-sign-in:before { content: '' } .fa-trophy:before { content: '' } .fa-github-square:before { content: '' } .fa-upload:before { content: '' } .fa-lemon-o:before { content: '' } .fa-phone:before { content: '' } .fa-square-o:before { content: '' } .fa-bookmark-o:before { content: '' } .fa-phone-square:before { content: '' } .fa-twitter:before { content: '' } .fa-facebook-f:before, .fa-facebook:before { content: '' } .fa-github:before { content: '' } .fa-unlock:before { content: '' } .fa-credit-card:before { content: '' } .fa-feed:before, .fa-rss:before { content: '' } .fa-hdd-o:before { content: '' } .fa-bullhorn:before { content: '' } .fa-bell:before { content: '' } .fa-certificate:before { content: '' } .fa-hand-o-right:before { content: '' } .fa-hand-o-left:before { content: '' } .fa-hand-o-up:before { content: '' } .fa-hand-o-down:before { content: '' } .fa-arrow-circle-left:before { content: '' } .fa-arrow-circle-right:before { content: '' } .fa-arrow-circle-up:before { content: '' } .fa-arrow-circle-down:before { content: '' } .fa-globe:before { content: '' } .fa-wrench:before { content: '' } .fa-tasks:before { content: '' } .fa-filter:before { content: '' } .fa-briefcase:before { content: '' } .fa-arrows-alt:before { content: '' } .fa-group:before, .fa-users:before { content: '' } .fa-chain:before, .fa-link:before { content: '' } .fa-cloud:before { content: '' } .fa-flask:before { content: '' } .fa-cut:before, .fa-scissors:before { content: '' } .fa-copy:before, .fa-files-o:before { content: '' } .fa-paperclip:before { content: '' } .fa-floppy-o:before, .fa-save:before { content: '' } .fa-square:before { content: '' } .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: '' } .fa-list-ul:before { content: '' } .fa-list-ol:before { content: '' } .fa-strikethrough:before { content: '' } .fa-underline:before { content: '' } .fa-table:before { content: '' } .fa-magic:before { content: '' } .fa-truck:before { content: '' } .fa-pinterest:before { content: '' } .fa-pinterest-square:before { content: '' } .fa-google-plus-square:before { content: '' } .fa-google-plus:before { content: '' } .fa-money:before { content: '' } .fa-caret-down:before { content: '' } .fa-caret-up:before { content: '' } .fa-caret-left:before { content: '' } .fa-caret-right:before { content: '' } .fa-columns:before { content: '' } .fa-sort:before, .fa-unsorted:before { content: '' } .fa-sort-desc:before, .fa-sort-down:before { content: '' } .fa-sort-asc:before, .fa-sort-up:before { content: '' } .fa-envelope:before { content: '' } .fa-linkedin:before { content: '' } .fa-rotate-left:before, .fa-undo:before { content: '' } .fa-gavel:before, .fa-legal:before { content: '' } .fa-dashboard:before, .fa-tachometer:before { content: '' } .fa-comment-o:before { content: '' } .fa-comments-o:before { content: '' } .fa-bolt:before, .fa-flash:before { content: '' } .fa-sitemap:before { content: '' } .fa-umbrella:before { content: '' } .fa-clipboard:before, .fa-paste:before { content: '' } .fa-lightbulb-o:before { content: '' } .fa-exchange:before { content: '' } .fa-cloud-download:before { content: '' } .fa-cloud-upload:before { content: '' } .fa-user-md:before { content: '' } .fa-stethoscope:before { content: '' } .fa-suitcase:before { content: '' } .fa-bell-o:before { content: '' } .fa-coffee:before { content: '' } .fa-cutlery:before { content: '' } .fa-file-text-o:before { content: '' } .fa-building-o:before { content: '' } .fa-hospital-o:before { content: '' } .fa-ambulance:before { content: '' } .fa-medkit:before { content: '' } .fa-fighter-jet:before { content: '' } .fa-beer:before { content: '' } .fa-h-square:before { content: '' } .fa-plus-square:before { content: '' } .fa-angle-double-left:before { content: '' } .fa-angle-double-right:before { content: '' } .fa-angle-double-up:before { content: '' } .fa-angle-double-down:before { content: '' } .fa-angle-left:before { content: '' } .fa-angle-right:before { content: '' } .fa-angle-up:before { content: '' } .fa-angle-down:before { content: '' } .fa-desktop:before { content: '' } .fa-laptop:before { content: '' } .fa-tablet:before { content: '' } .fa-mobile-phone:before, .fa-mobile:before { content: '' } .fa-circle-o:before { content: '' } .fa-quote-left:before { content: '' } .fa-quote-right:before { content: '' } .fa-spinner:before { content: '' } .fa-circle:before { content: '' } .fa-mail-reply:before, .fa-reply:before { content: '' } .fa-github-alt:before { content: '' } .fa-folder-o:before { content: '' } .fa-folder-open-o:before { content: '' } .fa-smile-o:before { content: '' } .fa-frown-o:before { content: '' } .fa-meh-o:before { content: '' } .fa-gamepad:before { content: '' } .fa-keyboard-o:before { content: '' } .fa-flag-o:before { content: '' } .fa-flag-checkered:before { content: '' } .fa-terminal:before { content: '' } .fa-code:before { content: '' } .fa-mail-reply-all:before, .fa-reply-all:before { content: '' } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: '' } .fa-location-arrow:before { content: '' } .fa-crop:before { content: '' } .fa-code-fork:before { content: '' } .fa-chain-broken:before, .fa-unlink:before { content: '' } .fa-question:before { content: '' } .fa-info:before { content: '' } .fa-exclamation:before { content: '' } .fa-superscript:before { content: '' } .fa-subscript:before { content: '' } .fa-eraser:before { content: '' } .fa-puzzle-piece:before { content: '' } .fa-microphone:before { content: '' } .fa-microphone-slash:before { content: '' } .fa-shield:before { content: '' } .fa-calendar-o:before { content: '' } .fa-fire-extinguisher:before { content: '' } .fa-rocket:before { content: '' } .fa-maxcdn:before { content: '' } .fa-chevron-circle-left:before { content: '' } .fa-chevron-circle-right:before { content: '' } .fa-chevron-circle-up:before { content: '' } .fa-chevron-circle-down:before { content: '' } .fa-html5:before { content: '' } .fa-css3:before { content: '' } .fa-anchor:before { content: '' } .fa-unlock-alt:before { content: '' } .fa-bullseye:before { content: '' } .fa-ellipsis-h:before { content: '' } .fa-ellipsis-v:before { content: '' } .fa-rss-square:before { content: '' } .fa-play-circle:before { content: '' } .fa-ticket:before { content: '' } .fa-minus-square:before { content: '' } .fa-minus-square-o:before { content: '' } .fa-level-up:before { content: '' } .fa-level-down:before { content: '' } .fa-check-square:before { content: '' } .fa-pencil-square:before { content: '' } .fa-external-link-square:before { content: '' } .fa-share-square:before { content: '' } .fa-compass:before { content: '' } .fa-caret-square-o-down:before, .fa-toggle-down:before { content: '' } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: '' } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: '' } .fa-eur:before, .fa-euro:before { content: '' } .fa-gbp:before { content: '' } .fa-dollar:before, .fa-usd:before { content: '' } .fa-inr:before, .fa-rupee:before { content: '' } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: '' } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: '' } .fa-krw:before, .fa-won:before { content: '' } .fa-bitcoin:before, .fa-btc:before { content: '' } .fa-file:before { content: '' } .fa-file-text:before { content: '' } .fa-sort-alpha-asc:before { content: '' } .fa-sort-alpha-desc:before { content: '' } .fa-sort-amount-asc:before { content: '' } .fa-sort-amount-desc:before { content: '' } .fa-sort-numeric-asc:before { content: '' } .fa-sort-numeric-desc:before { content: '' } .fa-thumbs-up:before { content: '' } .fa-thumbs-down:before { content: '' } .fa-youtube-square:before { content: '' } .fa-youtube:before { content: '' } .fa-xing:before { content: '' } .fa-xing-square:before { content: '' } .fa-youtube-play:before { content: '' } .fa-dropbox:before { content: '' } .fa-stack-overflow:before { content: '' } .fa-instagram:before { content: '' } .fa-flickr:before { content: '' } .fa-adn:before { content: '' } .fa-bitbucket:before { content: '' } .fa-bitbucket-square:before { content: '' } .fa-tumblr:before { content: '' } .fa-tumblr-square:before { content: '' } .fa-long-arrow-down:before { content: '' } .fa-long-arrow-up:before { content: '' } .fa-long-arrow-left:before { content: '' } .fa-long-arrow-right:before { content: '' } .fa-apple:before { content: '' } .fa-windows:before { content: '' } .fa-android:before { content: '' } .fa-linux:before { content: '' } .fa-dribbble:before { content: '' } .fa-skype:before { content: '' } .fa-foursquare:before { content: '' } .fa-trello:before { content: '' } .fa-female:before { content: '' } .fa-male:before { content: '' } .fa-gittip:before, .fa-gratipay:before { content: '' } .fa-sun-o:before { content: '' } .fa-moon-o:before { content: '' } .fa-archive:before { content: '' } .fa-bug:before { content: '' } .fa-vk:before { content: '' } .fa-weibo:before { content: '' } .fa-renren:before { content: '' } .fa-pagelines:before { content: '' } .fa-stack-exchange:before { content: '' } .fa-arrow-circle-o-right:before { content: '' } .fa-arrow-circle-o-left:before { content: '' } .fa-caret-square-o-left:before, .fa-toggle-left:before { content: '' } .fa-dot-circle-o:before { content: '' } .fa-wheelchair:before { content: '' } .fa-vimeo-square:before { content: '' } .fa-try:before, .fa-turkish-lira:before { content: '' } .fa-plus-square-o:before { content: '' } .fa-space-shuttle:before { content: '' } .fa-slack:before { content: '' } .fa-envelope-square:before { content: '' } .fa-wordpress:before { content: '' } .fa-openid:before { content: '' } .fa-bank:before, .fa-institution:before, .fa-university:before { content: '' } .fa-graduation-cap:before, .fa-mortar-board:before { content: '' } .fa-yahoo:before { content: '' } .fa-google:before { content: '' } .fa-reddit:before { content: '' } .fa-reddit-square:before { content: '' } .fa-stumbleupon-circle:before { content: '' } .fa-stumbleupon:before { content: '' } .fa-delicious:before { content: '' } .fa-digg:before { content: '' } .fa-pied-piper:before { content: '' } .fa-pied-piper-alt:before { content: '' } .fa-drupal:before { content: '' } .fa-joomla:before { content: '' } .fa-language:before { content: '' } .fa-fax:before { content: '' } .fa-building:before { content: '' } .fa-child:before { content: '' } .fa-paw:before { content: '' } .fa-spoon:before { content: '' } .fa-cube:before { content: '' } .fa-cubes:before { content: '' } .fa-behance:before { content: '' } .fa-behance-square:before { content: '' } .fa-steam:before { content: '' } .fa-steam-square:before { content: '' } .fa-recycle:before { content: '' } .fa-automobile:before, .fa-car:before { content: '' } .fa-cab:before, .fa-taxi:before { content: '' } .fa-tree:before { content: '' } .fa-spotify:before { content: '' } .fa-deviantart:before { content: '' } .fa-soundcloud:before { content: '' } .fa-database:before { content: '' } .fa-file-pdf-o:before { content: '' } .fa-file-word-o:before { content: '' } .fa-file-excel-o:before { content: '' } .fa-file-powerpoint-o:before { content: '' } .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: '' } .fa-file-archive-o:before, .fa-file-zip-o:before { content: '' } .fa-file-audio-o:before, .fa-file-sound-o:before { content: '' } .fa-file-movie-o:before, .fa-file-video-o:before { content: '' } .fa-file-code-o:before { content: '' } .fa-vine:before { content: '' } .fa-codepen:before { content: '' } .fa-jsfiddle:before { content: '' } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: '' } .fa-circle-o-notch:before { content: '' } .fa-ra:before, .fa-rebel:before { content: '' } .fa-empire:before, .fa-ge:before { content: '' } .fa-git-square:before { content: '' } .fa-git:before { content: '' } .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: '' } .fa-tencent-weibo:before { content: '' } .fa-qq:before { content: '' } .fa-wechat:before, .fa-weixin:before { content: '' } .fa-paper-plane:before, .fa-send:before { content: '' } .fa-paper-plane-o:before, .fa-send-o:before { content: '' } .fa-history:before { content: '' } .fa-circle-thin:before { content: '' } .fa-header:before { content: '' } .fa-paragraph:before { content: '' } .fa-sliders:before { content: '' } .fa-share-alt:before { content: '' } .fa-share-alt-square:before { content: '' } .fa-bomb:before { content: '' } .fa-futbol-o:before, .fa-soccer-ball-o:before { content: '' } .fa-tty:before { content: '' } .fa-binoculars:before { content: '' } .fa-plug:before { content: '' } .fa-slideshare:before { content: '' } .fa-twitch:before { content: '' } .fa-yelp:before { content: '' } .fa-newspaper-o:before { content: '' } .fa-wifi:before { content: '' } .fa-calculator:before { content: '' } .fa-paypal:before { content: '' } .fa-google-wallet:before { content: '' } .fa-cc-visa:before { content: '' } .fa-cc-mastercard:before { content: '' } .fa-cc-discover:before { content: '' } .fa-cc-amex:before { content: '' } .fa-cc-paypal:before { content: '' } .fa-cc-stripe:before { content: '' } .fa-bell-slash:before { content: '' } .fa-bell-slash-o:before { content: '' } .fa-trash:before { content: '' } .fa-copyright:before { content: '' } .fa-at:before { content: '' } .fa-eyedropper:before { content: '' } .fa-paint-brush:before { content: '' } .fa-birthday-cake:before { content: '' } .fa-area-chart:before { content: '' } .fa-pie-chart:before { content: '' } .fa-line-chart:before { content: '' } .fa-lastfm:before { content: '' } .fa-lastfm-square:before { content: '' } .fa-toggle-off:before { content: '' } .fa-toggle-on:before { content: '' } .fa-bicycle:before { content: '' } .fa-bus:before { content: '' } .fa-ioxhost:before { content: '' } .fa-angellist:before { content: '' } .fa-cc:before { content: '' } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: '' } .fa-meanpath:before { content: '' } .fa-buysellads:before { content: '' } .fa-connectdevelop:before { content: '' } .fa-dashcube:before { content: '' } .fa-forumbee:before { content: '' } .fa-leanpub:before { content: '' } .fa-sellsy:before { content: '' } .fa-shirtsinbulk:before { content: '' } .fa-simplybuilt:before { content: '' } .fa-skyatlas:before { content: '' } .fa-cart-plus:before { content: '' } .fa-cart-arrow-down:before { content: '' } .fa-diamond:before { content: '' } .fa-ship:before { content: '' } .fa-user-secret:before { content: '' } .fa-motorcycle:before { content: '' } .fa-street-view:before { content: '' } .fa-heartbeat:before { content: '' } .fa-venus:before { content: '' } .fa-mars:before { content: '' } .fa-mercury:before { content: '' } .fa-intersex:before, .fa-transgender:before { content: '' } .fa-transgender-alt:before { content: '' } .fa-venus-double:before { content: '' } .fa-mars-double:before { content: '' } .fa-venus-mars:before { content: '' } .fa-mars-stroke:before { content: '' } .fa-mars-stroke-v:before { content: '' } .fa-mars-stroke-h:before { content: '' } .fa-neuter:before { content: '' } .fa-genderless:before { content: '' } .fa-facebook-official:before { content: '' } .fa-pinterest-p:before { content: '' } .fa-whatsapp:before { content: '' } .fa-server:before { content: '' } .fa-user-plus:before { content: '' } .fa-user-times:before { content: '' } .fa-bed:before, .fa-hotel:before { content: '' } .fa-viacoin:before { content: '' } .fa-train:before { content: '' } .fa-subway:before { content: '' } .fa-medium:before { content: '' } .fa-y-combinator:before, .fa-yc:before { content: '' } .fa-optin-monster:before { content: '' } .fa-opencart:before { content: '' } .fa-expeditedssl:before { content: '' } .fa-battery-4:before, .fa-battery-full:before { content: '' } .fa-battery-3:before, .fa-battery-three-quarters:before { content: '' } .fa-battery-2:before, .fa-battery-half:before { content: '' } .fa-battery-1:before, .fa-battery-quarter:before { content: '' } .fa-battery-0:before, .fa-battery-empty:before { content: '' } .fa-mouse-pointer:before { content: '' } .fa-i-cursor:before { content: '' } .fa-object-group:before { content: '' } .fa-object-ungroup:before { content: '' } .fa-sticky-note:before { content: '' } .fa-sticky-note-o:before { content: '' } .fa-cc-jcb:before { content: '' } .fa-cc-diners-club:before { content: '' } .fa-clone:before { content: '' } .fa-balance-scale:before { content: '' } .fa-hourglass-o:before { content: '' } .fa-hourglass-1:before, .fa-hourglass-start:before { content: '' } .fa-hourglass-2:before, .fa-hourglass-half:before { content: '' } .fa-hourglass-3:before, .fa-hourglass-end:before { content: '' } .fa-hourglass:before { content: '' } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: '' } .fa-hand-paper-o:before, .fa-hand-stop-o:before { content: '' } .fa-hand-scissors-o:before { content: '' } .fa-hand-lizard-o:before { content: '' } .fa-hand-spock-o:before { content: '' } .fa-hand-pointer-o:before { content: '' } .fa-hand-peace-o:before { content: '' } .fa-trademark:before { content: '' } .fa-registered:before { content: '' } .fa-creative-commons:before { content: '' } .fa-gg:before { content: '' } .fa-gg-circle:before { content: '' } .fa-tripadvisor:before { content: '' } .fa-odnoklassniki:before { content: '' } .fa-odnoklassniki-square:before { content: '' } .fa-get-pocket:before { content: '' } .fa-wikipedia-w:before { content: '' } .fa-safari:before { content: '' } .fa-chrome:before { content: '' } .fa-firefox:before { content: '' } .fa-opera:before { content: '' } .fa-internet-explorer:before { content: '' } .fa-television:before, .fa-tv:before { content: '' } .fa-contao:before { content: '' } .fa-500px:before { content: '' } .fa-amazon:before { content: '' } .fa-calendar-plus-o:before { content: '' } .fa-calendar-minus-o:before { content: '' } .fa-calendar-times-o:before { content: '' } .fa-calendar-check-o:before { content: '' } .fa-industry:before { content: '' } .fa-map-pin:before { content: '' } .fa-map-signs:before { content: '' } .fa-map-o:before { content: '' } .fa-map:before { content: '' } .fa-commenting:before { content: '' } .fa-commenting-o:before { content: '' } .fa-houzz:before { content: '' } .fa-vimeo:before { content: '' } .fa-black-tie:before { content: '' } .fa-fonticons:before { content: '' } .fa-reddit-alien:before { content: '' } .fa-edge:before { content: '' } .fa-credit-card-alt:before { content: '' } .fa-codiepie:before { content: '' } .fa-modx:before { content: '' } .fa-fort-awesome:before { content: '' } .fa-usb:before { content: '' } .fa-product-hunt:before { content: '' } .fa-mixcloud:before { content: '' } .fa-scribd:before { content: '' } .fa-pause-circle:before { content: '' } .fa-pause-circle-o:before { content: '' } .fa-stop-circle:before { content: '' } .fa-stop-circle-o:before { content: '' } .fa-shopping-bag:before { content: '' } .fa-shopping-basket:before { content: '' } .fa-hashtag:before { content: '' } .fa-bluetooth:before { content: '' } .fa-bluetooth-b:before { content: '' } .fa-percent:before { content: '' } /*web-icons.min.css*/ @charset 'UTF-8'; @font-face { font-family: 'Web Icons'; font-weight: 400; font-style: normal; src: url(/skin/fonts/web-icons.eot); src: url(/skin/fonts/web-icons.eot) format('embedded-opentype'), url(/skin/fonts/web-icons.woff2) format('woff2'), url(/skin/fonts/web-icons.woff) format('woff'), url(/skin/fonts/web-icons.ttf) format('truetype'), url(/skin/fonts/web-icons.svg) format('svg') } [class*=' wb-'], [class^=wb-] { font-family:'Web Icons'; font-weight:400; font-style:normal; position:relative; display:inline-block; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); text-rendering:auto; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .wb-dashboard:before { content: '' } .wb-inbox:before { content: '' } .wb-cloud:before { content: '' } .wb-bell:before { content: '' } .wb-book:before { content: '' } .wb-bookmark:before { content: '' } .wb-tag:before { content: '' } .wb-library:before { content: '' } .wb-share:before { content: '' } .wb-reply:before { content: '' } .wb-refresh:before { content: '' } .wb-move:before { content: '' } .wb-chat:before { content: '' } .wb-chat-working:before { content: '' } .wb-chat-text:before { content: '' } .wb-chat-group:before { content: '' } .wb-envelope:before { content: '' } .wb-envelope-open:before { content: '' } .wb-user:before { content: '' } .wb-user-circle:before { content: '' } .wb-users:before { content: '' } .wb-user-add:before { content: '' } .wb-grid-9:before { content: '' } .wb-grid-4:before { content: '' } .wb-menu:before { content: '' } .wb-layout:before { content: '' } .wb-fullscreen:before { content: '' } .wb-fullscreen-exit:before { content: '' } .wb-expand:before { content: '' } .wb-contract:before { content: '' } .wb-arrow-expand:before { content: '' } .wb-arrow-shrink:before { content: '' } .wb-desktop:before { content: '' } .wb-mobile:before { content: '' } .wb-signal:before { content: '' } .wb-power:before { content: '' } .wb-more-horizontal:before { content: '' } .wb-more-vertical:before { content: '' } .wb-globe:before { content: '' } .wb-map:before { content: '' } .wb-flag:before { content: '' } .wb-pie-chart:before { content: '' } .wb-stats-bars:before { content: '' } .wb-pluse:before { content: '' } .wb-home:before { content: '' } .wb-shopping-cart:before { content: '' } .wb-payment:before { content: '' } .wb-briefcase:before { content: '' } .wb-search:before { content: '' } .wb-zoom-in:before { content: '' } .wb-zoom-out:before { content: '' } .wb-download:before { content: '' } .wb-upload:before { content: '' } .wb-sort-asc:before { content: '' } .wb-sort-des:before { content: '' } .wb-graph-up:before { content: '' } .wb-graph-down:before { content: '' } .wb-replay:before { content: '' } .wb-edit:before { content: '' } .wb-pencil:before { content: '' } .wb-rubber:before { content: '' } .wb-crop:before { content: '' } .wb-eye:before { content: '' } .wb-eye-close:before { content: '' } .wb-image:before { content: '' } .wb-gallery:before { content: '' } .wb-video:before { content: '' } .wb-camera:before { content: '' } .wb-folder:before { content: '' } .wb-clipboard:before { content: '' } .wb-order:before { content: '' } .wb-file:before { content: '' } .wb-copy:before { content: '' } .wb-add-file:before { content: '' } .wb-print:before { content: '' } .wb-calendar:before { content: '' } .wb-time:before { content: '' } .wb-trash:before { content: '' } .wb-plugin:before { content: '' } .wb-extension:before { content: '' } .wb-memory:before { content: '' } .wb-settings:before { content: '' } .wb-scissor:before { content: '' } .wb-wrench:before { content: '' } .wb-hammer:before { content: '' } .wb-lock:before { content: '' } .wb-unlock:before { content: '' } .wb-volume-low:before { content: '' } .wb-volume-high:before { content: '' } .wb-volume-off:before { content: '' } .wb-pause:before { content: '' } .wb-play:before { content: '' } .wb-stop:before { content: '' } .wb-musical:before { content: '' } .wb-random:before { content: '' } .wb-reload:before { content: '' } .wb-loop:before { content: '' } .wb-text:before { content: '' } .wb-bold:before { content: '' } .wb-italic:before { content: '' } .wb-underline:before { content: '' } .wb-format-clear:before { content: '' } .wb-text-type:before { content: '' } .wb-table:before { content: '' } .wb-attach-file:before { content: '' } .wb-paperclip:before { content: '' } .wb-link-intact:before { content: '' } .wb-link:before { content: '' } .wb-link-broken:before { content: '' } .wb-indent-increase:before { content: '' } .wb-indent-decrease:before { content: '' } .wb-align-justify:before { content: '' } .wb-align-left:before { content: '' } .wb-align-center:before { content: '' } .wb-align-right:before { content: '' } .wb-list-numbered:before { content: '' } .wb-list-bulleted:before { content: '' } .wb-list:before { content: '' } .wb-emoticon:before { content: '' } .wb-quote-right:before { content: '' } .wb-code:before { content: '' } .wb-code-working:before { content: '' } .wb-code-unfold:before { content: '' } .wb-chevron-right:before { content: '' } .wb-chevron-left:before { content: '' } .wb-chevron-left-mini:before { content: '' } .wb-chevron-right-mini:before { content: '' } .wb-chevron-up:before { content: '' } .wb-chevron-down:before { content: '' } .wb-chevron-up-mini:before { content: '' } .wb-chevron-down-mini:before { content: '' } .wb-arrow-left:before { content: '' } .wb-arrow-right:before { content: '' } .wb-arrow-up:before { content: '' } .wb-arrow-down:before { content: '' } .wb-dropdown:before { content: '' } .wb-dropup:before { content: '' } .wb-dropright:before { content: '' } .wb-dropleft:before { content: '' } .wb-sort-vertical:before { content: '' } .wb-triangle-left:before { content: '' } .wb-triangle-right:before { content: '' } .wb-triangle-down:before { content: '' } .wb-triangle-up:before { content: '' } .wb-check-circle:before { content: '' } .wb-check:before { content: '' } .wb-check-mini:before { content: '' } .wb-close:before { content: '' } .wb-close-mini:before { content: '' } .wb-plus-circle:before { content: '' } .wb-plus:before { content: '' } .wb-minus-circle:before { content: '' } .wb-minus:before { content: '' } .wb-alert-circle:before { content: '' } .wb-alert:before { content: '' } .wb-help-circle:before { content: '' } .wb-help:before { content: '' } .wb-info-circle:before { content: '' } .wb-info:before { content: '' } .wb-warning:before { content: '' } .wb-heart:before { content: '' } .wb-heart-outline:before { content: '' } .wb-star:before { content: '' } .wb-star-half:before { content: '' } .wb-star-outline:before { content: '' } .wb-thumb-up:before { content: '' } .wb-thumb-down:before { content: '' } .wb-small-point:before { content: '' } .wb-medium-point:before { content: '' } .wb-large-point:before { content: '' } .pull-right { float: right } /*templates.css*/ @charset "utf-8"; .dropdown-item, .met-page .pagination li a, .sidebar-news-list .list-group a, .sidebar-column li a, .met-nav .navlist .nav-item a, .met-footnav .list h4 a, .index-product-list h4 a, .index-news-list li a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-product.type-1 .met-product-list li h4 a, .met-download-list .list-group-item .media-heading a, .met-job-list .card .card-title a, .met-search-list .list-group-item h4 a, body, .met-lightgallery .lg-toolbar .lg-icon:hover, .met-lightgallery .lg-actions .lg-next:hover, .met-lightgallery .lg-actions .lg-prev:hover, .met-lightgallery .lg-outer .lg-toogle-thumb:hover, .met-editor, .met-editor table, .met-footnav .info em a:hover, .index-service-list li h3 { color: #2a333c } .dropdown-item:hover, .met-page .pagination li a:hover, .sidebar-news-list .list-group a:hover, .sidebar-column li a:hover, .met-nav .navlist .nav-item a:hover, .met-footnav .list h4 a:hover, .index-product-list h4 a:hover, .index-news-list li a:hover, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:hover, .met-product.type-1 .met-product-list li h4 a:hover, .met-download-list .list-group-item .media-heading a:hover, .met-job-list .card .card-title a:hover, .met-search-list .list-group-item h4 a:hover, a:hover, .sidebar-piclist-ul li h4 a:hover, .met-link a:hover, .met-footnav .list ul li a:hover, .met-column-nav-ul li a:hover, .sitemap-list a:hover, .met-nav .navlist .nav-item a.nav-link:hover { color: #4e97d9 } .sidebar-column li a.active, .met-column-nav-ul li a.active { color: #4e97d9 } .sidebar-column li i, .met-link .breadcrumb > li + li:before, .met-footnav .info p, footer { color: #aaa } .met-lightgallery .lg-sub-html, .sidebar-piclist-ul li h4 a, .paralist li, .met-link, .met-link a, .met-footnav .list ul li a, .met-footnav .info em a, .met-index-body p.desc, .index-service-list li i, .index-service-list li p, .met-showproduct-head .product-intro p.description { color: #5e7387 } .met-head-user .dropdown i, .met-search-list .list-group-item .search-text { color: #9e9e9e } .dropdown-item, .met-page .pagination li a, .sidebar-news-list .list-group a, .sidebar-column li a, .met-nav .navlist .nav-item a, .met-footnav .list h4 a, .index-product-list h4 a, .index-news-list li a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-product.type-1 .met-product-list li h4 a, .met-download-list .list-group-item .media-heading a, .met-job-list .card .card-title a, .met-search-list .list-group-item h4 a, a, .sidebar-piclist-ul li h4 a, .met-link a, .met-footnav .list ul li a, .met-column-nav-ul li a, .sitemap-list a, .decorationnone { text-decoration: none } .dropdown-item:active, .met-page .pagination li a:active, .sidebar-news-list .list-group a:active, .sidebar-column li a:active, .met-nav .navlist .nav-item a:active, .met-footnav .list h4 a:active, .index-product-list h4 a:active, .index-news-list li a:active, .met-news-list li h4 a:active, .met-news-list.type-3 .card h4 a:active, .met-product.type-1 .met-product-list li h4 a:active, .met-download-list .list-group-item .media-heading a:active, .met-job-list .card .card-title a:active, .met-search-list .list-group-item h4 a:active, a:active, .sidebar-piclist-ul li h4 a:active, .met-link a:active, .met-footnav .list ul li a:active, .met-column-nav-ul li a:active, .sitemap-list a:active, .decorationnone:active, .dropdown-item:focus, .met-page .pagination li a:focus, .sidebar-news-list .list-group a:focus, .sidebar-column li a:focus, .met-nav .navlist .nav-item a:focus, .met-footnav .list h4 a:focus, .index-product-list h4 a:focus, .index-news-list li a:focus, .met-news-list li h4 a:focus, .met-news-list.type-3 .card h4 a:focus, .met-product.type-1 .met-product-list li h4 a:focus, .met-download-list .list-group-item .media-heading a:focus, .met-job-list .card .card-title a:focus, .met-search-list .list-group-item h4 a:focus, a:focus, .sidebar-piclist-ul li h4 a:focus, .met-link a:focus, .met-footnav .list ul li a:focus, .met-column-nav-ul li a:focus, .sitemap-list a:focus, .decorationnone:focus, .dropdown-item:hover, .met-page .pagination li a:hover, .sidebar-news-list .list-group a:hover, .sidebar-column li a:hover, .met-nav .navlist .nav-item a:hover, .met-footnav .list h4 a:hover, .index-product-list h4 a:hover, .index-news-list li a:hover, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:hover, .met-product.type-1 .met-product-list li h4 a:hover, .met-download-list .list-group-item .media-heading a:hover, .met-job-list .card .card-title a:hover, .met-search-list .list-group-item h4 a:hover, a:hover, .sidebar-piclist-ul li h4 a:hover, .met-link a:hover, .met-footnav .list ul li a:hover, .met-column-nav-ul li a:hover, .sitemap-list a:hover, .decorationnone:hover { text-decoration: none } .navhover-bg, .met-head-user .dropdown > a { background: #f5f5f5 } .index-bg, .met-index-body:nth-of-type(odd) { background: #f5f5f5 } .page-bg, .page-content, .met-lightgallery .lg-outer .lg-thumb-outer, .met-lightgallery .lg-outer .lg-toogle-thumb { background: #f2f2f2 } .block-bg, .panel, .met-showproduct.pagetype2 .content:nth-child(even) { background: #fff } .editor-color { background: #5e7387 } .pagecr-bg { background: #62a8ea } .opacity1, .slick-arrow:hover i, .no-js .grid li, .no-cssanimations .met-grid li, .met-grid li.shown, #met-imgs-slick .slick-dots li.slick-active { opacity: 1 } .opacity0, .met-lightgallery .lg-toolbar.opacity0, .met-grid li { opacity: 0 } .flex, .slick-track, #met-imgs-slick .slick-dots { display: flex } .slick-track { align-items: center } .radius0, .panel, .card, .card-header, .modal-content, .modal-header, .dropdown-menu, .dropdown-menu .dropdown-item, .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item { border-radius: 0!important } .index-service-list li i { border-radius: 100% } .dropdown-item, .met-lightgallery .lg-toolbar.opacity0, .met-nav .navlist .nav-item a, .index-service-list li i { transition: all 0.5s } .box-shadow-none { box-shadow: none } .box-shadow1 { box-shadow: 0 1px 1px rgba(0,0,0,.05) } .ulstyle { padding: 0px; list-style: none } .border-none { border: none!important } .border-top1, .met-head + .met-crumbs, .met-head + .met-column-nav, .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 } .flex-center, .met-column-nav-ul.swiper-wrapper, #met-imgs-slick .slick-dots { -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 } html, body { 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: bold } a:focus { outline: none } 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:transparent } .scrollbar-beautify::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); border-radius:3px } .scrollbar-beautify::-webkit-scrollbar-thumb:hover { background:rgba(0,0,0,0.2) } .scrollbar-beautify::-webkit-scrollbar-button { height:0 } .text-shadow-none { text-shadow: none } .transition500 { transition: all 0.5s!important } .tag { font-size: inherit } .modal-content { overflow: hidden } .page-content { padding: 30px 0px; background-color: #fff; } .webui-popover { z-index: 1600 } .pearl-title { white-space: normal } [class*=animation-] { animation-fill-mode:none } @media (max-width:991px) { .page-content { padding: 20px 0px } .panel { margin-bottom: 20px } .panel-body { padding: 20px } } @media (max-width:767px) { .page-content { padding: 15px 0px } .panel, .well, .card-shadow { margin-bottom: 15px } .panel-body, .well, .modal-body, .modal-header, .modal-footer { padding: 15px } .modal-footer { padding-top: 0 } } @media screen\0 { 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:hover, .dropdown-item.active { 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: normal } @media (max-width:1199px) { .dropdown-item { white-space: normal } } @media (max-width:767px) { .dropdown-menu.dropdown-menu-bullet:before, .dropdown-menu.dropdown-menu-bullet:after { display: none } } .met-lightgallery { } .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:before, .met-lightgallery .lg-actions .lg-icon:after { 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 } .form-control, .btn, .input-group-addon { border-radius: 7px; } .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: none } .slick-arrow { width: auto; height: auto; z-index: 1; color: #fff!important; text-align: center } .slick-arrow:before, .slick-arrow:after { 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: 0.5 } .slick-slide { width: 100% } .slick-slide:first-child { display: block } .slick-slide img[data-lazy] { width: auto!important; max-width: 100%!important } .nav-tabs { } @media (max-width:767px) { .nav-tabs .nav-link { padding: 5px } .nav-tabs.fixed { position: fixed; left: 0; top: 0; z-index: 10 } } img { } 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: 0.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 .metvideobox, .met-editor video, .met-editor .metvideo, .met-editor iframe, .met-editor embed { 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 { } .met-page .pagination li a { max-width: 100% } .met-sidebar { margin-left: 30px } @media (max-width:991px) { .met-sidebar { margin-left: 0px; 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: 0px } } .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 } .sidebar-piclist-ul { } .paralist { } .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 } /* FILE ARCHIVED ON 09:59:27 Dec 22, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 14:56:15 Apr 16, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.9 exclusion.robots: 0.2 exclusion.robots.policy: 0.184 cdx.remote: 0.091 esindex: 0.014 LoadShardBlock: 79.132 (3) PetaboxLoader3.datanode: 62.38 (4) PetaboxLoader3.resolve: 88.846 (2) load_resource: 93.845 */