@charset "UTF-8"; /*! * Bootstrap v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #2b7ae4; --indigo: #6574cd; --purple: #a55eea; --pink: #f66d9b; --red: #e94442; --orange: #fd9644; --yellow: #f1c40f; --green: #09b705; --teal: #2bcbba; --cyan: #17a2b8; --white: #fff; --gray: #748194; --gray-dark: #3d4959; --azure: #45aaf2; --lime: #7bd235; --primary: #2b7ae4; --secondary: #748194; --success: #09b705; --info: #45aaf2; --warning: #f1c40f; --danger: #e94442; --light: #f9fafd; --dark: #3d4959; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1280px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: Monaco, Consolas, "Liberation Mono", "Courier New", monospace } *, ::after, ::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-size: .9375rem; font-weight: 400; line-height: 1.5; color: #4e5e72; text-align: left; background-color: #f5f7fb; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .66em } p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } 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 } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #2b7ae4; text-decoration: none; background-color: transparent } a:hover { color: #1656ad; text-decoration: none } a:not([href]):not([class]) { color: inherit; text-decoration: none } a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #9aa0ac; text-align: left; caption-side: bottom } th { text-align: inherit; text-align: -webkit-match-parent } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .66em; font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit } .h1, h1 { font-size: 2rem } .h2, h2 { font-size: 1.75rem } .h3, h3 { font-size: 1.5rem } .h4, h4 { font-size: 1.125rem } .h5, h5 { font-size: 1rem } .h6, h6 { font-size: .875rem } .lead { font-size: 1.171875rem; font-weight: 300 } .display-1 { font-size: 4.5rem; font-weight: 300; line-height: 1.1 } .display-2 { font-size: 4rem; font-weight: 300; line-height: 1.1 } .display-3 { font-size: 3.5rem; font-weight: 300; line-height: 1.1 } .display-4 { font-size: 3rem; font-weight: 300; line-height: 1.1 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 40, 100, .12) } .small, small { font-size: 87.5%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .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: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.171875rem } .blockquote-footer { display: block; font-size: 87.5%; color: #748194 } .blockquote-footer::before { content: "\2014\00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #d8e2ef; border-radius: 4px; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #748194 } code { font-size: 85%; color: inherit; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: 85%; color: #fff; background-color: #3d4959; border-radius: 4px } kbd kbd { padding: 0; font-size: 100%; font-weight: 700 } pre { display: block; font-size: 85%; color: #243040 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: .75rem; padding-left: .75rem; margin-right: auto; margin-left: auto } .header-mobile { position: absolute; bottom: 0; width: 100%; z-index: 999; position: fixed } .shadow-sm { width: 43% !important; background: white !important; border: 1px solid #d2d2d2 !important; margin: 10px !important; border-radius: 13px !important; } .credits-input { -webkit-appearance: none; display: none !important; } .credits-input:checked+.card-body { -webkit-appearance: none; border: 1px solid #DEB568; border-radius: 13px; } .credits-input:checked+.card-body::after { color: white; font-family: FontAwesome; border: 2px solid #DEB568; content: ""; font-size: 20px; position: absolute; top: -10px; left: 100%; transform: translateX(-50%); height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #DEB568; -webkit-appearance: none; } @media screen and (min-width:0px) and (max-width:700px) { #div-mobile, #return-browse { display: block } #header-navigation-container { background-color: #fff; border-top: 1px solid #E6E6E6; } #header-navigation-container ul { width: 100%; } #header-navigation-container ul li { float: left; width: 20% } #div-desktop { display: none } .dashboard-new-members-mobile { padding-bottom: 15px; width: 100%; height: 55px } .new-members-mobile { width: 55%; float: left; font-weight: 500; font-size: 1.5rem } .new-members-country-mobile { width: 45%; float: left } .nav-item .badge, .nav-link .badge { position: absolute; top: -1.3rem; padding: 0.1rem 0.1rem; min-width: 1rem; z-index: 1000; margin-left: -22px; border-radius: 50%; width: 20px; height: 20px; border: 2px solid #fff; } .newMembers-list-view-h, .relations-list-view-h, .community-list-view-h { height: 700px } .content-right-image1 { margin-top: 33.5% } } @media screen and (min-width:701px) and (max-width:990px) { .content-right-image1 { margin-top: 30% !important; } #widget-community-content .content-right-image1 { margin-top: 33.5% !important; } #widget-community-content .content-image-count { right: 1.5rem !important; } .content-image-count { right: 5.5rem !important; } } @media screen and (min-width:991px) and (max-width:1024px) { .content-right-image1 { margin-top: 23% !important } #widget-community-content .content-right-image1 { margin-top: 33.5% !important } #widget-community-content .content-image-count { right: 1.5rem !important } .content-image-count { right: 18.5rem !important } .verified-badge-o { left: 58% !important; } } @media screen and (min-width:1025px) and (max-width:1280px) { .content-right-image1 { margin-top: 23% !important } #widget-community-content .content-right-image1 { margin-top: 33.5% !important } #widget-community-content .content-image-count { right: 1.5rem !important } .content-image-count { right: 18.5rem !important } } @media screen and (min-width:1280px) and (max-width:3000px) { .content-right-image1 { margin-top: 18% !important } #widget-community-content .content-right-image1 { margin-top: 33.5% !important } #widget-community-content .content-image-count { right: 1.5rem !important } .content-image-count { right: 33.5rem !important } } @media screen and (min-width:701px) and (max-width:3000px) { #div-mobile, #return-browse { display: none } #div-desktop { display: block } .dashboard-new-members-desktop { padding-bottom: 15px; width: 100%; height: 55px } .new-members-desktop { width: 77%; float: left; font-weight: 500; font-size: 1.5rem } .new-members-country-desktop { width: 23%; float: left } .nav-item .badge, .nav-link .badge { position: absolute; top: -1rem; padding: 0.1rem 0.1rem; min-width: 1rem; z-index: 1000; margin-left: -35px; border-radius: 50%; width: 20px; height: 20px; border: 2px solid #fff; } .messages-conversation .conversation-items .item .images .image span { width: 400px !important } .community-list-view-h { height: 1000px } #header-navigation-container ul li { color: #4e5e72; float: left; width: 19% } } @media (max-width:767px) { #messageText, #messageVoice { width: 110px !important } #dashboard-online { left: 75% !important; } } @media (min-width:768px) and (max-width:991px) { #messageText, #messageVoice { width: 210px !important } #dashboard-online { left: 62% !important; } } @media (min-width:992px) { #messageText, #messageVoice { width: 410px !important } #dashboard-online { left: 60% !important; } } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 760px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1280px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px } } .row { display: flex; flex-wrap: wrap; margin-right: -.75rem; margin-left: -.75rem } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .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-lg-auto, .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-md-auto, .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-sm-auto, .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-xl-auto { position: relative; width: 100%; padding-right: .75rem; padding-left: .75rem } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-3>* { flex: 0 0 33.33333333%; max-width: 33.33333333% } .row-cols-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-6>* { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333% } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333% } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333% } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333% } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } @media (min-width:576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-sm-3>* { flex: 0 0 33.33333333%; max-width: 33.33333333% } .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-sm-6>* { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333% } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333% } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333% } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333% } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } } @media (min-width:768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-md-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-md-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-md-3>* { flex: 0 0 33.33333333%; max-width: 33.33333333% } .row-cols-md-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-md-6>* { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333% } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333% } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333% } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333% } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } } @media (min-width:992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-lg-3>* { flex: 0 0 33.33333333%; max-width: 33.33333333% } .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-lg-6>* { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333% } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333% } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333% } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667% } .col-lg-9 { flex: 0 0 75%; max-width: 90% } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333% } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } } @media (min-width:1280px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-xl-3>* { flex: 0 0 33.33333333%; max-width: 33.33333333% } .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-xl-6>* { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333% } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333% } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333% } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333% } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } } .table, .text-wrap table { width: 100%; margin-bottom: 1rem; color: #4e5e72 } .table td, .table th, .text-wrap table td, .text-wrap table th { padding: .75rem; vertical-align: top; border-top: 1px solid rgba(0, 40, 100, .12) } .table thead th, .text-wrap table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(0, 40, 100, .12) } .table tbody+tbody, .text-wrap table tbody+tbody { border-top: 2px solid rgba(0, 40, 100, .12) } .table-sm td, .table-sm th { padding: .3rem } .table-bordered, .text-wrap table { border: 1px solid rgba(0, 40, 100, .12) } .table-bordered td, .table-bordered th, .text-wrap table td, .text-wrap table th { border: 1px solid rgba(0, 40, 100, .12) } .table-bordered thead td, .table-bordered thead th, .text-wrap table thead td, .text-wrap table thead th { border-bottom-width: 2px } .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .02) } .table-hover tbody tr:hover { color: #4e5e72; background-color: rgba(0, 0, 0, .04) } .table-primary, .table-primary>td, .table-primary>th { background-color: #c4daf7 } .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #91baf1 } .table-hover .table-primary:hover { background-color: #aeccf4 } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #aeccf4 } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #d8dce1 } .table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #b7bdc7 } .table-hover .table-secondary:hover { background-color: #cacfd6 } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #cacfd6 } .table-success, .table-success>td, .table-success>th { background-color: #baebb9 } .table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th { border-color: #7fda7d } .table-hover .table-success:hover { background-color: #a6e5a5 } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #a6e5a5 } .table-info, .table-info>td, .table-info>th { background-color: #cbe7fb } .table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th { border-color: #9ed3f8 } .table-hover .table-info:hover { background-color: #b3dcf9 } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #b3dcf9 } .table-warning, .table-warning>td, .table-warning>th { background-color: #fbeebc } .table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #f8e082 } .table-hover .table-warning:hover { background-color: #fae8a4 } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #fae8a4 } .table-danger, .table-danger>td, .table-danger>th { background-color: #f9cbca } .table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #f49e9d } .table-hover .table-danger:hover { background-color: #f6b5b3 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f6b5b3 } .table-light, .table-light>td, .table-light>th { background-color: #fdfefe } .table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fcfcfe } .table-hover .table-light:hover { background-color: #ecf6f6 } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ecf6f6 } .table-dark, .table-dark>td, .table-dark>th { background-color: #c9ccd1 } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #9aa0a9 } .table-hover .table-dark:hover { background-color: #bbbfc5 } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #bbbfc5 } .table-active, .table-active>td, .table-active>th { background-color: rgba(0, 0, 0, .04) } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, .04) } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, .04) } .table .thead-dark th, .text-wrap table .thead-dark th { color: #fff; background-color: #3d4959; border-color: #4d5c70 } .table .thead-light th, .text-wrap table .thead-light th { color: #4e5e72; background-color: #edf2f9; border-color: rgba(0, 40, 100, .12) } .table-dark { color: #fff; background-color: #3d4959 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #4d5c70 } .table-dark.table-bordered, .text-wrap table.table-dark { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, .075) } @media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm>.table-bordered, .text-wrap .table-responsive-sm>table { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md>.table-bordered, .text-wrap .table-responsive-md>table { border: 0 } } @media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg>.table-bordered, .text-wrap .table-responsive-lg>table { border: 0 } } @media (max-width:1279.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl>.table-bordered, .text-wrap .table-responsive-xl>table { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive>.table-bordered, .text-wrap .table-responsive>table { border: 0 } #login-form .form-control { color: white !important; } #login-form .form-control:focus { border-color: #fff; webkit-box-shadow: none; box-shadow: none; } .form-control { display: block; width: 100%; height: 2.375rem; padding: .375rem .75rem; font-size: .9375rem; font-weight: 400; line-height: 1.6; color: #3d4959; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 40, 100, .12); border-radius: 4px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #4e5e72 } .form-control:focus { color: #3d4959; background-color: #fff; border-color: #b6c1d278; outline: 0; box-shadow: none } .form-control:-ms-input-placeholder { color: #9da9bb; opacity: 1 } .form-control::placeholder { color: #9da9bb; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #f9fafd; opacity: 1 } input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none } select.form-control:focus::-ms-value { color: #4e5e72; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.6 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.125rem; line-height: 1.44444444 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.14285714 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; font-size: .9375rem; line-height: 1.6; color: #4e5e72; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.14285714em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.14285714; border-radius: 4px } .form-control-lg { height: calc(1.44444444em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.125rem; line-height: 1.44444444; border-radius: 6px } select.form-control[multiple], select.form-control[size] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { color: #9aa0ac } .form-check-label { margin-bottom: 0 } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 87.5%; color: #09b705 } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(9, 183, 5, .9); border-radius: 4px } .form-row>.col>.valid-tooltip, .form-row>[class*=col-]>.valid-tooltip { left: 5px } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: #09b705; padding-right: calc(1.6em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2309b705' 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"); background-repeat: no-repeat; background-position: right calc(.4em + .1875rem) center; background-size: calc(.8em + .375rem) calc(.8em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #09b705; box-shadow: 0 0 0 2px rgba(9, 183, 5, .25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.6em + .75rem); background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #09b705; padding-right: calc(.75em + 2.5rem); background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='%23999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2309b705' 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") center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem) no-repeat } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #09b705; box-shadow: 0 0 0 2px rgba(9, 183, 5, .25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #09b705 } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label { color: #09b705 } .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before { border-color: #09b705 } .custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before { border-color: #0be906; background-color: #0be906 } .custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before { box-shadow: 0 0 0 2px rgba(9, 183, 5, .25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before { border-color: #09b705 } .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label { border-color: #09b705 } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #09b705; box-shadow: 0 0 0 2px rgba(9, 183, 5, .25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 87.5%; color: #e94442 } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(233, 68, 66, .9); border-radius: 4px } .form-row>.col>.invalid-tooltip, .form-row>[class*=col-]>.invalid-tooltip { left: 5px } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #e94442; padding-right: calc(1.6em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e94442' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e94442' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.4em + .1875rem) center; background-size: calc(.8em + .375rem) calc(.8em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #e94442; box-shadow: 0 0 0 2px rgba(233, 68, 66, .25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.6em + .75rem); background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #e94442; padding-right: calc(.75em + 2.5rem); background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='%23999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e94442' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e94442' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem) no-repeat } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #e94442; box-shadow: 0 0 0 2px rgba(233, 68, 66, .25) } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #e94442 } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label { color: #e94442 } .custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before { border-color: #e94442 } .custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before { border-color: #ee7170; background-color: #ee7170 } .custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 2px rgba(233, 68, 66, .25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before { border-color: #e94442 } .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label { border-color: #e94442 } .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #e94442; box-shadow: 0 0 0 2px rgba(233, 68, 66, .25) } .form-inline { display: flex; flex-flow: row wrap; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select, .form-inline .input-group { width: auto } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { align-items: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn, .post-new .upload-kit .upload-kit-input { display: inline-block; font-weight: 400; color: #4e5e72; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: .9375rem; line-height: 1.84615385; border-radius: 4px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn, .post-new .upload-kit .upload-kit-input { transition: none } } .btn:hover, .post-new .upload-kit .upload-kit-input:hover { color: #4e5e72; text-decoration: none } .btn.focus, .btn:focus, .post-new .upload-kit .focus.upload-kit-input, .post-new .upload-kit .upload-kit-input:focus { outline: 0; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .btn.disabled, .btn:disabled, .post-new .upload-kit .disabled.upload-kit-input, .post-new .upload-kit .upload-kit-input:disabled { opacity: .65 } .btn:not(:disabled):not(.disabled), .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled) { cursor: pointer } .post-new .upload-kit a.disabled.upload-kit-input, .post-new .upload-kit fieldset:disabled a.upload-kit-input, a.btn.disabled, fieldset:disabled .post-new .upload-kit a.upload-kit-input, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #FF732A; background-color: #fff; border-color: #fff } .btn-primary:hover { color: #FF732A; background-color: #fff; border-color: #fff } .btn-primary.focus, .btn-primary:focus { color: #FF732A; background-color: #fff; border-color: #fff; box-shadow: 0 0 0 2px rgba(75, 142, 232, .5) } .btn-primary.disabled, .btn-primary:disabled { color: #FF732A; background-color: #2b7ae4; border-color: #2b7ae4 } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #FF732A; background-color: #fff; border-color: #fff } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(75, 142, 232, .5) } .btn-member-pay { color: #634717; background: linear-gradient(-83deg, #E4BC75, #FFE8C0); width: 100%; border: 0px; font-size: 16px; } .btn-member-pay:hover { color: #634717; background: linear-gradient(-83deg, #E4BC75, #FFE8C0); width: 100%; border: 0px; } .btn-member-pay.focus, .btn-member-pay:focus { color: #634717; background: linear-gradient(-83deg, #E4BC75, #FFE8C0); width: 100%; border: 0px; } .btn-secondary, .post-new .upload-kit .upload-kit-input { color: #fff; background-color: #748194; border-color: #748194 } .btn-secondary:hover, .post-new .upload-kit .upload-kit-input:hover { color: #fff; background-color: #626e80; border-color: #5d6878 } .btn-secondary.focus, .btn-secondary:focus, .post-new .upload-kit .focus.upload-kit-input, .post-new .upload-kit .upload-kit-input:focus { color: #fff; background-color: #626e80; border-color: #5d6878; box-shadow: 0 0 0 2px rgba(137, 148, 164, .5) } .btn-secondary.disabled, .btn-secondary:disabled, .post-new .upload-kit .disabled.upload-kit-input, .post-new .upload-kit .upload-kit-input:disabled { color: #fff; background-color: #748194; border-color: #748194 } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .post-new .upload-kit .show>.dropdown-toggle.upload-kit-input, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled).active, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #5d6878; border-color: #576271 } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .post-new .upload-kit .show>.dropdown-toggle.upload-kit-input:focus, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled).active:focus, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(137, 148, 164, .5) } .btn-success { color: #fff; background-color: #09b705; border-color: #09b705 } .btn-success:hover { color: #fff; background-color: #079204; border-color: #078504 } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #079204; border-color: #078504; box-shadow: 0 0 0 2px rgba(46, 194, 43, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #09b705; border-color: #09b705 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #078504; border-color: #067903 } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(46, 194, 43, .5) } .btn-info { color: #fff; background-color: #45aaf2; border-color: #45aaf2 } .btn-info:hover { color: #fff; background-color: #219af0; border-color: #1594ef } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #219af0; border-color: #1594ef; box-shadow: 0 0 0 2px rgba(97, 183, 244, .5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #45aaf2; border-color: #45aaf2 } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #1594ef; border-color: #108ee7 } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(97, 183, 244, .5) } .btn-warning { color: #fff; background-color: #f1c40f; border-color: #f1c40f } .btn-warning:hover { color: #fff; background-color: #cea70c; border-color: #c29d0b } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #cea70c; border-color: #c29d0b; box-shadow: 0 0 0 2px rgba(243, 205, 51, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #f1c40f; border-color: #f1c40f } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #fff; background-color: #c29d0b; border-color: #b6940b } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(243, 205, 51, .5) } .btn-danger { color: #fff; background-color: #e94442; border-color: #e94442 } .btn-danger:hover { color: #fff; background-color: #e52220; border-color: #de1c1a } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #e52220; border-color: #de1c1a; box-shadow: 0 0 0 2px rgba(236, 96, 94, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #e94442; border-color: #e94442 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #de1c1a; border-color: #d31b19 } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(236, 96, 94, .5) } .btn-light { color: #4e5e72; background-color: #f9fafd; border-color: #f9fafd } .btn-light:hover { color: #4e5e72; background-color: #dce2f3; border-color: #d3daf0 } .btn-light.focus, .btn-light:focus { color: #4e5e72; background-color: #dce2f3; border-color: #d3daf0; box-shadow: 0 0 0 2px rgba(223, 227, 232, .5) } .btn-light.disabled, .btn-light:disabled { color: #4e5e72; background-color: #f9fafd; border-color: #f9fafd } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #4e5e72; background-color: #d3daf0; border-color: #c9d2ed } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(223, 227, 232, .5) } .btn-dark { color: #fff; background-color: #3d4959; border-color: #3d4959 } .btn-dark:hover { color: #fff; background-color: #2d3642; border-color: #28303b } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #2d3642; border-color: #28303b; box-shadow: 0 0 0 2px rgba(90, 100, 114, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #3d4959; border-color: #3d4959 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #28303b; border-color: #232a33 } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(90, 100, 114, .5) } .btn-outline-primary { color: #2b7ae4; border-color: #2b7ae4 } .btn-outline-primary:hover { color: #fff; background-color: #2b7ae4; border-color: #2b7ae4 } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 2px rgba(43, 122, 228, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #2b7ae4; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #2b7ae4; border-color: #2b7ae4 } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(43, 122, 228, .5) } .btn-outline-secondary { color: #748194; border-color: #748194 } .btn-outline-secondary:hover { color: #fff; background-color: #748194; border-color: #748194 } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 2px rgba(116, 129, 148, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #748194; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #748194; border-color: #748194 } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(116, 129, 148, .5) } .btn-outline-success { color: #09b705; border-color: #09b705 } .btn-outline-success:hover { color: #fff; background-color: #09b705; border-color: #09b705 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 2px rgba(9, 183, 5, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #09b705; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #09b705; border-color: #09b705 } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(9, 183, 5, .5) } .btn-outline-info { color: #45aaf2; border-color: #45aaf2 } .btn-outline-info:hover { color: #fff; background-color: #45aaf2; border-color: #45aaf2 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 2px rgba(69, 170, 242, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #45aaf2; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #45aaf2; border-color: #45aaf2 } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(69, 170, 242, .5) } .btn-outline-warning { color: #f1c40f; border-color: #f1c40f } .btn-outline-warning:hover { color: #fff; background-color: #f1c40f; border-color: #f1c40f } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f1c40f; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f1c40f; border-color: #f1c40f } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, .5) } .btn-outline-danger { color: #e94442; border-color: #e94442 } .btn-outline-danger:hover { color: #fff; background-color: #e94442; border-color: #e94442 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 2px rgba(233, 68, 66, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #e94442; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #e94442; border-color: #e94442 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(233, 68, 66, .5) } .btn-outline-light { color: #f9fafd; border-color: #f9fafd } .btn-outline-light:hover { color: #4e5e72; background-color: #f9fafd; border-color: #f9fafd } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 2px rgba(249, 250, 253, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f9fafd; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #4e5e72; background-color: #f9fafd; border-color: #f9fafd } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(249, 250, 253, .5) } .btn-outline-dark { color: #3d4959; border-color: #3d4959 } .btn-outline-dark:hover { color: #fff; background-color: #3d4959; border-color: #3d4959 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 2px rgba(61, 73, 89, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #3d4959; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #3d4959; border-color: #3d4959 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(61, 73, 89, .5) } .btn-link { font-weight: 400; color: #2b7ae4; text-decoration: none } .btn-link:hover { color: #1656ad; text-decoration: underline } .btn-link.focus, .btn-link:focus { text-decoration: underline } .btn-link.disabled, .btn-link:disabled { color: #748194; pointer-events: none } .btn-group-lg>.btn, .btn-lg, .post-new .upload-kit .btn-group-lg>.upload-kit-input { padding: .5rem 1rem; font-size: 1.125rem; line-height: 1.625; border-radius: 6px } .btn-group-sm>.btn, .btn-sm, .post-new .upload-kit .btn-group-sm>.upload-kit-input { padding: .25rem .5rem; font-size: .875rem; line-height: 1.33333333; border-radius: 4px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: .9375rem; color: #4e5e72; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 40, 100, .12); border-radius: 4px } .dropdown-menu-left { right: auto; left: 0 } .dropdown-menu-right { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-left { right: auto; left: 0 } .dropdown-menu-sm-right { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-left { right: auto; left: 0 } .dropdown-menu-lg-right { right: 0; left: auto } } @media (min-width:1280px) { .dropdown-menu-xl-left { right: auto; left: 0 } .dropdown-menu-xl-right { right: 0; left: auto } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-toggle::after { vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .dropleft .dropdown-toggle::before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #edf2f9 } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #243040; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1b2430; text-decoration: none; background-color: #edf2f9 } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #2b7ae4 } .dropdown-item.disabled, .dropdown-item:disabled { color: #9da9bb; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #748194; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #243040 } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn, .post-new .upload-kit .btn-group-vertical>.upload-kit-input, .post-new .upload-kit .btn-group>.upload-kit-input { position: relative; flex: 1 1 auto } .btn-group-vertical>.btn:hover, .btn-group>.btn:hover, .post-new .upload-kit .btn-group-vertical>.upload-kit-input:hover, .post-new .upload-kit .btn-group>.upload-kit-input:hover { z-index: 1 } .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, .post-new .upload-kit .btn-group-vertical>.active.upload-kit-input, .post-new .upload-kit .btn-group-vertical>.upload-kit-input:active, .post-new .upload-kit .btn-group-vertical>.upload-kit-input:focus, .post-new .upload-kit .btn-group>.active.upload-kit-input, .post-new .upload-kit .btn-group>.upload-kit-input:active, .post-new .upload-kit .btn-group>.upload-kit-input:focus { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child), .post-new .upload-kit .btn-group>.upload-kit-input:not(:first-child) { margin-left: -1px } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .post-new .upload-kit .btn-group>.btn-group:not(:last-child)>.upload-kit-input, .post-new .upload-kit .btn-group>.upload-kit-input:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child), .post-new .upload-kit .btn-group>.btn-group:not(:first-child)>.upload-kit-input, .post-new .upload-kit .btn-group>.upload-kit-input:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split, .post-new .upload-kit .btn-group-sm>.upload-kit-input+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split, .post-new .upload-kit .btn-group-lg>.upload-kit-input+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .post-new .upload-kit .btn-group-vertical>.upload-kit-input { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child), .post-new .upload-kit .btn-group-vertical>.upload-kit-input:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .post-new .upload-kit .btn-group-vertical>.btn-group:not(:last-child)>.upload-kit-input, .post-new .upload-kit .btn-group-vertical>.upload-kit-input:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child), .post-new .upload-kit .btn-group-vertical>.btn-group:not(:first-child)>.upload-kit-input, .post-new .upload-kit .btn-group-vertical>.upload-kit-input:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn, .post-new .upload-kit .btn-group-toggle>.btn-group>.upload-kit-input, .post-new .upload-kit .btn-group-toggle>.upload-kit-input { margin-bottom: 0 } .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio], .post-new .upload-kit .btn-group-toggle>.btn-group>.upload-kit-input input[type=checkbox], .post-new .upload-kit .btn-group-toggle>.btn-group>.upload-kit-input input[type=radio], .post-new .upload-kit .btn-group-toggle>.upload-kit-input input[type=checkbox], .post-new .upload-kit .btn-group-toggle>.upload-kit-input input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 } .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control { margin-left: -1px } .input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.custom-file { display: flex; align-items: center } .input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after, .input-group.has-validation>.custom-select:nth-last-child(n+3), .input-group.has-validation>.form-control:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-append, .input-group-prepend { display: flex } .input-group-append .btn, .input-group-append .post-new .upload-kit .upload-kit-input, .input-group-prepend .btn, .input-group-prepend .post-new .upload-kit .upload-kit-input, .post-new .upload-kit .input-group-append .upload-kit-input, .post-new .upload-kit .input-group-prepend .upload-kit-input { position: relative; z-index: 2 } .input-group-append .btn:focus, .input-group-append .post-new .upload-kit .upload-kit-input:focus, .input-group-prepend .btn:focus, .input-group-prepend .post-new .upload-kit .upload-kit-input:focus, .post-new .upload-kit .input-group-append .upload-kit-input:focus, .post-new .upload-kit .input-group-prepend .upload-kit-input:focus { z-index: 3 } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-append .post-new .upload-kit .btn+.upload-kit-input, .input-group-append .post-new .upload-kit .input-group-text+.upload-kit-input, .input-group-append .post-new .upload-kit .upload-kit-input+.btn, .input-group-append .post-new .upload-kit .upload-kit-input+.input-group-text, .input-group-append .post-new .upload-kit .upload-kit-input+.upload-kit-input, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text, .input-group-prepend .post-new .upload-kit .btn+.upload-kit-input, .input-group-prepend .post-new .upload-kit .input-group-text+.upload-kit-input, .input-group-prepend .post-new .upload-kit .upload-kit-input+.btn, .input-group-prepend .post-new .upload-kit .upload-kit-input+.input-group-text, .input-group-prepend .post-new .upload-kit .upload-kit-input+.upload-kit-input, .post-new .upload-kit .input-group-append .btn+.upload-kit-input, .post-new .upload-kit .input-group-append .input-group-text+.upload-kit-input, .post-new .upload-kit .input-group-append .upload-kit-input+.btn, .post-new .upload-kit .input-group-append .upload-kit-input+.input-group-text, .post-new .upload-kit .input-group-append .upload-kit-input+.upload-kit-input, .post-new .upload-kit .input-group-prepend .btn+.upload-kit-input, .post-new .upload-kit .input-group-prepend .input-group-text+.upload-kit-input, .post-new .upload-kit .input-group-prepend .upload-kit-input+.btn, .post-new .upload-kit .input-group-prepend .upload-kit-input+.input-group-text, .post-new .upload-kit .input-group-prepend .upload-kit-input+.upload-kit-input { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: .9375rem; font-weight: 400; line-height: 1.6; color: #4e5e72; text-align: center; white-space: nowrap; background-color: #fbfbfc; border: 1px solid rgba(0, 40, 100, .12); border-radius: 4px } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) { height: calc(1.44444444em + 1rem + 2px) } .input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text, .post-new .upload-kit .input-group-lg>.input-group-append>.upload-kit-input, .post-new .upload-kit .input-group-lg>.input-group-prepend>.upload-kit-input { padding: .5rem 1rem; font-size: 1.125rem; line-height: 1.44444444; border-radius: 6px } .input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) { height: calc(1.14285714em + .5rem + 2px) } .input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text, .post-new .upload-kit .input-group-sm>.input-group-append>.upload-kit-input, .post-new .upload-kit .input-group-sm>.input-group-prepend>.upload-kit-input { padding: .25rem .5rem; font-size: .875rem; line-height: 1.14285714; border-radius: 4px } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 1.75rem } .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .post-new .upload-kit .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.upload-kit-input, .post-new .upload-kit .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.upload-kit-input, .post-new .upload-kit .input-group>.input-group-append:last-child>.upload-kit-input:not(:last-child):not(.dropdown-toggle), .post-new .upload-kit .input-group>.input-group-prepend>.upload-kit-input { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text, .post-new .upload-kit .input-group>.input-group-append>.upload-kit-input, .post-new .upload-kit .input-group>.input-group-prepend:first-child>.upload-kit-input:not(:first-child), .post-new .upload-kit .input-group>.input-group-prepend:not(:first-child)>.upload-kit-input { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-other { background-color: rgb(0 40 100 / 8%); padding-top: 10px; padding-left: 10px; padding-bottom: 20px; } .input-other-btn { width: 50px; height: 50px; border-radius: 10px; margin-right: 10px; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.40625rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact } .custom-control-inline { display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.203125rem; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #2b7ae4; background-color: #2b7ae4 } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #1991eb } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #c9ddf8; border-color: #c9ddf8 } .custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label { color: #748194 } .custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before { background-color: #f9fafd } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top } .custom-control-label::before { position: absolute; top: .203125rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #9da9bb solid 1px } .custom-control-label::after { position: absolute; top: .203125rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat } .custom-checkbox .custom-control-label::before { border-radius: 4px } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { 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='%23fff' 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-label::before { border-color: #2b7ae4; background-color: #2b7ae4 } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(43, 122, 228, .5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(43, 122, 228, .5) } .custom-radio .custom-control-label::before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(43, 122, 228, .5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.203125rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #9da9bb; border-radius: .5rem; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label::after { transition: none } } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(43, 122, 228, .5) } .custom-select { display: inline-block; width: 100%; height: 2.375rem; padding: .5rem 1.75rem .5rem .75rem; font-size: .9375rem; font-weight: 400; line-height: 1.6; color: #4e5e72; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='%23999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat; border: 1px solid rgba(0, 40, 100, .12); border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #1991eb; outline: 0; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .custom-select:focus::-ms-value { color: #4e5e72; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #748194; background-color: #edf2f9 } .custom-select::-ms-expand { display: none } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #4e5e72 } .custom-select-sm { height: calc(1.14285714em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.44444444em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.125rem } .custom-file { position: relative; display: inline-block; width: 100%; height: 2.375rem; margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: 2.375rem; margin: 0; overflow: hidden; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #1991eb; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .custom-file-input:disabled~.custom-file-label, .custom-file-input[disabled]~.custom-file-label { background-color: #f9fafd } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse" } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 2.375rem; padding: .375rem .75rem; overflow: hidden; font-weight: 400; line-height: 1.6; color: #4e5e72; background-color: #fff; border: 1px solid rgba(0, 40, 100, .12); border-radius: 4px } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.6em + .75rem); padding: .375rem .75rem; line-height: 1.6; color: #4e5e72; content: "Browse"; background-color: #fbfbfc; border-left: inherit; border-radius: 0 4px 4px 0 } .custom-range { width: 100%; height: calc(1rem + 4px); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(43, 122, 228, .25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(43, 122, 228, .25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(43, 122, 228, .25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #2b7ae4; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #c9ddf8 } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #d8e2ef; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #2b7ae4; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none } } .custom-range::-moz-range-thumb:active { background-color: #c9ddf8 } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #d8e2ef; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 2px; margin-left: 2px; background-color: #2b7ae4; border: 0; border-radius: 1rem; -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none } } .custom-range::-ms-thumb:active { background-color: #c9ddf8 } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower { background-color: #d8e2ef; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #d8e2ef; border-radius: 1rem } .custom-range:disabled::-webkit-slider-thumb { background-color: #9da9bb } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #9da9bb } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #9da9bb } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #748194; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #d8e2ef } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #edf2f9 #edf2f9 #d8e2ef } .nav-tabs .nav-link.disabled { color: #748194; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #4e5e72; background-color: transparent; border-color: #d8e2ef #d8e2ef transparent } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: 4px } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #2b7ae4 } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-masthead { float: left; } .nav-masthead .nav-link { padding: .25rem 0; font-weight: 700; color: #8A6B34; font-size: 14pt; background-color: transparent; border-bottom: .25rem solid transparent; } .nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus { border-bottom-color: rgba(255, 255, 255, .25); } .nav-masthead .nav-link+.nav-link { margin-left: 1rem; } .nav-masthead .active { color: #000000; font-size: 16pt; border-bottom-color: #fff !important; } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .359375rem; padding-bottom: .359375rem; margin-right: 1rem; font-size: 1.125rem; line-height: inherit; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.125rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto } @media (max-width:575.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid, .navbar-expand-sm>.container-lg, .navbar-expand-sm>.container-md, .navbar-expand-sm>.container-sm, .navbar-expand-sm>.container-xl { flex-wrap: nowrap } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (max-width:767.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl { flex-wrap: nowrap } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (max-width:991.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { flex-wrap: nowrap } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (max-width:1279.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl { padding-right: 0; padding-left: 0 } } @media (min-width:1280px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl { flex-wrap: nowrap } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start } .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl { flex-wrap: nowrap } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-text a { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .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 .nav-link.disabled { color: rgba(255, 255, 255, .25) } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255, 255, 255, .5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card, .group-header { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; border: 1px solid rgba(0, 40, 100, .12); border-radius: 6px } .card>hr, .group-header>hr { margin-right: 0; margin-left: 0 } .card>.list-group, .group-header>.list-group { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child, .group-header>.list-group:first-child { border-top-width: 0; border-top-left-radius: 5px; border-top-right-radius: 5px } .card>.list-group:last-child, .group-header>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .card>.card-header+.list-group, .card>.list-group+.card-footer, .group-header>.card-header+.list-group, .group-header>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.5rem } .card-title { margin-bottom: 1.5rem } .card-subtitle { margin-top: -.75rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.5rem } .card-header { padding: 1.5rem 1.5rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 40, 100, .12) } .card-header:first-child { border-radius: 5px 5px 0 0 } .card-footer { padding: 1.5rem 1.5rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 40, 100, .12) } .card-footer:last-child { border-radius: 0 0 5px 5px } .card-header-tabs { margin-right: -.75rem; margin-bottom: -1.5rem; margin-left: -.75rem; border-bottom: 0 } .card-header-pills { margin-right: -.75rem; margin-left: -.75rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: 5px } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100% } .card-img, .card-img-top { border-top-left-radius: 5px; border-top-right-radius: 5px } .card-img, .card-img-bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .card-deck .card, .card-deck .group-header { margin-bottom: .75rem } @media (min-width:576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -.75rem; margin-left: -.75rem } .card-deck .card, .card-deck .group-header { flex: 1 0 0%; margin-right: .75rem; margin-bottom: 0; margin-left: .75rem } } .card-group>.card, .card-group>.group-header { margin-bottom: .75rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card, .card-group>.group-header { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card, .card-group>.card+.group-header, .card-group>.group-header+.card, .card-group>.group-header+.group-header { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child), .card-group>.group-header:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top, .card-group>.group-header:not(:last-child) .card-header, .card-group>.group-header:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.group-header:not(:last-child) .card-footer, .card-group>.group-header:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child), .card-group>.group-header:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top, .card-group>.group-header:not(:first-child) .card-header, .card-group>.group-header:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.group-header:not(:first-child) .card-footer, .card-group>.group-header:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card, .card-columns .group-header { margin-bottom: 1.5rem } @media (min-width:576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card, .card-columns .group-header { display: inline-block; width: 100% } } .accordion { overflow-anchor: none } .accordion>.card, .accordion>.group-header { overflow: hidden } .accordion>.card:not(:last-of-type), .accordion>.group-header:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion>.card:not(:first-of-type), .accordion>.group-header:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion>.card>.card-header, .accordion>.group-header>.card-header { border-radius: 0; margin-bottom: -1px } .breadcrumb { display: flex; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #edf2f9; border-radius: 4px } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #748194; content: "/" } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #748194 } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 4px } .pagination .page-item { width: 50px; text-align: center } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #4e5e72; background-color: #fff; border: 1px solid #d8e2ef } .page-link:hover { z-index: 2; color: #1656ad; text-decoration: none; background-color: #edf2f9; border-color: #d8e2ef } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #2b7ae4; border-color: #2b7ae4 } .page-item.disabled .page-link { color: #b6c1d2; pointer-events: none; cursor: auto; background-color: #fff; border-color: #d8e2ef } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.125rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge, .post-new .upload-kit .upload-kit-input .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #E64636 } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #1962c3 } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 2px rgba(43, 122, 228, .5) } .badge-secondary { color: #fff; background-color: #748194 } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #5d6878 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 2px rgba(116, 129, 148, .5) } .badge-success { color: #fff; background-color: #E64636 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #078504 } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 2px rgba(9, 183, 5, .5) } .badge-info { color: #fff; background-color: #45aaf2 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #1594ef } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 2px rgba(69, 170, 242, .5) } .badge-warning { color: #fff; background-color: #f1c40f } a.badge-warning:focus, a.badge-warning:hover { color: #fff; background-color: #c29d0b } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 2px rgba(241, 196, 15, .5) } .badge-danger { color: #fff; background-color: #e94442 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #de1c1a } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 2px rgba(233, 68, 66, .5) } .badge-light { color: #4e5e72; background-color: #f9fafd } a.badge-light:focus, a.badge-light:hover { color: #4e5e72; background-color: #d3daf0 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 2px rgba(249, 250, 253, .5) } .badge-dark { color: #fff; background-color: #3d4959 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #28303b } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 2px rgba(61, 73, 89, .5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #edf2f9; border-radius: 6px } @media (min-width:576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 4px } .alert-heading { color: inherit } .alert-link { font-weight: 600 } .alert-dismissible { padding-right: 3.90625rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #163f77; background-color: #d5e4fa; border-color: #c4daf7 } .alert-primary hr { border-top-color: #aeccf4 } .alert-primary .alert-link { color: #0e284c } .alert-secondary { color: #3c434d; background-color: #e3e6ea; border-color: #d8dce1 } .alert-secondary hr { border-top-color: #cacfd6 } .alert-secondary .alert-link { color: #262a30 } .alert-success { color: #055f03; background-color: #cef1cd; border-color: #baebb9 } .alert-success hr { border-top-color: #a6e5a5 } .alert-success .alert-link { color: #022e01 } .alert-info { color: #24587e; background-color: #daeefc; border-color: #cbe7fb } .alert-info hr { border-top-color: #b3dcf9 } .alert-info .alert-link { color: #193c56 } .alert-warning { color: #7d6608; background-color: #fcf3cf; border-color: #fbeebc } .alert-warning hr { border-top-color: #fae8a4 } .alert-warning .alert-link { color: #4d3f05 } .alert-danger { color: #792322; background-color: #fbdad9; border-color: #f9cbca } .alert-danger hr { border-top-color: #f6b5b3 } .alert-danger .alert-link { color: #511717 } .alert-light { color: #818284; background-color: #fefeff; border-color: #fdfefe } .alert-light hr { border-top-color: #ecf6f6 } .alert-light .alert-link { color: #68696a } .alert-dark { color: #20262e; background-color: #d8dbde; border-color: #c9ccd1 } .alert-dark hr { border-top-color: #bbbfc5 } .alert-dark .alert-link { color: #0b0d10 } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: .703125rem; background-color: #edf2f9; border-radius: 4px } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #2b7ae4; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { 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); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .media { display: flex; align-items: flex-start } .media-body { flex: 1 } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 4px } .list-group-item-action { width: 100%; color: #4e5e72; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #4e5e72; text-decoration: none; background-color: #f9fafd } .list-group-item-action:active { color: #4e5e72; background-color: #edf2f9 } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 40, 100, .12) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #748194; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #2b7ae4; background-color: #f7fafe; border-color: rgba(0, 40, 100, .12) } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1280px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #163f77; background-color: #c4daf7 } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #163f77; background-color: #aeccf4 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #163f77; border-color: #163f77 } .list-group-item-secondary { color: #3c434d; background-color: #d8dce1 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #3c434d; background-color: #cacfd6 } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #3c434d; border-color: #3c434d } .list-group-item-success { color: #055f03; background-color: #baebb9 } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #055f03; background-color: #a6e5a5 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #055f03; border-color: #055f03 } .list-group-item-info { color: #24587e; background-color: #cbe7fb } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #24587e; background-color: #b3dcf9 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #24587e; border-color: #24587e } .list-group-item-warning { color: #7d6608; background-color: #fbeebc } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #7d6608; background-color: #fae8a4 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7d6608; border-color: #7d6608 } .list-group-item-danger { color: #792322; background-color: #f9cbca } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #792322; background-color: #f6b5b3 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #792322; border-color: #792322 } .list-group-item-light { color: #818284; background-color: #fdfefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818284; background-color: #ecf6f6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818284; border-color: #818284 } .list-group-item-dark { color: #20262e; background-color: #c9ccd1 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #20262e; background-color: #bbbfc5 } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #20262e; border-color: #20262e } .close { float: right; font-size: 1.40625rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0 } a.close.disabled { pointer-events: none } .toast { flex-basis: 350px; max-width: 350px; font-size: .875rem; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); opacity: 0; border-radius: .25rem } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { display: flex; align-items: center; padding: .25rem .75rem; color: #748194; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, .05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: "" } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable::before { content: none } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid rgba(0, 40, 100, .12); border-top-left-radius: 5px; border-top-right-radius: 5px } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid rgba(0, 40, 100, .12); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .modal-footer>* { margin: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1280px) { .modal-xl { max-width: 1140px } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid #dee3eb; border-radius: 6px } .popover .arrow { position: absolute; display: block; width: .5rem; height: .5rem; margin: 0 6px } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before { bottom: 0; border-width: .5rem .25rem 0; border-top-color: #dee3eb } .bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after { bottom: 1px; border-width: .5rem .25rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow { left: calc(-.5rem - 1px); width: .5rem; height: .5rem; margin: 6px 0 } .bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before { left: 0; border-width: .25rem .5rem .25rem 0; border-right-color: #dee3eb } .bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after { left: 1px; border-width: .25rem .5rem .25rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before { top: 0; border-width: 0 .25rem .5rem .25rem; border-bottom-color: #dee3eb } .bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after { top: 1px; border-width: 0 .25rem .5rem .25rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: .5rem; margin-left: -.25rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow { right: calc(-.5rem - 1px); width: .5rem; height: .5rem; margin: 6px 0 } .bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before { right: 0; border-width: .25rem 0 .25rem .5rem; border-left-color: #dee3eb } .bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after { right: 1px; border-width: .25rem 0 .25rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: .9375rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: 5px; border-top-right-radius: 5px } .popover-header:empty { display: none } .popover-body { padding: .75rem 1rem; color: #6e7687 } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; bottom: 50px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease; margin-left: 14px; margin-right: 14px; } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 52px; height: 52px; } .carousel-control-prev-icon { background: url(../images/encounters/left.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .carousel-control-next-icon { background: url(../images/encounters/right_1.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .carousel-indicators { position: absolute; right: 0; top: 50px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) } } @keyframes spinner-border { to { transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #2b7ae4 !important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #1962c3 !important } .bg-secondary { background-color: #748194 !important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #5d6878 !important } .bg-success { background-color: #09b705 !important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #078504 !important } .bg-info { background-color: #45aaf2 !important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #1594ef !important } .bg-warning { background-color: #f1c40f !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #c29d0b !important } .bg-danger { background-color: #e94442 !important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #de1c1a !important } .bg-light { background-color: #f9fafd !important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #d3daf0 !important } .bg-dark { background-color: #3d4959 !important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #28303b !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid rgba(0, 40, 100, .12) !important } .border-top { border-top: 1px solid rgba(0, 40, 100, .12) !important } .border-right { border-right: 1px solid rgba(0, 40, 100, .12) !important } .border-bottom { border-bottom: 1px solid rgba(0, 40, 100, .12) !important } .border-left { border-left: 1px solid rgba(0, 40, 100, .12) !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #2b7ae4 !important } .border-secondary { border-color: #748194 !important } .border-success { border-color: #09b705 !important } .border-info { border-color: #45aaf2 !important } .border-warning { border-color: #f1c40f !important } .border-danger { border-color: #e94442 !important } .border-light { border-color: #f9fafd !important } .border-dark { border-color: #3d4959 !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: 4px !important } .rounded { border-radius: 4px !important } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important } .rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important } .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important } .rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important } .rounded-lg { border-radius: 6px !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-0 { border-radius: 0 !important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex, .empty-state, .webcam-wrapper .webcam-camera { display: flex !important } .d-inline-flex { display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } } @media (min-width:1280px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .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::before { padding-top: 42.85714286% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { flex-direction: row !important } .empty-state, .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-fill { flex: 1 1 auto !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .empty-state, .justify-content-center, .webcam-wrapper .webcam-camera { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center, .webcam-wrapper .webcam-camera { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-center h4 { padding-bottom: 7px; } .align-self-center small { font-size: 15px; } .align-self-center .date_time { padding-bottom: 5px; font-size: 15px; } .t_right { text-align: right; } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } } @media (min-width:1280px) { .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width:576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width:768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width:992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width:1280px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important } .shadow-none { box-shadow: none !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .w-0 { width: 0 !important } .w-1 { width: .25rem !important } .w-2 { width: .5rem !important } .w-3 { width: .75rem !important } .w-4 { width: 1rem !important } .w-5 { width: 1.5rem !important } .w-6 { width: 2rem !important } .w-7 { width: 3rem !important } .w-8 { width: 4rem !important } .w-9 { width: 6rem !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .h-0 { height: 0 !important } .h-1 { height: .25rem !important } .h-2 { height: .5rem !important } .h-3 { height: .75rem !important } .h-4 { height: 1rem !important } .h-5 { height: 1.5rem !important } .h-6 { height: 2rem !important } .h-7 { height: 3rem !important } .h-8 { height: 4rem !important } .h-9 { height: 6rem !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .empty-state, .empty-state .empty-action, .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .empty-state, .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: .75rem !important } .mt-3, .my-3 { margin-top: .75rem !important } .mr-3, .mx-3 { margin-right: .75rem !important } .mb-3, .my-3 { margin-bottom: .75rem !important } .ml-3, .mx-3 { margin-left: .75rem !important } .m-4 { margin: 1rem !important } .mt-4, .my-4 { margin-top: 1rem !important } .mr-4, .mx-4 { margin-right: 1rem !important } .empty-state .empty-icon, .mb-4, .my-4 { margin-bottom: 1rem !important } .ml-4, .mx-4 { margin-left: 1rem !important } .m-5 { margin: 1.5rem !important } .mt-5, .my-5 { margin-top: 1.5rem !important } .mr-5, .mx-5 { margin-right: 1.5rem !important } .mb-5, .my-5 { margin-bottom: 1.5rem !important } .ml-5, .mx-5 { margin-left: 1.5rem !important } .m-6 { margin: 2rem !important } .mt-6, .my-6 { margin-top: 2rem !important } .mr-6, .mx-6 { margin-right: 2rem !important } .mb-6, .my-6 { margin-bottom: 2rem !important } .ml-6, .mx-6 { margin-left: 2rem !important } .m-7 { margin: 3rem !important } .mt-7, .my-7 { margin-top: 3rem !important } .mr-7, .mx-7 { margin-right: 3rem !important } .mb-7, .my-7 { margin-bottom: 3rem !important } .ml-7, .mx-7 { margin-left: 3rem !important } .m-8 { margin: 4rem !important } .mt-8, .my-8 { margin-top: 4rem !important } .mr-8, .mx-8 { margin-right: 4rem !important } .mb-8, .my-8 { margin-bottom: 4rem !important } .ml-8, .mx-8 { margin-left: 4rem !important } .m-9 { margin: 6rem !important } .mt-9, .my-9 { margin-top: 6rem !important } .mr-9, .mx-9 { margin-right: 6rem !important } .mb-9, .my-9 { margin-bottom: 6rem !important } .ml-9, .mx-9 { margin-left: 6rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .top-0 { top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: .75rem !important } .pt-3, .py-3 { padding-top: .75rem !important } .pr-3, .px-3 { padding-right: .75rem !important } .pb-3, .py-3 { padding-bottom: .75rem !important } .pl-3, .px-3 { padding-left: .75rem !important } .p-4 { padding: 1rem !important } .pt-4, .py-4 { padding-top: 1rem !important } .pr-4, .px-4 { padding-right: 1rem !important } .pb-4, .py-4 { padding-bottom: 1rem !important } .pl-4, .px-4 { padding-left: 1rem !important } .p-5 { padding: 1.5rem !important } .pt-5, .py-5 { padding-top: 1.5rem !important } .pr-5, .px-5 { padding-right: 1.5rem !important } .pb-5, .py-5 { padding-bottom: 1.5rem !important } .pl-5, .px-5 { padding-left: 1.5rem !important } .p-6 { padding: 2rem !important } .pt-6, .py-6 { padding-top: 2rem !important } .pr-6, .px-6 { padding-right: 2rem !important } .pb-6, .py-6 { padding-bottom: 2rem !important } .pl-6, .px-6 { padding-left: 2rem !important } .p-7 { padding: 3rem !important } .pt-7, .py-7 { padding-top: 3rem !important } .pr-7, .px-7 { padding-right: 3rem !important } .pb-7, .py-7 { padding-bottom: 3rem !important } .pl-7, .px-7 { padding-left: 3rem !important } .p-8 { padding: 4rem !important } .pt-8, .py-8 { padding-top: 4rem !important } .pr-8, .px-8 { padding-right: 4rem !important } .pb-8, .py-8 { padding-bottom: 4rem !important } .pl-8, .px-8 { padding-left: 4rem !important } .p-9 { padding: 6rem !important } .pt-9, .py-9 { padding-top: 6rem !important } .pr-9, .px-9 { padding-right: 6rem !important } .pb-9, .py-9 { padding-bottom: 6rem !important } .pl-9, .px-9 { padding-left: 6rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -.75rem !important } .mt-n3, .my-n3 { margin-top: -.75rem !important } .mr-n3, .mx-n3 { margin-right: -.75rem !important } .mb-n3, .my-n3 { margin-bottom: -.75rem !important } .ml-n3, .mx-n3 { margin-left: -.75rem !important } .m-n4 { margin: -1rem !important } .mt-n4, .my-n4 { margin-top: -1rem !important } .mr-n4, .mx-n4 { margin-right: -1rem !important } .mb-n4, .my-n4 { margin-bottom: -1rem !important } .ml-n4, .mx-n4 { margin-left: -1rem !important } .m-n5 { margin: -1.5rem !important } .mt-n5, .my-n5 { margin-top: -1.5rem !important } .mr-n5, .mx-n5 { margin-right: -1.5rem !important } .mb-n5, .my-n5 { margin-bottom: -1.5rem !important } .ml-n5, .mx-n5 { margin-left: -1.5rem !important } .m-n6 { margin: -2rem !important } .mt-n6, .my-n6 { margin-top: -2rem !important } .mr-n6, .mx-n6 { margin-right: -2rem !important } .mb-n6, .my-n6 { margin-bottom: -2rem !important } .ml-n6, .mx-n6 { margin-left: -2rem !important } .m-n7 { margin: -3rem !important } .mt-n7, .my-n7 { margin-top: -3rem !important } .mr-n7, .mx-n7 { margin-right: -3rem !important } .mb-n7, .my-n7 { margin-bottom: -3rem !important } .ml-n7, .mx-n7 { margin-left: -3rem !important } .m-n8 { margin: -4rem !important } .mt-n8, .my-n8 { margin-top: -4rem !important } .mr-n8, .mx-n8 { margin-right: -4rem !important } .mb-n8, .my-n8 { margin-bottom: -4rem !important } .ml-n8, .mx-n8 { margin-left: -4rem !important } .m-n9 { margin: -6rem !important } .mt-n9, .my-n9 { margin-top: -6rem !important } .mr-n9, .mx-n9 { margin-right: -6rem !important } .mb-n9, .my-n9 { margin-bottom: -6rem !important } .ml-n9, .mx-n9 { margin-left: -6rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width:576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: .75rem !important } .mt-sm-3, .my-sm-3 { margin-top: .75rem !important } .mr-sm-3, .mx-sm-3 { margin-right: .75rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: .75rem !important } .ml-sm-3, .mx-sm-3 { margin-left: .75rem !important } .m-sm-4 { margin: 1rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1rem !important } .m-sm-5 { margin: 1.5rem !important } .mt-sm-5, .my-sm-5 { margin-top: 1.5rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 1.5rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 1.5rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 1.5rem !important } .m-sm-6 { margin: 2rem !important } .mt-sm-6, .my-sm-6 { margin-top: 2rem !important } .mr-sm-6, .mx-sm-6 { margin-right: 2rem !important } .mb-sm-6, .my-sm-6 { margin-bottom: 2rem !important } .ml-sm-6, .mx-sm-6 { margin-left: 2rem !important } .m-sm-7 { margin: 3rem !important } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important } .mr-sm-7, .mx-sm-7 { margin-right: 3rem !important } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important } .ml-sm-7, .mx-sm-7 { margin-left: 3rem !important } .m-sm-8 { margin: 4rem !important } .mt-sm-8, .my-sm-8 { margin-top: 4rem !important } .mr-sm-8, .mx-sm-8 { margin-right: 4rem !important } .mb-sm-8, .my-sm-8 { margin-bottom: 4rem !important } .ml-sm-8, .mx-sm-8 { margin-left: 4rem !important } .m-sm-9 { margin: 6rem !important } .mt-sm-9, .my-sm-9 { margin-top: 6rem !important } .mr-sm-9, .mx-sm-9 { margin-right: 6rem !important } .mb-sm-9, .my-sm-9 { margin-bottom: 6rem !important } .ml-sm-9, .mx-sm-9 { margin-left: 6rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: .75rem !important } .pt-sm-3, .py-sm-3 { padding-top: .75rem !important } .pr-sm-3, .px-sm-3 { padding-right: .75rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: .75rem !important } .pl-sm-3, .px-sm-3 { padding-left: .75rem !important } .p-sm-4 { padding: 1rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1rem !important } .p-sm-5 { padding: 1.5rem !important } .pt-sm-5, .py-sm-5 { padding-top: 1.5rem !important } .pr-sm-5, .px-sm-5 { padding-right: 1.5rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 1.5rem !important } .pl-sm-5, .px-sm-5 { padding-left: 1.5rem !important } .p-sm-6 { padding: 2rem !important } .pt-sm-6, .py-sm-6 { padding-top: 2rem !important } .pr-sm-6, .px-sm-6 { padding-right: 2rem !important } .pb-sm-6, .py-sm-6 { padding-bottom: 2rem !important } .pl-sm-6, .px-sm-6 { padding-left: 2rem !important } .p-sm-7 { padding: 3rem !important } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important } .pr-sm-7, .px-sm-7 { padding-right: 3rem !important } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important } .pl-sm-7, .px-sm-7 { padding-left: 3rem !important } .p-sm-8 { padding: 4rem !important } .pt-sm-8, .py-sm-8 { padding-top: 4rem !important } .pr-sm-8, .px-sm-8 { padding-right: 4rem !important } .pb-sm-8, .py-sm-8 { padding-bottom: 4rem !important } .pl-sm-8, .px-sm-8 { padding-left: 4rem !important } .p-sm-9 { padding: 6rem !important } .pt-sm-9, .py-sm-9 { padding-top: 6rem !important } .pr-sm-9, .px-sm-9 { padding-right: 6rem !important } .pb-sm-9, .py-sm-9 { padding-bottom: 6rem !important } .pl-sm-9, .px-sm-9 { padding-left: 6rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -.75rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -.75rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -.75rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -.75rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -.75rem !important } .m-sm-n4 { margin: -1rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1rem !important } .m-sm-n5 { margin: -1.5rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -1.5rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -1.5rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -1.5rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -1.5rem !important } .m-sm-n6 { margin: -2rem !important } .mt-sm-n6, .my-sm-n6 { margin-top: -2rem !important } .mr-sm-n6, .mx-sm-n6 { margin-right: -2rem !important } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2rem !important } .ml-sm-n6, .mx-sm-n6 { margin-left: -2rem !important } .m-sm-n7 { margin: -3rem !important } .mt-sm-n7, .my-sm-n7 { margin-top: -3rem !important } .mr-sm-n7, .mx-sm-n7 { margin-right: -3rem !important } .mb-sm-n7, .my-sm-n7 { margin-bottom: -3rem !important } .ml-sm-n7, .mx-sm-n7 { margin-left: -3rem !important } .m-sm-n8 { margin: -4rem !important } .mt-sm-n8, .my-sm-n8 { margin-top: -4rem !important } .mr-sm-n8, .mx-sm-n8 { margin-right: -4rem !important } .mb-sm-n8, .my-sm-n8 { margin-bottom: -4rem !important } .ml-sm-n8, .mx-sm-n8 { margin-left: -4rem !important } .m-sm-n9 { margin: -6rem !important } .mt-sm-n9, .my-sm-n9 { margin-top: -6rem !important } .mr-sm-n9, .mx-sm-n9 { margin-right: -6rem !important } .mb-sm-n9, .my-sm-n9 { margin-bottom: -6rem !important } .ml-sm-n9, .mx-sm-n9 { margin-left: -6rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width:768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: .75rem !important } .mt-md-3, .my-md-3 { margin-top: .75rem !important } .mr-md-3, .mx-md-3 { margin-right: .75rem !important } .mb-md-3, .my-md-3 { margin-bottom: .75rem !important } .ml-md-3, .mx-md-3 { margin-left: .75rem !important } .m-md-4 { margin: 1rem !important } .mt-md-4, .my-md-4 { margin-top: 1rem !important } .mr-md-4, .mx-md-4 { margin-right: 1rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1rem !important } .ml-md-4, .mx-md-4 { margin-left: 1rem !important } .m-md-5 { margin: 1.5rem !important } .mt-md-5, .my-md-5 { margin-top: 1.5rem !important } .mr-md-5, .mx-md-5 { margin-right: 1.5rem !important } .mb-md-5, .my-md-5 { margin-bottom: 1.5rem !important } .ml-md-5, .mx-md-5 { margin-left: 1.5rem !important } .m-md-6 { margin: 2rem !important } .mt-md-6, .my-md-6 { margin-top: 2rem !important } .mr-md-6, .mx-md-6 { margin-right: 2rem !important } .mb-md-6, .my-md-6 { margin-bottom: 2rem !important } .ml-md-6, .mx-md-6 { margin-left: 2rem !important } .m-md-7 { margin: 3rem !important } .mt-md-7, .my-md-7 { margin-top: 3rem !important } .mr-md-7, .mx-md-7 { margin-right: 3rem !important } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important } .ml-md-7, .mx-md-7 { margin-left: 3rem !important } .m-md-8 { margin: 4rem !important } .mt-md-8, .my-md-8 { margin-top: 4rem !important } .mr-md-8, .mx-md-8 { margin-right: 4rem !important } .mb-md-8, .my-md-8 { margin-bottom: 4rem !important } .ml-md-8, .mx-md-8 { margin-left: 4rem !important } .m-md-9 { margin: 6rem !important } .mt-md-9, .my-md-9 { margin-top: 6rem !important } .mr-md-9, .mx-md-9 { margin-right: 6rem !important } .mb-md-9, .my-md-9 { margin-bottom: 6rem !important } .ml-md-9, .mx-md-9 { margin-left: 6rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: .75rem !important } .pt-md-3, .py-md-3 { padding-top: .75rem !important } .pr-md-3, .px-md-3 { padding-right: .75rem !important } .pb-md-3, .py-md-3 { padding-bottom: .75rem !important } .pl-md-3, .px-md-3 { padding-left: .75rem !important } .p-md-4 { padding: 1rem !important } .pt-md-4, .py-md-4 { padding-top: 1rem !important } .pr-md-4, .px-md-4 { padding-right: 1rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1rem !important } .pl-md-4, .px-md-4 { padding-left: 1rem !important } .p-md-5 { padding: 1.5rem !important } .pt-md-5, .py-md-5 { padding-top: 1.5rem !important } .pr-md-5, .px-md-5 { padding-right: 1.5rem !important } .pb-md-5, .py-md-5 { padding-bottom: 1.5rem !important } .pl-md-5, .px-md-5 { padding-left: 1.5rem !important } .p-md-6 { padding: 2rem !important } .pt-md-6, .py-md-6 { padding-top: 2rem !important } .pr-md-6, .px-md-6 { padding-right: 2rem !important } .pb-md-6, .py-md-6 { padding-bottom: 2rem !important } .pl-md-6, .px-md-6 { padding-left: 2rem !important } .p-md-7 { padding: 3rem !important } .pt-md-7, .py-md-7 { padding-top: 3rem !important } .pr-md-7, .px-md-7 { padding-right: 3rem !important } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important } .pl-md-7, .px-md-7 { padding-left: 3rem !important } .p-md-8 { padding: 4rem !important } .pt-md-8, .py-md-8 { padding-top: 4rem !important } .pr-md-8, .px-md-8 { padding-right: 4rem !important } .pb-md-8, .py-md-8 { padding-bottom: 4rem !important } .pl-md-8, .px-md-8 { padding-left: 4rem !important } .p-md-9 { padding: 6rem !important } .pt-md-9, .py-md-9 { padding-top: 6rem !important } .pr-md-9, .px-md-9 { padding-right: 6rem !important } .pb-md-9, .py-md-9 { padding-bottom: 6rem !important } .pl-md-9, .px-md-9 { padding-left: 6rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -.75rem !important } .mt-md-n3, .my-md-n3 { margin-top: -.75rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -.75rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -.75rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -.75rem !important } .m-md-n4 { margin: -1rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1rem !important } .m-md-n5 { margin: -1.5rem !important } .mt-md-n5, .my-md-n5 { margin-top: -1.5rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -1.5rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -1.5rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -1.5rem !important } .m-md-n6 { margin: -2rem !important } .mt-md-n6, .my-md-n6 { margin-top: -2rem !important } .mr-md-n6, .mx-md-n6 { margin-right: -2rem !important } .mb-md-n6, .my-md-n6 { margin-bottom: -2rem !important } .ml-md-n6, .mx-md-n6 { margin-left: -2rem !important } .m-md-n7 { margin: -3rem !important } .mt-md-n7, .my-md-n7 { margin-top: -3rem !important } .mr-md-n7, .mx-md-n7 { margin-right: -3rem !important } .mb-md-n7, .my-md-n7 { margin-bottom: -3rem !important } .ml-md-n7, .mx-md-n7 { margin-left: -3rem !important } .m-md-n8 { margin: -4rem !important } .mt-md-n8, .my-md-n8 { margin-top: -4rem !important } .mr-md-n8, .mx-md-n8 { margin-right: -4rem !important } .mb-md-n8, .my-md-n8 { margin-bottom: -4rem !important } .ml-md-n8, .mx-md-n8 { margin-left: -4rem !important } .m-md-n9 { margin: -6rem !important } .mt-md-n9, .my-md-n9 { margin-top: -6rem !important } .mr-md-n9, .mx-md-n9 { margin-right: -6rem !important } .mb-md-n9, .my-md-n9 { margin-bottom: -6rem !important } .ml-md-n9, .mx-md-n9 { margin-left: -6rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width:992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: .75rem !important } .mt-lg-3, .my-lg-3 { margin-top: .75rem !important } .mr-lg-3, .mx-lg-3 { margin-right: .75rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: .75rem !important } .ml-lg-3, .mx-lg-3 { margin-left: .75rem !important } .m-lg-4 { margin: 1rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1rem !important } .m-lg-5 { margin: 1.5rem !important } .mt-lg-5, .my-lg-5 { margin-top: 1.5rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 1.5rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 1.5rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 1.5rem !important } .m-lg-6 { margin: 2rem !important } .mt-lg-6, .my-lg-6 { margin-top: 2rem !important } .mr-lg-6, .mx-lg-6 { margin-right: 2rem !important } .mb-lg-6, .my-lg-6 { margin-bottom: 2rem !important } .ml-lg-6, .mx-lg-6 { margin-left: 2rem !important } .m-lg-7 { margin: 3rem !important } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important } .mr-lg-7, .mx-lg-7 { margin-right: 3rem !important } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important } .ml-lg-7, .mx-lg-7 { margin-left: 3rem !important } .m-lg-8 { margin: 4rem !important } .mt-lg-8, .my-lg-8 { margin-top: 4rem !important } .mr-lg-8, .mx-lg-8 { margin-right: 4rem !important } .mb-lg-8, .my-lg-8 { margin-bottom: 4rem !important } .ml-lg-8, .mx-lg-8 { margin-left: 4rem !important } .m-lg-9 { margin: 6rem !important } .mt-lg-9, .my-lg-9 { margin-top: 6rem !important } .mr-lg-9, .mx-lg-9 { margin-right: 6rem !important } .mb-lg-9, .my-lg-9 { margin-bottom: 6rem !important } .ml-lg-9, .mx-lg-9 { margin-left: 6rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: .75rem !important } .pt-lg-3, .py-lg-3 { padding-top: .75rem !important } .pr-lg-3, .px-lg-3 { padding-right: .75rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: .75rem !important } .pl-lg-3, .px-lg-3 { padding-left: .75rem !important } .p-lg-4 { padding: 1rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1rem !important } .p-lg-5 { padding: 1.5rem !important } .pt-lg-5, .py-lg-5 { padding-top: 1.5rem !important } .pr-lg-5, .px-lg-5 { padding-right: 1.5rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 1.5rem !important } .pl-lg-5, .px-lg-5 { padding-left: 1.5rem !important } .p-lg-6 { padding: 2rem !important } .pt-lg-6, .py-lg-6 { padding-top: 2rem !important } .pr-lg-6, .px-lg-6 { padding-right: 2rem !important } .pb-lg-6, .py-lg-6 { padding-bottom: 2rem !important } .pl-lg-6, .px-lg-6 { padding-left: 2rem !important } .p-lg-7 { padding: 3rem !important } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important } .pr-lg-7, .px-lg-7 { padding-right: 3rem !important } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important } .pl-lg-7, .px-lg-7 { padding-left: 3rem !important } .p-lg-8 { padding: 4rem !important } .pt-lg-8, .py-lg-8 { padding-top: 4rem !important } .pr-lg-8, .px-lg-8 { padding-right: 4rem !important } .pb-lg-8, .py-lg-8 { padding-bottom: 4rem !important } .pl-lg-8, .px-lg-8 { padding-left: 4rem !important } .p-lg-9 { padding: 6rem !important } .pt-lg-9, .py-lg-9 { padding-top: 6rem !important } .pr-lg-9, .px-lg-9 { padding-right: 6rem !important } .pb-lg-9, .py-lg-9 { padding-bottom: 6rem !important } .pl-lg-9, .px-lg-9 { padding-left: 6rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -.75rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -.75rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -.75rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -.75rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -.75rem !important } .m-lg-n4 { margin: -1rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1rem !important } .m-lg-n5 { margin: -1.5rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -1.5rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -1.5rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -1.5rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -1.5rem !important } .m-lg-n6 { margin: -2rem !important } .mt-lg-n6, .my-lg-n6 { margin-top: -2rem !important } .mr-lg-n6, .mx-lg-n6 { margin-right: -2rem !important } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2rem !important } .ml-lg-n6, .mx-lg-n6 { margin-left: -2rem !important } .m-lg-n7 { margin: -3rem !important } .mt-lg-n7, .my-lg-n7 { margin-top: -3rem !important } .mr-lg-n7, .mx-lg-n7 { margin-right: -3rem !important } .mb-lg-n7, .my-lg-n7 { margin-bottom: -3rem !important } .ml-lg-n7, .mx-lg-n7 { margin-left: -3rem !important } .m-lg-n8 { margin: -4rem !important } .mt-lg-n8, .my-lg-n8 { margin-top: -4rem !important } .mr-lg-n8, .mx-lg-n8 { margin-right: -4rem !important } .mb-lg-n8, .my-lg-n8 { margin-bottom: -4rem !important } .ml-lg-n8, .mx-lg-n8 { margin-left: -4rem !important } .m-lg-n9 { margin: -6rem !important } .mt-lg-n9, .my-lg-n9 { margin-top: -6rem !important } .mr-lg-n9, .mx-lg-n9 { margin-right: -6rem !important } .mb-lg-n9, .my-lg-n9 { margin-bottom: -6rem !important } .ml-lg-n9, .mx-lg-n9 { margin-left: -6rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width:1280px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: .75rem !important } .mt-xl-3, .my-xl-3 { margin-top: .75rem !important } .mr-xl-3, .mx-xl-3 { margin-right: .75rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: .75rem !important } .ml-xl-3, .mx-xl-3 { margin-left: .75rem !important } .m-xl-4 { margin: 1rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1rem !important } .m-xl-5 { margin: 1.5rem !important } .mt-xl-5, .my-xl-5 { margin-top: 1.5rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 1.5rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 1.5rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 1.5rem !important } .m-xl-6 { margin: 2rem !important } .mt-xl-6, .my-xl-6 { margin-top: 2rem !important } .mr-xl-6, .mx-xl-6 { margin-right: 2rem !important } .mb-xl-6, .my-xl-6 { margin-bottom: 2rem !important } .ml-xl-6, .mx-xl-6 { margin-left: 2rem !important } .m-xl-7 { margin: 3rem !important } .mt-xl-7, .my-xl-7 { margin-top: 3rem !important } .mr-xl-7, .mx-xl-7 { margin-right: 3rem !important } .mb-xl-7, .my-xl-7 { margin-bottom: 3rem !important } .ml-xl-7, .mx-xl-7 { margin-left: 3rem !important } .m-xl-8 { margin: 4rem !important } .mt-xl-8, .my-xl-8 { margin-top: 4rem !important } .mr-xl-8, .mx-xl-8 { margin-right: 4rem !important } .mb-xl-8, .my-xl-8 { margin-bottom: 4rem !important } .ml-xl-8, .mx-xl-8 { margin-left: 4rem !important } .m-xl-9 { margin: 6rem !important } .mt-xl-9, .my-xl-9 { margin-top: 6rem !important } .mr-xl-9, .mx-xl-9 { margin-right: 6rem !important } .mb-xl-9, .my-xl-9 { margin-bottom: 6rem !important } .ml-xl-9, .mx-xl-9 { margin-left: 6rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: .75rem !important } .pt-xl-3, .py-xl-3 { padding-top: .75rem !important } .pr-xl-3, .px-xl-3 { padding-right: .75rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: .75rem !important } .pl-xl-3, .px-xl-3 { padding-left: .75rem !important } .p-xl-4 { padding: 1rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1rem !important } .p-xl-5 { padding: 1.5rem !important } .pt-xl-5, .py-xl-5 { padding-top: 1.5rem !important } .pr-xl-5, .px-xl-5 { padding-right: 1.5rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 1.5rem !important } .pl-xl-5, .px-xl-5 { padding-left: 1.5rem !important } .p-xl-6 { padding: 2rem !important } .pt-xl-6, .py-xl-6 { padding-top: 2rem !important } .pr-xl-6, .px-xl-6 { padding-right: 2rem !important } .pb-xl-6, .py-xl-6 { padding-bottom: 2rem !important } .pl-xl-6, .px-xl-6 { padding-left: 2rem !important } .p-xl-7 { padding: 3rem !important } .pt-xl-7, .py-xl-7 { padding-top: 3rem !important } .pr-xl-7, .px-xl-7 { padding-right: 3rem !important } .pb-xl-7, .py-xl-7 { padding-bottom: 3rem !important } .pl-xl-7, .px-xl-7 { padding-left: 3rem !important } .p-xl-8 { padding: 4rem !important } .pt-xl-8, .py-xl-8 { padding-top: 4rem !important } .pr-xl-8, .px-xl-8 { padding-right: 4rem !important } .pb-xl-8, .py-xl-8 { padding-bottom: 4rem !important } .pl-xl-8, .px-xl-8 { padding-left: 4rem !important } .p-xl-9 { padding: 6rem !important } .pt-xl-9, .py-xl-9 { padding-top: 6rem !important } .pr-xl-9, .px-xl-9 { padding-right: 6rem !important } .pb-xl-9, .py-xl-9 { padding-bottom: 6rem !important } .pl-xl-9, .px-xl-9 { padding-left: 6rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -.75rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -.75rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -.75rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -.75rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -.75rem !important } .m-xl-n4 { margin: -1rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1rem !important } .m-xl-n5 { margin: -1.5rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -1.5rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -1.5rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -1.5rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -1.5rem !important } .m-xl-n6 { margin: -2rem !important } .mt-xl-n6, .my-xl-n6 { margin-top: -2rem !important } .mr-xl-n6, .mx-xl-n6 { margin-right: -2rem !important } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2rem !important } .ml-xl-n6, .mx-xl-n6 { margin-left: -2rem !important } .m-xl-n7 { margin: -3rem !important } .mt-xl-n7, .my-xl-n7 { margin-top: -3rem !important } .mr-xl-n7, .mx-xl-n7 { margin-right: -3rem !important } .mb-xl-n7, .my-xl-n7 { margin-bottom: -3rem !important } .ml-xl-n7, .mx-xl-n7 { margin-left: -3rem !important } .m-xl-n8 { margin: -4rem !important } .mt-xl-n8, .my-xl-n8 { margin-top: -4rem !important } .mr-xl-n8, .mx-xl-n8 { margin-right: -4rem !important } .mb-xl-n8, .my-xl-n8 { margin-bottom: -4rem !important } .ml-xl-n8, .mx-xl-n8 { margin-left: -4rem !important } .m-xl-n9 { margin: -6rem !important } .mt-xl-n9, .my-xl-n9 { margin-top: -6rem !important } .mr-xl-n9, .mx-xl-n9 { margin-right: -6rem !important } .mb-xl-n9, .my-xl-n9 { margin-bottom: -6rem !important } .ml-xl-n9, .mx-xl-n9 { margin-left: -6rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0) } .text-monospace { font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width:576px) { .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:1280px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-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-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #2b7ae4 !important } a.text-primary:focus, a.text-primary:hover { color: #1656ad !important } .text-secondary { color: #748194 !important } a.text-secondary:focus, a.text-secondary:hover { color: #525b6a !important } .text-success { color: #09b705 !important } a.text-success:focus, a.text-success:hover { color: #056d03 !important } .text-info { color: #45aaf2 !important } a.text-info:focus, a.text-info:hover { color: #0f86db !important } .text-warning { color: #f1c40f !important } a.text-warning:focus, a.text-warning:hover { color: #aa8a0a !important } .text-danger { color: #e94442 !important } a.text-danger:focus, a.text-danger:hover { color: #c71917 !important } .text-light { color: #f9fafd !important } a.text-light:focus, a.text-light:hover { color: #c0caea !important } .text-dark { color: #3d4959 !important } a.text-dark:focus, a.text-dark:hover { color: #1e242c !important } .text-body { color: #4e5e72 !important } .empty-state .empty-subtitle, .text-muted { color: #9aa0ac !important } .text-black-50 { color: rgba(0, 0, 0, .5) !important } .text-white-50 { color: rgba(255, 255, 255, .5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; word-wrap: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important } a:not(.btn) { text-decoration: underline } abbr[title]::after { content: " (" attr(title) ")" } pre { white-space: pre-wrap !important } blockquote, pre { border: 1px solid #9da9bb; 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 } @page { size: a3 } body { min-width: 992px !important } .container { min-width: 992px !important } .navbar { display: none } .badge { border: 1px solid #000 } .table, .text-wrap table { border-collapse: collapse !important } .table td, .table th, .text-wrap table td, .text-wrap table th { background-color: #fff !important } .table-bordered td, .table-bordered th, .text-wrap table td, .text-wrap table th { border: 1px solid #d8e2ef !important } .table-dark { color: inherit } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgba(0, 40, 100, .12) } .table .thead-dark th, .text-wrap table .thead-dark th { color: inherit; border-color: rgba(0, 40, 100, .12) } } html { font-size: 16px; height: 100%; direction: ltr } body { direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; touch-action: manipulation; font-feature-settings: "liga" 0; height: 100%; overflow-y: scroll; position: relative; overflow-x: hidden; } @media print { body { background: 0 0 } } body ::-webkit-scrollbar { width: 6px; height: 6px; -webkit-transition: .3s background; transition: .3s background } body ::-webkit-scrollbar-thumb { background: #b6c1d2 } body :hover::-webkit-scrollbar-thumb { background: #9da9bb } .lead { line-height: 1.4 } a { -webkit-text-decoration-skip: ink; text-decoration-skip: ink } .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit } b, strong { font-weight: 600 } blockquote, ol, p, ul { margin-bottom: 1em } blockquote { font-style: italic; color: #6e7687; padding-left: 2rem; border-left: 2px solid rgba(0, 40, 100, .12) } blockquote p { margin-bottom: 1rem } blockquote cite { display: block; text-align: right } blockquote cite:before { content: '— ' } code { background: rgba(0, 0, 0, .025); border: 1px solid rgba(0, 0, 0, .05); border-radius: 3px; padding: 3px } pre code { padding: 0; border-radius: 0; border: none; background: 0 0 } hr { margin-top: 2rem; margin-bottom: 2rem } pre { color: #3d4959; padding: 1rem; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f8fafc; border-radius: 3px; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; text-shadow: 0 1px #fff; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none } img { max-width: 100% } .text-wrap { font-size: 1rem; line-height: 1.66 } .text-wrap>:first-child { margin-top: 0 } .text-wrap>:last-child { margin-bottom: 0 } .text-wrap>h1, .text-wrap>h2, .text-wrap>h3, .text-wrap>h4, .text-wrap>h5, .text-wrap>h6 { margin-top: 1em } .section-nav { background-color: #f9fafd; margin: 1rem 0; padding: .5rem 1rem; border: 1px solid rgba(0, 40, 100, .12); border-radius: 3px; list-style: none } .section-nav:before { content: 'Table of contents:'; display: block; font-weight: 600 } @media print { .container { max-width: none } } .row-cards>.col, .row-cards>[class*=col-] { display: flex; flex-direction: column } .row-deck>.col, .row-deck>[class*=col-] { display: flex; align-items: stretch } .row-deck>.col .card, .row-deck>.col .group-header, .row-deck>[class*=col-] .card, .row-deck>[class*=col-] .group-header { flex: 1 1 auto } .col-text { max-width: 48rem } .col-login { max-width: 24rem } .gutters-0 { margin-right: 0; margin-left: 0 } .gutters-0>.col, .gutters-0>[class*=col-] { padding-right: 0; padding-left: 0 } .gutters-0 .card, .gutters-0 .group-header { margin-bottom: 0 } .gutters-xs { margin-right: -.25rem; margin-left: -.25rem } .gutters-xs>.col, .gutters-xs>[class*=col-] { padding-right: .25rem; padding-left: .25rem } .gutters-xs .card, .gutters-xs .group-header { margin-bottom: .5rem } .gutters-sm { margin-right: -.5rem; margin-left: -.5rem } .gutters-sm>.col, .gutters-sm>[class*=col-] { padding-right: .5rem; padding-left: .5rem } .gutters-sm .card, .gutters-sm .group-header { margin-bottom: 1rem } .gutters-lg { margin-right: -1rem; margin-left: -1rem } .gutters-lg>.col, .gutters-lg>[class*=col-] { padding-right: 1rem; padding-left: 1rem } .gutters-lg .card, .gutters-lg .group-header { margin-bottom: 2rem } .gutters-xl { margin-right: -1.5rem; margin-left: -1.5rem } .gutters-xl>.col, .gutters-xl>[class*=col-] { padding-right: 1.5rem; padding-left: 1.5rem } .gutters-xl .card, .gutters-xl .group-header { margin-bottom: 3rem } .page { display: flex; flex-direction: column; justify-content: center; min-height: 100% } body.fixed-header .page { padding-top: 4.5rem } @media (min-width:1600px) { body.aside-opened .page { margin-right: 22rem } } .page-main { flex: 1 1 auto } .page-content { margin: .75rem 0 } @media (min-width:768px) { .page-content { margin: 1.5rem 0 } } .page-header { display: flex; align-items: center; margin: 1.5rem 0 1.5rem; flex-wrap: wrap } .page-title { margin: 0; font-size: 1.5rem; font-weight: 400; line-height: 2.5rem } .page-title-icon { color: #9aa0ac; font-size: 1.25rem } .page-subtitle { font-size: .8125rem; color: #6e7687; margin-left: 2rem } .page-subtitle a { color: inherit } .page-options { margin-left: auto } .page-breadcrumb { flex-basis: 100% } .page-description { margin: .25rem 0 0; color: #6e7687 } .page-description a { color: inherit } .page-single { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; padding: 1rem 0 } .content-heading { font-weight: 400; margin: 2rem 0 1.5rem; font-size: 1.25rem; line-height: 1.25 } .content-heading:first-child { margin-top: 0 } .aside { position: fixed; top: 0; right: 0; bottom: 0; width: 22rem; background: #fff; border-left: 1px solid rgba(0, 40, 100, .12); display: flex; flex-direction: column; z-index: 100; visibility: hidden; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05) } @media (min-width:1600px) { body.aside-opened .aside { visibility: visible } } .aside-body { padding: 1.5rem; flex: 1 1 auto; overflow: auto } .aside-footer { padding: 1rem 1.5rem; border-top: 1px solid rgba(0, 40, 100, .12) } .aside-header { padding: 1rem 1.5rem; border-bottom: 1px solid rgba(0, 40, 100, .12) } .header { padding-top: .75rem; padding-bottom: .75rem; background: #fff; } body.fixed-header .header { position: fixed; top: 0; left: 0; right: 0; z-index: 1030 } @media print { .header { display: none } } .header .dropdown-menu { margin-top: .75rem } .header .nav-link.icon { border-radius: 2rem } .nav-unread { position: absolute; top: 0.2rem; right: 0.01rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #e94442; font-size: 15px; color: #fff; text-align: center; line-height: 14px; border: 2px solid #ffffff; } .header-brand { color: inherit; font-size: 1.25rem; white-space: nowrap; font-weight: 600; padding: 0; transition: .3s opacity; line-height: 2rem } .header-brand:hover { opacity: .8; color: inherit; text-decoration: none } .header-brand-img { height: 2rem; line-height: 2rem; vertical-align: bottom; width: auto } .header-brand-1 { color: #fff; font-weight: bolder; font-size: 20px; width: 100%; text-align: center; } .dashboard_container { width: 100%; padding-right: .75rem; padding-left: .75rem; margin-right: auto; margin-left: auto } .dashboard_container .nav-item { margin-right: 15px } .dashboard_container .nav-item.active { border-bottom: 2px solid red; color: #5c6674; font-size: 22px; } .dashboard_container .nav-item.active a { color: #343434; font-weight: bolder; text-decoration: none; font-size: 22px; width: 100%; } .dashboard_container .nav-item a { color: #343434; text-decoration: none; font-weight: bold; font-size: 18px; width: 100%; } .header-avatar { width: 2rem; height: 2rem; display: inline-block; vertical-align: bottom; border-radius: 50% } .header-btn { display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem } .header-btn.has-new { position: relative } .header-btn.has-new:before { content: ''; width: 6px; height: 6px; background: #e94442; position: absolute; top: 4px; right: 4px; border-radius: 50% } .header-toggler { width: 2rem; height: 2rem; position: relative; color: #9aa0ac } .header-toggler:hover { color: #6e7687 } .header-toggler-icon { position: absolute; width: 1rem; height: 2px; color: inherit; background: currentColor; border-radius: 3px; top: 50%; left: 50%; margin: -2px 0 0 -.5rem; box-shadow: 0 5px currentColor, 0 -5px currentColor } .footer { background: #fff; border-top: 1px solid rgba(0, 91, 228, .12); font-size: .875rem; padding: 1rem 0; color: #9aa0ac } .footer a:not(.btn) { color: #6e7687 } .back { background: url(../images/uinfo/back.png) no-repeat center; background-size: cover; background-position: center; width: 25px; height: 25px; } .notifications-img { background: url(../images/notifications/icon-n-1.png) no-repeat center; background-size: cover; background-position: center; width: 19px; height: 22px; } .screening-img { background: url(../images/uinfo/sx_1.png) no-repeat center; background-size: cover; background-position: center; width: 18px; height: 19px; } @media print { .footer { display: none } } .col-auto { max-width: 100% } @media (min-width:576px) { .col-sm-auto { max-width: 100% } } @media (min-width:768px) { .col-md-auto { max-width: 100% } } @media (min-width:992px) { .col-lg-auto { max-width: 100% } } @media (min-width:1280px) { .col-xl-auto { max-width: 100% } } .hidden { display: none } .bg-blue-lightest { background-color: #eaf2fc !important } a.bg-blue-lightest:focus, a.bg-blue-lightest:hover, button.bg-blue-lightest:focus, button.bg-blue-lightest:hover { background-color: #bdd6f6 !important } .bg-blue-lighter { background-color: #bfd7f7 !important } a.bg-blue-lighter:focus, a.bg-blue-lighter:hover, button.bg-blue-lighter:focus, button.bg-blue-lighter:hover { background-color: #92bbf1 !important } .bg-blue-light { background-color: #6ba2ec !important } a.bg-blue-light:focus, a.bg-blue-light:hover, button.bg-blue-light:focus, button.bg-blue-light:hover { background-color: #3e86e6 !important } .bg-blue-dark { background-color: #2262b6 !important } a.bg-blue-dark:focus, a.bg-blue-dark:hover, button.bg-blue-dark:focus, button.bg-blue-dark:hover { background-color: #1a4b8b !important } .bg-blue-darker { background-color: #11315b !important } a.bg-blue-darker:focus, a.bg-blue-darker:hover, button.bg-blue-darker:focus, button.bg-blue-darker:hover { background-color: #091a30 !important } .bg-blue-darkest { background-color: #09182e !important } a.bg-blue-darkest:focus, a.bg-blue-darkest:hover, button.bg-blue-darkest:focus, button.bg-blue-darkest:hover { background-color: #010203 !important } .bg-indigo-lightest { background-color: #f0f1fa !important } a.bg-indigo-lightest:focus, a.bg-indigo-lightest:hover, button.bg-indigo-lightest:focus, button.bg-indigo-lightest:hover { background-color: #cacded !important } .bg-indigo-lighter { background-color: #d1d5f0 !important } a.bg-indigo-lighter:focus, a.bg-indigo-lighter:hover, button.bg-indigo-lighter:focus, button.bg-indigo-lighter:hover { background-color: #abb2e3 !important } .bg-indigo-light { background-color: #939edc !important } a.bg-indigo-light:focus, a.bg-indigo-light:hover, button.bg-indigo-light:focus, button.bg-indigo-light:hover { background-color: #6c7bd0 !important } .bg-indigo-dark { background-color: #515da4 !important } a.bg-indigo-dark:focus, a.bg-indigo-dark:hover, button.bg-indigo-dark:focus, button.bg-indigo-dark:hover { background-color: #404a82 !important } .bg-indigo-darker { background-color: #282e52 !important } a.bg-indigo-darker:focus, a.bg-indigo-darker:hover, button.bg-indigo-darker:focus, button.bg-indigo-darker:hover { background-color: #171b30 !important } .bg-indigo-darkest { background-color: #141729 !important } a.bg-indigo-darkest:focus, a.bg-indigo-darkest:hover, button.bg-indigo-darkest:focus, button.bg-indigo-darkest:hover { background-color: #030407 !important } .bg-purple-lightest { background-color: #f6effd !important } a.bg-purple-lightest:focus, a.bg-purple-lightest:hover, button.bg-purple-lightest:focus, button.bg-purple-lightest:hover { background-color: #ddc2f7 !important } .bg-purple-lighter { background-color: #e4cff9 !important } a.bg-purple-lighter:focus, a.bg-purple-lighter:hover, button.bg-purple-lighter:focus, button.bg-purple-lighter:hover { background-color: #cba2f3 !important } .bg-purple-light { background-color: #c08ef0 !important } a.bg-purple-light:focus, a.bg-purple-light:hover, button.bg-purple-light:focus, button.bg-purple-light:hover { background-color: #a761ea !important } .bg-purple-dark { background-color: #844bbb !important } a.bg-purple-dark:focus, a.bg-purple-dark:hover, button.bg-purple-dark:focus, button.bg-purple-dark:hover { background-color: #6a3a99 !important } .bg-purple-darker { background-color: #42265e !important } a.bg-purple-darker:focus, a.bg-purple-darker:hover, button.bg-purple-darker:focus, button.bg-purple-darker:hover { background-color: #29173a !important } .bg-purple-darkest { background-color: #21132f !important } a.bg-purple-darkest:focus, a.bg-purple-darkest:hover, button.bg-purple-darkest:focus, button.bg-purple-darkest:hover { background-color: #08040b !important } .bg-pink-lightest { background-color: #fef0f5 !important } a.bg-pink-lightest:focus, a.bg-pink-lightest:hover, button.bg-pink-lightest:focus, button.bg-pink-lightest:hover { background-color: #fbc0d5 !important } .bg-pink-lighter { background-color: #fcd3e1 !important } a.bg-pink-lighter:focus, a.bg-pink-lighter:hover, button.bg-pink-lighter:focus, button.bg-pink-lighter:hover { background-color: #f9a3c0 !important } .bg-pink-light { background-color: #f999b9 !important } a.bg-pink-light:focus, a.bg-pink-light:hover, button.bg-pink-light:focus, button.bg-pink-light:hover { background-color: #f66998 !important } .bg-pink-dark { background-color: #c5577c !important } a.bg-pink-dark:focus, a.bg-pink-dark:hover, button.bg-pink-dark:focus, button.bg-pink-dark:hover { background-color: #ad3c62 !important } .bg-pink-darker { background-color: #622c3e !important } a.bg-pink-darker:focus, a.bg-pink-darker:hover, button.bg-pink-darker:focus, button.bg-pink-darker:hover { background-color: #3f1c28 !important } .bg-pink-darkest { background-color: #31161f !important } a.bg-pink-darkest:focus, a.bg-pink-darkest:hover, button.bg-pink-darkest:focus, button.bg-pink-darkest:hover { background-color: #0e0609 !important } .bg-red-lightest { background-color: #fdecec !important } a.bg-red-lightest:focus, a.bg-red-lightest:hover, button.bg-red-lightest:focus, button.bg-red-lightest:hover { background-color: #f8bebe !important } .bg-red-lighter { background-color: #f8c7c6 !important } a.bg-red-lighter:focus, a.bg-red-lighter:hover, button.bg-red-lighter:focus, button.bg-red-lighter:hover { background-color: #f29a99 !important } .bg-red-light { background-color: #f07c7b !important } a.bg-red-light:focus, a.bg-red-light:hover, button.bg-red-light:focus, button.bg-red-light:hover { background-color: #eb4f4d !important } .bg-red-dark { background-color: #ba3635 !important } a.bg-red-dark:focus, a.bg-red-dark:hover, button.bg-red-dark:focus, button.bg-red-dark:hover { background-color: #922a2a !important } .bg-red-darker { background-color: #5d1b1a !important } a.bg-red-darker:focus, a.bg-red-darker:hover, button.bg-red-darker:focus, button.bg-red-darker:hover { background-color: #350f0f !important } .bg-red-darkest { background-color: #2f0e0d !important } a.bg-red-darkest:focus, a.bg-red-darkest:hover, button.bg-red-darkest:focus, button.bg-red-darkest:hover { background-color: #070202 !important } .bg-orange-lightest { background-color: #fff5ec !important } a.bg-orange-lightest:focus, a.bg-orange-lightest:hover, button.bg-orange-lightest:focus, button.bg-orange-lightest:hover { background-color: #ffdab9 !important } .bg-orange-lighter { background-color: #fee0c7 !important } a.bg-orange-lighter:focus, a.bg-orange-lighter:hover, button.bg-orange-lighter:focus, button.bg-orange-lighter:hover { background-color: #fdc495 !important } .bg-orange-light { background-color: #feb67c !important } a.bg-orange-light:focus, a.bg-orange-light:hover, button.bg-orange-light:focus, button.bg-orange-light:hover { background-color: #fe9a49 !important } .bg-orange-dark { background-color: #ca7836 !important } a.bg-orange-dark:focus, a.bg-orange-dark:hover, button.bg-orange-dark:focus, button.bg-orange-dark:hover { background-color: #a2602b !important } .bg-orange-darker { background-color: #653c1b !important } a.bg-orange-darker:focus, a.bg-orange-darker:hover, button.bg-orange-darker:focus, button.bg-orange-darker:hover { background-color: #3d2410 !important } .bg-orange-darkest { background-color: #331e0e !important } a.bg-orange-darkest:focus, a.bg-orange-darkest:hover, button.bg-orange-darkest:focus, button.bg-orange-darkest:hover { background-color: #0b0603 !important } .bg-yellow-lightest { background-color: #fef9e7 !important } a.bg-yellow-lightest:focus, a.bg-yellow-lightest:hover, button.bg-yellow-lightest:focus, button.bg-yellow-lightest:hover { background-color: #fcedb6 !important } .bg-yellow-lighter { background-color: #fbedb7 !important } a.bg-yellow-lighter:focus, a.bg-yellow-lighter:hover, button.bg-yellow-lighter:focus, button.bg-yellow-lighter:hover { background-color: #f8e187 !important } .bg-yellow-light { background-color: #f5d657 !important } a.bg-yellow-light:focus, a.bg-yellow-light:hover, button.bg-yellow-light:focus, button.bg-yellow-light:hover { background-color: #f2ca27 !important } .bg-yellow-dark { background-color: #c19d0c !important } a.bg-yellow-dark:focus, a.bg-yellow-dark:hover, button.bg-yellow-dark:focus, button.bg-yellow-dark:hover { background-color: #917609 !important } .bg-yellow-darker { background-color: #604e06 !important } a.bg-yellow-darker:focus, a.bg-yellow-darker:hover, button.bg-yellow-darker:focus, button.bg-yellow-darker:hover { background-color: #302703 !important } .bg-yellow-darkest { background-color: #302703 !important } a.bg-yellow-darkest:focus, a.bg-yellow-darkest:hover, button.bg-yellow-darkest:focus, button.bg-yellow-darkest:hover { background-color: #000 !important } .bg-green-lightest { background-color: #e6f8e6 !important } a.bg-green-lightest:focus, a.bg-green-lightest:hover, button.bg-green-lightest:focus, button.bg-green-lightest:hover { background-color: #beedbe !important } .bg-green-lighter { background-color: #b5e9b4 !important } a.bg-green-lighter:focus, a.bg-green-lighter:hover, button.bg-green-lighter:focus, button.bg-green-lighter:hover { background-color: #8edd8d !important } .bg-green-light { background-color: #53cd50 !important } a.bg-green-light:focus, a.bg-green-light:hover, button.bg-green-light:focus, button.bg-green-light:hover { background-color: #37b634 !important } .bg-green-dark { background-color: #079204 !important } a.bg-green-dark:focus, a.bg-green-dark:hover, button.bg-green-dark:focus, button.bg-green-dark:hover { background-color: #056003 !important } .bg-green-darker { background-color: #044902 !important } a.bg-green-darker:focus, a.bg-green-darker:hover, button.bg-green-darker:focus, button.bg-green-darker:hover { background-color: #011701 !important } .bg-green-darkest { background-color: #022501 !important } a.bg-green-darkest:focus, a.bg-green-darkest:hover, button.bg-green-darkest:focus, button.bg-green-darkest:hover { background-color: #000 !important } .bg-teal-lightest { background-color: #eafaf8 !important } a.bg-teal-lightest:focus, a.bg-teal-lightest:hover, button.bg-teal-lightest:focus, button.bg-teal-lightest:hover { background-color: #c1f0ea !important } .bg-teal-lighter { background-color: #bfefea !important } a.bg-teal-lighter:focus, a.bg-teal-lighter:hover, button.bg-teal-lighter:focus, button.bg-teal-lighter:hover { background-color: #96e5dd !important } .bg-teal-light { background-color: #6bdbcf !important } a.bg-teal-light:focus, a.bg-teal-light:hover, button.bg-teal-light:focus, button.bg-teal-light:hover { background-color: #42d1c2 !important } .bg-teal-dark { background-color: #22a295 !important } a.bg-teal-dark:focus, a.bg-teal-dark:hover, button.bg-teal-dark:focus, button.bg-teal-dark:hover { background-color: #19786e !important } .bg-teal-darker { background-color: #11514a !important } a.bg-teal-darker:focus, a.bg-teal-darker:hover, button.bg-teal-darker:focus, button.bg-teal-darker:hover { background-color: #082723 !important } .bg-teal-darkest { background-color: #092925 !important } a.bg-teal-darkest:focus, a.bg-teal-darkest:hover, button.bg-teal-darkest:focus, button.bg-teal-darkest:hover { background-color: #000 !important } .bg-cyan-lightest { background-color: #e8f6f8 !important } a.bg-cyan-lightest:focus, a.bg-cyan-lightest:hover, button.bg-cyan-lightest:focus, button.bg-cyan-lightest:hover { background-color: #c1e7ec !important } .bg-cyan-lighter { background-color: #b9e3ea !important } a.bg-cyan-lighter:focus, a.bg-cyan-lighter:hover, button.bg-cyan-lighter:focus, button.bg-cyan-lighter:hover { background-color: #92d3de !important } .bg-cyan-light { background-color: #5dbecd !important } a.bg-cyan-light:focus, a.bg-cyan-light:hover, button.bg-cyan-light:focus, button.bg-cyan-light:hover { background-color: #3aabbd !important } .bg-cyan-dark { background-color: #128293 !important } a.bg-cyan-dark:focus, a.bg-cyan-dark:hover, button.bg-cyan-dark:focus, button.bg-cyan-dark:hover { background-color: #0c5a66 !important } .bg-cyan-darker { background-color: #09414a !important } a.bg-cyan-darker:focus, a.bg-cyan-darker:hover, button.bg-cyan-darker:focus, button.bg-cyan-darker:hover { background-color: #03191d !important } .bg-cyan-darkest { background-color: #052025 !important } a.bg-cyan-darkest:focus, a.bg-cyan-darkest:hover, button.bg-cyan-darkest:focus, button.bg-cyan-darkest:hover { background-color: #000 !important } .bg-white-lightest { background-color: #fff !important } a.bg-white-lightest:focus, a.bg-white-lightest:hover, button.bg-white-lightest:focus, button.bg-white-lightest:hover { background-color: #e6e5e5 !important } .bg-white-lighter { background-color: #fff !important } a.bg-white-lighter:focus, a.bg-white-lighter:hover, button.bg-white-lighter:focus, button.bg-white-lighter:hover { background-color: #e6e5e5 !important } .bg-white-light { background-color: #fff !important } a.bg-white-light:focus, a.bg-white-light:hover, button.bg-white-light:focus, button.bg-white-light:hover { background-color: #e6e5e5 !important } .bg-white-dark { background-color: #ccc !important } a.bg-white-dark:focus, a.bg-white-dark:hover, button.bg-white-dark:focus, button.bg-white-dark:hover { background-color: #b3b2b2 !important } .bg-white-darker { background-color: #666 !important } a.bg-white-darker:focus, a.bg-white-darker:hover, button.bg-white-darker:focus, button.bg-white-darker:hover { background-color: #4d4c4c !important } .bg-white-darkest { background-color: #333 !important } a.bg-white-darkest:focus, a.bg-white-darkest:hover, button.bg-white-darkest:focus, button.bg-white-darkest:hover { background-color: #1a1919 !important } .bg-gray-lightest { background-color: #f1f2f4 !important } a.bg-gray-lightest:focus, a.bg-gray-lightest:hover, button.bg-gray-lightest:focus, button.bg-gray-lightest:hover { background-color: #d4d7de !important } .bg-gray-lighter { background-color: #d5d9df !important } a.bg-gray-lighter:focus, a.bg-gray-lighter:hover, button.bg-gray-lighter:focus, button.bg-gray-lighter:hover { background-color: #b8bfc9 !important } .bg-gray-light { background-color: #9ea7b4 !important } a.bg-gray-light:focus, a.bg-gray-light:hover, button.bg-gray-light:focus, button.bg-gray-light:hover { background-color: #818d9e !important } .bg-gray-dark { background-color: #5d6776 !important } a.bg-gray-dark:focus, a.bg-gray-dark:hover, button.bg-gray-dark:focus, button.bg-gray-dark:hover { background-color: #474e59 !important } .bg-gray-darker { background-color: #2e343b !important } a.bg-gray-darker:focus, a.bg-gray-darker:hover, button.bg-gray-darker:focus, button.bg-gray-darker:hover { background-color: #181b1e !important } .bg-gray-darkest { background-color: #171a1e !important } a.bg-gray-darkest:focus, a.bg-gray-darkest:hover, button.bg-gray-darkest:focus, button.bg-gray-darkest:hover { background-color: #010101 !important } .bg-gray-dark-lightest { background-color: #ecedee !important } a.bg-gray-dark-lightest:focus, a.bg-gray-dark-lightest:hover, button.bg-gray-dark-lightest:focus, button.bg-gray-dark-lightest:hover { background-color: #d1d4d6 !important } .bg-gray-dark-lighter { background-color: #c5c8cd !important } a.bg-gray-dark-lighter:focus, a.bg-gray-dark-lighter:hover, button.bg-gray-dark-lighter:focus, button.bg-gray-dark-lighter:hover { background-color: #aaaeb5 !important } .bg-gray-dark-light { background-color: #77808b !important } a.bg-gray-dark-light:focus, a.bg-gray-dark-light:hover, button.bg-gray-dark-light:focus, button.bg-gray-dark-light:hover { background-color: #5f6770 !important } .bg-gray-dark-dark { background-color: #313a47 !important } a.bg-gray-dark-dark:focus, a.bg-gray-dark-dark:hover, button.bg-gray-dark-dark:focus, button.bg-gray-dark-dark:hover { background-color: #1c2129 !important } .bg-gray-dark-darker { background-color: #181d24 !important } a.bg-gray-dark-darker:focus, a.bg-gray-dark-darker:hover, button.bg-gray-dark-darker:focus, button.bg-gray-dark-darker:hover { background-color: #040405 !important } .bg-gray-dark-darkest { background-color: #0c0f12 !important } a.bg-gray-dark-darkest:focus, a.bg-gray-dark-darkest:hover, button.bg-gray-dark-darkest:focus, button.bg-gray-dark-darkest:hover { background-color: #000 !important } .bg-azure-lightest { background-color: #ecf7fe !important } a.bg-azure-lightest:focus, a.bg-azure-lightest:hover, button.bg-azure-lightest:focus, button.bg-azure-lightest:hover { background-color: #bce3fb !important } .bg-azure-lighter { background-color: #c7e6fb !important } a.bg-azure-lighter:focus, a.bg-azure-lighter:hover, button.bg-azure-lighter:focus, button.bg-azure-lighter:hover { background-color: #97d1f8 !important } .bg-azure-light { background-color: #7dc4f6 !important } a.bg-azure-light:focus, a.bg-azure-light:hover, button.bg-azure-light:focus, button.bg-azure-light:hover { background-color: #4daef3 !important } .bg-azure-dark { background-color: #3788c2 !important } a.bg-azure-dark:focus, a.bg-azure-dark:hover, button.bg-azure-dark:focus, button.bg-azure-dark:hover { background-color: #2c6c9a !important } .bg-azure-darker { background-color: #1c4461 !important } a.bg-azure-darker:focus, a.bg-azure-darker:hover, button.bg-azure-darker:focus, button.bg-azure-darker:hover { background-color: #112839 !important } .bg-azure-darkest { background-color: #0e2230 !important } a.bg-azure-darkest:focus, a.bg-azure-darkest:hover, button.bg-azure-darkest:focus, button.bg-azure-darkest:hover { background-color: #020609 !important } .bg-lime-lightest { background-color: #f2fbeb !important } a.bg-lime-lightest:focus, a.bg-lime-lightest:hover, button.bg-lime-lightest:focus, button.bg-lime-lightest:hover { background-color: #d6f3c1 !important } .bg-lime-lighter { background-color: #d7f2c2 !important } a.bg-lime-lighter:focus, a.bg-lime-lighter:hover, button.bg-lime-lighter:focus, button.bg-lime-lighter:hover { background-color: #bbe998 !important } .bg-lime-light { background-color: #a3e072 !important } a.bg-lime-light:focus, a.bg-lime-light:hover, button.bg-lime-light:focus, button.bg-lime-light:hover { background-color: #88d748 !important } .bg-lime-dark { background-color: #62a82a !important } a.bg-lime-dark:focus, a.bg-lime-dark:hover, button.bg-lime-dark:focus, button.bg-lime-dark:hover { background-color: #4a7f20 !important } .bg-lime-darker { background-color: #315415 !important } a.bg-lime-darker:focus, a.bg-lime-darker:hover, button.bg-lime-darker:focus, button.bg-lime-darker:hover { background-color: #192b0b !important } .bg-lime-darkest { background-color: #192a0b !important } a.bg-lime-darkest:focus, a.bg-lime-darkest:hover, button.bg-lime-darkest:focus, button.bg-lime-darkest:hover { background-color: #010200 !important } .display-1 i, .display-2 i, .display-3 i, .display-4 i { vertical-align: baseline; font-size: .815em } .text-inherit { color: inherit !important } .text-default { color: #4e5e72 !important } .text-muted-dark { color: #6e7687 !important } .tracking-tight { letter-spacing: -.05em !important } .tracking-normal { letter-spacing: 0 !important } .tracking-wide { letter-spacing: .05em !important } .leading-none { line-height: 1 !important } .leading-tight { line-height: 1.25 !important } .leading-normal { line-height: 1.5 !important } .leading-loose { line-height: 2 !important } .hidden { display: none } .bg-blue { background-color: #2b7ae4 !important } a.bg-blue:focus, a.bg-blue:hover, button.bg-blue:focus, button.bg-blue:hover { background-color: #1962c3 !important } .text-blue { color: #2b7ae4 !important } .bg-indigo { background-color: #6574cd !important } a.bg-indigo:focus, a.bg-indigo:hover, button.bg-indigo:focus, button.bg-indigo:hover { background-color: #3f51c1 !important } .text-indigo { color: #6574cd !important } .bg-purple { background-color: #a55eea !important } a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover { background-color: #8c31e4 !important } .text-purple { color: #a55eea !important } .bg-pink { background-color: #f66d9b !important } a.bg-pink:focus, a.bg-pink:hover, button.bg-pink:focus, button.bg-pink:hover { background-color: #f33d7a !important } .text-pink { color: #f66d9b !important } .bg-red { background-color: #e94442 !important } a.bg-red:focus, a.bg-red:hover, button.bg-red:focus, button.bg-red:hover { background-color: #de1c1a !important } .text-red { color: #e94442 !important } .bg-orange { background-color: #fd9644 !important } a.bg-orange:focus, a.bg-orange:hover, button.bg-orange:focus, button.bg-orange:hover { background-color: #fc7a12 !important } .text-orange { color: #fd9644 !important } .bg-yellow { background-color: #f1c40f !important } a.bg-yellow:focus, a.bg-yellow:hover, button.bg-yellow:focus, button.bg-yellow:hover { background-color: #c29d0b !important } .text-yellow { color: #f1c40f !important } .bg-green { background-color: #3BE935 !important } a.bg-green:focus, a.bg-green:hover, button.bg-green:focus, button.bg-green:hover { background-color: #078504 !important } .text-green { color: #09b705 !important } .bg-teal { background-color: #2bcbba !important } a.bg-teal:focus, a.bg-teal:hover, button.bg-teal:focus, button.bg-teal:hover { background-color: #22a193 !important } .text-teal { color: #2bcbba !important } .bg-cyan { background-color: #17a2b8 !important } a.bg-cyan:focus, a.bg-cyan:hover, button.bg-cyan:focus, button.bg-cyan:hover { background-color: #117a8b !important } .text-cyan { color: #17a2b8 !important } .bg-white { background-color: #fff !important } a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover { background-color: #e6e5e5 !important } .text-white { color: #fff !important } .bg-gray { background-color: #748194 !important } a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover { background-color: #5d6878 !important } .text-gray { color: #748194 !important } .bg-gray-dark { background-color: #3d4959 !important } a.bg-gray-dark:focus, a.bg-gray-dark:hover, button.bg-gray-dark:focus, button.bg-gray-dark:hover { background-color: #28303b !important } .text-gray-dark { color: #3d4959 !important } .bg-azure { background-color: #45aaf2 !important } a.bg-azure:focus, a.bg-azure:hover, button.bg-azure:focus, button.bg-azure:hover { background-color: #1594ef !important } .text-azure { color: #45aaf2 !important } .bg-lime { background-color: #7bd235 !important } a.bg-lime:focus, a.bg-lime:hover, button.bg-lime:focus, button.bg-lime:hover { background-color: #63ad27 !important } .text-lime { color: #7bd235 !important } .icon { color: #9aa0ac !important } .icon i { vertical-align: -1px } a.icon { text-decoration: none; cursor: pointer } a.icon:hover { color: #4e5e72 !important } .o-auto { overflow: auto !important } .o-hidden { overflow: hidden !important } .shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important } .shadow-none { box-shadow: none !important } .nav-item, .nav-link { padding: 0 .75rem; min-width: 2rem; transition: .3s color; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: flex; align-items: center } .nav-tabs { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #9aa0ac; margin: .25rem 0 } .nav-tabs .nav-item { padding-left: 0; padding-right: 0 } @media (min-width:576px) { .nav-tabs .nav-item { margin-right: .5rem } } .nav-tabs .nav-item:last-child { margin-right: 0 } .nav-tabs .nav-item.active .icon { color: #2b7ae4 !important } .nav-tabs .nav-link { border: 0; border-radius: 4px; color: inherit; font-weight: 400; padding: .3rem 0; transition: .2s all } .nav-tabs .nav-link:hover:not(.disabled) { background: #edf2f9; color: #748194 } .nav-tabs .nav-link.active { color: #FF5244 !important; font-weight: bold; } .nav-tabs .nav-link .label .float-right .badge { top: -0.3rem !important; } .nav-tabs .nav-link.active .label .float-right .badge { top: -1.3rem !important; } .nav-tabs .nav-link.active .label { font-size: 1.2rem; margin-top: 20px; height: 100%; width: 100%; text-align: center; } .nav-tabs .nav-link.active i { position: absolute; z-index: 2; background-size: cover; height: 70%; width: 70%; top: -10px; } .nav-tabs .nav-link.active .header-navigation-home-img-1 { background: url(../images/navigation/home_2.png) no-repeat center; background-size: contain; } .nav-tabs .nav-link.active .header-navigation-meg-img-1 { background: url(../images/navigation/meg_2.png) no-repeat center; background-size: contain; } .nav-tabs .nav-link.active .header-navigation-dt-img-1 { background: url(../images/navigation/dt_2.png) no-repeat center; background-size: contain; } .nav-tabs .nav-link.active .header-navigation-xh-img-1 { background: url(../images/navigation/xh_2.png) no-repeat center; background-size: contain; } .nav-tabs .nav-link.active .header-navigation-my-img-1 { background: url(../images/navigation/my_2.png) no-repeat center; background-size: contain; } .header-top-img-1 { background: url(../images/top/top_1.png) no-repeat center; background-size: 138%; background-position: bottom; } .header-logo-img-1 { background: url(../images/top/logo_1.png) no-repeat center; } .nav-tabs .nav-link.disabled { opacity: .4; cursor: default; pointer-events: none } @media (max-width:767.98px) { .nav-tabs .nav-link { padding: .3rem .3rem; margin-left: .1rem; margin-right: .1rem } .nav-tabs .nav-link .icon { font-size: 1.1rem; margin-bottom: .25rem } .nav-tabs .nav-link .label { font-size: .9rem; height: 100%; width: 100%; text-align: center; } } @media (min-width:576px) { .nav-tabs .nav-link { padding: .3rem .75rem } .nav-tabs .nav-link .icon { font-size: 1.1rem; margin-right: .5rem } } @media (min-width:768px) { .nav-tabs .nav-link { margin-top: .1rem; margin-bottom: .1rem; padding: .5rem .75rem } .nav-tabs .nav-link .icon { font-size: 1.1rem; margin-right: .5rem } } .nav-tabs .nav-item { margin-bottom: 0; position: relative } .nav-tabs .nav-item a { width: 100%; } .nav-tabs .nav-item i { /* margin-right: .25rem; */ line-height: 1; font-size: .875rem; width: 1.875rem; vertical-align: baseline; display: inline-block; height: 1.875rem; } .nav-tabs .nav-item:hover .nav-submenu { display: block } .nav-tabs .nav-submenu { display: none; position: absolute; background: #fff; border: 1px solid rgba(0, 40, 100, .12); border-top: none; z-index: 10; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); min-width: 10rem; border-radius: 0 0 3px 3px } .nav-tabs .nav-submenu .nav-item { display: block; padding: .5rem 1rem; color: #9aa0ac; margin: 0 !important; cursor: pointer; transition: .3s background } .nav-tabs .nav-submenu .nav-item.active { color: #2b7ae4 } .nav-tabs .nav-submenu .nav-item:hover { color: #6e7687; text-decoration: none; background: rgba(0, 0, 0, .024) } .header-navigation-home-img-1 { background: url(../images/navigation/home_1.png) no-repeat center; } .header-navigation-meg-img-1 { background: url(../images/navigation/meg_1.png) no-repeat center; } .header-navigation-dt-img-1 { background: url(../images/navigation/dt_1.png) no-repeat center; } .header-navigation-xh-img-1 { background: url(../images/navigation/xh_1.png) no-repeat center; } .header-navigation-my-img-1 { background: url(../images/navigation/my_1.png) no-repeat center; } .btn, .post-new .upload-kit .upload-kit-input { cursor: pointer; font-weight: 600; letter-spacing: .03em; font-size: .8125rem; min-width: 2.375rem } .btn i, .post-new .upload-kit .upload-kit-input i { font-size: 1.2rem; vertical-align: -2px } .btn-icon { padding-left: .5rem; padding-right: .5rem; text-align: center } .btn-secondary, .post-new .upload-kit .upload-kit-input { color: #4e5e72; background-color: #fff; border-color: rgba(0, 40, 100, .12); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05) } .btn-secondary:hover, .post-new .upload-kit .upload-kit-input:hover { color: #4e5e72; background-color: #f6f6f6; border-color: rgba(0, 20, 49, .12) } .btn-secondary.focus, .btn-secondary:focus, .post-new .upload-kit .focus.upload-kit-input, .post-new .upload-kit .upload-kit-input:focus { color: #4e5e72; background-color: #f6f6f6; border-color: rgba(0, 20, 49, .12); box-shadow: 0 0 0 2px rgba(57, 80, 110, .5) } .btn-secondary.disabled, .btn-secondary:disabled, .post-new .upload-kit .disabled.upload-kit-input, .post-new .upload-kit .upload-kit-input:disabled { color: #4e5e72; background-color: #fff; border-color: rgba(0, 40, 100, .12) } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .post-new .upload-kit .show>.dropdown-toggle.upload-kit-input, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled).active, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #4e5e72; background-color: #e6e5e5; border-color: rgba(0, 15, 36, .12) } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .post-new .upload-kit .show>.dropdown-toggle.upload-kit-input:focus, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled).active:focus, .post-new .upload-kit .upload-kit-input:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(57, 80, 110, .5) } .btn-pill { border-radius: 10rem; padding-left: 1.5em; padding-right: 1.5em } .btn-square { border-radius: 0 } .btn-facebook { color: #fff; background-color: #3b5998; border-color: #3b5998 } .btn-facebook:hover { color: #fff; background-color: #30497c; border-color: #2d4373 } .btn-facebook.focus, .btn-facebook:focus { color: #fff; background-color: #30497c; border-color: #2d4373; box-shadow: 0 0 0 2px rgba(88, 114, 167, .5) } .btn-facebook.disabled, .btn-facebook:disabled { color: #fff; background-color: #3b5998; border-color: #3b5998 } .btn-facebook:not(:disabled):not(.disabled).active, .btn-facebook:not(:disabled):not(.disabled):active, .show>.btn-facebook.dropdown-toggle { color: #fff; background-color: #2d4373; border-color: #293e6a } .btn-facebook:not(:disabled):not(.disabled).active:focus, .btn-facebook:not(:disabled):not(.disabled):active:focus, .show>.btn-facebook.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(88, 114, 167, .5) } .btn-twitter { color: #fff; background-color: #1da1f2; border-color: #1da1f2 } .btn-twitter:hover { color: #fff; background-color: #0d8ddc; border-color: #0c85d0 } .btn-twitter.focus, .btn-twitter:focus { color: #fff; background-color: #0d8ddc; border-color: #0c85d0; box-shadow: 0 0 0 2px rgba(63, 175, 244, .5) } .btn-twitter.disabled, .btn-twitter:disabled { color: #fff; background-color: #1da1f2; border-color: #1da1f2 } .btn-twitter:not(:disabled):not(.disabled).active, .btn-twitter:not(:disabled):not(.disabled):active, .show>.btn-twitter.dropdown-toggle { color: #fff; background-color: #0c85d0; border-color: #0b7ec4 } .btn-twitter:not(:disabled):not(.disabled).active:focus, .btn-twitter:not(:disabled):not(.disabled):active:focus, .show>.btn-twitter.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(63, 175, 244, .5) } .btn-google { color: #fff; background-color: #dc4e41; border-color: #dc4e41 } .btn-google:hover { color: #fff; background-color: #d03526; border-color: #c63224 } .btn-google.focus, .btn-google:focus { color: #fff; background-color: #d03526; border-color: #c63224; box-shadow: 0 0 0 2px rgba(225, 105, 94, .5) } .btn-google.disabled, .btn-google:disabled { color: #fff; background-color: #dc4e41; border-color: #dc4e41 } .btn-google:not(:disabled):not(.disabled).active, .btn-google:not(:disabled):not(.disabled):active, .show>.btn-google.dropdown-toggle { color: #fff; background-color: #c63224; border-color: #bb2f22 } .btn-google:not(:disabled):not(.disabled).active:focus, .btn-google:not(:disabled):not(.disabled):active:focus, .show>.btn-google.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(225, 105, 94, .5) } .btn-youtube { color: #fff; background-color: red; border-color: red } .btn-youtube:hover { color: #fff; background-color: #d90000; border-color: #c00 } .btn-youtube.focus, .btn-youtube:focus { color: #fff; background-color: #d90000; border-color: #c00; box-shadow: 0 0 0 2px rgba(255, 38, 38, .5) } .btn-youtube.disabled, .btn-youtube:disabled { color: #fff; background-color: red; border-color: red } .btn-youtube:not(:disabled):not(.disabled).active, .btn-youtube:not(:disabled):not(.disabled):active, .show>.btn-youtube.dropdown-toggle { color: #fff; background-color: #c00; border-color: #bf0000 } .btn-youtube:not(:disabled):not(.disabled).active:focus, .btn-youtube:not(:disabled):not(.disabled):active:focus, .show>.btn-youtube.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(255, 38, 38, .5) } .btn-vimeo { color: #fff; background-color: #1ab7ea; border-color: #1ab7ea } .btn-vimeo:hover { color: #fff; background-color: #139ecb; border-color: #1295bf } .btn-vimeo.focus, .btn-vimeo:focus { color: #fff; background-color: #139ecb; border-color: #1295bf; box-shadow: 0 0 0 2px rgba(60, 194, 237, .5) } .btn-vimeo.disabled, .btn-vimeo:disabled { color: #fff; background-color: #1ab7ea; border-color: #1ab7ea } .btn-vimeo:not(:disabled):not(.disabled).active, .btn-vimeo:not(:disabled):not(.disabled):active, .show>.btn-vimeo.dropdown-toggle { color: #fff; background-color: #1295bf; border-color: #108cb4 } .btn-vimeo:not(:disabled):not(.disabled).active:focus, .btn-vimeo:not(:disabled):not(.disabled):active:focus, .show>.btn-vimeo.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(60, 194, 237, .5) } .btn-dribbble { color: #fff; background-color: #ea4c89; border-color: #ea4c89 } .btn-dribbble:hover { color: #fff; background-color: #e62a72; border-color: #e51e6b } .btn-dribbble.focus, .btn-dribbble:focus { color: #fff; background-color: #e62a72; border-color: #e51e6b; box-shadow: 0 0 0 2px rgba(237, 103, 155, .5) } .btn-dribbble.disabled, .btn-dribbble:disabled { color: #fff; background-color: #ea4c89; border-color: #ea4c89 } .btn-dribbble:not(:disabled):not(.disabled).active, .btn-dribbble:not(:disabled):not(.disabled):active, .show>.btn-dribbble.dropdown-toggle { color: #fff; background-color: #e51e6b; border-color: #dc1a65 } .btn-dribbble:not(:disabled):not(.disabled).active:focus, .btn-dribbble:not(:disabled):not(.disabled):active:focus, .show>.btn-dribbble.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(237, 103, 155, .5) } .btn-github { color: #fff; background-color: #181717; border-color: #181717 } .btn-github:hover { color: #fff; background-color: #040404; border-color: #000 } .btn-github.focus, .btn-github:focus { color: #fff; background-color: #040404; border-color: #000; box-shadow: 0 0 0 2px rgba(59, 58, 58, .5) } .btn-github.disabled, .btn-github:disabled { color: #fff; background-color: #181717; border-color: #181717 } .btn-github:not(:disabled):not(.disabled).active, .btn-github:not(:disabled):not(.disabled):active, .show>.btn-github.dropdown-toggle { color: #fff; background-color: #000; border-color: #000 } .btn-github:not(:disabled):not(.disabled).active:focus, .btn-github:not(:disabled):not(.disabled):active:focus, .show>.btn-github.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(59, 58, 58, .5) } .btn-instagram { color: #fff; background-color: #e4405f; border-color: #e4405f } .btn-instagram:hover { color: #fff; background-color: #de1f44; border-color: #d31e40 } .btn-instagram.focus, .btn-instagram:focus { color: #fff; background-color: #de1f44; border-color: #d31e40; box-shadow: 0 0 0 2px rgba(232, 93, 119, .5) } .btn-instagram.disabled, .btn-instagram:disabled { color: #fff; background-color: #e4405f; border-color: #e4405f } .btn-instagram:not(:disabled):not(.disabled).active, .btn-instagram:not(:disabled):not(.disabled):active, .show>.btn-instagram.dropdown-toggle { color: #fff; background-color: #d31e40; border-color: #c81c3d } .btn-instagram:not(:disabled):not(.disabled).active:focus, .btn-instagram:not(:disabled):not(.disabled):active:focus, .show>.btn-instagram.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(232, 93, 119, .5) } .btn-pinterest { color: #fff; background-color: #bd081c; border-color: #bd081c } .btn-pinterest:hover { color: #fff; background-color: #980617; border-color: #8c0615 } .btn-pinterest.focus, .btn-pinterest:focus { color: #fff; background-color: #980617; border-color: #8c0615; box-shadow: 0 0 0 2px rgba(199, 45, 62, .5) } .btn-pinterest.disabled, .btn-pinterest:disabled { color: #fff; background-color: #bd081c; border-color: #bd081c } .btn-pinterest:not(:disabled):not(.disabled).active, .btn-pinterest:not(:disabled):not(.disabled):active, .show>.btn-pinterest.dropdown-toggle { color: #fff; background-color: #8c0615; border-color: #800513 } .btn-pinterest:not(:disabled):not(.disabled).active:focus, .btn-pinterest:not(:disabled):not(.disabled):active:focus, .show>.btn-pinterest.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(199, 45, 62, .5) } .btn-vk { color: #fff; background-color: #6383a8; border-color: #6383a8 } .btn-vk:hover { color: #fff; background-color: #527093; border-color: #4d6a8b } .btn-vk.focus, .btn-vk:focus { color: #fff; background-color: #527093; border-color: #4d6a8b; box-shadow: 0 0 0 2px rgba(122, 150, 181, .5) } .btn-vk.disabled, .btn-vk:disabled { color: #fff; background-color: #6383a8; border-color: #6383a8 } .btn-vk:not(:disabled):not(.disabled).active, .btn-vk:not(:disabled):not(.disabled):active, .show>.btn-vk.dropdown-toggle { color: #fff; background-color: #4d6a8b; border-color: #496482 } .btn-vk:not(:disabled):not(.disabled).active:focus, .btn-vk:not(:disabled):not(.disabled):active:focus, .show>.btn-vk.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(122, 150, 181, .5) } .btn-rss { color: #fff; background-color: orange; border-color: orange } .btn-rss:hover { color: #fff; background-color: #d98c00; border-color: #cc8400 } .btn-rss.focus, .btn-rss:focus { color: #fff; background-color: #d98c00; border-color: #cc8400; box-shadow: 0 0 0 2px rgba(255, 179, 38, .5) } .btn-rss.disabled, .btn-rss:disabled { color: #fff; background-color: orange; border-color: orange } .btn-rss:not(:disabled):not(.disabled).active, .btn-rss:not(:disabled):not(.disabled):active, .show>.btn-rss.dropdown-toggle { color: #fff; background-color: #cc8400; border-color: #bf7c00 } .btn-rss:not(:disabled):not(.disabled).active:focus, .btn-rss:not(:disabled):not(.disabled):active:focus, .show>.btn-rss.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(255, 179, 38, .5) } .btn-flickr { color: #fff; background-color: #0063dc; border-color: #0063dc } .btn-flickr:hover { color: #fff; background-color: #0052b6; border-color: #004ca9 } .btn-flickr.focus, .btn-flickr:focus { color: #fff; background-color: #0052b6; border-color: #004ca9; box-shadow: 0 0 0 2px rgba(38, 122, 225, .5) } .btn-flickr.disabled, .btn-flickr:disabled { color: #fff; background-color: #0063dc; border-color: #0063dc } .btn-flickr:not(:disabled):not(.disabled).active, .btn-flickr:not(:disabled):not(.disabled):active, .show>.btn-flickr.dropdown-toggle { color: #fff; background-color: #004ca9; border-color: #00469c } .btn-flickr:not(:disabled):not(.disabled).active:focus, .btn-flickr:not(:disabled):not(.disabled):active:focus, .show>.btn-flickr.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(38, 122, 225, .5) } .btn-bitbucket { color: #fff; background-color: #0052cc; border-color: #0052cc } .btn-bitbucket:hover { color: #fff; background-color: #0043a6; border-color: #003e99 } .btn-bitbucket.focus, .btn-bitbucket:focus { color: #fff; background-color: #0043a6; border-color: #003e99; box-shadow: 0 0 0 2px rgba(38, 108, 212, .5) } .btn-bitbucket.disabled, .btn-bitbucket:disabled { color: #fff; background-color: #0052cc; border-color: #0052cc } .btn-bitbucket:not(:disabled):not(.disabled).active, .btn-bitbucket:not(:disabled):not(.disabled):active, .show>.btn-bitbucket.dropdown-toggle { color: #fff; background-color: #003e99; border-color: #00388c } .btn-bitbucket:not(:disabled):not(.disabled).active:focus, .btn-bitbucket:not(:disabled):not(.disabled):active:focus, .show>.btn-bitbucket.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(38, 108, 212, .5) } .btn-blue { color: #fff; background-color: #2b7ae4; border-color: #2b7ae4 } .btn-blue:hover { color: #fff; background-color: #1a67ce; border-color: #1962c3 } .btn-blue.focus, .btn-blue:focus { color: #fff; background-color: #1a67ce; border-color: #1962c3; box-shadow: 0 0 0 2px rgba(75, 142, 232, .5) } .btn-blue.disabled, .btn-blue:disabled { color: #fff; background-color: #2b7ae4; border-color: #2b7ae4 } .btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active, .show>.btn-blue.dropdown-toggle { color: #fff; background-color: #1962c3; border-color: #175cb8 } .btn-blue:not(:disabled):not(.disabled).active:focus, .btn-blue:not(:disabled):not(.disabled):active:focus, .show>.btn-blue.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(75, 142, 232, .5) } .btn-indigo { color: #fff; background-color: #6574cd; border-color: #6574cd } .btn-indigo:hover { color: #fff; background-color: #485ac4; border-color: #3f51c1 } .btn-indigo.focus, .btn-indigo:focus { color: #fff; background-color: #485ac4; border-color: #3f51c1; box-shadow: 0 0 0 2px rgba(124, 137, 213, .5) } .btn-indigo.disabled, .btn-indigo:disabled { color: #fff; background-color: #6574cd; border-color: #6574cd } .btn-indigo:not(:disabled):not(.disabled).active, .btn-indigo:not(:disabled):not(.disabled):active, .show>.btn-indigo.dropdown-toggle { color: #fff; background-color: #3f51c1; border-color: #3b4db7 } .btn-indigo:not(:disabled):not(.disabled).active:focus, .btn-indigo:not(:disabled):not(.disabled):active:focus, .show>.btn-indigo.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(124, 137, 213, .5) } .btn-purple { color: #fff; background-color: #a55eea; border-color: #a55eea } .btn-purple:hover { color: #fff; background-color: #923ce6; border-color: #8c31e4 } .btn-purple.focus, .btn-purple:focus { color: #fff; background-color: #923ce6; border-color: #8c31e4; box-shadow: 0 0 0 2px rgba(179, 118, 237, .5) } .btn-purple.disabled, .btn-purple:disabled { color: #fff; background-color: #a55eea; border-color: #a55eea } .btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show>.btn-purple.dropdown-toggle { color: #fff; background-color: #8c31e4; border-color: #8526e3 } .btn-purple:not(:disabled):not(.disabled).active:focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-purple.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(179, 118, 237, .5) } .btn-pink { color: #fff; background-color: #f66d9b; border-color: #f66d9b } .btn-pink:hover { color: #fff; background-color: #f44982; border-color: #f33d7a } .btn-pink.focus, .btn-pink:focus { color: #fff; background-color: #f44982; border-color: #f33d7a; box-shadow: 0 0 0 2px rgba(247, 131, 170, .5) } .btn-pink.disabled, .btn-pink:disabled { color: #fff; background-color: #f66d9b; border-color: #f66d9b } .btn-pink:not(:disabled):not(.disabled).active, .btn-pink:not(:disabled):not(.disabled):active, .show>.btn-pink.dropdown-toggle { color: #fff; background-color: #f33d7a; border-color: #f23172 } .btn-pink:not(:disabled):not(.disabled).active:focus, .btn-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-pink.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(247, 131, 170, .5) } .btn-red { color: #fff; background-color: #e94442; border-color: #e94442 } .btn-red:hover { color: #fff; background-color: #e52220; border-color: #de1c1a } .btn-red.focus, .btn-red:focus { color: #fff; background-color: #e52220; border-color: #de1c1a; box-shadow: 0 0 0 2px rgba(236, 96, 94, .5) } .btn-red.disabled, .btn-red:disabled { color: #fff; background-color: #e94442; border-color: #e94442 } .btn-red:not(:disabled):not(.disabled).active, .btn-red:not(:disabled):not(.disabled):active, .show>.btn-red.dropdown-toggle { color: #fff; background-color: #de1c1a; border-color: #d31b19 } .btn-red:not(:disabled):not(.disabled).active:focus, .btn-red:not(:disabled):not(.disabled):active:focus, .show>.btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(236, 96, 94, .5) } .btn-orange { color: #fff; background-color: #fd9644; border-color: #fd9644 } .btn-orange:hover { color: #fff; background-color: #fd811e; border-color: #fc7a12 } .btn-orange.focus, .btn-orange:focus { color: #fff; background-color: #fd811e; border-color: #fc7a12; box-shadow: 0 0 0 2px rgba(253, 166, 96, .5) } .btn-orange.disabled, .btn-orange:disabled { color: #fff; background-color: #fd9644; border-color: #fd9644 } .btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active, .show>.btn-orange.dropdown-toggle { color: #fff; background-color: #fc7a12; border-color: #fc7305 } .btn-orange:not(:disabled):not(.disabled).active:focus, .btn-orange:not(:disabled):not(.disabled):active:focus, .show>.btn-orange.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(253, 166, 96, .5) } .btn-yellow { color: #fff; background-color: #f1c40f; border-color: #f1c40f } .btn-yellow:hover { color: #fff; background-color: #cea70c; border-color: #c29d0b } .btn-yellow.focus, .btn-yellow:focus { color: #fff; background-color: #cea70c; border-color: #c29d0b; box-shadow: 0 0 0 2px rgba(243, 205, 51, .5) } .btn-yellow.disabled, .btn-yellow:disabled { color: #fff; background-color: #f1c40f; border-color: #f1c40f } .btn-yellow:not(:disabled):not(.disabled).active, .btn-yellow:not(:disabled):not(.disabled):active, .show>.btn-yellow.dropdown-toggle { color: #fff; background-color: #c29d0b; border-color: #b6940b } .btn-yellow:not(:disabled):not(.disabled).active:focus, .btn-yellow:not(:disabled):not(.disabled):active:focus, .show>.btn-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(243, 205, 51, .5) } .btn-green { color: #fff; background-color: #09b705; border-color: #09b705 } .btn-green:hover { color: #fff; background-color: #079204; border-color: #078504 } .btn-green.focus, .btn-green:focus { color: #fff; background-color: #079204; border-color: #078504; box-shadow: 0 0 0 2px rgba(46, 194, 43, .5) } .btn-green.disabled, .btn-green:disabled { color: #fff; background-color: #09b705; border-color: #09b705 } .btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show>.btn-green.dropdown-toggle { color: #fff; background-color: #078504; border-color: #067903 } .btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show>.btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(46, 194, 43, .5) } .btn-teal { color: #fff; background-color: #2bcbba; border-color: #2bcbba } .btn-teal:hover { color: #fff; background-color: #24ab9d; border-color: #22a193 } .btn-teal.focus, .btn-teal:focus { color: #fff; background-color: #24ab9d; border-color: #22a193; box-shadow: 0 0 0 2px rgba(75, 211, 196, .5) } .btn-teal.disabled, .btn-teal:disabled { color: #fff; background-color: #2bcbba; border-color: #2bcbba } .btn-teal:not(:disabled):not(.disabled).active, .btn-teal:not(:disabled):not(.disabled):active, .show>.btn-teal.dropdown-toggle { color: #fff; background-color: #22a193; border-color: #20968a } .btn-teal:not(:disabled):not(.disabled).active:focus, .btn-teal:not(:disabled):not(.disabled):active:focus, .show>.btn-teal.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(75, 211, 196, .5) } .btn-cyan { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-cyan:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-cyan.focus, .btn-cyan:focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 2px rgba(58, 176, 195, .5) } .btn-cyan.disabled, .btn-cyan:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-cyan:not(:disabled):not(.disabled).active, .btn-cyan:not(:disabled):not(.disabled):active, .show>.btn-cyan.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .btn-cyan:not(:disabled):not(.disabled).active:focus, .btn-cyan:not(:disabled):not(.disabled):active:focus, .show>.btn-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(58, 176, 195, .5) } .btn-white { color: #4e5e72; background-color: #fff; border-color: #fff } .btn-white:hover { color: #4e5e72; background-color: #ececec; border-color: #e6e5e5 } .btn-white.focus, .btn-white:focus { color: #4e5e72; background-color: #ececec; border-color: #e6e5e5; box-shadow: 0 0 0 2px rgba(228, 231, 234, .5) } .btn-white.disabled, .btn-white:disabled { color: #4e5e72; background-color: #fff; border-color: #fff } .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle { color: #4e5e72; background-color: #e6e5e5; border-color: #dfdfdf } .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(228, 231, 234, .5) } .btn-gray { color: #fff; background-color: #748194; border-color: #748194 } .btn-gray:hover { color: #fff; background-color: #626e80; border-color: #5d6878 } .btn-gray.focus, .btn-gray:focus { color: #fff; background-color: #626e80; border-color: #5d6878; box-shadow: 0 0 0 2px rgba(137, 148, 164, .5) } .btn-gray.disabled, .btn-gray:disabled { color: #fff; background-color: #748194; border-color: #748194 } .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show>.btn-gray.dropdown-toggle { color: #fff; background-color: #5d6878; border-color: #576271 } .btn-gray:not(:disabled):not(.disabled).active:focus, .btn-gray:not(:disabled):not(.disabled):active:focus, .show>.btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(137, 148, 164, .5) } .btn-gray-dark { color: #fff; background-color: #3d4959; border-color: #3d4959 } .btn-gray-dark:hover { color: #fff; background-color: #2d3642; border-color: #28303b } .btn-gray-dark.focus, .btn-gray-dark:focus { color: #fff; background-color: #2d3642; border-color: #28303b; box-shadow: 0 0 0 2px rgba(90, 100, 114, .5) } .btn-gray-dark.disabled, .btn-gray-dark:disabled { color: #fff; background-color: #3d4959; border-color: #3d4959 } .btn-gray-dark:not(:disabled):not(.disabled).active, .btn-gray-dark:not(:disabled):not(.disabled):active, .show>.btn-gray-dark.dropdown-toggle { color: #fff; background-color: #28303b; border-color: #232a33 } .btn-gray-dark:not(:disabled):not(.disabled).active:focus, .btn-gray-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-gray-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(90, 100, 114, .5) } .btn-azure { color: #fff; background-color: #45aaf2; border-color: #45aaf2 } .btn-azure:hover { color: #fff; background-color: #219af0; border-color: #1594ef } .btn-azure.focus, .btn-azure:focus { color: #fff; background-color: #219af0; border-color: #1594ef; box-shadow: 0 0 0 2px rgba(97, 183, 244, .5) } .btn-azure.disabled, .btn-azure:disabled { color: #fff; background-color: #45aaf2; border-color: #45aaf2 } .btn-azure:not(:disabled):not(.disabled).active, .btn-azure:not(:disabled):not(.disabled):active, .show>.btn-azure.dropdown-toggle { color: #fff; background-color: #1594ef; border-color: #108ee7 } .btn-azure:not(:disabled):not(.disabled).active:focus, .btn-azure:not(:disabled):not(.disabled):active:focus, .show>.btn-azure.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(97, 183, 244, .5) } .btn-lime { color: #fff; background-color: #7bd235; border-color: #7bd235 } .btn-lime:hover { color: #fff; background-color: #69b829; border-color: #63ad27 } .btn-lime.focus, .btn-lime:focus { color: #fff; background-color: #69b829; border-color: #63ad27; box-shadow: 0 0 0 2px rgba(143, 217, 83, .5) } .btn-lime.disabled, .btn-lime:disabled { color: #fff; background-color: #7bd235; border-color: #7bd235 } .btn-lime:not(:disabled):not(.disabled).active, .btn-lime:not(:disabled):not(.disabled):active, .show>.btn-lime.dropdown-toggle { color: #fff; background-color: #63ad27; border-color: #5da324 } .btn-lime:not(:disabled):not(.disabled).active:focus, .btn-lime:not(:disabled):not(.disabled):active:focus, .show>.btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(143, 217, 83, .5) } .btn-option { background: 0 0; color: #9aa0ac } .btn-option:hover { color: #6e7687 } .btn-option:focus { box-shadow: none; color: #6e7687 } .btn-group-sm>.btn, .btn-sm, .post-new .upload-kit .btn-group-sm>.upload-kit-input { font-size: .75rem; min-width: 1.625rem } .btn-group-lg>.btn, .btn-lg, .post-new .upload-kit .btn-group-lg>.upload-kit-input { font-size: 1rem; min-width: 2.75rem; font-weight: 400 } .btn-list { margin-bottom: -.5rem; font-size: 0 } .btn-list>.btn, .btn-list>.dropdown, .post-new .upload-kit .btn-list>.upload-kit-input { margin-bottom: .5rem } .btn-list>.btn:not(:last-child), .btn-list>.dropdown:not(:last-child), .post-new .upload-kit .btn-list>.upload-kit-input:not(:last-child) { margin-right: .5rem } .btn-loading { color: transparent !important; pointer-events: none; position: relative } .btn-loading:after { content: ''; -webkit-animation: loader .5s infinite linear; animation: loader .5s infinite linear; border: 2px solid #fff; border-radius: 50%; border-right-color: transparent !important; border-top-color: transparent !important; display: block; height: 1.4em; width: 1.4em; left: calc(50% - (1.4em / 2)); top: calc(50% - (1.4em / 2)); transform-origin: center; position: absolute !important } .btn-group-sm>.btn-loading.btn:after, .btn-loading.btn-sm:after, .post-new .upload-kit .btn-group-sm>.btn-loading.upload-kit-input:after { height: 1em; width: 1em; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)) } .btn-loading.btn-secondary:after, .post-new .upload-kit .btn-loading.upload-kit-input:after { border-color: #4e5e72 } .alert { font-size: .9375rem } .alert-icon { padding-left: 3rem } .alert-icon>i { color: inherit !important; font-size: 1rem; position: absolute; top: 1rem; left: 1rem } .alert-avatar { padding-left: 3.75rem } .alert-avatar .avatar { position: absolute; top: .5rem; left: .75rem } .close { font-size: 1rem; line-height: 1.5; transition: .3s color } .close:before { content: '\ea00'; font-family: feather, sans-serif } .badge { color: #fff } .badge-default { background: #edf2f9; color: #748194 } .table thead th, .text-wrap table thead th { border-top: 0; border-bottom-width: 1px; padding-top: .5rem; padding-bottom: .5rem } .table th, .text-wrap table th { color: #9aa0ac; text-transform: uppercase; font-size: .875rem; font-weight: 400 } .table-md td, .table-md th { padding: .5rem } .table-vcenter td, .table-vcenter th { vertical-align: middle } .table-center td, .table-center th { text-align: center } .table-striped tbody tr:nth-of-type(odd) { background: 0 0 } .table-striped tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, .02) } .table-calendar { margin: 0 0 .75rem } .table-calendar td, .table-calendar th { border: 0; text-align: center; padding: 0 !important; width: 14.28571429%; line-height: 2.5rem } .table-calendar td { border-top: 0 } .table-calendar-link { line-height: 2rem; min-width: calc(2rem + 2px); display: inline-block; border-radius: 3px; background: #f9fafd; color: #4e5e72; font-weight: 600; transition: .3s background, .3s color; position: relative } .table-calendar-link:before { content: ''; width: 4px; height: 4px; position: absolute; left: .25rem; top: .25rem; border-radius: 50px; background: #2b7ae4 } .table-calendar-link:hover { color: #fff; text-decoration: none; background: #2b7ae4; transition: .3s background } .table-calendar-link:hover:before { background: #fff } .table-header { cursor: pointer; transition: .3s color } .table-header:hover { color: #4e5e72 !important } .table-header:after { content: '\f0dc'; font-family: FontAwesome; display: inline-block; margin-left: .5rem; font-size: .75rem } .table-header-asc { color: #4e5e72 !important } .table-header-asc:after { content: '\f0de' } .table-header-desc { color: #4e5e72 !important } .table-header-desc:after { content: '\f0dd' } .page-breadcrumb { background: 0 0; padding: 0; margin: 1rem 0 0; font-size: .875rem } @media (min-width:768px) { .page-breadcrumb { margin: -.5rem 0 0 } } .page-breadcrumb .breadcrumb-item { color: #9aa0ac } .page-breadcrumb .breadcrumb-item.active { color: #6e7687 } .pagination-simple .page-item .page-link { background: 0 0; border: none } .pagination-simple .page-item.active .page-link { color: #4e5e72; font-weight: 700 } .pagination-pager .page-prev { margin-right: auto } .pagination-pager .page-next { margin-left: auto } .page-total-text { margin-right: 1rem; align-self: center; color: #6e7687 } .card, .group-header { border: 0; position: relative; margin-bottom: 0.5rem; width: 100%; border-radius: 6px } .card .card, .card .group-header, .group-header .card, .group-header .group-header { box-shadow: none } @media print { .card, .group-header { box-shadow: none; border: none } } .card .card-bg, .group-header .card-bg { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; will-change: transform, opacity, filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: contain; background: linear-gradient(50deg, #F7C371, #FF5643); z-index: 0 } .card .card-bg.card-bg-red, .group-header .card-bg.card-bg-red { background: linear-gradient(50deg, #F7C371, #FF5643); } .card .card-bg.card-bg-green, .group-header .card-bg.card-bg-green { background-image: url(../images/card-bg-green.png) } .card .card-bg.card-bg-blue, .group-header .card-bg.card-bg-blue { background-image: url(../images/card-bg-blue.png) } .card .card-bg.card-bg-yellow, .group-header .card-bg.card-bg-yellow { background-image: url(../images/card-bg-yellow.png) } .card .card-bg.card-bg-purple, .group-header .card-bg.card-bg-purple { background-image: url(../images/card-bg-purple.png) } .card .card-bg.card-bg-gray, .group-header .card-bg.card-bg-gray { background-image: url(../images/card-bg-gray.png) } .card-body { flex: 1 1 auto; margin: 0; padding: 1.5rem 1.5rem; position: relative } .card-body+.card-body { border-top: 1px solid rgba(0, 40, 100, .12) } .card-body>:last-child { margin-bottom: 0 } @media print { .card-body { padding: 0 } } .card-body-scrollable { overflow: auto } .card-bottom, .card-footer { padding: 1rem 1.5rem; background: 0 0 } .card-footer { border-top: 1px solid rgba(0, 40, 100, .12); color: #6e7687 } .card-header { background: 0 0; padding: .5rem 1.5rem; display: flex; min-height: 3.5rem; align-items: center } .card-header .card-title { margin-bottom: 0 } .card-header.border-0+.card-body { padding-top: 0 } @media print { .card-header { display: none } } .card-img-top { border-top-left-radius: 3px; border-top-right-radius: 3px } .circle-img { width: 120px; height: 120px; border-radius: 50%; } .my-circle-img { width: 60px; height: 60px; border-radius: 50%; } .avatar-container { position: absolute; top: 0; width: 133px; height: 133px; background-size: cover !important; border-radius: 50%; display: inline-block; overflow: hidden; } .avatar-container-img { background: url(../images/uinfo/head_img_3.png) no-repeat center; } .avatar-container-img1 { background: url(../images/uinfo/head_img2_3.png) no-repeat center; } .avatar-container-img2 { background: url(../images/uinfo/head_img1_3.png) no-repeat center; } .card-img-overlay { background-color: rgba(0, 0, 0, .4); display: flex; flex-direction: column } .card-title { font-size: 1.125rem; line-height: 1.2; font-weight: 400; margin-bottom: 1.5rem } .card-title a { color: inherit } .card-title:only-child { margin-bottom: 0 } .card-subtitle, .card-title small { color: #9aa0ac; font-size: .875rem; display: block; margin: -.75rem 0 1rem; line-height: 1.1; font-weight: 400 } .card-table { margin-bottom: 0 } .card-table tr:first-child td, .card-table tr:first-child th { border-top: 0 } .card-table tr td:first-child, .card-table tr th:first-child { padding-left: 1.5rem } .card-table tr td:last-child, .card-table tr th:last-child { padding-right: 1.5rem } .card-body+.card-table { border-top: 1px solid rgba(0, 40, 100, .12) } .card-profile .card-header { height: 9rem; background-size: cover } .card-profile-img { max-width: 6rem; margin-top: -5rem; margin-bottom: 1rem; border: 3px solid #fff; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, .1) } .card-link+.card-link { margin-left: 1rem } .card-body+.card-list-group { border-top: 1px solid rgba(0, 40, 100, .12) } .card-list-group .list-group-item { border-right: 0; border-left: 0; border-radius: 0; padding-left: 1.5rem; padding-right: 1.5rem } .card-list-group .list-group-item:last-child { border-bottom: 0 } .card-list-group .list-group-item:first-child { border-top: 0 } .card-header-tabs { margin: -1.25rem 0; border-bottom: 0; line-height: 2rem } .card-header-tabs .nav-item { margin-bottom: 1px } .card-header-pills { margin: -.75rem 0 } .card-aside { flex-direction: row } .card-aside-column { min-width: 5rem; width: 30%; flex: 0 0 30%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: no-repeat center/cover } .card-value { font-size: 2.5rem; line-height: 3.4rem; height: 3.4rem; display: flex; align-items: center; font-weight: 400 } .card-value i { vertical-align: middle } .card-chart-bg { height: 4rem; margin-top: -1rem; position: relative; z-index: 1; overflow: hidden } .card-options { margin-left: auto; display: flex; order: 100; margin-right: -.5rem; color: #9aa0ac; align-self: center } .card-options a:not(.btn) { margin-left: .5rem; color: #9aa0ac; display: inline-block; min-width: 1rem } .card-options a:not(.btn):hover { text-decoration: none; color: #6e7687 } .card-options a:not(.btn) i { font-size: 1rem; vertical-align: middle } .card-options .dropdown-toggle:after { display: none } .card-collapsed>:not(.card-header):not(.card-status) { display: none } .card-collapsed .card-options-collapse i:before { content: '\e92d' } .card-fullscreen .card-options-fullscreen i:before { content: '\e992' } .card-fullscreen .card-options-remove { display: none } .card-map { height: 15rem; background: #edf2f9 } .card-map-placeholder { background: no-repeat center } .card-tabs { display: flex } .card-tabs-bottom .card-tabs-item { border: 0; border-top: 1px solid rgba(0, 40, 100, .12) } .card-tabs-bottom .card-tabs-item.active { border-top-color: #fff } .card-tabs-item { flex: 1 1 auto; display: block; padding: 1rem 1.5rem; border-bottom: 1px solid rgba(0, 40, 100, .12); color: inherit; overflow: hidden } a.card-tabs-item { background: #fafbfc } a.card-tabs-item:hover { text-decoration: none; color: inherit } a.card-tabs-item:focus { z-index: 1 } a.card-tabs-item.active { background: #fff; border-bottom-color: #fff } .card-tabs-item+.card-tabs-item { border-left: 1px solid rgba(0, 40, 100, .12) } .card-status { position: absolute; top: -1px; left: -1px; right: -1px; height: 3px; border-radius: 6px 6px 0 0; background: rgba(0, 40, 100, .12) } .card-status-left { right: auto; bottom: 0; height: auto; width: 3px; border-radius: 6px 0 0 6px } .card-icon { width: 3rem; font-size: 2.5rem; line-height: 3rem; text-align: center } .card-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; margin: 0 } .card-alert { border-radius: 0; margin: -1px -1px 0 } .card-category { font-size: .875rem; text-transform: uppercase; text-align: center; font-weight: 600; letter-spacing: .05em; margin: 0 0 .5rem } .popover { filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .1)) } .popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top { margin-bottom: .625rem } .popover .arrow { margin-left: calc(.25rem + 2px) } .dropdown { display: inline-block } .dropdown-menu { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); min-width: 12rem } .dropdown-item { color: #6e7687; } .dropdown-menu-arrow:before { position: absolute; top: -6px; left: 12px; display: inline-block; border-right: 5px solid transparent; border-bottom: 5px solid rgba(0, 40, 100, .12); border-left: 5px solid transparent; border-bottom-color: rgba(0, 0, 0, .2); content: '' } .dropdown-menu-arrow:after { position: absolute; top: -5px; left: 12px; display: inline-block; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-left: 5px solid transparent; content: '' } .dropdown-menu-arrow.dropdown-menu-right:after, .dropdown-menu-arrow.dropdown-menu-right:before { left: auto; right: 12px } .dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .dropdown-toggle:after { vertical-align: .155em } .dropdown-toggle:empty:after { margin-left: 0 } .dropdown-icon { color: #9aa0ac; margin-right: .5rem; margin-left: -.5rem; width: 1em; display: inline-block; text-align: center; vertical-align: -1px } .list-inline-dots .list-inline-item+.list-inline-item:before { content: '· '; margin-left: -2px; margin-right: 3px } .list-separated-item { padding: 1rem 0 } .list-separated-item:first-child { padding-top: 0 } .list-separated-item:last-child { padding-bottom: 0 } .list-separated-item+.list-separated-item { border-top: 1px solid rgba(0, 40, 100, .12) } .list-group-item.active .icon { color: inherit !important } .list-group-transparent .list-group-item { background: 0 0; border: 0; padding: .5rem 1rem } .list-group-transparent .list-group-item+.list-group-transparent .list-group-item.active { border-top-width: 0 !important } .list-group-transparent .list-group-item.active { background: rgba(43, 122, 228, .06); font-weight: 600; border-top-width: 0 !important; border-radius: 4px } .avatar { width: 3rem; height: 3rem; line-height: 2rem; border-radius: 50%; display: inline-block; background: #b6c1d2 no-repeat center/cover; position: relative; text-align: center; color: #748194; font-weight: 600; vertical-align: bottom; font-size: .875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .iavatar { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; display: inline-block; background: #b6c1d2 no-repeat center/cover; position: relative; text-align: center; color: #748194; font-weight: 600; vertical-align: bottom; font-size: .875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .javatar { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; display: inline-block; background: #b6c1d2 no-repeat center/cover; position: relative; text-align: center; color: #748194; font-weight: 600; vertical-align: bottom; font-size: .875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .avatar i { font-size: 125%; vertical-align: sub } .avatar-status { position: absolute; right: -2px; bottom: -2px; width: .75rem; height: .75rem; border: 2px solid #fff; background: #748194; border-radius: 50% } .avatar-sm { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: .75rem } .avatar-md { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem } .avatar-lg { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.25rem } .avatar-xl { width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.75rem } .avatar-xxl { width: 5rem; height: 5rem; line-height: 5rem; font-size: 2rem } .avatar-placeholder { background: #b6c1d2 url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="134" height="134" viewBox="0 0 134 134"><path fill="#748194" d="M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z"/></svg>') no-repeat center/80% } .avatar-list { margin: 0 0 -.5rem; padding: 0; font-size: 0 } .avatar-list .avatar { margin-bottom: .5rem } .avatar-list .avatar:not(:last-child) { margin-right: .5rem } .avatar-list-stacked .avatar { margin-right: -.8em !important } .avatar-list-stacked .avatar { box-shadow: 0 0 0 2px #fff } .avatar-blue { background-color: #bfd7f7; color: #2b7ae4 } .avatar-indigo { background-color: #d1d5f0; color: #6574cd } .avatar-purple { background-color: #e4cff9; color: #a55eea } .avatar-pink { background-color: #fcd3e1; color: #f66d9b } .avatar-red { background-color: #f8c7c6; color: #e94442 } .avatar-orange { background-color: #fee0c7; color: #fd9644 } .avatar-yellow { background-color: #fbedb7; color: #f1c40f } .avatar-green { background-color: #b5e9b4; color: #09b705 } .avatar-teal { background-color: #bfefea; color: #2bcbba } .avatar-cyan { background-color: #b9e3ea; color: #17a2b8 } .avatar-white { background-color: #fff; color: #fff } .avatar-gray { background-color: #d5d9df; color: #748194 } .avatar-gray-dark { background-color: #c5c8cd; color: #3d4959 } .avatar-azure { background-color: #c7e6fb; color: #45aaf2 } .avatar-lime { background-color: #d7f2c2; color: #7bd235 } .product-price { font-size: 1rem } .product-price strong { font-size: 1.5rem } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100% } 100%, 60% { left: 100%; right: -90% } } @keyframes indeterminate { 0% { left: -35%; right: 100% } 100%, 60% { left: 100%; right: -90% } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100% } 100%, 60% { left: 107%; right: -8% } } @keyframes indeterminate-short { 0% { left: -200%; right: 100% } 100%, 60% { left: 107%; right: -8% } } .progress { position: relative } .progress-xs, .progress-xs .progress-bar { height: .25rem } .progress-sm, .progress-sm .progress-bar { height: .5rem } .progress-bar-indeterminate:after, .progress-bar-indeterminate:before { content: ''; position: absolute; background-color: inherit; left: 0; will-change: left, right; top: 0; bottom: 0 } .progress-bar-indeterminate:before { -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite; animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite } .progress-bar-indeterminate:after { -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s } @-webkit-keyframes loader { from { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes loader { from { transform: rotate(0) } to { transform: rotate(360deg) } } .dimmer { position: relative } .dimmer .loader { display: none; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) } .dimmer.active .loader { display: block } .dimmer.active .dimmer-content { opacity: .5; pointer-events: none } .loader { display: block; position: relative; height: 2.5rem; width: 2.5rem; color: #2b7ae4 } .loader:after, .loader:before { width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; position: absolute; content: ''; top: 50%; left: 50% } .loader:before { border-radius: 50%; border: 3px solid currentColor; opacity: .15 } .loader:after { -webkit-animation: loader .6s linear; animation: loader .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 50%; border: 3px solid; border-color: transparent; border-top-color: currentColor; box-shadow: 0 0 0 1px transparent } .icons-list { list-style: none; margin: 0 -1px -1px 0; padding: 0; display: flex; flex-wrap: wrap } .icons-list>li { flex: 1 0 4rem } .icons-list-wrap { overflow: hidden } .icons-list-item { text-align: center; height: 4rem; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(0, 40, 100, .12); border-bottom: 1px solid rgba(0, 40, 100, .12) } .icons-list-item i { font-size: 1.25rem } .img-gallery { margin-right: -.25rem; margin-left: -.25rem; margin-bottom: -.5rem } .img-gallery>.col, .img-gallery>[class*=col-] { padding-left: .25rem; padding-right: .25rem; padding-bottom: .5rem } .link-overlay { position: relative } .link-overlay:hover .link-overlay-bg { opacity: 1 } .link-overlay-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(43, 122, 228, .8); display: flex; color: #fff; align-items: center; justify-content: center; font-size: 1.25rem; opacity: 0; transition: .3s opacity } .media-icon { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 100% } .media-list { margin: 0; padding: 0; list-style: none } textarea[cols] { height: auto } .form-group { display: block } .form-label { display: block; margin-bottom: .375rem; font-weight: 600; font-size: .875rem } .form-label-small { float: right; font-weight: 400; font-size: 87.5% } .form-footer { margin-top: 2rem } .custom-control { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .custom-controls-stacked .custom-control { margin-bottom: .25rem } .custom-control-label { vertical-align: middle } .custom-control-label:before { border: 1px solid rgba(0, 40, 100, .12); background-color: #fff; background-size: .5rem } .custom-control.custom-checkbox .custom-control-label:after, .custom-control.custom-checkbox .custom-control-label:before { top: .1rem } .custom-control.custom-radio .custom-control-label:after, .custom-control.custom-radio .custom-control-label:before { top: .15rem } .custom-control-description { line-height: 1.5rem } .input-group-append, .input-group-btn, .input-group-prepend { font-size: .9375rem } .input-group-append>.btn, .input-group-btn>.btn, .input-group-prepend>.btn, .post-new .upload-kit .input-group-append>.upload-kit-input, .post-new .upload-kit .input-group-btn>.upload-kit-input, .post-new .upload-kit .input-group-prepend>.upload-kit-input { height: 100%; border-color: rgba(0, 40, 100, .12) } .input-group-prepend>.input-group-text { border-right: 0 } .input-group-append>.input-group-text { border-left: 0 } .input-icon { position: relative } .input-icon .form-control:not(:last-child) { padding-right: 2.5rem } .input-icon .form-control:not(:first-child) { padding-left: 2.5rem } .input-icon-addon { position: absolute; top: 0; bottom: 0; left: 0; color: #9aa0ac; display: flex; align-items: center; justify-content: center; min-width: 2.5rem; pointer-events: none } .input-icon-addon:last-child { left: auto; right: 0 } .form-fieldset { background: #f9fafd; border: 1px solid #edf2f9; padding: 1rem; border-radius: 3px; margin-bottom: 1rem } .form-required { color: #e94442 } .form-required:before { content: ' ' } .state-valid { padding-right: 2rem; background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2309b705' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right .5rem/1rem } .state-invalid { padding-right: 2rem; background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e94442' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right .5rem/1rem } .form-help { display: inline-block; width: 1rem; height: 1rem; text-align: center; line-height: 1rem; color: #9aa0ac; background: #f9fafd; border-radius: 50%; font-size: .75rem; transition: .3s background-color, .3s color; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .form-help:hover, .form-help[aria-describedby] { background: #2b7ae4; color: #fff } .sparkline { display: inline-block; height: 2rem } .jqstooltip { box-sizing: content-box; font-family: inherit !important; background: #333 !important; border: none !important; border-radius: 3px; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; padding: 6px !important } .jqstooltip .jqsfield { font: inherit !important } .social-links li a { background: #f8f8f8; border-radius: 50%; color: #9aa0ac; display: inline-block; height: 1.75rem; width: 1.75rem; line-height: 1.75rem; text-align: center } .chart, .map { position: relative; padding-top: 56.25% } .chart-square, .map-square { padding-top: 100% } .chart-content, .map-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .map-header { margin-top: -1.5rem; margin-bottom: 1.5rem; height: 15rem; position: relative; margin-bottom: -1.5rem } .map-header:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 10rem; background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f5f7fb 95%); pointer-events: none } .map-header-layer { height: 100% } .map-static { height: 120px; width: 100%; max-width: 640px; background-position: center center; background-size: 640px 120px } @-webkit-keyframes status-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .32 } } @keyframes status-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .32 } } .status-icon { content: ''; width: .5rem; height: .5rem; display: inline-block; background: currentColor; border-radius: 50%; transform: translateY(-1px); margin-right: .375rem; vertical-align: middle } .status-animated { -webkit-animation: 1s status-pulse infinite ease; animation: 1s status-pulse infinite ease } .chart-circle { display: block; height: 8rem; width: 8rem; position: relative } .chart-circle canvas { margin: 0 auto; display: block; max-width: 100%; max-height: 100% } .chart-circle-xs { height: 2.5rem; width: 2.5rem; font-size: .8rem } .chart-circle-sm { height: 4rem; width: 4rem; font-size: .8rem } .chart-circle-lg { height: 10rem; width: 10rem; font-size: .8rem } .chart-circle-value { position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 1 } .chart-circle-value small { display: block; color: #9aa0ac; font-size: .9375rem } .chips { margin: 0 0 -.5rem } .chips .chip { margin: 0 .5rem .5rem 0 } .chip { display: inline-block; height: 2rem; line-height: 2rem; font-size: .875rem; font-weight: 500; color: #6e7687; padding: 0 .75rem; border-radius: 1rem; background-color: #f9fafd; transition: .3s background } .chip .avatar { float: left; margin: 0 .5rem 0 -.75rem; height: 2rem; width: 2rem; border-radius: 50% } a.chip:hover { color: inherit; text-decoration: none; background-color: #edf2f9 } .stamp { color: #fff; background: #748194; display: inline-block; min-width: 2rem; height: 2rem; padding: 0 .25rem; line-height: 2rem; text-align: center; border-radius: 3px; font-weight: 600 } .stamp-md { min-width: 2.5rem; height: 2.5rem; line-height: 2.5rem } .chat { outline: 0; margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: column; justify-content: flex-end; min-height: 100% } .chat-line { padding: 0; text-align: right; position: relative; display: flex; flex-direction: row-reverse } .chat-line+.chat-line { padding-top: 1rem } .chat-message { position: relative; display: inline-block; background-color: #2b7ae4; color: #fff; font-size: .875rem; padding: .375rem .5rem; border-radius: 3px; white-space: normal; text-align: left; margin: 0 .5rem 0 2.5rem; line-height: 1.4 } .chat-message>:last-child { margin-bottom: 0 !important } .chat-message:after { content: ""; position: absolute; right: -5px; top: 7px; border-bottom: 6px solid transparent; border-left: 6px solid #2b7ae4; border-top: 6px solid transparent } .chat-message img { max-width: 100% } .chat-message p { margin-bottom: 1em } .chat-line-friend { flex-direction: row } .chat-line-friend+.chat-line-friend { margin-top: -.5rem } .chat-line-friend+.chat-line-friend .chat-author { visibility: hidden } .chat-line-friend+.chat-line-friend .chat-message:after { display: none } .chat-line-friend .chat-message { background-color: #f3f3f3; color: #4e5e72; margin-left: .5rem; margin-right: 2.5rem } .chat-line-friend .chat-message:after { right: auto; left: -5px; border-left-width: 0; border-right: 5px solid #f3f3f3 } .example { padding: 1.5rem; border: 1px solid rgba(0, 40, 100, .12); border-radius: 3px 3px 0 0; font-size: .9375rem } .example-bg { background: #f5f7fb } .example+.highlight { border-top: none; margin-top: 0; border-radius: 0 0 3px 3px } .highlight { margin: 1rem 0 2rem; border: 1px solid rgba(0, 40, 100, .12); border-radius: 3px; font-size: .9375rem; max-height: 40rem; overflow: auto; background: #fcfcfc } .highlight pre { margin-bottom: 0; background-color: transparent } .example-column { margin: 0 auto } .example-column>.card:last-of-type, .example-column>.group-header:last-of-type { margin-bottom: 0 } .example-column-1 { max-width: 20rem } .example-column-2 { max-width: 40rem } .tag { font-size: .75rem; color: #6e7687; background-color: #edf2f9; border-radius: 3px; padding: 0 .5rem; line-height: 2em; display: inline-flex; cursor: default; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } a.tag { text-decoration: none; cursor: pointer; transition: .3s color, .3s background } a.tag:hover { background-color: rgba(110, 118, 135, .2); color: inherit } .tag-addon { display: inline-block; padding: 0 .5rem; color: inherit; text-decoration: none; background: rgba(0, 0, 0, .06); margin: 0 -.5rem 0 .5rem; text-align: center; min-width: 1.5rem } .tag-addon:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .tag-addon i { vertical-align: middle; margin: 0 -.25rem } a.tag-addon { text-decoration: none; cursor: pointer; transition: .3s color, .3s background } a.tag-addon:hover { background: rgba(0, 0, 0, .16); color: inherit } .tag-avatar { width: 1.5rem; height: 1.5rem; border-radius: 3px 0 0 3px; margin: 0 .5rem 0 -.5rem } .tag-blue { background-color: #2b7ae4; color: #fff } .tag-indigo { background-color: #6574cd; color: #fff } .tag-purple { background-color: #a55eea; color: #fff } .tag-pink { background-color: #f66d9b; color: #fff } .tag-red { background-color: #e94442; color: #fff } .tag-orange { background-color: #fd9644; color: #fff } .tag-yellow { background-color: #f1c40f; color: #fff } .tag-green { background-color: #09b705; color: #fff } .tag-teal { background-color: #2bcbba; color: #fff } .tag-cyan { background-color: #17a2b8; color: #fff } .tag-white { background-color: #fff; color: #fff } .tag-gray { background-color: #748194; color: #fff } .tag-gray-dark { background-color: #3d4959; color: #fff } .tag-azure { background-color: #45aaf2; color: #fff } .tag-lime { background-color: #7bd235; color: #fff } .tag-primary { background-color: #2b7ae4; color: #fff } .tag-secondary { background-color: #748194; color: #fff } .tag-success { background-color: #09b705; color: #fff } .tag-info { background-color: #45aaf2; color: #fff } .tag-warning { background-color: #f1c40f; color: #fff } .tag-danger { background-color: #e94442; color: #fff } .tag-light { background-color: #f9fafd; color: #fff } .tag-dark { background-color: #3d4959; color: #fff } .tag-rounded { border-radius: 50px } .tag-rounded .tag-avatar { border-radius: 50px } .tags { margin-bottom: -.5rem; font-size: 0 } .tags>.tag { margin-bottom: .5rem } .tags>.tag:not(:last-child) { margin-right: .5rem } .highlight .hll { background-color: #ffc } .highlight .c { color: #999 } .highlight .k { color: #069 } .highlight .o { color: #555 } .highlight .cm { color: #999 } .highlight .cp { color: #099 } .highlight .c1 { color: #999 } .highlight .cs { color: #999 } .highlight .gd { background-color: #fcc; border: 1px solid #c00 } .highlight .ge { font-style: italic } .highlight .gr { color: red } .highlight .gh { color: #030 } .highlight .gi { background-color: #cfc; border: 1px solid #0c0 } .highlight .go { color: #aaa } .highlight .gp { color: #009 } .highlight .gu { color: #030 } .highlight .gt { color: #9c6 } .highlight .kc { color: #069 } .highlight .kd { color: #069 } .highlight .kn { color: #069 } .highlight .kp { color: #069 } .highlight .kr { color: #069 } .highlight .kt { color: #078 } .highlight .m { color: #f60 } .highlight .s { color: #d44950 } .highlight .na { color: #4f9fcf } .highlight .nb { color: #366 } .highlight .nc { color: #0a8 } .highlight .no { color: #360 } .highlight .nd { color: #99f } .highlight .ni { color: #999 } .highlight .ne { color: #c00 } .highlight .nf { color: #c0f } .highlight .nl { color: #99f } .highlight .nn { color: #0cf } .highlight .nt { color: #2f6f9f } .highlight .nv { color: #033 } .highlight .ow { color: #000 } .highlight .w { color: #bbb } .highlight .mf { color: #f60 } .highlight .mh { color: #f60 } .highlight .mi { color: #f60 } .highlight .mo { color: #f60 } .highlight .sb { color: #c30 } .highlight .sc { color: #c30 } .highlight .sd { font-style: italic; color: #c30 } .highlight .s2 { color: #c30 } .highlight .se { color: #c30 } .highlight .sh { color: #c30 } .highlight .si { color: #a00 } .highlight .sx { color: #c30 } .highlight .sr { color: #3aa } .highlight .s1 { color: #c30 } .highlight .ss { color: #fc3 } .highlight .bp { color: #366 } .highlight .vc { color: #033 } .highlight .vg { color: #033 } .highlight .vi { color: #033 } .highlight .il { color: #f60 } .highlight .css .nt+.nt, .highlight .css .o, .highlight .css .o+.nt { color: #999 } .highlight .language-bash::before, .highlight .language-sh::before { color: #009; content: "$ "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .highlight .language-powershell::before { color: #009; content: "PM> "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .carousel-item-background { content: ''; background: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .custom-range { align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; cursor: pointer; display: flex; height: 100%; min-height: 2.375rem; overflow: hidden; padding: 0; border: 0 } .custom-range:focus { box-shadow: none; outline: 0 } .custom-range:focus::-webkit-slider-thumb { border-color: #2b7ae4; background-color: #2b7ae4 } .custom-range:focus::-moz-range-thumb { border-color: #2b7ae4; background-color: #2b7ae4 } .custom-range:focus::-ms-thumb { border-color: #2b7ae4; background-color: #2b7ae4 } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-runnable-track { background: #2b7ae4; content: ''; height: 2px; pointer-events: none } .custom-range::-webkit-slider-thumb { width: 14px; height: 14px; -webkit-appearance: none; appearance: none; background: #fff; border-radius: 50px; box-shadow: 1px 0 0 -6px rgba(0, 50, 126, .12), 6px 0 0 -6px rgba(0, 50, 126, .12), 7px 0 0 -6px rgba(0, 50, 126, .12), 8px 0 0 -6px rgba(0, 50, 126, .12), 9px 0 0 -6px rgba(0, 50, 126, .12), 10px 0 0 -6px rgba(0, 50, 126, .12), 11px 0 0 -6px rgba(0, 50, 126, .12), 12px 0 0 -6px rgba(0, 50, 126, .12), 13px 0 0 -6px rgba(0, 50, 126, .12), 14px 0 0 -6px rgba(0, 50, 126, .12), 15px 0 0 -6px rgba(0, 50, 126, .12), 16px 0 0 -6px rgba(0, 50, 126, .12), 17px 0 0 -6px rgba(0, 50, 126, .12), 18px 0 0 -6px rgba(0, 50, 126, .12), 19px 0 0 -6px rgba(0, 50, 126, .12), 20px 0 0 -6px rgba(0, 50, 126, .12), 21px 0 0 -6px rgba(0, 50, 126, .12), 22px 0 0 -6px rgba(0, 50, 126, .12), 23px 0 0 -6px rgba(0, 50, 126, .12), 24px 0 0 -6px rgba(0, 50, 126, .12), 25px 0 0 -6px rgba(0, 50, 126, .12), 26px 0 0 -6px rgba(0, 50, 126, .12), 27px 0 0 -6px rgba(0, 50, 126, .12), 28px 0 0 -6px rgba(0, 50, 126, .12), 29px 0 0 -6px rgba(0, 50, 126, .12), 30px 0 0 -6px rgba(0, 50, 126, .12), 31px 0 0 -6px rgba(0, 50, 126, .12), 32px 0 0 -6px rgba(0, 50, 126, .12), 33px 0 0 -6px rgba(0, 50, 126, .12), 34px 0 0 -6px rgba(0, 50, 126, .12), 35px 0 0 -6px rgba(0, 50, 126, .12), 36px 0 0 -6px rgba(0, 50, 126, .12), 37px 0 0 -6px rgba(0, 50, 126, .12), 38px 0 0 -6px rgba(0, 50, 126, .12), 39px 0 0 -6px rgba(0, 50, 126, .12), 40px 0 0 -6px rgba(0, 50, 126, .12), 41px 0 0 -6px rgba(0, 50, 126, .12), 42px 0 0 -6px rgba(0, 50, 126, .12), 43px 0 0 -6px rgba(0, 50, 126, .12), 44px 0 0 -6px rgba(0, 50, 126, .12), 45px 0 0 -6px rgba(0, 50, 126, .12), 46px 0 0 -6px rgba(0, 50, 126, .12), 47px 0 0 -6px rgba(0, 50, 126, .12), 48px 0 0 -6px rgba(0, 50, 126, .12), 49px 0 0 -6px rgba(0, 50, 126, .12), 50px 0 0 -6px rgba(0, 50, 126, .12), 51px 0 0 -6px rgba(0, 50, 126, .12), 52px 0 0 -6px rgba(0, 50, 126, .12), 53px 0 0 -6px rgba(0, 50, 126, .12), 54px 0 0 -6px rgba(0, 50, 126, .12), 55px 0 0 -6px rgba(0, 50, 126, .12), 56px 0 0 -6px rgba(0, 50, 126, .12), 57px 0 0 -6px rgba(0, 50, 126, .12), 58px 0 0 -6px rgba(0, 50, 126, .12), 59px 0 0 -6px rgba(0, 50, 126, .12), 60px 0 0 -6px rgba(0, 50, 126, .12), 61px 0 0 -6px rgba(0, 50, 126, .12), 62px 0 0 -6px rgba(0, 50, 126, .12), 63px 0 0 -6px rgba(0, 50, 126, .12), 64px 0 0 -6px rgba(0, 50, 126, .12), 65px 0 0 -6px rgba(0, 50, 126, .12), 66px 0 0 -6px rgba(0, 50, 126, .12), 67px 0 0 -6px rgba(0, 50, 126, .12), 68px 0 0 -6px rgba(0, 50, 126, .12), 69px 0 0 -6px rgba(0, 50, 126, .12), 70px 0 0 -6px rgba(0, 50, 126, .12), 71px 0 0 -6px rgba(0, 50, 126, .12), 72px 0 0 -6px rgba(0, 50, 126, .12), 73px 0 0 -6px rgba(0, 50, 126, .12), 74px 0 0 -6px rgba(0, 50, 126, .12), 75px 0 0 -6px rgba(0, 50, 126, .12), 76px 0 0 -6px rgba(0, 50, 126, .12), 77px 0 0 -6px rgba(0, 50, 126, .12), 78px 0 0 -6px rgba(0, 50, 126, .12), 79px 0 0 -6px rgba(0, 50, 126, .12), 80px 0 0 -6px rgba(0, 50, 126, .12), 81px 0 0 -6px rgba(0, 50, 126, .12), 82px 0 0 -6px rgba(0, 50, 126, .12), 83px 0 0 -6px rgba(0, 50, 126, .12), 84px 0 0 -6px rgba(0, 50, 126, .12), 85px 0 0 -6px rgba(0, 50, 126, .12), 86px 0 0 -6px rgba(0, 50, 126, .12), 87px 0 0 -6px rgba(0, 50, 126, .12), 88px 0 0 -6px rgba(0, 50, 126, .12), 89px 0 0 -6px rgba(0, 50, 126, .12), 90px 0 0 -6px rgba(0, 50, 126, .12), 91px 0 0 -6px rgba(0, 50, 126, .12), 92px 0 0 -6px rgba(0, 50, 126, .12), 93px 0 0 -6px rgba(0, 50, 126, .12), 94px 0 0 -6px rgba(0, 50, 126, .12), 95px 0 0 -6px rgba(0, 50, 126, .12), 96px 0 0 -6px rgba(0, 50, 126, .12), 97px 0 0 -6px rgba(0, 50, 126, .12), 98px 0 0 -6px rgba(0, 50, 126, .12), 99px 0 0 -6px rgba(0, 50, 126, .12), 100px 0 0 -6px rgba(0, 50, 126, .12), 101px 0 0 -6px rgba(0, 50, 126, .12), 102px 0 0 -6px rgba(0, 50, 126, .12), 103px 0 0 -6px rgba(0, 50, 126, .12), 104px 0 0 -6px rgba(0, 50, 126, .12), 105px 0 0 -6px rgba(0, 50, 126, .12), 106px 0 0 -6px rgba(0, 50, 126, .12), 107px 0 0 -6px rgba(0, 50, 126, .12), 108px 0 0 -6px rgba(0, 50, 126, .12), 109px 0 0 -6px rgba(0, 50, 126, .12), 110px 0 0 -6px rgba(0, 50, 126, .12), 111px 0 0 -6px rgba(0, 50, 126, .12), 112px 0 0 -6px rgba(0, 50, 126, .12), 113px 0 0 -6px rgba(0, 50, 126, .12), 114px 0 0 -6px rgba(0, 50, 126, .12), 115px 0 0 -6px rgba(0, 50, 126, .12), 116px 0 0 -6px rgba(0, 50, 126, .12), 117px 0 0 -6px rgba(0, 50, 126, .12), 118px 0 0 -6px rgba(0, 50, 126, .12), 119px 0 0 -6px rgba(0, 50, 126, .12), 120px 0 0 -6px rgba(0, 50, 126, .12), 121px 0 0 -6px rgba(0, 50, 126, .12), 122px 0 0 -6px rgba(0, 50, 126, .12), 123px 0 0 -6px rgba(0, 50, 126, .12), 124px 0 0 -6px rgba(0, 50, 126, .12), 125px 0 0 -6px rgba(0, 50, 126, .12), 126px 0 0 -6px rgba(0, 50, 126, .12), 127px 0 0 -6px rgba(0, 50, 126, .12), 128px 0 0 -6px rgba(0, 50, 126, .12), 129px 0 0 -6px rgba(0, 50, 126, .12), 130px 0 0 -6px rgba(0, 50, 126, .12), 131px 0 0 -6px rgba(0, 50, 126, .12), 132px 0 0 -6px rgba(0, 50, 126, .12), 133px 0 0 -6px rgba(0, 50, 126, .12), 134px 0 0 -6px rgba(0, 50, 126, .12), 135px 0 0 -6px rgba(0, 50, 126, .12), 136px 0 0 -6px rgba(0, 50, 126, .12), 137px 0 0 -6px rgba(0, 50, 126, .12), 138px 0 0 -6px rgba(0, 50, 126, .12), 139px 0 0 -6px rgba(0, 50, 126, .12), 140px 0 0 -6px rgba(0, 50, 126, .12), 141px 0 0 -6px rgba(0, 50, 126, .12), 142px 0 0 -6px rgba(0, 50, 126, .12), 143px 0 0 -6px rgba(0, 50, 126, .12), 144px 0 0 -6px rgba(0, 50, 126, .12), 145px 0 0 -6px rgba(0, 50, 126, .12), 146px 0 0 -6px rgba(0, 50, 126, .12), 147px 0 0 -6px rgba(0, 50, 126, .12), 148px 0 0 -6px rgba(0, 50, 126, .12), 149px 0 0 -6px rgba(0, 50, 126, .12), 150px 0 0 -6px rgba(0, 50, 126, .12), 151px 0 0 -6px rgba(0, 50, 126, .12), 152px 0 0 -6px rgba(0, 50, 126, .12), 153px 0 0 -6px rgba(0, 50, 126, .12), 154px 0 0 -6px rgba(0, 50, 126, .12), 155px 0 0 -6px rgba(0, 50, 126, .12), 156px 0 0 -6px rgba(0, 50, 126, .12), 157px 0 0 -6px rgba(0, 50, 126, .12), 158px 0 0 -6px rgba(0, 50, 126, .12), 159px 0 0 -6px rgba(0, 50, 126, .12), 160px 0 0 -6px rgba(0, 50, 126, .12), 161px 0 0 -6px rgba(0, 50, 126, .12), 162px 0 0 -6px rgba(0, 50, 126, .12), 163px 0 0 -6px rgba(0, 50, 126, .12), 164px 0 0 -6px rgba(0, 50, 126, .12), 165px 0 0 -6px rgba(0, 50, 126, .12), 166px 0 0 -6px rgba(0, 50, 126, .12), 167px 0 0 -6px rgba(0, 50, 126, .12), 168px 0 0 -6px rgba(0, 50, 126, .12), 169px 0 0 -6px rgba(0, 50, 126, .12), 170px 0 0 -6px rgba(0, 50, 126, .12), 171px 0 0 -6px rgba(0, 50, 126, .12), 172px 0 0 -6px rgba(0, 50, 126, .12), 173px 0 0 -6px rgba(0, 50, 126, .12), 174px 0 0 -6px rgba(0, 50, 126, .12), 175px 0 0 -6px rgba(0, 50, 126, .12), 176px 0 0 -6px rgba(0, 50, 126, .12), 177px 0 0 -6px rgba(0, 50, 126, .12), 178px 0 0 -6px rgba(0, 50, 126, .12), 179px 0 0 -6px rgba(0, 50, 126, .12), 180px 0 0 -6px rgba(0, 50, 126, .12), 181px 0 0 -6px rgba(0, 50, 126, .12), 182px 0 0 -6px rgba(0, 50, 126, .12), 183px 0 0 -6px rgba(0, 50, 126, .12), 184px 0 0 -6px rgba(0, 50, 126, .12), 185px 0 0 -6px rgba(0, 50, 126, .12), 186px 0 0 -6px rgba(0, 50, 126, .12), 187px 0 0 -6px rgba(0, 50, 126, .12), 188px 0 0 -6px rgba(0, 50, 126, .12), 189px 0 0 -6px rgba(0, 50, 126, .12), 190px 0 0 -6px rgba(0, 50, 126, .12), 191px 0 0 -6px rgba(0, 50, 126, .12), 192px 0 0 -6px rgba(0, 50, 126, .12), 193px 0 0 -6px rgba(0, 50, 126, .12), 194px 0 0 -6px rgba(0, 50, 126, .12), 195px 0 0 -6px rgba(0, 50, 126, .12), 196px 0 0 -6px rgba(0, 50, 126, .12), 197px 0 0 -6px rgba(0, 50, 126, .12), 198px 0 0 -6px rgba(0, 50, 126, .12), 199px 0 0 -6px rgba(0, 50, 126, .12), 200px 0 0 -6px rgba(0, 50, 126, .12), 201px 0 0 -6px rgba(0, 50, 126, .12), 202px 0 0 -6px rgba(0, 50, 126, .12), 203px 0 0 -6px rgba(0, 50, 126, .12), 204px 0 0 -6px rgba(0, 50, 126, .12), 205px 0 0 -6px rgba(0, 50, 126, .12), 206px 0 0 -6px rgba(0, 50, 126, .12), 207px 0 0 -6px rgba(0, 50, 126, .12), 208px 0 0 -6px rgba(0, 50, 126, .12), 209px 0 0 -6px rgba(0, 50, 126, .12), 210px 0 0 -6px rgba(0, 50, 126, .12), 211px 0 0 -6px rgba(0, 50, 126, .12), 212px 0 0 -6px rgba(0, 50, 126, .12), 213px 0 0 -6px rgba(0, 50, 126, .12), 214px 0 0 -6px rgba(0, 50, 126, .12), 215px 0 0 -6px rgba(0, 50, 126, .12), 216px 0 0 -6px rgba(0, 50, 126, .12), 217px 0 0 -6px rgba(0, 50, 126, .12), 218px 0 0 -6px rgba(0, 50, 126, .12), 219px 0 0 -6px rgba(0, 50, 126, .12), 220px 0 0 -6px rgba(0, 50, 126, .12), 221px 0 0 -6px rgba(0, 50, 126, .12), 222px 0 0 -6px rgba(0, 50, 126, .12), 223px 0 0 -6px rgba(0, 50, 126, .12), 224px 0 0 -6px rgba(0, 50, 126, .12), 225px 0 0 -6px rgba(0, 50, 126, .12), 226px 0 0 -6px rgba(0, 50, 126, .12), 227px 0 0 -6px rgba(0, 50, 126, .12), 228px 0 0 -6px rgba(0, 50, 126, .12), 229px 0 0 -6px rgba(0, 50, 126, .12), 230px 0 0 -6px rgba(0, 50, 126, .12), 231px 0 0 -6px rgba(0, 50, 126, .12), 232px 0 0 -6px rgba(0, 50, 126, .12), 233px 0 0 -6px rgba(0, 50, 126, .12), 234px 0 0 -6px rgba(0, 50, 126, .12), 235px 0 0 -6px rgba(0, 50, 126, .12), 236px 0 0 -6px rgba(0, 50, 126, .12), 237px 0 0 -6px rgba(0, 50, 126, .12), 238px 0 0 -6px rgba(0, 50, 126, .12), 239px 0 0 -6px rgba(0, 50, 126, .12), 240px 0 0 -6px rgba(0, 50, 126, .12); margin-top: -6px; border: 1px solid rgba(0, 30, 75, .12); -webkit-transition: .3s border-color, .3s background-color; transition: .3s border-color, .3s background-color } .custom-range::-moz-range-track { width: 240px; height: 2px; background: rgba(0, 50, 126, .12) } .custom-range::-moz-range-thumb { width: 14px; height: 14px; background: #fff; border-radius: 50px; border: 1px solid rgba(0, 30, 75, .12); position: relative; -moz-transition: .3s border-color, .3s background-color; transition: .3s border-color, .3s background-color } .custom-range::-moz-range-progress { height: 2px; background: #2b7ae4; border: 0; margin-top: 0 } .custom-range::-ms-track { background: 0 0; border: 0; border-color: transparent; border-radius: 0; border-width: 0; color: transparent; height: 2px; margin-top: 10px; width: 240px } .custom-range::-ms-thumb { width: 240px; height: 2px; background: #fff; border-radius: 50px; border: 1px solid rgba(0, 30, 75, .12); -ms-transition: .3s border-color, .3s background-color; transition: .3s border-color, .3s background-color } .custom-range::-ms-fill-lower { background: #2b7ae4; border-radius: 0 } .custom-range::-ms-fill-upper { background: rgba(0, 50, 126, .12); border-radius: 0 } .custom-range::-ms-tooltip { display: none } .selectgroup { display: inline-flex } .selectgroup-vertical { flex-direction: column } .selectgroup-item { flex-grow: 1; position: relative } .selectgroup:not(.selectgroup-vertical)>.selectgroup-item+.selectgroup-item { margin-left: -1px } .selectgroup:not(.selectgroup-vertical)>.selectgroup-item:not(:first-child) .selectgroup-button { border-top-left-radius: 0; border-bottom-left-radius: 0 } .selectgroup:not(.selectgroup-vertical)>.selectgroup-item:not(:last-child) .selectgroup-button { border-top-right-radius: 0; border-bottom-right-radius: 0 } .selectgroup-vertical>.selectgroup-item:not(:last-child) { margin-bottom: 0 } .selectgroup-vertical>.selectgroup-item+.selectgroup-item { margin-top: -1px; margin-left: 0 } .selectgroup-vertical>.selectgroup-item:not(:first-child) .selectgroup-button { border-top-left-radius: 0; border-top-right-radius: 0 } .selectgroup-vertical>.selectgroup-item:not(:last-child) .selectgroup-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .selectgroup-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0 } .selectgroup-button { display: block; border: 1px solid rgba(0, 40, 100, .12); text-align: center; padding: .375rem 1rem; position: relative; cursor: pointer; border-radius: 3px; color: #9aa0ac; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: .9375rem; line-height: 1.5rem; min-width: 2.375rem } .selectgroup-button-icon { padding-left: .5rem; padding-right: .5rem; font-size: 1rem } .selectgroup-input:checked+.selectgroup-button { border-color: #2b7ae4; z-index: 1; color: #2b7ae4; background: #eaf2fc } .selectgroup-input:focus+.selectgroup-button { border-color: #2b7ae4; z-index: 2; color: #2b7ae4; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .selectgroup-pills { flex-wrap: wrap; align-items: flex-start } .selectgroup-pills .selectgroup-item { margin-right: .5rem; flex-grow: 0 } .selectgroup-pills .selectgroup-button { border-radius: 50px !important } .custom-switch { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; display: inline-flex; align-items: center; margin: 0 } .custom-switch-input { position: absolute; z-index: -1; opacity: 0 } .custom-switches-stacked { display: flex; flex-direction: column } .custom-switches-stacked .custom-switch { margin-bottom: .5rem } .custom-switch-indicator { display: inline-block; height: 1.25rem; width: 2.25rem; background: #edf2f9; border-radius: 50px; position: relative; vertical-align: bottom; border: 1px solid rgba(0, 40, 100, .12); transition: .3s border-color, .3s background-color } .custom-switch-indicator:before { content: ''; position: absolute; height: calc(1.25rem - 4px); width: calc(1.25rem - 4px); top: 1px; left: 1px; background: #fff; border-radius: 50%; transition: .3s left; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4) } .custom-switch-input:checked~.custom-switch-indicator { background: #2b7ae4 } .custom-switch-input:checked~.custom-switch-indicator:before { left: calc(1rem + 1px) } .custom-switch-input:focus~.custom-switch-indicator { box-shadow: 0 0 0 2px rgba(43, 122, 228, .25); border-color: #2b7ae4 } .custom-switch-description { margin-left: .5rem; color: #6e7687; transition: .3s color } .custom-switch-input:checked~.custom-switch-description { color: #4e5e72 } .imagecheck { margin: 0; position: relative; cursor: pointer } .imagecheck-input { position: absolute; z-index: -1; opacity: 0 } .imagecheck-figure { border: 1px solid rgba(0, 40, 100, .12); border-radius: 3px; margin: 0; position: relative } .imagecheck-input:focus~.imagecheck-figure { border-color: #2b7ae4; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .imagecheck-input:checked~.imagecheck-figure { border-color: rgba(0, 40, 100, .24) } .imagecheck-figure:before { content: ''; position: absolute; top: .25rem; left: .25rem; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #2b7ae4 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' 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") no-repeat center center/50% 50%; color: #fff; z-index: 1; border-radius: 3px; opacity: 0; transition: .3s opacity } .imagecheck-input:checked~.imagecheck-figure:before { opacity: 1 } .imagecheck-image { max-width: 100%; opacity: .64; transition: .3s opacity } .imagecheck-image:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px } .imagecheck-image:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } .imagecheck-input:checked~.imagecheck-figure .imagecheck-image, .imagecheck-input:focus~.imagecheck-figure .imagecheck-image, .imagecheck:hover .imagecheck-image { opacity: 1 } .imagecheck-caption { text-align: center; padding: .25rem .25rem; color: #9aa0ac; font-size: .875rem; transition: .3s color } .imagecheck-input:checked~.imagecheck-figure .imagecheck-caption, .imagecheck-input:focus~.imagecheck-figure .imagecheck-caption, .imagecheck:hover .imagecheck-caption { color: #4e5e72 } .colorinput { margin: 0; position: relative; cursor: pointer } .colorinput-input { position: absolute; z-index: -1; opacity: 0 } .colorinput-color { display: inline-block; width: 1.75rem; height: 1.75rem; border-radius: 3px; border: 1px solid rgba(0, 40, 100, .12); color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) } .colorinput-color:before { content: ''; opacity: 0; position: absolute; top: .25rem; left: .25rem; height: 1.25rem; width: 1.25rem; transition: .3s opacity; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' 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") no-repeat center center/50% 50% } .colorinput-input:checked~.colorinput-color:before { opacity: 1 } .colorinput-input:focus~.colorinput-color { border-color: #2b7ae4; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .timeline { position: relative; margin: 0 0 2rem; padding: 0; list-style: none } .timeline:before { background-color: #edf2f9; position: absolute; display: block; content: ''; width: 1px; height: 100%; top: 0; bottom: 0; left: 4px } .timeline-item { position: relative; display: flex; padding-left: 2rem; margin: .5rem 0 } .timeline-item:first-child:before, .timeline-item:last-child:before { content: ''; position: absolute; background: #fff; width: 1px; left: .25rem } .timeline-item:first-child { margin-top: 0 } .timeline-item:first-child:before { top: 0; height: .5rem } .timeline-item:last-child { margin-bottom: 0 } .timeline-item:last-child:before { top: .5rem; bottom: 0 } .timeline-badge { position: absolute; display: block; width: .4375rem; height: .4375rem; left: 1px; top: .5rem; border-radius: 100%; border: 1px solid #fff; background: #9da9bb } .timeline-time { white-space: nowrap; margin-left: auto; color: #9aa0ac; font-size: 87.5% } .browser { width: 1.25rem; height: 1.25rem; display: inline-block; background: no-repeat center/100% 100%; vertical-align: bottom; font-style: normal } .browser-android-browser { background-image: url(../images/browsers/android-browser.svg) } .browser-aol-explorer { background-image: url(../images/browsers/aol-explorer.svg) } .browser-blackberry { background-image: url(../images/browsers/blackberry.svg) } .browser-camino { background-image: url(../images/browsers/camino.svg) } .browser-chrome { background-image: url(../images/browsers/chrome.svg) } .browser-chromium { background-image: url(../images/browsers/chromium.svg) } .browser-dolphin { background-image: url(../images/browsers/dolphin.svg) } .browser-edge { background-image: url(../images/browsers/edge.svg) } .browser-firefox { background-image: url(../images/browsers/firefox.svg) } .browser-ie { background-image: url(../images/browsers/ie.svg) } .browser-maxthon { background-image: url(../images/browsers/maxthon.svg) } .browser-mozilla { background-image: url(../images/browsers/mozilla.svg) } .browser-netscape { background-image: url(../images/browsers/netscape.svg) } .browser-opera { background-image: url(../images/browsers/opera.svg) } .browser-safari { background-image: url(../images/browsers/safari.svg) } .browser-sleipnir { background-image: url(../images/browsers/sleipnir.svg) } .browser-uc-browser { background-image: url(../images/browsers/uc-browser.svg) } .browser-vivaldi { background-image: url(../images/browsers/vivaldi.svg) } .flag { width: 1.6rem; height: 1.2rem; display: inline-block; background: no-repeat center/100% 100%; vertical-align: bottom; font-style: normal; box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1); border-radius: 2px } .flag-ad { background-image: url(../images/flags/ad.svg) } .flag-ae { background-image: url(../images/flags/ae.svg) } .flag-af { background-image: url(../images/flags/af.svg) } .flag-ag { background-image: url(../images/flags/ag.svg) } .flag-ai { background-image: url(../images/flags/ai.svg) } .flag-al { background-image: url(../images/flags/al.svg) } .flag-am { background-image: url(../images/flags/am.svg) } .flag-ao { background-image: url(../images/flags/ao.svg) } .flag-aq { background-image: url(../images/flags/aq.svg) } .flag-ar { background-image: url(../images/flags/ar.svg) } .flag-as { background-image: url(../images/flags/as.svg) } .flag-at { background-image: url(../images/flags/at.svg) } .flag-au { background-image: url(../images/flags/au.svg) } .flag-aw { background-image: url(../images/flags/aw.svg) } .flag-ax { background-image: url(../images/flags/ax.svg) } .flag-az { background-image: url(../images/flags/az.svg) } .flag-ba { background-image: url(../images/flags/ba.svg) } .flag-bb { background-image: url(../images/flags/bb.svg) } .flag-bd { background-image: url(../images/flags/bd.svg) } .flag-be { background-image: url(../images/flags/be.svg) } .flag-bf { background-image: url(../images/flags/bf.svg) } .flag-bg { background-image: url(../images/flags/bg.svg) } .flag-bh { background-image: url(../images/flags/bh.svg) } .flag-bi { background-image: url(../images/flags/bi.svg) } .flag-bj { background-image: url(../images/flags/bj.svg) } .flag-bl { background-image: url(../images/flags/bl.svg) } .flag-bm { background-image: url(../images/flags/bm.svg) } .flag-bn { background-image: url(../images/flags/bn.svg) } .flag-bo { background-image: url(../images/flags/bo.svg) } .flag-bq { background-image: url(../images/flags/bq.svg) } .flag-br { background-image: url(../images/flags/br.svg) } .flag-bs { background-image: url(../images/flags/bs.svg) } .flag-bt { background-image: url(../images/flags/bt.svg) } .flag-bv { background-image: url(../images/flags/bv.svg) } .flag-bw { background-image: url(../images/flags/bw.svg) } .flag-by { background-image: url(../images/flags/by.svg) } .flag-bz { background-image: url(../images/flags/bz.svg) } .flag-ca { background-image: url(../images/flags/ca.svg) } .flag-cc { background-image: url(../images/flags/cc.svg) } .flag-cd { background-image: url(../images/flags/cd.svg) } .flag-cf { background-image: url(../images/flags/cf.svg) } .flag-cg { background-image: url(../images/flags/cg.svg) } .flag-ch { background-image: url(../images/flags/ch.svg) } .flag-ci { background-image: url(../images/flags/ci.svg) } .flag-ck { background-image: url(../images/flags/ck.svg) } .flag-cl { background-image: url(../images/flags/cl.svg) } .flag-cm { background-image: url(../images/flags/cm.svg) } .flag-cn { background-image: url(../images/flags/cn.svg) } .flag-co { background-image: url(../images/flags/co.svg) } .flag-cr { background-image: url(../images/flags/cr.svg) } .flag-cu { background-image: url(../images/flags/cu.svg) } .flag-cv { background-image: url(../images/flags/cv.svg) } .flag-cw { background-image: url(../images/flags/cw.svg) } .flag-cx { background-image: url(../images/flags/cx.svg) } .flag-cy { background-image: url(../images/flags/cy.svg) } .flag-cz { background-image: url(../images/flags/cz.svg) } .flag-de { background-image: url(../images/flags/de.svg) } .flag-dj { background-image: url(../images/flags/dj.svg) } .flag-dk { background-image: url(../images/flags/dk.svg) } .flag-dm { background-image: url(../images/flags/dm.svg) } .flag-do { background-image: url(../images/flags/do.svg) } .flag-dz { background-image: url(../images/flags/dz.svg) } .flag-ec { background-image: url(../images/flags/ec.svg) } .flag-ee { background-image: url(../images/flags/ee.svg) } .flag-eg { background-image: url(../images/flags/eg.svg) } .flag-eh { background-image: url(../images/flags/eh.svg) } .flag-er { background-image: url(../images/flags/er.svg) } .flag-es { background-image: url(../images/flags/es.svg) } .flag-et { background-image: url(../images/flags/et.svg) } .flag-eu { background-image: url(../images/flags/eu.svg) } .flag-fi { background-image: url(../images/flags/fi.svg) } .flag-fj { background-image: url(../images/flags/fj.svg) } .flag-fk { background-image: url(../images/flags/fk.svg) } .flag-fm { background-image: url(../images/flags/fm.svg) } .flag-fo { background-image: url(../images/flags/fo.svg) } .flag-fr { background-image: url(../images/flags/fr.svg) } .flag-ga { background-image: url(../images/flags/ga.svg) } .flag-gb-eng { background-image: url(../images/flags/gb-eng.svg) } .flag-gb-nir { background-image: url(../images/flags/gb-nir.svg) } .flag-gb-sct { background-image: url(../images/flags/gb-sct.svg) } .flag-gb-wls { background-image: url(../images/flags/gb-wls.svg) } .flag-gb { background-image: url(../images/flags/gb.svg) } .flag-gd { background-image: url(../images/flags/gd.svg) } .flag-ge { background-image: url(../images/flags/ge.svg) } .flag-gf { background-image: url(../images/flags/gf.svg) } .flag-gg { background-image: url(../images/flags/gg.svg) } .flag-gh { background-image: url(../images/flags/gh.svg) } .flag-gi { background-image: url(../images/flags/gi.svg) } .flag-gl { background-image: url(../images/flags/gl.svg) } .flag-gm { background-image: url(../images/flags/gm.svg) } .flag-gn { background-image: url(../images/flags/gn.svg) } .flag-gp { background-image: url(../images/flags/gp.svg) } .flag-gq { background-image: url(../images/flags/gq.svg) } .flag-gr { background-image: url(../images/flags/gr.svg) } .flag-gs { background-image: url(../images/flags/gs.svg) } .flag-gt { background-image: url(../images/flags/gt.svg) } .flag-gu { background-image: url(../images/flags/gu.svg) } .flag-gw { background-image: url(../images/flags/gw.svg) } .flag-gy { background-image: url(../images/flags/gy.svg) } .flag-hk { background-image: url(../images/flags/hk.svg) } .flag-hm { background-image: url(../images/flags/hm.svg) } .flag-hn { background-image: url(../images/flags/hn.svg) } .flag-hr { background-image: url(../images/flags/hr.svg) } .flag-ht { background-image: url(../images/flags/ht.svg) } .flag-hu { background-image: url(../images/flags/hu.svg) } .flag-id { background-image: url(../images/flags/id.svg) } .flag-ie { background-image: url(../images/flags/ie.svg) } .flag-il { background-image: url(../images/flags/il.svg) } .flag-im { background-image: url(../images/flags/im.svg) } .flag-in { background-image: url(../images/flags/in.svg) } .flag-io { background-image: url(../images/flags/io.svg) } .flag-iq { background-image: url(../images/flags/iq.svg) } .flag-ir { background-image: url(../images/flags/ir.svg) } .flag-is { background-image: url(../images/flags/is.svg) } .flag-it { background-image: url(../images/flags/it.svg) } .flag-je { background-image: url(../images/flags/je.svg) } .flag-jm { background-image: url(../images/flags/jm.svg) } .flag-jo { background-image: url(../images/flags/jo.svg) } .flag-jp { background-image: url(../images/flags/jp.svg) } .flag-ke { background-image: url(../images/flags/ke.svg) } .flag-kg { background-image: url(../images/flags/kg.svg) } .flag-kh { background-image: url(../images/flags/kh.svg) } .flag-ki { background-image: url(../images/flags/ki.svg) } .flag-km { background-image: url(../images/flags/km.svg) } .flag-kn { background-image: url(../images/flags/kn.svg) } .flag-kp { background-image: url(../images/flags/kp.svg) } .flag-kr { background-image: url(../images/flags/kr.svg) } .flag-kw { background-image: url(../images/flags/kw.svg) } .flag-ky { background-image: url(../images/flags/ky.svg) } .flag-kz { background-image: url(../images/flags/kz.svg) } .flag-la { background-image: url(../images/flags/la.svg) } .flag-lb { background-image: url(../images/flags/lb.svg) } .flag-lc { background-image: url(../images/flags/lc.svg) } .flag-li { background-image: url(../images/flags/li.svg) } .flag-lk { background-image: url(../images/flags/lk.svg) } .flag-lr { background-image: url(../images/flags/lr.svg) } .flag-ls { background-image: url(../images/flags/ls.svg) } .flag-lt { background-image: url(../images/flags/lt.svg) } .flag-lu { background-image: url(../images/flags/lu.svg) } .flag-lv { background-image: url(../images/flags/lv.svg) } .flag-ly { background-image: url(../images/flags/ly.svg) } .flag-ma { background-image: url(../images/flags/ma.svg) } .flag-mc { background-image: url(../images/flags/mc.svg) } .flag-md { background-image: url(../images/flags/md.svg) } .flag-me { background-image: url(../images/flags/me.svg) } .flag-mf { background-image: url(../images/flags/mf.svg) } .flag-mg { background-image: url(../images/flags/mg.svg) } .flag-mh { background-image: url(../images/flags/mh.svg) } .flag-mk { background-image: url(../images/flags/mk.svg) } .flag-ml { background-image: url(../images/flags/ml.svg) } .flag-mm { background-image: url(../images/flags/mm.svg) } .flag-mn { background-image: url(../images/flags/mn.svg) } .flag-mo { background-image: url(../images/flags/mo.svg) } .flag-mp { background-image: url(../images/flags/mp.svg) } .flag-mq { background-image: url(../images/flags/mq.svg) } .flag-mr { background-image: url(../images/flags/mr.svg) } .flag-ms { background-image: url(../images/flags/ms.svg) } .flag-mt { background-image: url(../images/flags/mt.svg) } .flag-mu { background-image: url(../images/flags/mu.svg) } .flag-mv { background-image: url(../images/flags/mv.svg) } .flag-mw { background-image: url(../images/flags/mw.svg) } .flag-mx { background-image: url(../images/flags/mx.svg) } .flag-my { background-image: url(../images/flags/my.svg) } .flag-mz { background-image: url(../images/flags/mz.svg) } .flag-na { background-image: url(../images/flags/na.svg) } .flag-nc { background-image: url(../images/flags/nc.svg) } .flag-ne { background-image: url(../images/flags/ne.svg) } .flag-nf { background-image: url(../images/flags/nf.svg) } .flag-ng { background-image: url(../images/flags/ng.svg) } .flag-ni { background-image: url(../images/flags/ni.svg) } .flag-nl { background-image: url(../images/flags/nl.svg) } .flag-no { background-image: url(../images/flags/no.svg) } .flag-np { background-image: url(../images/flags/np.svg) } .flag-nr { background-image: url(../images/flags/nr.svg) } .flag-nu { background-image: url(../images/flags/nu.svg) } .flag-nz { background-image: url(../images/flags/nz.svg) } .flag-om { background-image: url(../images/flags/om.svg) } .flag-pa { background-image: url(../images/flags/pa.svg) } .flag-pe { background-image: url(../images/flags/pe.svg) } .flag-pf { background-image: url(../images/flags/pf.svg) } .flag-pg { background-image: url(../images/flags/pg.svg) } .flag-ph { background-image: url(../images/flags/ph.svg) } .flag-pk { background-image: url(../images/flags/pk.svg) } .flag-pl { background-image: url(../images/flags/pl.svg) } .flag-pm { background-image: url(../images/flags/pm.svg) } .flag-pn { background-image: url(../images/flags/pn.svg) } .flag-pr { background-image: url(../images/flags/pr.svg) } .flag-ps { background-image: url(../images/flags/ps.svg) } .flag-pt { background-image: url(../images/flags/pt.svg) } .flag-pw { background-image: url(../images/flags/pw.svg) } .flag-py { background-image: url(../images/flags/py.svg) } .flag-qa { background-image: url(../images/flags/qa.svg) } .flag-re { background-image: url(../images/flags/re.svg) } .flag-ro { background-image: url(../images/flags/ro.svg) } .flag-rs { background-image: url(../images/flags/rs.svg) } .flag-ru { background-image: url(../images/flags/ru.svg) } .flag-rw { background-image: url(../images/flags/rw.svg) } .flag-sa { background-image: url(../images/flags/sa.svg) } .flag-sb { background-image: url(../images/flags/sb.svg) } .flag-sc { background-image: url(../images/flags/sc.svg) } .flag-sd { background-image: url(../images/flags/sd.svg) } .flag-se { background-image: url(../images/flags/se.svg) } .flag-sg { background-image: url(../images/flags/sg.svg) } .flag-sh { background-image: url(../images/flags/sh.svg) } .flag-si { background-image: url(../images/flags/si.svg) } .flag-sj { background-image: url(../images/flags/sj.svg) } .flag-sk { background-image: url(../images/flags/sk.svg) } .flag-sl { background-image: url(../images/flags/sl.svg) } .flag-sm { background-image: url(../images/flags/sm.svg) } .flag-sn { background-image: url(../images/flags/sn.svg) } .flag-so { background-image: url(../images/flags/so.svg) } .flag-sr { background-image: url(../images/flags/sr.svg) } .flag-ss { background-image: url(../images/flags/ss.svg) } .flag-st { background-image: url(../images/flags/st.svg) } .flag-sv { background-image: url(../images/flags/sv.svg) } .flag-sx { background-image: url(../images/flags/sx.svg) } .flag-sy { background-image: url(../images/flags/sy.svg) } .flag-sz { background-image: url(../images/flags/sz.svg) } .flag-tc { background-image: url(../images/flags/tc.svg) } .flag-td { background-image: url(../images/flags/td.svg) } .flag-tf { background-image: url(../images/flags/tf.svg) } .flag-tg { background-image: url(../images/flags/tg.svg) } .flag-th { background-image: url(../images/flags/th.svg) } .flag-tj { background-image: url(../images/flags/tj.svg) } .flag-tk { background-image: url(../images/flags/tk.svg) } .flag-tl { background-image: url(../images/flags/tl.svg) } .flag-tm { background-image: url(../images/flags/tm.svg) } .flag-tn { background-image: url(../images/flags/tn.svg) } .flag-to { background-image: url(../images/flags/to.svg) } .flag-tr { background-image: url(../images/flags/tr.svg) } .flag-tt { background-image: url(../images/flags/tt.svg) } .flag-tv { background-image: url(../images/flags/tv.svg) } .flag-tw { background-image: url(../images/flags/tw.svg) } .flag-tz { background-image: url(../images/flags/tz.svg) } .flag-ua { background-image: url(../images/flags/ua.svg) } .flag-ug { background-image: url(../images/flags/ug.svg) } .flag-um { background-image: url(../images/flags/um.svg) } .flag-un { background-image: url(../images/flags/un.svg) } .flag-us { background-image: url(../images/flags/us.svg) } .flag-uy { background-image: url(../images/flags/uy.svg) } .flag-uz { background-image: url(../images/flags/uz.svg) } .flag-va { background-image: url(../images/flags/va.svg) } .flag-vc { background-image: url(../images/flags/vc.svg) } .flag-ve { background-image: url(../images/flags/ve.svg) } .flag-vg { background-image: url(../images/flags/vg.svg) } .flag-vi { background-image: url(../images/flags/vi.svg) } .flag-vn { background-image: url(../images/flags/vn.svg) } .flag-vu { background-image: url(../images/flags/vu.svg) } .flag-wf { background-image: url(../images/flags/wf.svg) } .flag-ws { background-image: url(../images/flags/ws.svg) } .flag-ye { background-image: url(../images/flags/ye.svg) } .flag-yt { background-image: url(../images/flags/yt.svg) } .flag-za { background-image: url(../images/flags/za.svg) } .flag-zm { background-image: url(../images/flags/zm.svg) } .flag-zw { background-image: url(../images/flags/zw.svg) } .payment { width: 2.5rem; height: 1.5rem; display: inline-block; background: no-repeat center/100% 100%; vertical-align: bottom; font-style: normal; box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1); border-radius: 2px } .payment-2checkout-dark { background-image: url(../images/payments/2checkout-dark.svg) } .payment-2checkout { background-image: url(../images/payments/2checkout.svg) } .payment-alipay-dark { background-image: url(../images/payments/alipay-dark.svg) } .payment-alipay { background-image: url(../images/payments/alipay.svg) } .payment-amazon-dark { background-image: url(../images/payments/amazon-dark.svg) } .payment-amazon { background-image: url(../images/payments/amazon.svg) } .payment-americanexpress-dark { background-image: url(../images/payments/americanexpress-dark.svg) } .payment-americanexpress { background-image: url(../images/payments/americanexpress.svg) } .payment-applepay-dark { background-image: url(../images/payments/applepay-dark.svg) } .payment-applepay { background-image: url(../images/payments/applepay.svg) } .payment-bancontact-dark { background-image: url(../images/payments/bancontact-dark.svg) } .payment-bancontact { background-image: url(../images/payments/bancontact.svg) } .payment-bitcoin-dark { background-image: url(../images/payments/bitcoin-dark.svg) } .payment-bitcoin { background-image: url(../images/payments/bitcoin.svg) } .payment-bitpay-dark { background-image: url(../images/payments/bitpay-dark.svg) } .payment-bitpay { background-image: url(../images/payments/bitpay.svg) } .payment-cirrus-dark { background-image: url(../images/payments/cirrus-dark.svg) } .payment-cirrus { background-image: url(../images/payments/cirrus.svg) } .payment-clickandbuy-dark { background-image: url(../images/payments/clickandbuy-dark.svg) } .payment-clickandbuy { background-image: url(../images/payments/clickandbuy.svg) } .payment-coinkite-dark { background-image: url(../images/payments/coinkite-dark.svg) } .payment-coinkite { background-image: url(../images/payments/coinkite.svg) } .payment-dinersclub-dark { background-image: url(../images/payments/dinersclub-dark.svg) } .payment-dinersclub { background-image: url(../images/payments/dinersclub.svg) } .payment-directdebit-dark { background-image: url(../images/payments/directdebit-dark.svg) } .payment-directdebit { background-image: url(../images/payments/directdebit.svg) } .payment-discover-dark { background-image: url(../images/payments/discover-dark.svg) } .payment-discover { background-image: url(../images/payments/discover.svg) } .payment-dwolla-dark { background-image: url(../images/payments/dwolla-dark.svg) } .payment-dwolla { background-image: url(../images/payments/dwolla.svg) } .payment-ebay-dark { background-image: url(../images/payments/ebay-dark.svg) } .payment-ebay { background-image: url(../images/payments/ebay.svg) } .payment-eway-dark { background-image: url(../images/payments/eway-dark.svg) } .payment-eway { background-image: url(../images/payments/eway.svg) } .payment-giropay-dark { background-image: url(../images/payments/giropay-dark.svg) } .payment-giropay { background-image: url(../images/payments/giropay.svg) } .payment-googlewallet-dark { background-image: url(../images/payments/googlewallet-dark.svg) } .payment-googlewallet { background-image: url(../images/payments/googlewallet.svg) } .payment-ingenico-dark { background-image: url(../images/payments/ingenico-dark.svg) } .payment-ingenico { background-image: url(../images/payments/ingenico.svg) } .payment-jcb-dark { background-image: url(../images/payments/jcb-dark.svg) } .payment-jcb { background-image: url(../images/payments/jcb.svg) } .payment-klarna-dark { background-image: url(../images/payments/klarna-dark.svg) } .payment-klarna { background-image: url(../images/payments/klarna.svg) } .payment-laser-dark { background-image: url(../images/payments/laser-dark.svg) } .payment-laser { background-image: url(../images/payments/laser.svg) } .payment-maestro-dark { background-image: url(../images/payments/maestro-dark.svg) } .payment-maestro { background-image: url(../images/payments/maestro.svg) } .payment-mastercard-dark { background-image: url(../images/payments/mastercard-dark.svg) } .payment-mastercard { background-image: url(../images/payments/mastercard.svg) } .payment-monero-dark { background-image: url(../images/payments/monero-dark.svg) } .payment-monero { background-image: url(../images/payments/monero.svg) } .payment-neteller-dark { background-image: url(../images/payments/neteller-dark.svg) } .payment-neteller { background-image: url(../images/payments/neteller.svg) } .payment-ogone-dark { background-image: url(../images/payments/ogone-dark.svg) } .payment-ogone { background-image: url(../images/payments/ogone.svg) } .payment-okpay-dark { background-image: url(../images/payments/okpay-dark.svg) } .payment-okpay { background-image: url(../images/payments/okpay.svg) } .payment-paybox-dark { background-image: url(../images/payments/paybox-dark.svg) } .payment-paybox { background-image: url(../images/payments/paybox.svg) } .payment-paymill-dark { background-image: url(../images/payments/paymill-dark.svg) } .payment-paymill { background-image: url(../images/payments/paymill.svg) } .payment-payone-dark { background-image: url(../images/payments/payone-dark.svg) } .payment-payone { background-image: url(../images/payments/payone.svg) } .payment-payoneer-dark { background-image: url(../images/payments/payoneer-dark.svg) } .payment-payoneer { background-image: url(../images/payments/payoneer.svg) } .payment-paypal-dark { background-image: url(../images/payments/paypal-dark.svg) } .payment-paypal { background-image: url(../images/payments/paypal.svg) } .payment-paysafecard-dark { background-image: url(../images/payments/paysafecard-dark.svg) } .payment-paysafecard { background-image: url(../images/payments/paysafecard.svg) } .payment-payu-dark { background-image: url(../images/payments/payu-dark.svg) } .payment-payu { background-image: url(../images/payments/payu.svg) } .payment-payza-dark { background-image: url(../images/payments/payza-dark.svg) } .payment-payza { background-image: url(../images/payments/payza.svg) } .payment-ripple-dark { background-image: url(../images/payments/ripple-dark.svg) } .payment-ripple { background-image: url(../images/payments/ripple.svg) } .payment-sage-dark { background-image: url(../images/payments/sage-dark.svg) } .payment-sage { background-image: url(../images/payments/sage.svg) } .payment-sepa-dark { background-image: url(../images/payments/sepa-dark.svg) } .payment-sepa { background-image: url(../images/payments/sepa.svg) } .payment-shopify-dark { background-image: url(../images/payments/shopify-dark.svg) } .payment-shopify { background-image: url(../images/payments/shopify.svg) } .payment-skrill-dark { background-image: url(../images/payments/skrill-dark.svg) } .payment-skrill { background-image: url(../images/payments/skrill.svg) } .payment-solo-dark { background-image: url(../images/payments/solo-dark.svg) } .payment-solo { background-image: url(../images/payments/solo.svg) } .payment-square-dark { background-image: url(../images/payments/square-dark.svg) } .payment-square { background-image: url(../images/payments/square.svg) } .payment-stripe-dark { background-image: url(../images/payments/stripe-dark.svg) } .payment-stripe { background-image: url(../images/payments/stripe.svg) } .payment-switch-dark { background-image: url(../images/payments/switch-dark.svg) } .payment-switch { background-image: url(../images/payments/switch.svg) } .payment-ukash-dark { background-image: url(../images/payments/ukash-dark.svg) } .payment-ukash { background-image: url(../images/payments/ukash.svg) } .payment-unionpay-dark { background-image: url(../images/payments/unionpay-dark.svg) } .payment-unionpay { background-image: url(../images/payments/unionpay.svg) } .payment-verifone-dark { background-image: url(../images/payments/verifone-dark.svg) } .payment-verifone { background-image: url(../images/payments/verifone.svg) } .payment-verisign-dark { background-image: url(../images/payments/verisign-dark.svg) } .payment-verisign { background-image: url(../images/payments/verisign.svg) } .payment-visa-dark { background-image: url(../images/payments/visa-dark.svg) } .payment-visa { background-image: url(../images/payments/visa.svg) } .payment-webmoney-dark { background-image: url(../images/payments/webmoney-dark.svg) } .payment-webmoney { background-image: url(../images/payments/webmoney.svg) } .payment-westernunion-dark { background-image: url(../images/payments/westernunion-dark.svg) } .payment-westernunion { background-image: url(../images/payments/westernunion.svg) } .payment-worldpay-dark { background-image: url(../images/payments/worldpay-dark.svg) } .payment-worldpay { background-image: url(../images/payments/worldpay.svg) } svg { touch-action: none } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none } .jvectormap-tip { position: absolute; display: none; border-radius: 3px; background: #243040; color: #fff; padding: 6px; font-size: 11px; line-height: 1; font-weight: 700 } .jvectormap-tip small { font-size: inherit; font-weight: 400 } .jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: #fff; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px } .jvectormap-zoomin { top: 10px } .jvectormap-zoomout { top: 30px } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==) } .jvectormap-legend-title { font-weight: 700; font-size: 14px; text-align: center } .jvectormap-legend-cnt { position: absolute } .jvectormap-legend-cnt-h { bottom: 0; right: 0 } .jvectormap-legend-cnt-v { top: 0; right: 0 } .jvectormap-legend { background: #000; color: #fff; border-radius: 3px } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle } .jvectormap-legend-tick-text { font-size: 12px } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px } .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, .06) !important; border: 0 none !important; box-shadow: inset 0 0 12px 4px #fff } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden } .selectize-control.plugin-drag_drop .ui-sortable-helper { box-shadow: 0 2px 5px rgba(0, 0, 0, .2) } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0 } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #4e5e72; opacity: .4; margin-top: -12px; line-height: 20px; font-size: 20px !important } .selectize-dropdown-header-close:hover { color: #000 } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; box-sizing: border-box } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: 700; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; border-radius: 0 2px 2px 0; box-sizing: border-box } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, .05) } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: 0 0 } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #fff } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px } .selectize-control { position: relative; padding: 0; border: 0 } .selectize-dropdown, .selectize-input, .selectize-input input { color: #4e5e72; font-family: inherit; font-size: 15px; line-height: 18px; -webkit-font-smoothing: inherit } .selectize-control.single .selectize-input.input-active, .selectize-input { background: #fff; cursor: text; display: inline-block } .selectize-input { border: 1px solid rgba(0, 40, 100, .12); padding: .5625rem .75rem; display: inline-block; display: block; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; border-radius: 3px; transition: .3s border-color, .3s box-shadow } .selectize-control.multi .selectize-input.has-items { padding: 7px .75rem 4px 7px } .selectize-input.full { background-color: #fff } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important } .selectize-input.focus { border-color: #2b7ae4; box-shadow: 0 0 0 2px rgba(43, 122, 228, .25) } .selectize-input.dropdown-active { border-radius: 3px 3px 0 0 } .selectize-input>* { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1 } .selectize-control.multi .selectize-input>div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #edf2f9; color: #4e5e72; font-size: 13px; border: 0 solid rgba(0, 40, 100, .12); border-radius: 3px; font-weight: 400 } .selectize-control.multi .selectize-input>div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca } .selectize-control.multi .selectize-input.disabled>div, .selectize-control.multi .selectize-input.disabled>div.active { color: #7d7d7d; background: #fff; border: 0 solid #fff } .selectize-input>input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: 0 0 !important; line-height: inherit !important; box-shadow: none !important } .selectize-input>input::-ms-clear { display: none } .selectize-input>input:focus { outline: 0 !important } .selectize-input::after { content: ' '; display: block; clear: left } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0 } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid rgba(0, 40, 100, .12); background: #fff; margin: -1px 0 0 0; border-top: 0 none; box-sizing: border-box; border-radius: 0 0 3px 3px; height: auto; padding: 0 } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, .2); border-radius: 1px } .selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] { padding: 6px .75rem } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none } .selectize-dropdown .optgroup-header { color: #4e5e72; background: #fff; cursor: default } .selectize-dropdown .active { background-color: #f1f4f8; color: #2b7ae4 } .selectize-dropdown .active.create { color: #4e5e72 } .selectize-dropdown .create { color: rgba(48, 48, 48, .5) } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch } #dashboard-search-form .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 118px; -webkit-overflow-scrolling: touch } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text } .selectize-control.single .selectize-input:after { content: ''; display: block; position: absolute; top: 13px; right: 12px; width: 8px; height: 10px; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center; background-size: 8px 10px; transition: .3s transform } .selectize-control.single .selectize-input.dropdown-active:after { transform: rotate(180deg) } .selectize-control .selectize-input.disabled { opacity: .5; background-color: #fafafa } .selectize-dropdown .image, .selectize-input .image { width: 1.25rem; height: 1.25rem; background-size: contain; margin: -1px .5rem -1px -4px; line-height: 1.25rem; float: left; display: flex; align-items: center; justify-content: center } .selectize-dropdown .image img, .selectize-input .image img { max-width: 100%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4); border-radius: 2px } .selectize-input .image { width: 1.5rem; height: 1.5rem; margin: -3px .75rem -3px -5px } @font-face { font-family: feather; src: url(../fonts/feather/feather-webfont.eot?t=1501841394106); src: url(../fonts/feather/feather-webfont.eot?t=1501841394106#iefix) format("embedded-opentype"), url(../fonts/feather/feather-webfont.woff?t=1501841394106) format("woff"), url(../fonts/feather/feather-webfont.ttf?t=1501841394106) format("truetype"), url(../fonts/feather/feather-webfont.svg?t=1501841394106#feather) format("svg") } .fe { font-family: feather !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fe-activity:before { content: "\e900" } .fe-airplay:before { content: "\e901" } .fe-alert-circle:before { content: "\e902" } .fe-alert-octagon:before { content: "\e903" } .fe-alert-triangle:before { content: "\e904" } .fe-align-center:before { content: "\e905" } .fe-align-justify:before { content: "\e906" } .fe-align-left:before { content: "\e907" } .fe-align-right:before { content: "\e908" } .fe-anchor:before { content: "\e909" } .fe-aperture:before { content: "\e90a" } .fe-arrow-down:before { content: "\e90b" } .fe-arrow-down-circle:before { content: "\e90c" } .fe-arrow-down-left:before { content: "\e90d" } .fe-arrow-down-right:before { content: "\e90e" } .fe-arrow-left:before { content: "\e90f" } .fe-arrow-left-circle:before { content: "\e910" } .fe-arrow-right:before { content: "\e911" } .fe-arrow-right-circle:before { content: "\e912" } .fe-arrow-up:before { content: "\e913" } .fe-arrow-up-circle:before { content: "\e914" } .fe-arrow-up-left:before { content: "\e915" } .fe-arrow-up-right:before { content: "\e916" } .fe-at-sign:before { content: "\e917" } .fe-award:before { content: "\e918" } .fe-bar-chart:before { content: "\e919" } .fe-bar-chart-2:before { content: "\e91a" } .fe-battery:before { content: "\e91b" } .fe-battery-charging:before { content: "\e91c" } .fe-bell:before { content: "\e91d" } .fe-bell-off:before { content: "\e91e" } .fe-bluetooth:before { content: "\e91f" } .fe-bold:before { content: "\e920" } .fe-book:before { content: "\e921" } .fe-book-open:before { content: "\e922" } .fe-bookmark:before { content: "\e923" } .fe-box:before { content: "\e924" } .fe-briefcase:before { content: "\e925" } .fe-calendar:before { content: "\e926" } .fe-camera:before { content: "\e927" } .fe-camera-off:before { content: "\e928" } .fe-cast:before { content: "\e929" } .fe-check:before { content: "\e92a" } .fe-check-circle:before { content: "\e92b" } .fe-check-square:before { content: "\e92c" } .fe-chevron-down:before { content: "\e92d" } .fe-chevron-left:before { content: "\e92e" } .fe-chevron-right:before { content: "\e92f" } .fe-chevron-up:before { content: "\e930" } .fe-chevrons-down:before { content: "\e931" } .fe-chevrons-left:before { content: "\e932" } .fe-chevrons-right:before { content: "\e933" } .fe-chevrons-up:before { content: "\e934" } .fe-chrome:before { content: "\e935" } .fe-circle:before { content: "\e936" } .fe-clipboard:before { content: "\e937" } .fe-clock:before { content: "\e938" } .fe-cloud:before { content: "\e939" } .fe-cloud-drizzle:before { content: "\e93a" } .fe-cloud-lightning:before { content: "\e93b" } .fe-cloud-off:before { content: "\e93c" } .fe-cloud-rain:before { content: "\e93d" } .fe-cloud-snow:before { content: "\e93e" } .fe-code:before { content: "\e93f" } .fe-codepen:before { content: "\e940" } .fe-command:before { content: "\e941" } .fe-compass:before { content: "\e942" } .fe-copy:before { content: "\e943" } .fe-corner-down-left:before { content: "\e944" } .fe-corner-down-right:before { content: "\e945" } .fe-corner-left-down:before { content: "\e946" } .fe-corner-left-up:before { content: "\e947" } .fe-corner-right-down:before { content: "\e948" } .fe-corner-right-up:before { content: "\e949" } .fe-corner-up-left:before { content: "\e94a" } .fe-corner-up-right:before { content: "\e94b" } .fe-cpu:before { content: "\e94c" } .fe-credit-card:before { content: "\e94d" } .fe-crop:before { content: "\e94e" } .fe-crosshair:before { content: "\e94f" } .fe-database:before { content: "\e950" } .fe-delete:before { content: "\e951" } .fe-disc:before { content: "\e952" } .fe-dollar-sign:before { content: "\e953" } .fe-download:before { content: "\e954" } .fe-download-cloud:before { content: "\e955" } .fe-droplet:before { content: "\e956" } .fe-edit:before { content: "\e957" } .fe-edit-2:before { content: "\e958" } .fe-edit-3:before { content: "\e959" } .fe-external-link:before { content: "\e95a" } .fe-eye:before { content: "\e95b" } .fe-eye-off:before { content: "\e95c" } .fe-facebook:before { content: "\e95d" } .fe-fast-forward:before { content: "\e95e" } .fe-feather:before { content: "\e95f" } .fe-file:before { content: "\e960" } .fe-file-minus:before { content: "\e961" } .fe-file-plus:before { content: "\e962" } .fe-file-text:before { content: "\e963" } .fe-film:before { content: "\e964" } .fe-filter:before { content: "\e965" } .fe-flag:before { content: "\e966" } .fe-folder:before { content: "\e967" } .fe-folder-minus:before { content: "\e968" } .fe-folder-plus:before { content: "\e969" } .fe-git-branch:before { content: "\e96a" } .fe-git-commit:before { content: "\e96b" } .fe-git-merge:before { content: "\e96c" } .fe-git-pull-request:before { content: "\e96d" } .fe-github:before { content: "\e96e" } .fe-gitlab:before { content: "\e96f" } .fe-globe:before { content: "\e970" } .fe-grid:before { content: "\e971" } .fe-hard-drive:before { content: "\e972" } .fe-hash:before { content: "\e973" } .fe-headphones:before { content: "\e974" } .fe-heart:before { content: "\e975" } .fe-help-circle:before { content: "\e976" } .fe-home:before { content: "\e977" } .fe-image:before { content: "\e978" } .fe-inbox:before { content: "\e979" } .fe-info:before { content: "\e97a" } .fe-instagram:before { content: "\e97b" } .fe-italic:before { content: "\e97c" } .fe-layers:before { content: "\e97d" } .fe-layout:before { content: "\e97e" } .fe-life-buoy:before { content: "\e97f" } .fe-link:before { content: "\e980" } .fe-link-2:before { content: "\e981" } .fe-linkedin:before { content: "\e982" } .fe-list:before { content: "\e983" } .fe-loader:before { content: "\e984" } .fe-lock:before { content: "\e985" } .fe-log-in:before { content: "\e986" } .fe-log-out:before { content: "\e987" } .fe-mail:before { content: "\e988" } .fe-map:before { content: "\e989" } .fe-map-pin:before { content: "\e98a" } .fe-maximize:before { content: "\e98b" } .fe-maximize-2:before { content: "\e98c" } .fe-menu:before { content: "\e98d" } .fe-message-circle:before { content: "\e98e" } .fe-message-square:before { content: "\e98f" } .fe-mic:before { content: "\e990" } .fe-mic-off:before { content: "\e991" } .fe-minimize:before { content: "\e992" } .fe-minimize-2:before { content: "\e993" } .fe-minus:before { content: "\e994" } .fe-minus-circle:before { content: "\e995" } .fe-minus-square:before { content: "\e996" } .fe-monitor:before { content: "\e997" } .fe-moon:before { content: "\e998" } .fe-more-horizontal:before { content: "\e999" } .fe-more-vertical:before { content: "\e99a" } .fe-move:before { content: "\e99b" } .fe-music:before { content: "\e99c" } .fe-navigation:before { content: "\e99d" } .fe-navigation-2:before { content: "\e99e" } .fe-octagon:before { content: "\e99f" } .fe-package:before { content: "\e9a0" } .fe-paperclip:before { content: "\e9a1" } .fe-pause:before { content: "\e9a2" } .fe-pause-circle:before { content: "\e9a3" } .fe-percent:before { content: "\e9a4" } .fe-phone:before { content: "\e9a5" } .fe-phone-call:before { content: "\e9a6" } .fe-phone-forwarded:before { content: "\e9a7" } .fe-phone-incoming:before { content: "\e9a8" } .fe-phone-missed:before { content: "\e9a9" } .fe-phone-off:before { content: "\e9aa" } .fe-phone-outgoing:before { content: "\e9ab" } .fe-pie-chart:before { content: "\e9ac" } .fe-play:before { content: "\e9ad" } .fe-play-circle:before { content: "\e9ae" } .fe-plus:before { content: "\e9af" } .fe-plus-circle:before { content: "\e9b0" } .fe-plus-square:before { content: "\e9b1" } .fe-pocket:before { content: "\e9b2" } .fe-power:before { content: "\e9b3" } .fe-printer:before { content: "\e9b4" } .fe-radio:before { content: "\e9b5" } .fe-refresh-ccw:before { content: "\e9b6" } .fe-refresh-cw:before { content: "\e9b7" } .fe-repeat:before { content: "\e9b8" } .fe-rewind:before { content: "\e9b9" } .fe-rotate-ccw:before { content: "\e9ba" } .fe-rotate-cw:before { content: "\e9bb" } .fe-rss:before { content: "\e9bc" } .fe-save:before { content: "\e9bd" } .fe-scissors:before { content: "\e9be" } .fe-search:before { content: "\e9bf" } .fe-send:before { content: "\e9c0" } .fe-server:before { content: "\e9c1" } .fe-settings:before { content: "\e9c2" } .fe-share:before { content: "\e9c3" } .fe-share-2:before { content: "\e9c4" } .fe-shield:before { content: "\e9c5" } .fe-shield-off:before { content: "\e9c6" } .fe-shopping-bag:before { content: "\e9c7" } .fe-shopping-cart:before { content: "\e9c8" } .fe-shuffle:before { content: "\e9c9" } .fe-sidebar:before { content: "\e9ca" } .fe-skip-back:before { content: "\e9cb" } .fe-skip-forward:before { content: "\e9cc" } .fe-slack:before { content: "\e9cd" } .fe-slash:before { content: "\e9ce" } .fe-sliders:before { content: "\e9cf" } .fe-smartphone:before { content: "\e9d0" } .fe-speaker:before { content: "\e9d1" } .fe-square:before { content: "\e9d2" } .fe-star:before { content: "\e9d3" } .fe-stop-circle:before { content: "\e9d4" } .fe-sun:before { content: "\e9d5" } .fe-sunrise:before { content: "\e9d6" } .fe-sunset:before { content: "\e9d7" } .fe-tablet:before { content: "\e9d8" } .fe-tag:before { content: "\e9d9" } .fe-target:before { content: "\e9da" } .fe-terminal:before { content: "\e9db" } .fe-thermometer:before { content: "\e9dc" } .fe-thumbs-down:before { content: "\e9dd" } .fe-thumbs-up:before { content: "\e9de" } .fe-toggle-left:before { content: "\e9df" } .fe-toggle-right:before { content: "\e9e0" } .fe-trash:before { content: "\e9e1" } .fe-trash-2:before { content: "\e9e2" } .fe-trending-down:before { content: "\e9e3" } .fe-trending-up:before { content: "\e9e4" } .fe-triangle:before { content: "\e9e5" } .fe-truck:before { content: "\e9e6" } .fe-tv:before { content: "\e9e7" } .fe-twitter:before { content: "\e9e8" } .fe-type:before { content: "\e9e9" } .fe-umbrella:before { content: "\e9ea" } .fe-underline:before { content: "\e9eb" } .fe-unlock:before { content: "\e9ec" } .fe-upload:before { content: "\e9ed" } .fe-upload-cloud:before { content: "\e9ee" } .fe-user:before { content: "\e9ef" } .fe-user-check:before { content: "\e9f0" } .fe-user-minus:before { content: "\e9f1" } .fe-user-plus:before { content: "\e9f2" } .fe-user-x:before { content: "\e9f3" } .fe-users:before { content: "\e9f4" } .fe-video:before { content: "\e9f5" } .fe-video-off:before { content: "\e9f6" } .fe-voicemail:before { content: "\e9f7" } .fe-volume:before { content: "\e9f8" } .fe-volume-1:before { content: "\e9f9" } .fe-volume-2:before { content: "\e9fa" } .fe-volume-x:before { content: "\e9fb" } .fe-watch:before { content: "\e9fc" } .fe-wifi:before { content: "\e9fd" } .fe-wifi-off:before { content: "\e9fe" } .fe-wind:before { content: "\e9ff" } .fe-x:before { content: "\ea00" } .fe-x-circle:before { content: "\ea01" } .fe-x-square:before { content: "\ea02" } .fe-zap:before { content: "\ea03" } .fe-zap-off:before { content: "\ea04" } .fe-zoom-in:before { content: "\ea05" } .fe-zoom-out:before { content: "\ea06" } #nprogress { pointer-events: none } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px } #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1; transform: rotate(3deg) translate(0, -4px) } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner .4s linear infinite; animation: nprogress-spinner .4s linear infinite } .nprogress-custom-parent { overflow: hidden; position: relative } .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner { position: absolute } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(360deg) } } @keyframes nprogress-spinner { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } ul.messenger { margin: 0; padding: 0 } ul.messenger>li { list-style: none; margin: 0; padding: 0 } ul.messenger.messenger-empty { display: none } ul.messenger .messenger-message { overflow: hidden } ul.messenger .messenger-message.messenger-hidden { display: none } ul.messenger .messenger-message .messenger-actions a, ul.messenger .messenger-message .messenger-phrase { padding-right: 5px } ul.messenger .messenger-message .messenger-actions { float: right } ul.messenger .messenger-message .messenger-actions a { cursor: pointer; text-decoration: underline } ul.messenger .messenger-message ol, ul.messenger .messenger-message ul { margin: 10px 18px 0 } ul.messenger.messenger-fixed { position: fixed; z-index: 10000 } ul.messenger.messenger-fixed .messenger-message { min-width: 0; box-sizing: border-box } ul.messenger.messenger-fixed .message .messenger-actions { float: left } ul.messenger.messenger-fixed.messenger-on-top { top: 20px } ul.messenger.messenger-fixed.messenger-on-bottom { bottom: 20px } ul.messenger.messenger-fixed.messenger-on-bottom, ul.messenger.messenger-fixed.messenger-on-top { left: 50%; width: 800px; margin-left: -400px } @media (max-width:960px) { ul.messenger.messenger-fixed.messenger-on-bottom, ul.messenger.messenger-fixed.messenger-on-top { left: 10%; width: 80%; margin-left: 0 } } ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right { right: 20px; left: auto } ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left { left: 20px; margin-left: 0 } ul.messenger.messenger-fixed.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-right { width: 350px } ul.messenger.messenger-fixed.messenger-on-left .messenger-actions, ul.messenger.messenger-fixed.messenger-on-right .messenger-actions { float: left } ul.messenger .messenger-spinner { display: none } ul.messenger .messenger-clickable { cursor: pointer } @-webkit-keyframes ui-spinner-rotate-right { 0% { -webkit-transform: rotate(0) } 25% { -webkit-transform: rotate(180deg) } 50% { -webkit-transform: rotate(180deg) } 75% { -webkit-transform: rotate(360deg) } 100% { -webkit-transform: rotate(360deg) } } @-webkit-keyframes ui-spinner-rotate-left { 0% { -webkit-transform: rotate(0) } 25% { -webkit-transform: rotate(0) } 50% { -webkit-transform: rotate(180deg) } 75% { -webkit-transform: rotate(180deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes ui-spinner-rotate-right { 0% { transform: rotate(0) } 25% { transform: rotate(180deg) } 50% { transform: rotate(180deg) } 75% { transform: rotate(360deg) } 100% { transform: rotate(360deg) } } @keyframes ui-spinner-rotate-left { 0% { transform: rotate(0) } 25% { transform: rotate(0) } 50% { transform: rotate(180deg) } 75% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } } .messenger-spinner { position: relative; border-radius: 100% } ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { display: block } .messenger-spinner .messenger-spinner-side { width: 50%; height: 100%; overflow: hidden; position: absolute } .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear } .messenger-spinner .messenger-spinner-side-left { left: 0 } .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; transform-origin: 0 50% 50% } .messenger-spinner .messenger-spinner-side-right { left: 50% } .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; transform-origin: 100% 50% 50% } ul.messenger-theme-flat { border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; background: #404040 } ul.messenger-theme-flat.messenger-empty { display: none } ul.messenger-theme-flat .messenger-message { box-shadow: inset 0 1px rgba(255, 255, 255, .13), inset 48px 0 0 #292929; border-radius: 0; position: relative; border: 0; margin-bottom: 0; font-size: 13px; background: 0 0; color: #f0f0f0; font-weight: 500; padding: 10px 30px 13px 65px } ul.messenger-theme-flat .messenger-message .messenger-close { position: absolute; top: 0; right: 0; color: #888; opacity: 1; font-weight: 700; display: block; font-size: 20px; line-height: 20px; padding: 8px 10px 7px 7px; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } ul.messenger-theme-flat .messenger-message .messenger-close:hover { color: #bbb } ul.messenger-theme-flat .messenger-message .messenger-close:active { color: #777 } ul.messenger-theme-flat .messenger-message .messenger-actions { float: none; margin-top: 10px } ul.messenger-theme-flat .messenger-message .messenger-actions a { border-radius: 4px; text-decoration: none; color: #aaa; background: #2e2e2e; display: inline-block; padding: 10px; margin-right: 10px; padding: 4px 11px 6px; text-transform: capitalize } ul.messenger-theme-flat .messenger-message .messenger-actions a:hover { color: #f0f0f0; background: #2e2e2e } ul.messenger-theme-flat .messenger-message .messenger-actions a:active { background: #292929; color: #aaa } ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase { display: none } ul.messenger-theme-flat .messenger-message .messenger-message-inner:before { border-radius: 50%; position: absolute; left: 17px; display: block; content: " "; top: 50%; margin-top: -8px; height: 13px; width: 13px; z-index: 20 } ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before { background: #5fca4a } ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before { background: #61c4b8 } ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before { background: #dd6a45 } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { width: 32px; height: 32px; background: 0 0 } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { background: #dd6a45; -webkit-animation-duration: 20s; animation-duration: 20s; opacity: 1 } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { content: ""; background: #292929; position: absolute; width: 26px; height: 26px; border-radius: 50%; top: 3px; left: 3px; display: block } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner { width: 32px; height: 32px; background: 0 0 } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { background: #dd6a45; -webkit-animation-duration: 600s; animation-duration: 600s; opacity: 1 } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { content: ""; background: #292929; position: absolute; width: 26px; height: 26px; border-radius: 50%; top: 3px; left: 3px; display: block } ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message { border-radius: 4px 4px 0 0; box-shadow: inset 48px 0 0 #292929 } ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message { border-radius: 0 0 4px 4px; box-shadow: inset 0 1px rgba(255, 255, 255, .13), inset 48px 0 0 #292929 } ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message { border-radius: 4px; box-shadow: inset 48px 0 0 #292929 } ul.messenger-theme-flat .messenger-spinner { display: block; position: absolute; left: 7px; top: 50%; margin-top: -18px; z-index: 999; height: 32px; width: 32px; z-index: 10 } .animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes shake { 0%, 100% { transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px) } 20%, 40%, 60%, 80% { transform: translateX(10px) } } @keyframes shake { 0%, 100% { transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px) } 20%, 40%, 60%, 80% { transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0) } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0) } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } 100% { transform: rotate(0) } } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } 100% { transform: rotate(0) } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes wobble { 0% { transform: translateX(0) } 15% { transform: translateX(-25%) rotate(-5deg) } 30% { transform: translateX(20%) rotate(3deg) } 45% { transform: translateX(-15%) rotate(-3deg) } 60% { transform: translateX(10%) rotate(2deg) } 75% { transform: translateX(-5%) rotate(-1deg) } 100% { transform: translateX(0) } } @keyframes wobble { 0% { transform: translateX(0) } 15% { transform: translateX(-25%) rotate(-5deg) } 30% { transform: translateX(20%) rotate(3deg) } 45% { transform: translateX(-15%) rotate(-3deg) } 60% { transform: translateX(10%) rotate(2deg) } 75% { transform: translateX(-5%) rotate(-1deg) } 100% { transform: translateX(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes wiggle { 0% { transform: skewX(9deg) } 10% { transform: skewX(-8deg) } 20% { transform: skewX(7deg) } 30% { transform: skewX(-6deg) } 40% { transform: skewX(5deg) } 50% { transform: skewX(-4deg) } 60% { transform: skewX(3deg) } 70% { transform: skewX(-2deg) } 80% { transform: skewX(1deg) } 90% { transform: skewX(0) } 100% { transform: skewX(0) } } @keyframes wiggle { 0% { transform: skewX(9deg) } 10% { transform: skewX(-8deg) } 20% { transform: skewX(7deg) } 30% { transform: skewX(-6deg) } 40% { transform: skewX(5deg) } 50% { transform: skewX(-4deg) } 60% { transform: skewX(3deg) } 70% { transform: skewX(-2deg) } 80% { transform: skewX(1deg) } 90% { transform: skewX(0) } 100% { transform: skewX(0) } } .wiggle { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes pulse { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(1) } } @keyframes pulse { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateX(-10deg) } 70% { transform: perspective(400px) rotateX(10deg) } 100% { transform: perspective(400px) rotateX(0); opacity: 1 } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateX(-10deg) } 70% { transform: perspective(400px) rotateX(10deg) } 100% { transform: perspective(400px) rotateX(0); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px) } 100% { opacity: 1; transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px) } 100% { opacity: 1; transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px) } 100% { opacity: 1; transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px) } 100% { opacity: 1; transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px) } 100% { opacity: 1; transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px) } 100% { opacity: 1; transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px) } 100% { opacity: 1; transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes bounceIn { 0% { opacity: 0; transform: scale(.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px) } 60% { opacity: 1; transform: translateY(-30px) } 80% { transform: translateY(10px) } 100% { transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px) } 60% { opacity: 1; transform: translateY(-30px) } 80% { transform: translateY(10px) } 100% { transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } 100% { transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } 100% { transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px) } 60% { opacity: 1; transform: translateX(30px) } 80% { transform: translateX(-10px) } 100% { transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px) } 60% { opacity: 1; transform: translateX(30px) } 80% { transform: translateX(-10px) } 100% { transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px) } 60% { opacity: 1; transform: translateX(-30px) } 80% { transform: translateX(10px) } 100% { transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px) } 60% { opacity: 1; transform: translateX(-30px) } 80% { transform: translateX(10px) } 100% { transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity: 1; transform: scale(1.1) } 100% { opacity: 0; transform: scale(.3) } } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity: 1; transform: scale(1.1) } 100% { opacity: 0; transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutUp { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(20px) } 100% { opacity: 0; transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(20px) } 100% { opacity: 0; transform: translateY(-2000px) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes bounceOutDown { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(-20px) } 100% { opacity: 0; transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(-20px) } 100% { opacity: 0; transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(20px) } 100% { opacity: 0; transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(20px) } 100% { opacity: 0; transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(-20px) } 100% { opacity: 0; transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(-20px) } 100% { opacity: 0; transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { transform: translateX(0) skewX(0); opacity: 1 } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { transform: translateX(0) skewX(0); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { transform: translateX(0) skewX(0); opacity: 1 } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { transform: translateX(0) skewX(0); opacity: 1 } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0); opacity: 1 } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0); opacity: 1 } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } .empty-state { padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center } .empty-state .empty-icon i.fa, .empty-state .empty-icon i.fe { color: #d8e2ef; font-size: 48pt } .empty-state .empty-title { font-size: 16pt } .empty-state .empty-subtitle { font-size: 12pt } .sidebar-menu .sidebar-menu-line { height: 1px; background: #edf2f9; margin-left: 1rem; margin-right: 1rem } .sidebar-menu .list-group-item .icon { margin-right: .75rem; margin-left: 0 } .sidebar-menu .list-group-item:hover { background: rgba(43, 122, 228, .03) } .sidebar-menu .list-group-item.active:hover { background: rgba(43, 122, 228, .06) } .sidebar-menu .list-group-item.loading { position: relative } html[dir=rtl] .sidebar-menu .list-group-item .icon { margin-left: 0; margin-right: .75rem } .page-fill-wrapper { min-height: 500px } .page-fill-wrapper-other { flex: 1; padding-bottom: 65px; position: absolute; background-size: cover; height: 100%; width: 100%; top: 95px; } .important-messages .alert { border-radius: 0 } .min-h-100 { min-height: 100% } .hidden, .hide { display: none !important } .no-padding { padding: 0 } .text-bold { font-weight: 700 } .text-bolder { font-weight: 600 } .text-small { font-size: .8rem } .rounded { border-radius: 4px } .tooltip { pointer-events: none } .max-lines-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 1; -webkit-line-clamp: 1 } .max-lines-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 2; -webkit-line-clamp: 2 } .max-lines-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 3; -webkit-line-clamp: 3 } .max-lines-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 4; -webkit-line-clamp: 4 } .max-lines-5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 5; -webkit-line-clamp: 5 } .max-lines-6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 6; -webkit-line-clamp: 6 } .max-lines-7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 7; -webkit-line-clamp: 7 } .max-lines-8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 8; -webkit-line-clamp: 8 } .max-lines-9 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 9; -webkit-line-clamp: 9 } .max-lines-10 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; max-lines: 10; -webkit-line-clamp: 10 } .language-switcher-current img { width: 16px; height: auto; margin-bottom: .1rem } .language-switcher-current span { margin-left: .3rem } .language-switcher-current:hover { text-decoration: none } .language-switcher-current:hover span { text-decoration: underline } .modal-language-switcher .modal-body { max-height: 500px; overflow-y: auto } .modal-language-switcher .language-item { display: flex; padding: .15rem .45rem; border-radius: 4px } .modal-language-switcher .language-item .language-switcher-flag { width: 48px; height: auto; margin-top: .5rem; margin-bottom: .5rem; border-radius: 4px; margin-right: 1rem; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5), 0 -1px 1px 0 rgba(0, 0, 0, .1) } .modal-language-switcher .language-item .language-name { font-size: 12pt; font-weight: bolder } .modal-language-switcher .language-item .language-name-ascii { color: #9aa0ac } .modal-language-switcher .language-item .language-name-active { padding: .1rem .25rem; background: rgba(9, 183, 5, .1); color: #045402; border-radius: 4px } .modal-language-switcher .language-item .language-name-active i.fe { margin-left: .1rem; margin-bottom: .2rem } .modal-language-switcher .language-item:hover { text-decoration: none; background: #d8e2ef } .selectize-control { height: 38px } #dashboard-search-form .selectize-control { height: 38px; width: 100%; } select { display: none } .selectize-control select { display: block } .hint-block { margin-top: .5rem; font-size: 9pt } .hint-block a { color: #2b7ae4 } .has-error .help-block { color: #cd201f; font-size: .9rem; padding-top: 3px } #resend-form .help-block, #registration-form .help-block, #registration-Simplicity-form .help-block, #change-password-form .help-block, #password-recovery-form .help-block, #login-form .help-block { color: #FFEA00; font-size: .9rem; padding-top: 3px } #login-form label, #registration-Simplicity-form label, #change-password-form label, #password-recovery-form label, #resend-form label { display: none; } #login-form .hint-block a { color: #FFFFFF } .mt10 { margin-top: 10px; } #login-form .form-group .custom-control .custom-control-label { color: #FFFFFF !important; font-size: 14px !important; } #change-password-form .help-block { margin-left: 5%; } .change-password-item { width: 90%; margin-left: 5%; margin-right: 5%; height: 45px; } .change-password-btn { width: 90%; margin-left: 5%; margin-top: 20%; height: 45px; background-color: bisque; background: linear-gradient(to left, #FF5643, #F7C371); border: none; color: white; } .gao-jie-hui-yuan-btn { background: linear-gradient(to left, #FF5643, #F7C371); width: 50%; color: white; } .orange-btn { background: linear-gradient(to left, #FF5643, #F7C371); border: none; color: white; } .login-email-bj { position: absolute; width: 20px; height: 20px; background-image: url(../images/login/e-mail-1.png); background-size: contain; background-repeat: no-repeat; top: 25px; left: 30px; } .login-pas-bj { position: absolute; width: 20px; height: 20px; background-image: url(../images/login/UNLOCK_1.png); background-size: contain; background-repeat: no-repeat; top: 82px; left: 30px; } .auth-header-bj { width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; background-image: url(../images/login/pic.png); background-size: 110%; background-repeat: no-repeat; font-weight: bolder; font-size: 45px; text-align: center; color: white; } #login-form label.custom-control.custom-checkbox { display: inline-block; } .auth-header-vava { position: absolute; display: flex; width: 100%; margin-top: 105px; justify-content: center; } .login-footer { padding-left: 25px; height: 60px; width: 90%; line-height: 28px; } .login-footer a { color: white; } .page-sing-header-bj { background-image: url(../images/login/bj_2.png); background-size: 110%; background-repeat: no-repeat; background-position: center center; background-color: #fc5a5c; min-height: 100%; color: white !important; position: relative; } .page-login-h { display: contents; height: 100%; position: absolute; } .register-white { color: white; border-color: white; } .register-agreement { color: #FFEA00 !important; width: 100%; margin-top: 5px; } .register-agreement a { color: white !important; } .register-mt25 { margin-top: 25px; } .register-login { width: 100%; height: 20px; } .register-login a { color: white !important; } .error-summary.alert ul { margin-bottom: 0; padding-left: 15px } td.shrink { white-space: nowrap } td.expand { width: 99% } .upload-kit .files { float: left; position: relative; padding: 0; margin: 0; overflow: hidden } .upload-kit .upload-kit-input { width: 150px } .upload-kit .upload-kit-input, .upload-kit .upload-kit-item { position: relative; height: 150px; color: #999; border: 2px dashed #999; border-radius: 7px; float: left; margin-right: 10px; margin-bottom: 10px; background-size: cover; background-position: center center; background-origin: border-box; list-style: none } .upload-kit .upload-kit-input .add, .upload-kit .upload-kit-input .progress, .upload-kit .upload-kit-input .remove, .upload-kit .upload-kit-item .add, .upload-kit .upload-kit-item .progress, .upload-kit .upload-kit-item .remove { display: block; position: absolute } .upload-kit .upload-kit-input .error-popover, .upload-kit .upload-kit-item .error-popover { color: #9b0014; position: absolute; bottom: 0; right: 0; z-index: 999; display: none; cursor: default } .upload-kit .upload-kit-input input[type=file], .upload-kit .upload-kit-item input[type=file] { width: 100%; height: 100%; position: absolute; display: block; opacity: 0; cursor: pointer; z-index: 2 } .upload-kit .upload-kit-input.btn-loading:after { height: .7em; width: .7em; left: calc(50% - (.7em / 2)); top: calc(50% - (.7em / 2)) } .upload-kit .upload-kit-input:hover .add, .upload-kit .upload-kit-input:hover .drag { color: #b3b2b2 } .upload-kit .upload-kit-input .add, .upload-kit .upload-kit-input .drag { font-size: 3em; text-align: center; top: 50%; width: 100%; margin-top: -25px; position: absolute } .upload-kit .upload-kit-input .progress { position: absolute; top: 50%; margin-top: -8px; margin-left: 5%; margin-right: 5%; width: 90%; height: 16px !important; display: none } .upload-kit .upload-kit-input .progress .progress-bar { height: 16px; overflow: hidden } .upload-kit .upload-kit-input .drag { display: none } .upload-kit .upload-kit-input.drag-highlight .add { display: none } .upload-kit .upload-kit-input.drag-highlight .drag { display: block } .upload-kit .upload-kit-input.in-progress .progress { display: block } .upload-kit .upload-kit-input.in-progress .add { display: none } .upload-kit .upload-kit-input.error .error-popover { display: inline-block } .upload-kit .upload-kit-item.ui-sortable-helper .remove { display: none !important } .upload-kit .upload-kit-item .remove { display: none; cursor: pointer; font-size: 2em; line-height: 40px; text-align: center; top: 50%; left: 50%; width: 50px; height: 50px; margin-left: -25px; background-color: rgba(0, 0, 0, .7); padding: 4px; border-radius: 5px; color: #fff; margin-top: -25px } .upload-kit .upload-kit-item.image>img { height: 100%; width: auto; border-radius: 7px } .upload-kit .upload-kit-item.video div { width: 100% } .upload-kit .upload-kit-item.video div video { width: 100% } .upload-kit .upload-kit-item.not-image { background-image: url(../images/file.png); background-size: 75%; background-repeat: no-repeat; position: relative; display: block; width: 150px } .upload-kit .upload-kit-item.not-image .name { text-align: center; text-transform: uppercase; vertical-align: middle; display: block; position: absolute; padding: 5px 7px; width: 146px; color: #fff; bottom: 0; background-color: rgba(0, 0, 0, .7); font-weight: bolder; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 7px 7px } .upload-kit .upload-kit-item.done:hover .remove { display: block } .upload-kit::after { display: block; clear: both; content: "" } .body-landing-page .header { color: #fff; padding-bottom: 16rem !important; background: #6604df; background: linear-gradient(135deg, #4453c5 0, rgba(106, 26, 234, 0) 70%), linear-gradient(25deg, #414269 10%, rgba(65, 66, 105, 0) 80%), linear-gradient(315deg, #562dd2 15%, rgba(6, 67, 249, 0) 80%), linear-gradient(245deg, rgba(221, 60, 167, .7) 100%, rgba(255, 26, 102, 0) 70%) } .body-landing-page .header .btn-login { border-color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, .8); background: 0 0 } .body-landing-page .header .btn-login:hover { border-color: #fff; color: #fff } .body-landing-page .content-landing .card, .body-landing-page .content-landing .group-header { border-radius: 10px; border: 0; box-shadow: 0 5px 25px 12px rgba(25, 25, 30, .1); margin-top: -16rem } .body-landing-page .content-landing .landing-page-bg { background: #128bcf url(../images/landing-tree.jpg) center no-repeat; background-size: cover; border-radius: 10px 10px 0 0; position: relative } @media (max-width:767.98px) { .body-landing-page .content-landing .landing-page-bg { display: none } } @media (min-width:768px) { .body-landing-page .content-landing .landing-page-bg { min-height: 400px } } @media (min-width:992px) { .body-landing-page .content-landing .landing-page-bg { min-height: 650px; border-radius: 10px 0 0 10px } } .body-landing-page .content-landing .landing-page-signup-head { padding: 2rem 0 2rem 0 } .body-landing-page .content-landing .landing-page-signup-head h1 { color: #334; font-size: 22pt; margin-bottom: 10px; font-weight: 700 } @media (min-width:768px) { .body-landing-page .content-landing .landing-page-signup-head h1 { font-size: 24pt } } @media (min-width:992px) { .body-landing-page .content-landing .landing-page-signup-head h1 { font-size: 28pt } } .body-landing-page .content-landing .landing-page-signup-head .subtitle { color: #778; font-size: 13pt } @media (min-width:768px) { .body-landing-page .content-landing .landing-page-signup-head .subtitle { font-size: 15pt } } @media (min-width:992px) { .body-landing-page .content-landing .landing-page-signup-head .subtitle { font-size: 16pt } } .body-landing-page .content-landing .landing-page-signup { margin-right: 1.5rem; margin-left: 1.5rem } @media (min-width:992px) { .body-landing-page .content-landing .landing-page-signup { margin-left: 0 } } .body-landing-page .content-landing .landing-page-signup-form .steps { position: relative; min-height: 200px } .body-landing-page .content-landing .landing-page-signup-form .steps .step { position: relative; top: 0; left: 0; right: 0; bottom: 0 } @media (max-width:767.98px) { .body-landing-page .content-landing .landing-page-signup-form .steps .step.fadeOutUp { height: 0 } } @media (min-width:992px) { .body-landing-page .content-landing .landing-page-signup-form .steps .step { position: absolute } } .body-landing-page .content-landing .landing-page-signup-form .select-group { padding-top: .5rem; padding-bottom: .5rem; text-align: center } @media (min-width:1280px) { .body-landing-page .content-landing .landing-page-signup-form .select-group { padding-top: 1rem; padding-bottom: 1rem } } .body-landing-page .content-landing .landing-page-signup-form .select-group-title { padding: .3rem; text-align: center; color: #888; font-size: 13pt } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .upload-kit-input { font-size: 11pt; margin: .3rem } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .upload-kit-input i { padding-left: .5rem; padding-right: .5rem } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.upload-kit-input { border-color: #2b7ae4; color: #2b7ae4 } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.upload-kit-input i { color: #2b7ae4 } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male.active, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male:hover, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.active.upload-kit-input, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.upload-kit-input:hover, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.active.upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.upload-kit-input:hover { background: #2b7ae4; color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male.active i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male:hover i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.active.upload-kit-input i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.upload-kit-input:hover i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.active.upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.upload-kit-input:hover i { color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male:focus, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.upload-kit-input:focus, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.upload-kit-input:focus { background: #2b7ae4; color: #fff; box-shadow: 0 0 0 2px rgba(70, 127, 207, .5) } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-male:focus i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-male.upload-kit-input:focus i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-male.upload-kit-input:focus i { color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.upload-kit-input { border-color: #f66d9b; color: #f66d9b } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.upload-kit-input i { color: #f66d9b } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female.active, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female:hover, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.active.upload-kit-input, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.upload-kit-input:hover, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.active.upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.upload-kit-input:hover { background: #f66d9b; color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female.active i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female:hover i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.active.upload-kit-input i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.upload-kit-input:hover i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.active.upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.upload-kit-input:hover i { color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female:focus, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.upload-kit-input:focus, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.upload-kit-input:focus { background: #f66d9b; color: #fff; box-shadow: 0 0 0 2px rgba(246, 109, 155, .5) } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-female:focus i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-female.upload-kit-input:focus i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-female.upload-kit-input:focus i { color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.upload-kit-input { border-color: #9da9bb; color: #9da9bb } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.upload-kit-input i { color: #9da9bb } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret.active, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret:hover, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.active.upload-kit-input, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.upload-kit-input:hover, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.active.upload-kit-input, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.upload-kit-input:hover { background: #9da9bb; color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret.active i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret:hover i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.active.upload-kit-input i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.upload-kit-input:hover i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.active.upload-kit-input i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.upload-kit-input:hover i { color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret:focus, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.upload-kit-input:focus, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.upload-kit-input:focus { background: #9da9bb; color: #fff } .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn.btn-secret:focus i, .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .post-new .upload-kit .btn-secret.upload-kit-input:focus i, .post-new .upload-kit .body-landing-page .content-landing .landing-page-signup-form .select-group-sex .btn-secret.upload-kit-input:focus i { color: #fff } .body-landing-page .content-landing .landing-page-social-auth { text-align: center; padding-top: 2rem; padding-bottom: 2rem } .body-landing-page .content-landing .landing-page-social-auth .landing-or { color: #ababab; padding-top: 7px; padding-bottom: 7px; font-size: .9rem } .body-landing-page .content-landing .landing-page-social-auth .social-auth-lp .auth-clients li { float: none; display: inline-block; margin: 0 6px } .col-auth, .col-recovery, .col-registration, .col-resend { max-width: 36rem } .auth-clients { padding-left: 0 } .col-login .divider, .col-registration .divider, .modal-auth .divider, .modal-register .divider { margin-top: 2rem; margin-bottom: 2rem; height: 1px; position: relative } .col-login .divider:before, .col-registration .divider:before, .modal-auth .divider:before, .modal-register .divider:before { border-bottom: 1px solid rgba(0, 40, 100, .12); content: ""; display: block; height: 1px } .col-login .divider span, .col-registration .divider span, .modal-auth .divider span, .modal-register .divider span { background: #fff; color: #a0a0a0; font-size: .75rem; left: 50%; margin-top: -1px; padding: 0 12px; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); white-space: nowrap } .hidden { display: none } .profile-photos .profile-photos-row { padding: 0 1rem } .profile-photos .profile-photos-gallery { padding-top: 1rem; padding-bottom: 1rem } .profile-photo-a { padding-right: 0 !important; padding-left: 20px !important; padding-right: 20px !important; } .profile-photos .profile-photo-item { position: relative } .profile-photos .profile-photo-item .photo-wrapper { padding-top: 100%; background: #ecf7fe; position: relative; margin-top: 1rem; border-radius: 4px } .profile-photos .profile-photo-item .photo-wrapper .loader { position: absolute; top: 50%; left: 50%; margin-top: -1.25rem; margin-left: -1.25rem; transform: scale(.5) } .profile-photos .profile-photo-item .photo-wrapper img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: auto !important; border-radius: 4px } .profile-photos .profile-photo-item .photo-wrapper .profile-photo-label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 4px; background: rgba(0, 0, 0, .4) } .profile-photos .profile-photo-item .photo-wrapper .profile-photo-label span { border-radius: 4px; color: #edf2f9; text-align: center; padding: 3px; font-size: 11pt; line-height: 1rem; text-shadow: 0 0 3px #223 } @media (min-width:768px) { .profile-photos .profile-photo-item .photo-wrapper .profile-photo-label span { font-size: 11pt } } @media (min-width:992px) { .profile-photos .profile-photo-item .photo-wrapper .profile-photo-label span { font-size: 9pt; line-height: .9rem } } @media (min-width:1280px) { .profile-photos .profile-photo-item .photo-wrapper .profile-photo-label span { font-size: 12pt; line-height: 1rem } .directory-list-view .directory-item .card-img-top-wrapper .loader { margin-top: -8.15rem !important; } } .profile-photos .profile-photo-item.profile-photo-main img { border-radius: 0px !important; } .profile-photos .profile-photo-item.profile-photo-main .photo-wrapper { margin-top: 0 } .profile-photos .profile-photo-item.profile-photo-main .photo-wrapper .loader { transform: scale(1) } .profile-extra-fields { position: relative } .profile-extra-fields .drop-blur { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px) } .profile-info-btn-mes { width: 40%; background: url(../images/uinfo/btn_pink_1.png) no-repeat center; background-size: cover; margin-left: 2%; color: white; } .profile-info-btn-gift { width: 40%; background: url(../images/uinfo/btn_blue_1.png) no-repeat center; background-size: cover; margin-right: 2%; float: right; color: white; } .profile-main-actions { width: 100%; } .profile-extra-fields .drop-blur .text { padding: 1rem; border-radius: .5rem; background: rgba(216, 226, 239, .8); font-size: 1rem } .card-profile-info { background-color: white; display: flex; justify-content: center; align-items: center; width: 100%; } .profile-info-row-df { display: flex; } .profile-info-row-l { margin-right: 10px; color: #141414 !important; } .profile-info-gr { padding-bottom: 5px; border-bottom: 1px solid #d8e2effa; color: #141414; font-size: 15px; font-weight: bold; } .profile-info .profile-info-block { padding: 1rem; border-bottom: 1px solid #edf2f9 } .profile-info .profile-info-block:last-child { border-bottom: 0 } .card-profile-main-info { background-color: #fff; position: relative; width: 100%; border: 0; padding-left: 25px; padding-right: 25px; border-top-left-radius: 55px; border-top-right-radius: 55px; } .card-profile-main-return { position: absolute; z-index: 1; background-color: #d9cdc778; width: 50px; height: 50px; border-radius: 50%; margin-left: 20px; margin-top: 50px; align-items: center; display: flex; padding-left: 13px; font-size: 25px; color: #000000ad; } .card-profile-main-return a { color: #000000ad !important; } .name-location { margin-top: 20px; } .main-photos-mb { margin-bottom: 25px; } .user-badges { align-items: center; justify-content: center; } .profile-main-info .first-line { margin-bottom: .5rem } .profile-main-info .first-line .age, .profile-main-info .first-line h1 { display: inline-block; font-size: 17pt; margin-bottom: 0 } .profile-main-info .first-line h1 { font-weight: 700 } .profile-main-info-name { margin-right: 10px; font-size: 20px; font-weight: bold; } .profile-main-info-online-status { margin-right: 10px; align-items: center; justify-content: center; display: flex; margin-left: 0; } .profile-main-info-online-status i { margin-left: 0 !important; } #profile-main-online .profile-online-status { display: block; z-index: 1; margin-left: .5rem; width: .95rem; height: .95rem; border: 2px solid #fff; background: rgba(90, 90, 90, .7); border-radius: 50% } #profile-main-online .bg-green { background-color: #3BE935 !important } .profile-main-info .second-line .user-badge { width: 1.2rem; height: 1.2rem; border-radius: 1.75rem; text-decoration: none } .profile-main-info .second-line .user-sex-badge { background: #d8e2ef; color: #748194 } .profile-main-info .second-line .user-sex-badge.sex-male { background: #2b7ae4; color: #fff } .profile-main-info .second-line .user-sex-badge.sex-female { background: #f66d9b; color: #fff } .profile-main-info .second-line .user-verified-badge { background: url(../images/uinfo/v_img_1.png) no-repeat center; background-size: cover; width: 18px; height: 16px; } .profile-main-info .second-line .user-verified-badge i.fe { color: #fff } .profile-main-info .second-line .user-premium-badge { background: url(../images/uinfo/vip_1.png) no-repeat center; background-size: cover; width: 25px; height: 23px; } .profile-main-info .second-line .user-intermediate-premium-badge { background: url(../images/uinfo/vip1_1.png) no-repeat center; background-size: cover; width: 25px; height: 23px; } .profile-main-info .second-line .user-junior-premium-badge { background: url(../images/uinfo/vip2_1.png) no-repeat center; background-size: cover; width: 25px; height: 23px; } .profile-main-info .second-line .user-premium-badge i.fe { color: #fff } .profile-main-info .second-line .user-intermediate-premium-badge i.fe, .profile-main-info .second-line .user-junior-premium-badge i.fe { color: #fff } .profile-main-info .second-line .user-location { line-height: 1.75rem; font-size: 13pt; color: #9aa0ac } .profile-main-info .like-toggle { padding-left: 1rem; margin-left: 1rem; border-left: 1px solid #edf2f9 } .profile-main-info .like-toggle .btn-like-toggle { width: 2.75rem; height: 2.75rem; border-radius: 2.75rem; display: block } .profile-main-info .like-toggle .btn-like-toggle i { margin-left: -3px; display: inline } .profile-main-info .like-toggle .btn-like-toggle.btn-not-liked { background: #edf2f9 } .profile-main-info .like-toggle .btn-like-toggle.btn-not-liked i { color: #748194 } .profile-main-info .like-toggle .btn-like-toggle.btn-liked { background: #f66d9b; color: #fff } .profile-navigation .navigation-item { margin-bottom: .5rem } .profile-navigation .navigation-item.active a, .profile-navigation .navigation-item:hover a { background: #fff; border-color: #edf2f9 } .profile-navigation .navigation-item.active a { color: #4e5e72 } .profile-navigation .navigation-item a { display: block; border: 1px solid transparent; border-radius: 4px; cursor: pointer; padding: .5rem 1rem; text-decoration: none; color: #748194 } .online-status { display: inline-block; margin-left: .5rem; width: .95rem; height: .95rem; border: 2px solid #fff; background: rgba(90, 90, 90, .7); border-radius: 50% } .spotlight-items-horizontal { overflow-x: auto; padding-bottom: .5rem } .spotlight-items-horizontal::after { display: block; clear: both; content: "" } @media (max-width:767.98px) { .spotlight-items-horizontal { overflow-x: inherit } } .spotlight-items-horizontal .spotlight-item { text-align: center; font-weight: 600; text-decoration: none; color: #3d4959; max-width: 7.5rem; padding: .25rem .5rem } .spotlight-items-horizontal .spotlight-item .avatar { margin-bottom: .7rem; width: 6rem; height: 6rem; border-radius: 6rem; line-height: 1rem; font-size: 1rem } .spotlight-items-horizontal .spotlight-item .name { line-height: 1.2rem } .spotlight-items-horizontal .spotlight-item.spotlight-item-submit .avatar { background-position: center center; background-size: cover } .spotlight-items-horizontal .spotlight-item.spotlight-item-submit .avatar .icon { background: #45aaf2; width: 1.75rem; height: 1.75rem; border-radius: 1.75rem; margin-bottom: .2rem; z-index: 2 } .spotlight-items-horizontal .spotlight-item.spotlight-item-submit .avatar .icon .fa { color: #fff; margin-top: .3rem } .spotlight-items-horizontal .spotlight-item.spotlight-item-submit .avatar .label { color: #fff; z-index: 2 } .spotlight-items-horizontal .spotlight-item.spotlight-item-submit .avatar:before { display: block; content: ''; width: 6rem; height: 6rem; border-radius: 6rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .55); z-index: 1 } @media (max-width:767.98px) { .spotlight-items-horizontal .spotlight-item { display: block; float: left; padding-left: .2rem; padding-right: .2rem; max-height: 75px } .spotlight-items-horizontal .spotlight-item .avatar { width: 4rem; height: 4rem; border-radius: 4rem } .spotlight-items-horizontal .spotlight-item.spotlight-item-submit .avatar:before { width: 4rem; height: 4rem; border-radius: 4rem } } .modal-spotlight-submit .form-group-picker { margin-left: -.75rem; margin-right: -.75rem } .modal-spotlight-submit .photo-picker { display: flex; max-height: 420px; overflow-y: auto } .modal-spotlight-submit .photo-picker .photo-item { flex-grow: 1; position: relative; min-height: 120px } .modal-spotlight-submit .photo-picker .photo-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0 } .modal-spotlight-submit .photo-picker .photo-input:checked+.photo { border: 4px solid #2b7ae4; z-index: 1; color: #2b7ae4 } .modal-spotlight-submit .photo-picker .photo-input:focus+.photo { border: 4px solid #2b7ae4; z-index: 2 } .modal-spotlight-submit .photo-picker .photo { display: block; width: 100%; height: 100%; border: none; border-radius: 4px; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-size: cover } .dashboard-block>h3 { font-weight: 500; margin-bottom: 1.5rem } .dashboard-block-newest { position: absolute; background-size: cover; height: 100%; width: 100%; top: 65px; } .dashboard-block.dashboard-block-encounters .card, .dashboard-block.dashboard-block-encounters .encounter-photo-item, .dashboard-block.dashboard-block-encounters .group-header { height: 480px; max-height: 480px } @media (max-width:767.98px) { .dashboard-block.dashboard-block-encounters .card, .dashboard-block.dashboard-block-encounters .encounter-photo-item, .dashboard-block.dashboard-block-encounters .group-header { height: 480px; max-height: 480px } } @media (min-width:768px) { .dashboard-block.dashboard-block-online .card, .dashboard-block.dashboard-block-online .group-header { height: 420px } .directory-list-view .directory-item .card-img-top-wrapper .loader { position: absolute; margin-top: -3.15rem !important; } } .directory-search-form .alert ul { margin-bottom: 0; padding-left: 1rem } .directory-search-form .col-sex .selectgroup-item { margin-right: .25rem } .directory-list-view .directory-item .card-img-top-wrapper { width: 100%; padding-top: 35%; } .directory-list-view .directory-item .card-img-top-wrapper .loader { position: absolute; margin-top: -0.15rem; } .directory-list-view .connections-item .card-img-top-wrapper .loader { position: absolute; top: 35%; left: 20%; margin-top: -0.15rem; } .directory-list-view .connections-item .user-photos-count { position: absolute; bottom: 9.9%; left: 60%; color: #fff; text-decoration: none; vertical-align: middle; font-weight: bolder; padding: 2px 6px; border-radius: 4px; background: rgba(0, 0, 0, .45); z-index: 2; font-size: 10pt; width: 40px; } .directory-list-view .connections-item .online-status { position: absolute; top: 5px; z-index: 2; left: 72%; } .directory-list-view .directory-item .card-img-top { position: absolute; top: 6px; min-height: auto !important } .directory-list-view .directory-item .user-photo { position: absolute; width: 100%; height: 100%; } .directory-list-view .directory-item .user-bottom { margin-bottom: 45px; } .directory-list-view .directory-item .user-intermediate-premium-badge, .directory-list-view .directory-item .user-junior-premium-badge, .directory-list-view .directory-item .user-premium-badge, .directory-list-view .directory-item .user-verified-badge { font-size: 11pt; width: 1.2rem; height: 1.2rem; min-width: 1.2rem; border-radius: 1rem; text-decoration: none; margin-left: .4rem } .directory-list-view .directory-item .user-intermediate-premium-badge i.fe, .directory-list-view .directory-item .user-junior-premium-badge i.fe, .directory-list-view .directory-item .user-premium-badge i.fe, .directory-list-view .directory-item .user-verified-badge i.fe { color: #fff } .item-container { position: relative; align-items: center; width: 100%; display: flex; } .item-container-mt { margin-top: -70px; } .directory-item { width: calc(42% - 10px); position: relative; display: flex; justify-content: center; align-items: center; } .verified-badge { background: url(../images/uinfo/v_img_1.png) no-repeat center; background-size: cover; width: 18px; height: 16px; top: 5%; left: 70%; z-index: 1; position: absolute; } .verified-badge-o { background: url(../images/uinfo/v_img_1.png) no-repeat center; background-size: cover; width: 18px; height: 16px; top: 5%; left: 65%; z-index: 1; position: absolute; } .vip-badge { background-size: cover; width: 25px; height: 23px; top: 66%; left: 42%; z-index: 1; position: absolute; } .vip-img-1 { background: url(../images/uinfo/vip_1.png) no-repeat center; } .vip-img-2 { background: url(../images/uinfo/vip1_1.png) no-repeat center; } .vip-img-3 { background: url(../images/uinfo/vip2_1.png) no-repeat center; } .card-myinfo-top { width: 100%; position: relative; display: flex; } .card-my-img-top-wrapper { position: relative; } .top-wrapper1 { width: 20%; float: left; margin-right: 15px; } .top-wrapper2 { width: 80%; align-items: center; } .top-wrapper-name { display: flex; width: 100%; align-items: center; font-weight: bold; font-size: 20px; } .card-my-img-loader { position: absolute; top: 0; left: 0; z-index: 2; } .card-my-circle-img { position: relative; z-index: 1; width: 65px; height: 65px; border-radius: 50%; } .card-my-top { display: block; float: right; width: 10%; position: relative; z-index: 1; } .card-my-gx { margin-top: 15px; } .card-my-gx-font { color: #121220 !important; font-weight: bold; font-size: 18px; } .color-A7 { color: #A7A7A7; } .card-my-xf { background-color: white; margin-top: 15px; } .card-my-rb { display: flex; justify-content: center; align-items: center; } .card-my-xf-img { background-size: 100%; width: 55px; height: 55px; background-position: center; margin-left: 2px; } .card-my-img-jc { background-image: url(../images/my/jc_2.png); } .card-my-img-lw { background-image: url(../images/my/lw_2.png); } .card-my-img-mx { background-image: url(../images/my/mx_2.png); } .card-my-fw-img { background-size: cover; width: 32px; height: 32px; background-position: center; margin-left: 2px; } .card-my-img-vip { background-image: url(../images/my/vip_2.png); } .card-my-img-zp { background-image: url(../images/my/zp_2.png); } .card-my-img-dynamic { background-image: url(../images/my/dt_2.png); } .card-my-img-video { background-image: url(../images/my/video_2.png); } .card-my-img-rz { background-image: url(../images/my/rz_2.png); } .card-my-img-kf { background-image: url(../images/my/kf_2.png); } .card-my-img-yq { background-image: url(../images/my/yq_2.png); } .card-my-img-help { background-image: url(../images/my/help_2.png); } .card-my-img-h { background-image: url(../images/my/h_2.png); } .card-my-img-id { background-image: url(../images/my/id_2.png); background-size: cover; width: 15px; height: 15px; background-position: center; } .card-my-img-male { background-image: url(../images/my/gender_m_2.png); background-size: cover; width: 15px; height: 15px; background-position: center; margin-left: 5px; } .card-my-img-female { background-image: url(../images/my/gender_f_2.png); background-size: cover; width: 15px; height: 15px; background-position: center; margin-left: 5px; } .connections-details-img { width: 40%; position: relative; } .connections-details { width: 70%; margin-left: 25px; } .connections-display-name { font-size: 18px; color: #000000; font-weight: bold; } .connections-display-verified { background: url(../images/uinfo/v_img_1.png) no-repeat center; background-size: cover; width: 18px; height: 16px; margin-left: 10px; } .connections-display-vip { background-size: cover !important; width: 25px; height: 23px; margin-left: 5px; } .connections_head_mine { width: 100%; padding-right: .75rem; padding-left: .75rem; margin-right: auto; margin-left: auto } .connections-display-btn { width: 75%; height: 30px; border-radius: 20px; background: linear-gradient(to left, #FF5643, #F7C371); border: none; color: #fff; font-size: 12px; } .my-gx-afont { color: #A7A7A7; font-size: 15px; } .connections_head_mine .nav-item { margin-right: 15px } .connections_head_mine .nav-item.active { border-bottom: 3px solid red; color: #5c6674; font-size: 20px; } .connections_head_mine .nav-item.active a { color: #050505; font-weight: bolder; text-decoration: none; font-size: 20px; } .connections_head_mine .nav-item a { color: #696969; text-decoration: none; font-weight: bold; font-size: 18px; } .card-my-fw { background-color: white; margin-top: 15px; } .card-my-fw-top { margin-top: 10px; margin-left: 15px; font-size: 18px; font-weight: bold; color: #121220; } .card-my-fw-item { margin-top: 20px; } .my-row-font { color: #121220; font-size: 15px; text-align: center; } .card-my-top-img { background: url(../images/my/ste_2.png) no-repeat center; background-size: cover; background-position: center; width: 20px; height: 18px; display: flex; position: absolute; } .card-my-top-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .card-my-top-profile { width: 20px; height: 18px; display: flex; position: absolute; font-size: 1.125rem; } .card-my-top-left { width: 50px; border-radius: 50%; align-items: center; display: flex; margin-bottom: 5px; } .card-my-top-left a { color: var(--gray-dark); } .card-myms-top-left { width: 50px; align-items: center; display: flex; margin-bottom: 5px; justify-content: center; left: 0px; position: absolute; } .card-my-top-ms { position: relative; top: 45px; height: 25px !important; width: 45px !important; display: block; margin-left: 20px; display: flex; font-size: 1.125rem; } .card-myms-top-left a { color: var(--gray-dark) !important; } .min-item { border-bottom: 1px solid #E9E9E9; padding-bottom: 15px !important; margin-top: 15px; } .card-header-ms { position: relative; width: 100%; justify-content: center; font-weight: bold; font-size: 22px !important; margin-top: 25px; border-bottom: 0 !important; z-index: 1; } .card-header-ms-exit { margin-top: 150px; margin-left: 5%; margin-right: 5%; border-radius: 5px; font-size: 18px; color: #7E7E7E; } .card-ms-items ul li { background-color: #F5F6F9 !important; border-width: 0 0 0px !important; color: #222329; } .card-ms-items ul li a { color: #222329; width: 95%; height: 30px; } .card-ms-item-text { font-size: 19px; font-weight: 550; align-items: center; display: inline; } .card-ms-item-aimg { right: 25px; position: absolute; width: 5%; display: inline; color: #A6A6A6 !important; } .card-ms-item-aimg a i { color: #A6A6A6 !important; } .card-ms-item-bj { background-size: cover; width: 22px; height: 23px; position: absolute; } .card-ms-item-lanmg { right: 25px; position: absolute; background: url(../images/my/gou_1.png) no-repeat center; background-size: cover; width: 15px; height: 11px; display: flex; } .card-ms-items-lan ul li { background-color: white !important; margin-left: 5%; margin-right: 5%; border-width: 0 0 0px !important; color: #222329; margin-bottom: 10px; } #dynamic-d ul li { margin-left: 0; margin-right: 0; } .card-ms-item-en-img { background: url(../images/my/en_1.png) no-repeat center; } .card-ms-item-lok-img { background: url(../images/my/lok_1.png) no-repeat center; } .card-ms-item-gy-img { background: url(../images/my/gy_1.png) no-repeat center; } .card-ms-item-yj-img { background: url(../images/my/yj_1.png) no-repeat center; } .card-ms-item-xy-img { background: url(../images/my/xy_1.png) no-repeat center; } .dashboard-list-view { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; } .cards-uname { position: relative; justify-content: center; align-items: center; display: flex; width: 100%; margin-top: 130px; } .display-name { font-size: 12px; } .card-margin-bottom-0 { margin-bottom: 0 !important; } .modal-header-bj { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; background-image: url(../images/login/pic.png); background-size: cover; background-repeat: no-repeat; background-position: center center; font-weight: bolder; font-size: 25px; text-align: center; color: white; } .login-brand-vava { position: absolute; display: flex; width: 100%; margin-top: 55px; justify-content: center; } .login-brand-img { height: 3.2rem; line-height: 2rem; vertical-align: bottom; width: auto; } .login-header-bj { background-image: url(../images/login/bj_2.png); background-size: 500%; background-repeat: no-repeat; background-position: center center; background-color: #fd5358; } .login-header-input { border-radius: 25px; background-color: #FE7686 !important; padding-left: 45px; height: 3.375rem; } .login-header-input::placeholder { font-size: 14px; color: #FFDADE; } .login-btn { border-radius: 25px; background-color: #FFFFFF !important; color: #FF0F2B !important; font-size: 20px !important; font-weight: bold; } .register-btn { margin-top: 20px; border-radius: 25px; background-color: #fc5a5c; border: white solid 1.5px; color: white; font-size: 17px !important; } .login-other { display: flex; justify-content: space-between; } .login-other a { color: white; } .login-privacy { margin-top: 5px; } .login-privacy span { margin-left: 10px; } .login-privacy span a { color: white; } .my-empty-btn { width: 150px; background: linear-gradient(to left, #FF5643, #F7C371); color: white; } .ml-himg { width: 100%; height: 100%; } .directory-list-view .directory-item .user-premium-badge { background: #fd9644 } .directory-list-view .directory-item .user-intermediate-premium-badge { background: #4393fe } .directory-list-view .directory-item .user-junior-premium-badge { background: #2bcbba } .directory-list-view .directory-item .user-photos-count { position: absolute; bottom: 1.5rem; right: 1.5rem; color: #fff; text-decoration: none; vertical-align: middle; font-weight: bolder; padding: 2px 6px; border-radius: 4px; background: rgba(0, 0, 0, .45) } .directory-list-view .directory-item .user-photos-count i { font-size: 10pt } @media (max-width:767.98px) {} .online-status { position: absolute; display: block; top: 60%; left: 75%; z-index: 1; } #dashboard-online { position: absolute; display: block; z-index: 1; width: 15px; height: 15px; border: 2px solid #fff; background: rgba(90, 90, 90, .7); border-radius: 50%; left: 75%; top: 100px; } .directory-list-view .directory-banner { background: #cbe9fe; color: #06273e; border-radius: 4px } .directory-list-view .directory-banner .boost-up { background: #fff; color: #0e9de8 } .modal-search .form-group { margin-bottom: .7rem } .modal-search .form-group .custom-control { padding: .3rem .3rem .3rem 2rem; border-radius: 6px } .modal-search .form-group .custom-control-label, .modal-search .form-group label { cursor: pointer } .modal-search .form-group:hover .custom-control { background: #edf2f9 } .modal-search .form-control:disabled, .modal-search .form-control[readonly] { color: #9da9bb } .modal-search .form-control:disabled:-ms-input-placeholder, .modal-search .form-control[readonly]:-ms-input-placeholder { color: #9da9bb } .modal-search .form-control:disabled::placeholder, .modal-search .form-control[readonly]::placeholder { color: #9da9bb } .encounters-new-common { position: absolute; top: 0; left: 0; right: 0; bottom: 60px; width: 100%; } .body-encounters { display: flex; min-height: 100%; height: auto } .body-encounters.ie { height: inherit } .body-encounters .page { width: 100%; } .encounters .card, .encounters .group-header { margin-bottom: 0 } @media (min-width:768px) { .encounters .card, .encounters .group-header { max-height: 640px } } .encounters .encounters-photo { position: relative } @media (max-width:767.98px) { .encounters .encounters-photo .carousel { min-height: 480px } } @media (min-width:576px) { .encounters .encounters-photo .carousel { height: 100% !important } } .encounters .encounters-photo .carousel-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 60px; width: 100%; height: 100%; } .encounters .encounters-photo .carousel-photo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px } .encounters .encounters-photo .carousel-photo .carousel-photo-img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width:768px) { .encounters .encounters-photo .carousel-photo { border-bottom-left-radius: 4px; border-top-right-radius: 0 } .encounters .encounters-photo .carousel-photo .carousel-photo-img { border-bottom-left-radius: 4px; border-top-right-radius: 0 } } .encounters .encounters-photo .encounter-photo-item { position: relative; min-height: 480px } .encounters .encounters-photo .encounters-controls { position: absolute; bottom: 0.1rem; width: 100%; padding-bottom: 2rem; padding-top: 9rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url(../images/encounters/e_1.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 250px; } .encounters .encounters-photo .encounters-controls .btn, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .upload-kit-input, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .upload-kit-input { width: 4rem; height: 4rem; border-radius: 4rem; margin-left: .75rem; margin-right: .75rem; transition: transform .1s ease-in } .encounters .encounters-photo .encounters-controls .btn:hover, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .upload-kit-input:hover, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .upload-kit-input:hover { transform: scale(1.3) } .encounters .encounters-photo .encounters-controls .btn:active, .encounters .encounters-photo .encounters-controls .btn:focus, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .upload-kit-input:active, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .upload-kit-input:focus, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .upload-kit-input:active, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .upload-kit-input:focus { box-shadow: none } .encounters .encounters-photo .encounters-controls .btn i.fa, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .upload-kit-input i.fa, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .upload-kit-input i.fa { font-size: 2rem } .encounters .encounters-photo .encounters-controls .btn.btn-like i.fa, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .btn-like.upload-kit-input i.fa, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .btn-like.upload-kit-input i.fa { margin-top: .3rem; color: #f66d9b } .encounters .encounters-photo .encounters-controls .btn.btn-skip i.fa, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .btn-skip.upload-kit-input i.fa, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .btn-skip.upload-kit-input i.fa { margin-top: 0; color: #9da9bb } .encounters .encounters-photo .encounters-controls .btn.btn-skip { background: url(../images/encounters/x.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .encounters .encounters-photo .encounters-controls .btn.btn-like { background: url(../images/encounters/ai_1.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .encounters .encounters-photo .encounters-controls .btn.btn-like:active, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .btn-like.upload-kit-input:active, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .btn-like.upload-kit-input:active { background: #f66d9b } .encounters .encounters-photo .encounters-controls .btn.btn-like:active i.fa, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .btn-like.upload-kit-input:active i.fa, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .btn-like.upload-kit-input:active i.fa { color: #fff } .encounters .encounters-photo .encounters-controls .btn.btn-skip:active, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .btn-skip.upload-kit-input:active, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .btn-skip.upload-kit-input:active { background: #2b7ae4 } .encounters .encounters-photo .encounters-controls .btn.btn-skip:active i.fa, .encounters .encounters-photo .encounters-controls .post-new .upload-kit .btn-skip.upload-kit-input:active i.fa, .post-new .upload-kit .encounters .encounters-photo .encounters-controls .btn-skip.upload-kit-input:active i.fa { color: #fff } .encounters .encounters-photo .carousel-indicators li { width: 4rem; height: 0.3rem; border-radius: 0.5rem; border: none; margin-right: 10px; } .encounters .encounters-photo .encounter-photo-item { cursor: pointer } @media (min-width:768px) { .encounters .encounters-photo { width: 60% } } .encounters .encounters-info { border-left: 0; overflow-y: auto } .encounters .encounters-info .profile-main-info .first-line h3 { margin-bottom: 0 } @media (min-width:768px) { .encounters .encounters-info { border-left: 1px solid rgba(0, 40, 100, .12); width: 40% } } .encounters .encounters-queue { width: 6rem; overflow: hidden; padding: .4rem 1rem; position: relative } .encounters .encounters-queue .queue-item { margin-bottom: .5rem; background: #d8e2ef; width: 3rem; height: 3rem; border-radius: 3rem } .encounters .encounters-queue .queue-item.active img { border: 2px solid #f5f7fb; box-shadow: 0 0 0 2px #2b7ae4 } .encounters .encounters-queue .queue-item img { display: block; background: #d8e2ef; width: 3rem; height: 3rem; border-radius: 3rem } .rtl .carousel-control-next { left: auto; right: 0 } .rtl .carousel-control-next .carousel-control-next-icon { transform: rotate(180deg) } .rtl .carousel-control-prev { left: 0; right: auto } .rtl .carousel-control-prev .carousel-control-prev-icon { transform: rotate(180deg) } .encounter-modal-body .encounters-mutual .heart i { font-size: 20pt; color: #e94442 } .hidden { display: none } .body-messages { display: flex } .body-messages .page { width: 100% } @media (max-width:767.98px) { .body-messages .page-fill .content { margin-top: 0 !important; margin-bottom: 0 !important } .body-messages .page-fill .content .container { padding-left: 0; padding-right: 0 } .body-messages .page-fill .content .card, .body-messages .page-fill .content .group-header { border: 0 } .body-messages .page-fill .content .items { padding-left: .75rem !important; padding-right: .75rem !important } .body-messages .footer { padding-top: .75rem; padding-bottom: .75rem } } .col-messages-conversations { border-right: 1px solid rgba(0, 40, 100, .12); overflow: hidden } @media (max-width:767.98px) { .col-messages-conversations { display: none !important; border-right: 0 } .col-messages-conversations.active { display: flex !important } } @media (max-width:767.98px) { .col-messages-conversation.hide-messages { display: none } } .messages-conversations { height: 100%; overflow: hidden; position: relative } .messages-conversations .wrapper-conversations { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto } .messages-conversations .conversations .conversation.premium .avatar { border: 2px solid #f60; box-shadow: 0 0 3px #f60 } .messages-conversations .conversations .conversation .avatar { width: 48px; height: 48px; display: inline-block; flex: 0 0 auto } .messages-conversations .conversations .conversation.jpremium .javatar { border: 2px solid #2bcbba; box-shadow: 0 0 3px #2bcbba } .messages-conversations .conversations .conversation .javatar { width: 48px; height: 48px; display: inline-block; flex: 0 0 auto } .messages-conversations .conversations .conversation.ipremium .iavatar { border: 2px solid #4393fe; box-shadow: 0 0 3px #4393fe } .messages-conversations .conversations .conversation .iavatar { width: 55px; height: 55px; display: inline-block; flex: 0 0 auto } .messages-conversations .conversations .conversation .message { color: #444 } .messages-conversations .conversations .conversation.active { background: #F5F6F9; } .messages-conversations .conversations .conversation.active .name { color: #272727; } .messages-conversations .conversations .conversation.active .message { color: #787878; } .messages-conversation { position: relative; height: 100% } .messages-conversation .conversation-header { border-top-right-radius: 4px; border-bottom: 1px solid rgba(0, 40, 100, .12); height: 73px } @media (max-width:767.98px) { .messages-conversation .conversation-header { border-top-left-radius: 4px } } .messages-conversation .conversation-header .avatar { width: 48px; height: 48px } .messages-conversation .conversation-header .verified { background: #2b7ae4; font-size: 11pt; width: 1.2rem; height: 1.2rem; min-width: 1.2rem; border-radius: 1rem; text-decoration: none; margin-left: .4rem; text-align: center } .messages-conversation .conversation-header .verified i.fe { color: #fff } .messages-conversation .conversation-items { position: relative; overflow: hidden; flex: 1 } .messages-conversation .conversation-items .wrapper-items { top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; position: absolute } .messages-conversation .conversation-items .date { text-align: center; margin-top: 7px; margin-bottom: 7px } .messages-conversation .conversation-items .date span { padding: 3px 7px; color: #777; border: 1px solid #ddd; font-size: 9pt; text-transform: uppercase; border-radius: 4px } .messages-conversation .conversation-items .item { margin-bottom: 1.5rem; padding: 3px; cursor: pointer; border-radius: 4px } .messages-conversation .conversation-items .item::after { display: block; clear: both; content: "" } .messages-conversation .conversation-items .item .avatar { margin-left: 0; margin-right: .5rem; width: 32px; height: 32px; display: inline-block; flex: 0 0 auto; background-size: 32px 32px } .messages-conversation .conversation-items .item .time { margin-left: .5rem; margin-right: 0 } .messages-conversation .conversation-items .item .spinner { margin-left: .5rem; margin-right: 0; color: #888 } .messages-conversation .conversation-items .item .flex-row-reverse .avatar { margin-left: .5rem; margin-right: 0 } .messages-conversation .conversation-items .item .flex-row-reverse .time { margin-left: 0; margin-right: .5rem } .messages-conversation .conversation-items .item .flex-row-reverse .spinner { margin-left: 0; margin-right: .5rem } .messages-conversation .conversation-items .item .text { max-width: 30rem } .messages-conversation .conversation-items .item .images .image img { border-radius: 4px; margin-bottom: 10px } .messages-conversation .conversation-items .item .images .image span { border-radius: 4px; margin-bottom: 10px; width: 200px } .messages-conversation .conversation-items .item .images .image .video-js { border-radius: 4px; margin-bottom: 10px } .messages-conversation .conversation-items .images .image .vjs-control-bar { height: 25px !important } .messages-conversation .conversation-items .images .image .vjs-play-progress:before { content: '' !important } .messages-conversation .conversation-items .images .image .vjs-play-progress { background-color: #ffffff24 } .messages-conversation .conversation-items .images .image .vjs-big-play-button { border: 0 } .messages-conversation .conversation-items .item.sent .item-body { float: right } .messages-conversation .conversation-items .item.sent .images .image img { float: right } .messages-conversation .conversation-items .item.sent .images .image video { float: right } .messages-conversation .conversation-items .item.sent .images .image span { float: right; text-align: right } .messages-conversation .conversation-items .images .image .video-message { position: relative; width: 260px !important } .messages-conversation .conversation-items .images .image .video-message-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .7); z-index: 1 } .messages-conversation .conversation-items .images .image .audio-message { border-radius: 3px; height: 35px; padding-left: 5px; background-repeat: no-repeat; background-color: #45aaf2; text-align: center; background-size: 30px; font-size: 14px; line-height: 33px; cursor: pointer } .yinjie { width: 3px; height: 15px; background-color: #2b7ae46b; margin-left: 5px; float: left; margin-top: 10px; border-radius: 5px } @keyframes tiao { 0% { transform: scale(1, 1); background-color: #2b7ae46b } 100% { transform: scale(1, .2); background-color: #2b7ae46b } } .one { animation: tiao .5s 2s linear infinite alternate } .two { animation: tiao .5s 1.8s linear infinite alternate } .three { animation: tiao .5s 1.6s linear infinite alternate } .four { animation: tiao .5s 1.4s linear infinite alternate } .five { animation: tiao .5s 1.2s linear infinite alternate } .six { animation: tiao .5s 1s linear infinite alternate } .seven { animation: tiao .4s linear infinite alternate } #voice-background { background: linear-gradient(to top, rgb(0 40 100 / 7%), rgb(43 122 228 / 16%)) } .voice-wave { width: 110px; height: 100px; background-color: #7bd235ba; border-radius: 5%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute } .voice-wave span { display: inline-block; margin-top: 50px } .audio-width15 { width: 150px !important } .audio-width12 { width: 120px !important } .audio-width10 { width: 100px !important } .audio-width8 { width: 80px !important } .messages-conversation .conversation-items .item.sent .images .image .audio-message { background-position: right; background-image: url(../images/audio/amrR3.png) } .messages-conversation .conversation-items .item.sent .images .image .audio-message span { width: 25px; margin-right: 35px } .messages-conversation .conversation-items .item.sent .images .image .video-message-overlay p { color: #c0d7f7; font-size: 11pt; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .messages-conversation .conversation-items .item.inbox .item-body { float: left } .messages-conversation .conversation-items .item.inbox .images .image img { float: left } .messages-conversation .conversation-items .item.inbox .images .image video { float: left } .messages-conversation .conversation-items .item.inbox .images .image span { float: left; text-align: left } .messages-conversation .conversation-items .images .image .video-message-overlay p { color: #c0d7f7; font-size: 11pt; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .messages-conversation .conversation-items .item.inbox .images .image .audio-message { background-position: left; background-image: url(../images/audio/amrL3.png) } .messages-conversation .conversation-items .item.inbox .images .image .audio-message span { width: 25px; margin-left: 35px } .messages-conversation .conversation-items .item.new .text { font-weight: bolder } .messages-conversation .conversation-items .item.selected { background: #edf2fa } .messages-conversation .conversation-input { background: #fff; border-top: 1px solid rgba(0, 40, 100, .12) } .messages-conversation .conversation-input .emoji-items { overflow-y: scroll; max-height: 200px; height: 200px } .messages-conversation .conversation-input .emoji-items .emoji-item { display: inline-block; cursor: pointer; border-radius: 4px; padding: 4px; margin: 2px; width: 1.8rem; height: 1.8rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .messages-conversation .conversation-input .emoji-items .emoji-item:hover { background: #d8e2ef } .messages-conversation .conversation-input .input-group .btn:not(disabled), .messages-conversation .conversation-input .input-group .post-new .upload-kit .upload-kit-input:not(disabled), .post-new .upload-kit .messages-conversation .conversation-input .input-group .upload-kit-input:not(disabled) { z-index: 0 } .messages-conversation .conversation-input .input-group .btn:not(disabled):focus, .messages-conversation .conversation-input .input-group .btn:not(disabled):hover, .messages-conversation .conversation-input .input-group .post-new .upload-kit .upload-kit-input:not(disabled):focus, .messages-conversation .conversation-input .input-group .post-new .upload-kit .upload-kit-input:not(disabled):hover, .post-new .upload-kit .messages-conversation .conversation-input .input-group .upload-kit-input:not(disabled):focus, .post-new .upload-kit .messages-conversation .conversation-input .input-group .upload-kit-input:not(disabled):hover { z-index: 1; border-color: #b6c1d2; outline: 0; box-shadow: none } .transactions-grid-view .col-transaction-type { max-width: 64px } .transactions-grid-view .transaction-add { color: #5eba00 } .transactions-grid-view .transaction-remove { color: #cd201f } .transactions-grid-view .transaction-free { color: #abb } .transactions-grid-view .transaction-type { width: 32px; height: 32px; background: rgba(155, 155, 155, .7); display: inline-block; color: rgba(44, 44, 44, .7); text-align: center; line-height: 32px; font-size: 18px; border-radius: 32px } .transactions-grid-view .transaction-type .fa { color: #fff } .payment-amount-variant { border-radius: 4px; padding: 1rem; margin-bottom: 2rem; cursor: pointer } .period-of-membership { border-radius: 4px; margin-bottom: 2rem; cursor: pointer; border: 2rem } .payment-amount-variant:hover { box-shadow: 0 0 0 4px rgba(43, 122, 228, .5) } .payment-amount-variant:focus-within { background: rgba(43, 122, 228, .1); box-shadow: 0 0 0 4px rgba(43, 122, 228, .8) } .payment-amount-variant .custom-control-label { padding-left: 1rem } .payment-amount-variant .credits-count { display: inline-block; font-size: 12pt; font-weight: bolder; padding-left: 1rem } .payment-amount-variant .credits-count:after, .payment-amount-variant .credits-count:before { left: 0 } .payment-amount-variant .credits-amount { display: inline-block; font-weight: lighter; font-size: 12pt } .feature { font-size: 1rem } .feature .feature-icon { width: 3em; height: 3rem; min-width: 3rem; min-height: 3rem; text-align: center; border-radius: 4px } .feature .feature-icon i { color: #fff; font-size: 1.5rem } .feature .feature-title { font-size: 1.1rem } .feature .feature-title .feature-price { font-size: .9rem; color: #999 } .premium-about .premium-about-item .premium-icon { width: 2.5em; height: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; margin-right: 1.2rem; text-align: center; border-radius: 4px } .premium-about .premium-about-item .premium-icon i { color: #fff; font-size: 1.25rem } .premium-about .premium-about-item .premium-icon.premium-icon-search { background: #45aaf2 } .premium-about .premium-about-item .premium-icon.premium-icon-ads { background: #09b705 } .premium-about .premium-about-item .premium-icon.premium-icon-messaging { background: #fd9644 } .premium-about .premium-about-item .premium-icon.premium-icon-incognito { background: #6b7278 } .premium-about .premium-about-item .premium-icon.premium-icon-likes { background: #e26387 } .premium-about .premium-about-item .premium-icon.premium-icon-profile-fields { background: #7045e0 } .premium-about .premium-about-item .premium-description .title { font-size: 1.1rem } .premium-about .premium-about-item .premium-description .description { color: #888 } .payment-robokassa { background-color: #fff; background-image: url(../images/payments/robokassa.svg); border: 2px solid #fff } .webcam-wrapper { position: relative; height: 100%; max-width: 400px; min-height: 300px; margin: auto } .webcam-wrapper .webcam { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .webcam-wrapper .webcam, .webcam-wrapper .webcam video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px } .webcam-wrapper .webcam-camera { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #9da9bb } .webcam-wrapper .webcam-camera i.fe { color: #d8e2ef; font-size: 48pt } .verification-gesture img { max-width: 120px; height: auto } .mode-switcher { margin: auto } .mode-switcher .mode { position: relative } .mode-switcher .mode .imagecheck { text-align: center } .mode-switcher .mode .imagecheck img { width: 150px; height: 75px; opacity: 1; border-radius: 4px } .mode-switcher .mode .imagecheck-input.active~.imagecheck-figure, .mode-switcher .mode .imagecheck-input:focus~.imagecheck-figure { box-shadow: 0 0 0 4px rgba(43, 122, 228, .9) } .mode-switcher .mode .loader { position: absolute; top: 50%; left: 50%; width: 1.5rem; height: 1.5rem; margin-top: -.75rem; margin-left: -.75rem; background: rgba(32, 32, 48, .7); border-radius: 4px } .mode-switcher .mode .loader:after, .mode-switcher .mode .loader:before { width: 1rem; height: 1rem; margin-left: -.5rem; margin-top: -.5rem } .mode-switcher .mode .mode-name { text-align: center; margin-top: .45rem } @media (max-width:767.98px) { .mode-switcher .mode { width: 33.3% } .mode-switcher .mode img { width: 100%; height: auto } } .dropdown-notifications .dropdown-menu { min-width: 20rem } .dropdown-notifications .dropdown-menu .dropdown-item a { color: #4e5e72 } .notifications-list a { color: #4e5e72 } .notifications-list .notification-item { padding: .25rem .5rem } .notifications-list .notification-item.new { background: #f5fbfe; border-radius: 4px } .card-gifts .gifts .gift { margin-top: .5rem; margin-bottom: .5rem } .card-gifts .gifts .gift img { width: 48px; height: 48px; display: block; margin: 0 auto .25rem auto } .card-gifts .gifts .gift .sender { width: 64px; text-align: center; font-size: 10pt; color: #4e5e72; line-height: 1.25 } .modal-user-gifts .gifts .gift { margin-bottom: 1rem } .modal-user-gifts .gifts .gift img { width: 64px; height: 64px; display: inline-block; margin-right: 1rem } .modal-user-gifts .gifts .gift .gift-info .sender { font-size: 12pt; color: #4e5e72; font-weight: bolder; line-height: 1.25; margin-bottom: .3rem; width: auto; } .modal-user-gifts .gifts .gift .gift-info .sender.sender-private { font-style: italic; font-weight: 400; color: #748194 } .modal-user-gifts .gifts .gift .gift-info .message { font-size: 11pt; font-weight: 400 } .modal-gift-form .gift-picker { max-height: 420px; overflow-y: auto } .modal-gift-form .gift-picker .gift-items { margin-bottom: 1rem } .modal-gift-form .gift-picker .gift-category { color: #4e5e72; font-weight: bolder; margin-bottom: .25rem } .modal-gift-form .gift-picker .gift-item { flex-grow: 1; position: relative; background: #ebebeb; border-radius: 4px; margin: .4rem .25rem } .modal-gift-form .gift-picker .gift-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0 } .modal-gift-form .gift-picker .gift-input:checked+.gift { border: 4px solid #2b7ae4; border-radius: 4px; z-index: 1; color: #2b7ae4 } .modal-gift-form .gift-picker .gift-input:hover+.gift { border: 4px solid #bce0fa; border-radius: 4px } .modal-gift-form .gift-picker .gift-input:focus+.gift { border: 4px solid #2b7ae4; z-index: 2 } .modal-gift-form .gift-picker .gift { display: block; width: 64px; height: 64px; border: none; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-size: cover } .news-list-view .news-item .no-image { padding-top: 60%; background: #1962c3 } .news-list-view .btn-like, .news-view .btn-like { color: #9da9bb } .news-list-view .btn-like:hover, .news-view .btn-like:hover { color: #e94442 } .news-list-view .vote-active, .news-view .vote-active { color: #e94442 } .news-view .news-content img { max-width: 100%; height: auto !important } .news-sidebar a.latest-news-item { display: block; margin-bottom: 1.5rem } .news-sidebar a.latest-news-item:last-child { margin-bottom: 0 } .news-sidebar a.latest-news-item:hover { text-decoration: none } .news-sidebar a.latest-news-item:hover h5 { text-decoration: underline } .news-sidebar a.latest-news-item:hover .date, .news-sidebar a.latest-news-item:hover .excerpt { text-decoration: none } .news-sidebar a.latest-news-item h3 { color: #2b7ae4 } .news-sidebar a.latest-news-item .excerpt { color: #4e5e72 } .help-content img { max-width: 100%; height: auto } .post .post-header { padding: 1.25rem 1.25rem 1rem 1.25rem } .post .post-header .datetime { color: #9da9bb; font-size: .8rem } .post .post-body { padding-top: 0 } .post .post-comments { padding: 0 1.25rem; border-top: 1px solid rgba(0, 40, 100, .12); margin-bottom: 1rem } .post .post-comments .post-comments-reply { margin-top: 1rem } .post .post-attachments { margin-top: .5rem } .post .post-attachments .post-attachment-image { margin: .25rem } .post .post-attachments .post-attachment-image img { border-radius: 4px } .post .post-attachments .post-attachment-image:first-child { margin-left: 0 } .post .post-attachments .post-attachment-image:last-child { margin-right: 0 } .post .post-footer { padding: .5rem 1.25rem } .post .post-footer .btn-icon { background: 0 0; border: 0; outline: 0; font-size: 12pt } .post .post-footer .btn-icon i.fa, .post .post-footer .btn-icon i.fe { font-size: 13pt } .post .post-footer .btn-icon.btn-like { color: #9da9bb } .post .post-footer .btn-icon.btn-like:hover { color: #e94442 } .post .post-footer .btn-icon.vote-active { color: #e94442 } .post .post-footer .btn-icon.btn-comments { color: #9da9bb } .post .post-footer .btn-icon.btn-comments:hover { color: #2b7ae4 } .post .post-footer .btn-icon.btn-more { color: #9da9bb } .post .post-footer .btn-icon.btn-more:hover { color: #4e5e72 } .post-new .post-content-field { background: #f4f4f4 } .post-new .card-footer { display: none } .post-new.activated .post-content-field { border-color: #2b7ae4; background: 0 0 } .post-new.activated .card-footer { display: block } .post-new .upload-kit .files { float: none; margin-bottom: .5rem } .post-new .upload-kit .files .upload-kit-item { height: 120px } .post-new .upload-kit .upload-kit-input { height: 38px; margin: 0; cursor: pointer } .post-new .upload-kit .upload-kit-input .btn-label { cursor: pointer } .group-verified-badge { background: #2b7ae4; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; font-size: 1.2rem; text-align: center; color: #fff } .group-header .group-cover { border-top-left-radius: 6px; border-top-right-radius: 6px; min-height: 10rem; background-color: #2b7ae4; background-size: cover } @media (min-width:768px) { .group-header .group-cover { min-height: 12rem; max-height: 12rem } } @media (min-width:992px) { .group-header .group-cover { min-height: 15rem; max-height: 15rem } } .group-header .group-info { padding: 1rem } .group-header .group-info .group-photo .no-photo, .group-header .group-info .group-photo img { width: 3rem; height: 3rem; background: #748194; border-radius: 4px } .group-header .group-info h1 { font-size: 16pt; margin-bottom: 0 } .group-header .group-info .description { font-size: 12pt; color: #9da9bb } .group-header .group-info .group-verified-badge { margin-left: .5rem; display: inline-block; width: 1.1rem; height: 1.1rem; border-radius: 1.1rem; font-size: 1rem } .group-users-grid-view .profile-link:hover { text-decoration: none } .group-users-grid-view .profile-link:hover .profile-name { text-decoration: underline } .groups-list-view .card, .groups-list-view .group-header { min-height: 12rem; max-height: 12rem; position: relative } .groups-list-view .card-aside-column { width: 50%; flex: 0 0 50%; text-decoration: none } .groups-list-view .card-aside-column i.fa, .groups-list-view .card-aside-column i.fe { text-decoration: none } .groups-list-view .card-aside-column.no-photo { background: #b6c1d2 } .groups-list-view .card-aside-column.no-photo i.fa, .groups-list-view .card-aside-column.no-photo i.fe { font-size: 3rem; color: #4e5e72 } .groups-list-view .group-verified-badge { position: absolute; top: .8rem; left: .8rem } .video-container { width: 45%; float: left; position: relative; padding-bottom: 37%; height: 0; margin-left: 10px; margin-bottom: 60px } .video-container .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-container .vjs-control-bar { position: absolute; width: 99%; height: 0; bottom: 0 } .card-bot-0 { margin-bottom: 0 !important; } .profile-video-empty-center { width: 79%; height: 150px; float: left; position: relative; margin-left: 35px; background-color: #E6E6E6; display: flex; justify-content: center; align-items: center; } .profile-video-empty { height: 42px; background: url(../images/uinfo/video_1.png) no-repeat center; position: absolute; width: 100%; margin-bottom: 30px; } .profile-video-empty-font { position: absolute; width: 100%; margin-top: 40px; font-size: 12px; } .profile-video-container { width: 79%; float: left; position: relative; padding-bottom: 65%; margin-left: 35px; } .profile-video-container .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .profile-video-container .vjs-control-bar { position: absolute; width: 99%; height: 0; bottom: 0 } .profile-video-container .video-container { width: 99%; position: relative; padding-bottom: 37%; height: 255px; margin-bottom: 60px } .profile-video-private-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 4px; background: rgb(0 0 0 / 39%) } .profile-video-private-container span { border-radius: 4px; color: #f9fafd; text-align: center; padding: 3px; font-size: 15pt; line-height: 1rem; text-shadow: 0 0 3px #223; margin-top: 42% } .profile-all-video-container { width: 100%; position: relative; padding-bottom: 72%; margin-bottom: 25px } .profile-all-video-container .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .profile-all-video-container .vjs-control-bar { position: absolute; width: 99%; height: 0; bottom: 0 } .floating-button { position: fixed; bottom: 120px; right: 20px; z-index: 9999; width: 50px; height: 50px; background-color: var(--warning); border-radius: 50% } .floating-button a { display: inline-block; color: var(--gray-dark); padding: 15px 19px } .content-body { background-color: #fff; position: absolute; height: 100%; width: 100%; padding: 2% 5% 0 5%; } .content-return-btn { font-size: 20px; width: 50px; align-items: center; display: flex; } .content-return-btn a { color: var(--gray-dark); } .content-body textarea { border: none } .community-content { margin-top: 10px; padding-bottom: 15px } .community-content .row { margin-right: 0rem !important; margin-left: 0rem !important; } .community-content-createdata { font-size: 14px } .community-content-displayName { font-size: 18px; font-weight: 600; display: flex } .community-content-displayName a { text-decoration: none; color: #3d4959 } .community-content-head { margin-left: 5%; } .community-content-bottom { display: flex; justify-content: flex-end; margin-top: 15px; font-size: 16px; padding-right: 10px; padding-bottom: 10px; } .i-color-red { color: red } .community-content-bottom div { margin-left: 15px } .community-content-displayName-a { padding-right: 10px } .community-content-displayName .user-premium-badge { background: orange; font-size: 12pt } .community-content-displayName .user-intermediate-premium-badge { background: var(--blue); font-size: 12pt } .community-content-displayName .user-junior-premium-badge { background: #2bcbba; font-size: 12pt } .community-content-displayName .user-intermediate-premium-badge i.fe, .community-content-displayName .user-junior-premium-badge i.fe, .community-content-displayName .user-premium-badge i.fe { color: #fff } .community-content-displayName .user-intermediate-premium-badge, .community-content-displayName .user-junior-premium-badge, .community-content-displayName .user-premium-badge { font-size: 11pt; width: 1.2rem; height: 1.2rem; min-width: 1.2rem; border-radius: 1rem; text-decoration: none; margin-top: 5px } .community-outer-container { position: relative; overflow: hidden } #newMembers-list-view, #relations-list-view, #community-list-view { position: relative; overflow: scroll } #newMembers-list-view::-webkit-scrollbar, #relations-list-view::-webkit-scrollbar, #community-list-view::-webkit-scrollbar { display: none } #community-list-view-bottom { font-size: 12px; color: #6e7676c4; margin-top: 10px } #newMembers-list-view-bottom { height: 50px; width: 100%; border-top: 1px solid #b6c1d29e; margin-top: 40px; padding-top: 10px; } .community-comments-dialog { position: fixed; top: auto; right: auto; left: auto; bottom: 0; margin: 0; width: 100% } .community-comments-content { border-radius: inherit; border: none; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 390px } .community-comments-input-rounded { border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-right: none; background-color: rgb(0 40 100 / 6%) } .community-comments-input-btn { border-bottom-right-radius: 15px; border-top-right-radius: 15px; border-left: none; background-color: rgb(0 40 100 / 6%) !important } #community-comments .modal-body { overflow: hidden } #community-comments .modal-body-item { position: relative; overflow: scroll; height: 250px } #community-comments .modal-body-item::-webkit-scrollbar { display: none } .community-content-comments-head { margin-left: 15px } #publish-text { outline: 0; border-color: initial; box-shadow: none } .content-body .upload-kit .files .upload-kit-item.done.image { height: 80px !important } .content-body .upload-kit .upload-kit-input { width: 100px !important; height: 80px !important } .content-publish { background-color: #fff } .content-body-bottom { position: absolute; bottom: 0; border-top: 1px solid #cccccc6b; width: 100%; height: 50px; display: flex; justify-content: flex-end; align-items: center } .content-body-permissions { width: 30%; font-size: 15px; color: #748194; padding-right: 5%; align-items: center; display: flex; } .content-publish-btn { width: 50%; height: 50px; align-items: center; display: flex; padding-left: 25%; } .publish-btn { width: 100%; height: 80%; font-size: 19px; background-color: #edf2f9; color: #9da9bb; text-align: center; display: flex; justify-content: center; align-items: center; } .p-btned { background: linear-gradient(to left, #FF5643, #F7C371) !important; color: #fff !important; } #community-permissions label { font-size: 17px; font-weight: 700 } #community-permissions p { font-size: 14px; color: #9da9bb; font-weight: 400 } .content-body-bottom button { border: none } .content-body-bottom button i { font-size: 25px !important } .content-body-text { margin-top: 10px } .community-content-likes { position: absolute; right: 0; margin-right: 15px } .community-images { margin-top: 10px; position: relative } .content-right-image1 { margin-left: 2px; position: absolute } .content-left-image { margin-right: 2px } .content-left-image2 { margin-right: 2px } .content-right-image { margin-left: 1px } .content-right-image2 { margin-left: 2px } .content-left-image2 img { border-top-left-radius: 5px; border-bottom-left-radius: 5px } .content-right-image2 img { border-top-right-radius: 5px; border-bottom-right-radius: 5px } .content-left-image img { border-top-left-radius: 5px; border-bottom-left-radius: 5px } .content-right-image1 img { border-bottom-right-radius: 5px } .content-right-image img { border-top-right-radius: 5px } .right-image { padding-bottom: 5px } .right-image img { border-top-right-radius: 5px; border-bottom-right-radius: 5px } .content-single-image img { border-radius: 5px } .content-image-count { position: absolute; bottom: .5rem; right: .5rem; color: #fff; text-decoration: none; vertical-align: middle; font-weight: bolder; padding: 2px 6px; border-radius: 4px; background: rgba(43, 122, 228, .25) } .content-body-file { position: absolute; bottom: 30px } .content-body-file .upload-kit .upload-kit-item.not-image .name { text-align: center; text-transform: uppercase; vertical-align: middle; display: block; position: absolute; padding: 5px 7px; color: #fff; bottom: 0; background-color: rgba(0, 0, 0, .7); font-weight: bolder; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 0 7px 7px; width: -webkit-fill-available } .community-videos { margin-top: 10px; position: relative; width: 100%; height: 0; padding-bottom: 56.25% } .community-videos .video-js { position: absolute; top: 0; left: 0; width: 95%; height: 95% } .h-100 { height: 100% } .community-videos .video-js .vjs-big-play-button { margin-top: -1.25em; margin-left: -1.75em; background-color: rgb(69 170 242 / 6%); border-radius: 2.5em; font-size: 1.5em; line-height: 2.3em; height: 2.5em; width: 2.5em; border-width: 1px } .community-videos .video-js.vjs-playing .vjs-tech { pointer-events: auto } .vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button { display: block } .community_container { width: 100%; padding-right: .75rem; padding-left: .75rem; margin-right: auto; margin-left: auto } .community_container .nav-item { margin-right: 15px } .community_container .nav-item.active { border-bottom: 2px solid red; color: #5c6674; font-size: 20px; } .community_container .nav-item.active a { color: #5c6674; font-weight: bolder; text-decoration: none } .community_container .nav-item a { color: #343434; text-decoration: none; font-weight: bold; } .community-reply { margin-top: 10px } .reply-comments { margin-left: 45px } .community-reply-comments-head { margin-left: 5px } .community-reply-displayName { font-size: 15px; font-weight: 500; display: flex } .community-reply-displayName a { text-decoration: none; color: #3d4959 } .community-reply-displayName-a { padding-right: 10px } .community-reply-displayName .user-premium-badge { background: orange; font-size: 12pt } .community-reply-displayName .user-intermediate-premium-badge { background: var(--blue); font-size: 12pt } .community-reply-displayName .user-junior-premium-badge { background: #2bcbba; font-size: 12pt } .community-reply-displayName .user-intermediate-premium-badge i.fe, .community-reply-displayName .user-junior-premium-badge i.fe, .community-reply-displayName .user-premium-badge i.fe { color: #fff } .community-reply-displayName .user-intermediate-premium-badge, .community-reply-displayName .user-junior-premium-badge, .community-reply-displayName .user-premium-badge { font-size: 9pt; width: 1rem; height: 1rem; min-width: 1rem; border-radius: 1rem; text-decoration: none; margin-top: 3px } .community-reply-comments-head .avatar { width: 1.5rem; height: 1.5rem; line-height: 2rem; border-radius: 50%; display: inline-block; background: #b6c1d2 no-repeat center/cover; position: relative; text-align: center; color: #748194; font-weight: 600; vertical-align: bottom; font-size: .875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .comments-reply-displayName { margin-left: 8px; color: #73859f; font-size: 13px } .widget-community-page-item { text-align: center } .widget-community-page-item.active .page-link { color: #4e5e72; font-weight: 700 } .widget-community-page-item.active .page-link { z-index: 3; color: #fff; background-color: #2b7ae4; border-color: #2b7ae4 } .widget-community-content-head { margin-left: 5px } .widget-community-content-dropdown { position: absolute; right: 0; margin-right: 25px } .buy-btn { border-radius: 25px; width: 99px; font-size: 16px; } .gift-details-body { background-color: white; margin-left: 5%; margin-right: 5%; } .gift-details-body-bj { width: 45%; height: 35px; background-size: cover; background-image: url(../images/my/chf_1.png); background-position: center; margin-bottom: 10px; padding: 5px; color: #FF5641; } .gift-details-h-bj { width: 18px; height: 18px; background-size: cover; background-image: url(../images/my/details_1.png); background-position: center; } .gift-details-head { background-color: #F4EFEF; color: #222329 !important; font-size: 15px !important; font-weight: bolder !important; border: 5px solid white; } .gift-details-head-b { background-color: #F4EFEF; color: #FF5715 !important; font-size: 15px !important; font-weight: bolder !important; border: 5px solid white; } .gift-details-head-g { background-color: #F4EFEF; color: #2AB23A !important; font-size: 15px !important; font-weight: bolder !important; border: 5px solid white; } .invitation-top-font { font-size: 30px; font-weight: bold; display: block; } .invitation-top-body { background-color: #e4e4e494; height: 250px; border-radius: 15px; padding: 15px 40px 10px 40px; z-index: 1; position: absolute; width: 86%; } .invitation-body-img { background-image: url(../images/invitation/x_1.png); background-size: 70%; background-repeat: no-repeat; background-position: center center; position: absolute; height: 250px; width: 86%; } .invitation-page-img { background-image: url(../images/invitation/pic.png); background-size: 130%; background-repeat: no-repeat; background-position: center center; height: 300px; width: 100%; position: absolute; } .invitation-url { background-color: #FFFFFF; border-radius: 5px; height: 70px; margin-top: 15px; margin-bottom: 50px; padding: 5px; font-size: 14px; } .invitation-btn { color: white; background: linear-gradient(to left, #FF5643, #F7C371); border-radius: 10px; height: 40px; } .invitation-copy-url { flex: 1; justify-content: center; align-items: center; display: flex; } .settings-photos { text-align: right; display: flex; justify-content: flex-end; align-items: center; } .settings-photo-text { width: 45%; text-align: right; } .sett-photos-a { width: 80px; background: linear-gradient(to left, #FF5643, #F7C371); border: none; color: white; font-size: 16px; } .sett-photos-i { font-size: 18px !important; font-weight: bold; } .sett-upload-photos { background: linear-gradient(to left, #FF5643, #F7C371); color: white; width: 100px; } .card-photos-top-left { width: 15%; display: inline-block; padding-left: 20px; } .card-photos-top-left a { color: var(--gray-dark) !important; } .card-photos-top-right { width: 85%; display: flex; justify-content: space-between; padding-right: 20px; } .member-top-bj { background-image: url(../images/member/bg.png); background-size: 115% 100%; background-repeat: no-repeat; height: 220px; position: absolute; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background-position: center bottom; } .member-head-bj { background-image: url(../images/member/ka.png); background-size: auto; background-repeat: no-repeat; background-position: center bottom; height: 100px; width: 70%; } .card-my-member-img { position: relative; z-index: 1; width: 60px; height: 60px; border-radius: 50%; padding: 3px; } .member-discount { position: absolute; bottom: 10px; justify-content: right; display: flex; right: 10px; } .field-login-form-rememberme { display: none; }