/* TABLE OF CONTENTS 1. Theme Variables 2. Theme Mixins 3. Bootstrap Override Styles 3a. Override default includes of bootstrap 3b. Override bootstrap table styles 3c. Override bootstrap form styles 3d. Override bootstrap navigation styles 3e. Override bootstrap button styles 3f. Override bootstrap breadcrumbs styles 3g. Override bootstrap typography styles 4. Overrides for various plugins that are included with this template 5. Handy Animations 6. User Profiles 7. Layout styles 8. Menu styles 9. Styles for all element blocks 10. Helpful Misc Styles 11. Icon Fonts 12. Chat 13. App - Email 14. App - Projects 15. App - Full Chat 16. Pricing Plans 17. Responsive Styles */ /* 1. Theme Variables */ /* 2. Theme Mixins */ /* 3. Bootstrap Override Styles */ /* 3a. Override default includes of bootstrap */ /*! * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @media print { *, *::before, *::after, p::first-letter, div::first-letter, blockquote::first-letter, li::first-letter, p::first-line, div::first-line, blockquote::first-line, li::first-line { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { font-family: "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.9rem; font-weight: 400; line-height: 1.5; color: #4c4c4c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #4c4c4c; text-decoration: none; } a:focus, a:hover { color: #939393; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.8rem 0.9rem; padding-bottom: 0.8rem 0.9rem; color: #aaa; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 500; line-height: 1.1; color: #4c4c4c; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .bulk { margin-top: 10px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; } .selebulk { margin-bottom: 25px; } .savech { float: right; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.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: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.125rem; border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; color: #636c72; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #636c72; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #5782e4; background-color: #f2f7ff; border-radius: 0.25rem; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #292b2c; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 500; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #292b2c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.3333333333%; } .pull-2 { right: 16.6666666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.3333333333%; } .pull-5 { right: 41.6666666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.3333333333%; } .pull-8 { right: 66.6666666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.3333333333%; } .pull-11 { right: 91.6666666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.3333333333%; } .push-2 { left: 16.6666666667%; } .push-3 { left: 25%; } .push-4 { left: 33.3333333333%; } .push-5 { left: 41.6666666667%; } .push-6 { left: 50%; } .push-7 { left: 58.3333333333%; } .push-8 { left: 66.6666666667%; } .push-9 { left: 75%; } .push-10 { left: 83.3333333333%; } .push-11 { left: 91.6666666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.3333333333%; } .pull-sm-2 { right: 16.6666666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.3333333333%; } .pull-sm-5 { right: 41.6666666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.3333333333%; } .pull-sm-8 { right: 66.6666666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.3333333333%; } .pull-sm-11 { right: 91.6666666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.3333333333%; } .push-sm-2 { left: 16.6666666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.3333333333%; } .push-sm-5 { left: 41.6666666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.3333333333%; } .push-sm-8 { left: 66.6666666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.3333333333%; } .push-sm-11 { left: 91.6666666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.3333333333%; } .pull-md-2 { right: 16.6666666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.3333333333%; } .pull-md-5 { right: 41.6666666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.3333333333%; } .pull-md-8 { right: 66.6666666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.3333333333%; } .pull-md-11 { right: 91.6666666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.3333333333%; } .push-md-2 { left: 16.6666666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.3333333333%; } .push-md-5 { left: 41.6666666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.3333333333%; } .push-md-8 { left: 66.6666666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.3333333333%; } .push-md-11 { left: 91.6666666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.3333333333%; } .pull-lg-2 { right: 16.6666666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.3333333333%; } .pull-lg-5 { right: 41.6666666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.3333333333%; } .pull-lg-8 { right: 66.6666666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.3333333333%; } .pull-lg-11 { right: 91.6666666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.3333333333%; } .push-lg-2 { left: 16.6666666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.3333333333%; } .push-lg-5 { left: 41.6666666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.3333333333%; } .push-lg-8 { left: 66.6666666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.3333333333%; } .push-lg-11 { left: 91.6666666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.3333333333%; } .pull-xl-2 { right: 16.6666666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.3333333333%; } .pull-xl-5 { right: 41.6666666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.3333333333%; } .pull-xl-8 { right: 66.6666666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.3333333333%; } .pull-xl-11 { right: 91.6666666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.3333333333%; } .push-xl-2 { left: 16.6666666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.3333333333%; } .push-xl-5 { left: 41.6666666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.3333333333%; } .push-xl-8 { left: 66.6666666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.3333333333%; } .push-xl-11 { left: 91.6666666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.8rem 0.9rem; vertical-align: top; border-top: 1px solid rgba(83, 101, 140, 0.33); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(83, 101, 140, 0.33); } .table tbody + tbody { border-top: 2px solid rgba(83, 101, 140, 0.33); } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid rgba(83, 101, 140, 0.33); } .table-bordered th, .table-bordered td { border: 1px solid rgba(83, 101, 140, 0.33); } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-schedule { margin: 0px 10px 0px 0px; max-width: 1500px; min-width: 900px; } .table-schedule th, .table-schedule td { border: 1px solid rgba(83, 101, 140, 0.33); } .table-schedule thead th, .table-schedule thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(94, 130, 152, 0.05); } .table-hover tbody tr:hover { color: #fff; background-color: rgba(57, 162, 217, 1); } .table-active, .table-active > th, .table-active > td { background-color: rgba(18, 95, 142, 0.075); } .table-hover .table-active:hover { background-color: rgba(15, 80, 119, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(15, 80, 119, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #00579D; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #00579D; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #292b2c; } .thead-default th { color: #464a4c; background-color: #eceeef; } .table-inverse { color: #fff; background-color: #292b2c; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #fff; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.5rem 0.7rem; font-size: 0.9rem; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid #cecece; border-radius: 0.25rem; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #464a4c; background-color: #fff; border-color: #023d7b; outline: none; } .form-control::-webkit-input-placeholder { color: #636c72; opacity: 1; } .form-control:-ms-input-placeholder { color: #636c72; opacity: 1; } .form-control::placeholder { color: #636c72; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.125rem + 2px); } select.form-control:focus::-ms-value { color: #464a4c; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { padding-top: calc(0.75rem - 1px * 2); padding-bottom: calc(0.75rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem - 1px * 2); padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.7rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 0.9rem; } .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .all-wrapper .input-group-sm > .input-group-btn > .form-control-static.fc-button, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .all-wrapper .input-group-lg > .input-group-btn > .form-control-static.fc-button { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .all-wrapper .input-group-sm > .input-group-btn > .fc-button { padding: 0.25rem 0.7rem; font-size: 0.7rem; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .all-wrapper .input-group-sm > .input-group-btn > select.fc-button:not([size]):not([multiple]) { height: 1.501rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .all-wrapper .input-group-lg > .input-group-btn > .fc-button { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .all-wrapper .input-group-lg > .input-group-btn > select.fc-button:not([size]):not([multiple]) { height: 3.1666666667rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: #aaa; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.1rem; background-repeat: no-repeat; background-position: center right 0.53125rem; background-size: 1.0625rem 1.0625rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control { color: #00579D; } .has-success .form-control { border-color: #00579D; } .has-success .input-group-addon { color: #00579D; border-color: #00579D; background-color: #e4f1c7; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300579D' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, .has-warning .custom-control { color: #f5b008; } .has-warning .form-control { border-color: #f5b008; } .has-warning .input-group-addon { color: #f5b008; border-color: #f5b008; background-color: white; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f5b008' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, .has-danger .custom-control { color: #E23C38; } .has-danger .form-control { border-color: #E23C38; } .has-danger .input-group-addon { color: #E23C38; border-color: #E23C38; background-color: white; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23008d3b' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin-top: 0; margin-bottom: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; } .form-inline .custom-control-indicator { position: static; display: inline-block; margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn, .all-wrapper .fc-button { display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.6rem 1.2rem; font-size: 0.9rem; border-radius: 0.25rem; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn:focus, .all-wrapper .fc-button:focus, .btn:hover, .all-wrapper .fc-button:hover { text-decoration: none; } .btn:focus, .all-wrapper .fc-button:focus, .btn.focus, .all-wrapper .focus.fc-button { outline: 0; box-shadow: 0 0 0 2px rgba(4, 123, 248, 0.25); } .btn.disabled, .all-wrapper .disabled.fc-button, .btn:disabled, .all-wrapper .fc-button:disabled { cursor: not-allowed; opacity: .65; } .btn:active, .all-wrapper .fc-button:active, .btn.active, .all-wrapper .active.fc-button { background-image: none; } a.btn.disabled, .all-wrapper a.disabled.fc-button, fieldset[disabled] a.btn, fieldset[disabled] .all-wrapper a.fc-button, .all-wrapper fieldset[disabled] a.fc-button { pointer-events: none; } .color-primary { color: #008d3b; } .btn-primary, .all-wrapper .fc-button.fc-state-active { color: #fff; background-color: #008d3b; } .btn-primary:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-secondary { color: #fff; background-color: #00579D; } .btn-secondary:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-orange { color: #fff; background-color: #ea791c; } .btn-orange:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-info { color: #fff; background-color: #00579D; } .btn-info:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-success { color: #fff; background-color: #00579D; } .btn-success:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-warning { color: #fff; background-color: #f5b008;} .btn-warning:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-danger { color: #fff; background-color: #E23C38;} .btn-danger:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-purple { color: #fff; background-color: #F5B008; } .btn-purple:hover, .all-wrapper .fc-button.fc-state-active:hover { color: #fff;} .btn-outline-primary { color: #008d3b; background-image: none; background-color: transparent; border-color: #008d3b; } .btn-outline-primary:hover { color: #fff; background-color: #008d3b; border-color: #008d3b; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(4, 123, 248, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #008d3b; background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #008d3b; border-color: #008d3b; } .btn-outline-secondary { color: #065A26; background-image: none; background-color: transparent; border-color: #065A26; } .btn-outline-secondary:hover { color: #fff; background-color: #065A26; border-color: #065A26; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 2px rgba(56, 61, 77, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #065A26; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #065A26; border-color: #065A26; } .btn-outline-info { color: #39a2d9; background-image: none; background-color: transparent; border-color: #39a2d9; } .btn-outline-info:hover { color: #fff; background-color: #39a2d9; border-color: #39a2d9; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #39a2d9; background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #39a2d9; border-color: #39a2d9; } .btn-outline-success { color: #00579D; background-image: none; background-color: transparent; border-color: #00579D; } .btn-outline-success:hover { color: #fff; background-color: #00579D; border-color: #00579D; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 2px rgba(144, 190, 46, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #00579D; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #00579D; border-color: #00579D; } .btn-outline-warning { color: #f5b008; background-image: none; background-color: transparent; border-color: #f5b008; } .btn-outline-warning:hover { color: #fff; background-color: #f5b008; border-color: #f5b008; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f5b008; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f5b008; border-color: #f5b008; } .btn-outline-danger { color: #E23C38; background-image: none; background-color: transparent; border-color: #E23C38; } .btn-outline-danger:hover { color: #fff; background-color: #E23C38; border-color: #E23C38; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 2px rgba(230, 82, 82, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #E23C38; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #E23C38; border-color: #E23C38; } .btn-link { font-weight: 400; color: #3b75e3; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #1a50b7; text-decoration: underline; background-color: transparent; } .btn-link:disabled { color: #636c72; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn, .all-wrapper .btn-group-lg > .fc-button { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn, .all-wrapper .btn-group-sm > .fc-button { padding: 0.2rem 0.5rem; font-size: 0.7rem; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.9rem; color: #3E4B5B; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #eceeef; } .dropdown-item { display: block; width: 100%; padding: 3px 1.5rem; clear: both; font-weight: 400; color: #292b2c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f; text-decoration: none; background-color: #f7f7f9; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #008d3b; } .dropdown-item.disabled, .dropdown-item:disabled { color: #636c72; cursor: not-allowed; background-color: transparent; } .show > .dropdown-menu { display: block; } .show > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.7rem; color: #636c72; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .all-wrapper .btn-group > .fc-button, .btn-group-vertical > .btn, .all-wrapper .btn-group-vertical > .fc-button { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .all-wrapper .btn-group > .fc-button:hover, .btn-group-vertical > .btn:hover, .all-wrapper .btn-group-vertical > .fc-button:hover { z-index: 2; } .btn-group > .btn:focus, .all-wrapper .btn-group > .fc-button:focus, .btn-group > .btn:active, .all-wrapper .btn-group > .fc-button:active, .btn-group > .btn.active, .all-wrapper .btn-group > .active.fc-button, .btn-group-vertical > .btn:focus, .all-wrapper .btn-group-vertical > .fc-button:focus, .btn-group-vertical > .btn:active, .all-wrapper .btn-group-vertical > .fc-button:active, .btn-group-vertical > .btn.active, .all-wrapper .btn-group-vertical > .active.fc-button { z-index: 2; } .btn-group .btn + .btn, .btn-group .all-wrapper .fc-button + .btn, .all-wrapper .btn-group .fc-button + .btn, .btn-group .all-wrapper .btn + .fc-button, .all-wrapper .btn-group .btn + .fc-button, .btn-group .all-wrapper .fc-button + .fc-button, .all-wrapper .btn-group .fc-button + .fc-button, .btn-group .btn + .btn-group, .btn-group .all-wrapper .fc-button + .btn-group, .all-wrapper .btn-group .fc-button + .btn-group, .btn-group .btn-group + .btn, .btn-group .all-wrapper .btn-group + .fc-button, .all-wrapper .btn-group .btn-group + .fc-button, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .all-wrapper .fc-button + .btn, .all-wrapper .btn-group-vertical .fc-button + .btn, .btn-group-vertical .all-wrapper .btn + .fc-button, .all-wrapper .btn-group-vertical .btn + .fc-button, .btn-group-vertical .all-wrapper .fc-button + .fc-button, .all-wrapper .btn-group-vertical .fc-button + .fc-button, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .all-wrapper .fc-button + .btn-group, .all-wrapper .btn-group-vertical .fc-button + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .all-wrapper .btn-group + .fc-button, .all-wrapper .btn-group-vertical .btn-group + .fc-button, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .all-wrapper .btn-group > .fc-button:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child, .all-wrapper .btn-group > .fc-button:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .all-wrapper .btn-group > .fc-button:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .all-wrapper .btn-group > .fc-button:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .all-wrapper .btn-group > .btn-group:not(:first-child):not(:last-child) > .fc-button { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .all-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .fc-button:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .all-wrapper .btn-group > .btn-group:last-child:not(:first-child) > .fc-button:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn + .dropdown-toggle-split, .all-wrapper .fc-button + .dropdown-toggle-split { padding-right: 0.9rem; padding-left: 0.9rem; } .btn + .dropdown-toggle-split::after, .all-wrapper .fc-button + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .all-wrapper .btn-group-sm > .fc-button + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .all-wrapper .btn-group-lg > .fc-button + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group-vertical { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .all-wrapper .fc-button, .all-wrapper .btn-group-vertical .fc-button, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .all-wrapper .btn-group-vertical > .fc-button + .btn, .all-wrapper .btn-group-vertical > .btn + .fc-button, .all-wrapper .btn-group-vertical > .fc-button + .fc-button, .btn-group-vertical > .btn + .btn-group, .all-wrapper .btn-group-vertical > .fc-button + .btn-group, .btn-group-vertical > .btn-group + .btn, .all-wrapper .btn-group-vertical > .btn-group + .fc-button, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child), .all-wrapper .btn-group-vertical > .fc-button:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child), .all-wrapper .btn-group-vertical > .fc-button:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child), .all-wrapper .btn-group-vertical > .fc-button:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .all-wrapper .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .fc-button { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .all-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .fc-button:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .all-wrapper .btn-group-vertical > .btn-group:last-child:not(:first-child) > .fc-button:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], .all-wrapper [data-toggle="buttons"] > .fc-button input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], .all-wrapper [data-toggle="buttons"] > .fc-button input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .all-wrapper [data-toggle="buttons"] > .btn-group > .fc-button input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .all-wrapper [data-toggle="buttons"] > .btn-group > .fc-button input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.7rem; margin-bottom: 0; font-size: 0.9rem; font-weight: 400; line-height: 1.25; color: #464a4c; text-align: center; background-color: #eceeef; border: 1px solid #cecece; border-radius: 0.25rem; } .input-group-addon.byx { padding: 0.5rem 0.7rem; margin-bottom: 0; font-size: 0.9rem; font-weight: 400; line-height: 1.25; cursor: pointer; color: #fff; text-align: center; background-color: #00579D; border: 1px solid #cecece; border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn, .all-wrapper .input-group-sm > .input-group-btn > .input-group-addon.fc-button { padding: 0.25rem 0.7rem; font-size: 0.7rem; border-radius: 0.2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn, .all-wrapper .input-group-lg > .input-group-btn > .input-group-addon.fc-button { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .all-wrapper .input-group-btn:not(:last-child) > .fc-button, .input-group-btn:not(:last-child) > .btn-group > .btn, .all-wrapper .input-group-btn:not(:last-child) > .btn-group > .fc-button, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .all-wrapper .input-group-btn:not(:first-child) > .fc-button:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .all-wrapper .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .fc-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .all-wrapper .input-group-btn:not(:first-child) > .fc-button, .input-group-btn:not(:first-child) > .btn-group > .btn, .all-wrapper .input-group-btn:not(:first-child) > .btn-group > .fc-button, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .all-wrapper .input-group-btn:not(:last-child) > .fc-button:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .all-wrapper .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .fc-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn, .all-wrapper .input-group-btn > .fc-button { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .input-group-btn > .btn + .btn, .all-wrapper .input-group-btn > .fc-button + .btn, .all-wrapper .input-group-btn > .btn + .fc-button, .all-wrapper .input-group-btn > .fc-button + .fc-button { margin-left: -1px; } .input-group-btn > .btn:focus, .all-wrapper .input-group-btn > .fc-button:focus, .input-group-btn > .btn:active, .all-wrapper .input-group-btn > .fc-button:active, .input-group-btn > .btn:hover, .all-wrapper .input-group-btn > .fc-button:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .all-wrapper .input-group-btn:not(:last-child) > .fc-button, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .all-wrapper .input-group-btn:not(:first-child) > .fc-button, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .all-wrapper .input-group-btn:not(:first-child) > .fc-button:focus, .input-group-btn:not(:first-child) > .btn:active, .all-wrapper .input-group-btn:not(:first-child) > .fc-button:active, .input-group-btn:not(:first-child) > .btn:hover, .all-wrapper .input-group-btn:not(:first-child) > .fc-button:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; margin-right: 1rem; cursor: pointer; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #008d3b; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #008d3b; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #b1d6fe; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eceeef; } .custom-control-input:disabled ~ .custom-control-description { color: #636c72; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: 0.25rem; left: 0; 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-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%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-indicator { background-color: #008d3b; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-controls-stacked .custom-control { margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.125rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; color: #464a4c; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #cecece; border-radius: 0.25rem; -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #7fbcfd; outline: none; } .custom-select:focus::-ms-value { color: #464a4c; background-color: #fff; } .custom-select:disabled { color: #636c72; cursor: not-allowed; background-color: #eceeef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; height: 2.5rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #cecece; border-radius: 0.25rem; } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; background-color: #eceeef; border: 1px solid #cecece; border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5em 1em; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #636c72; cursor: not-allowed; } .nav-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef rgba(0, 0, 0, 0.1); } .nav-tabs .nav-link.disabled { color: #636c72; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #008d3b; background-color: transparent; border-color: #ddd #ddd transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills .nav-link { border-radius: 30px; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #fff; cursor: default; background-color: #008d3b; } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .breadcrumb { padding: 0.5rem 0.5rem; margin-bottom: 0.5rem; list-style: none; background-color: #eceeef; border-radius: 0.25rem; } .breadcrumb::after { display: block; content: ""; clear: both; } .breadcrumb-item { float: left; top:50%; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #636c72; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #636c72; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .page-item:last-child .page-link { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 2; color: #fff; background-color: #008d3b; border-color: #008d3b; } .page-item.disabled .page-link { color: #636c72; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #3b75e3; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #1a50b7; text-decoration: none; background-color: #eceeef; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.7rem; } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: 0.2rem; border-top-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: 0.2rem; border-top-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 500; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge, .all-wrapper .fc-button .badge { position: relative; top: -1px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-default { background-color: #636c72; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #4b5257; } .badge-primary { background-color: #047bf8; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #0362c6; } .badge-success { background-color: #00579D; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #719524; } .badge-info { background-color: #39a2d9; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f5b008; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #E23C38; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #E23C38; } .alert { padding: 1.05rem 1.45rem; margin-bottom: 1rem; border: 2px solid transparent; border-radius: 6px; } .alert-heading { color: inherit; } .alert-link { font-weight: 500; } .alert-dismissible .close { position: relative; top: -1.05rem; right: -1.45rem; padding: 1.05rem 1.45rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #c7e5bb; color: #3c763d; } .alert-success hr { border-top-color: #b8dea8; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #b7ddf0; color: #31708f; } .alert-info hr { border-top-color: #a2d3eb; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fbf5d6; border-color: #f6eaa8; color: #8a6d3b; } .alert-warning hr { border-top-color: #f4e490; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #e6c1c1; color: #a94442; } .alert-danger hr { border-top-color: #dfaeae; } .alert-danger .alert-link { color: #843534; } @-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: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 0.75rem; line-height: 1rem; text-align: center; background-color: #eceeef; border-radius: 0.25rem; } .progress-bar { height: 1rem; color: #fff; background-color: #047bf8; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .example-content .progress + .progress { margin-top: 1rem; } .close { float: right; font-size: 1.35rem; font-weight: 500; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 25px; border-bottom: 1px solid #eceeef; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px 25px; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px 25px; border-top: 1px solid #eceeef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 30px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.8rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 300px; padding: 0px; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.8rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -6px; } .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; border-bottom-width: 0; } .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { bottom: -7px; margin-left: -7px; border-top-color: #fff; } .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { bottom: -6px; margin-left: -6px; border-top-color: #fff; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 6px; } .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; border-left-width: 0; } .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -7px; margin-top: -7px; border-right-color: #fff; } .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { left: -6px; margin-top: -6px; border-right-color: #fff; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 6px; } .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; border-top-width: 0; } .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { top: -7px; margin-left: -7px; border-bottom-color: #fff; } .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { top: -6px; margin-left: -6px; border-bottom-color: #047bf8; } .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid #047bf8; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -6px; } .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; border-right-width: 0; } .popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -7px; margin-top: -7px; border-left-color: #fff; } .popover.popover-left::after, .popover.bs-tether-element-attached-right::after { right: -6px; margin-top: -6px; border-left-color: #fff; } .popover-title { padding: 12px 15px; margin-bottom: 0; font-size: 0.9rem; background-color: #047bf8; border-bottom: 0px solid #046fdf; border-top-right-radius: calc(0.3rem - 0px); border-top-left-radius: calc(0.3rem - 0px); } .popover-title:empty { display: none; } .popover-content { padding: 15px 20px; } .popover::before, .popover::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover::before { content: ""; border-width: 7px; } .popover::after { content: ""; border-width: 6px; } .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-faded { background-color: #f7f7f7; } .bg-primary { background-color: #008d3b !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #0362c6 !important; } .bg-success { background-color: #00579D !important; } a.bg-success:focus, a.bg-success:hover { background-color: #719524 !important; } .bg-info { background-color: #39a2d9 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { background-color: #f5b008 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f !important; } .bg-danger { background-color: #008d3b !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e02525 !important; } .bg-inverse { background-color: #292b2c !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #101112 !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; } .rounded { border-radius: 0.25rem; } .rounded-top { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .rounded-right { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-left { border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after { display: block; content: ""; clear: both; } .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-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; 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-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; 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-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; 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-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .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-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .flex-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .flex-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .flex-sm-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .flex-sm-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .flex-md-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .flex-md-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .flex-lg-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .flex-lg-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .flex-xl-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .flex-xl-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; 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: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !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; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: 0.25rem 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 1.5rem 1.5rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-xl-5 { margin: 3rem 3rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 1.5rem 1.5rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-xl-5 { padding: 3rem 3rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } .text-justify { text-align: justify !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: 1200px) { .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-normal { font-weight: 400; } .font-weight-bold { font-weight: 500; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-muted, .invoice-body .invoice-desc .desc-value { color: #aaa !important; } a.text-muted:focus, .invoice-body .invoice-desc a.desc-value:focus, a.text-muted:hover, .invoice-body .invoice-desc a.desc-value:hover { color: #919090 !important; } .text-primary { color: #008d3b !important; } a.text-primary:focus, a.text-primary:hover { color: #0362c6 !important; } .text-success { color: #00579D !important; } a.text-success:focus, a.text-success:hover { color: #719524 !important; } .text-info { color: #39a2d9 !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #f5b008 !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f !important; } .text-danger { color: #008d3b !important; } a.text-danger:focus, a.text-danger:hover { color: #e02525 !important; } .text-gray-dark { color: #292b2c !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #101112 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* 3b. Override bootstrap table styles */ .table th { font-weight: 500; } .table.table-editable td:hover { background-color: #fff; box-shadow: inset 0px 0px 0px 2px #008d3b; } .table.table-lightborder td { border-top-color: rgba(83, 101, 140, 0.08); } .table.table-lightbor th, .table.table-lightbor td { border-top-color: rgba(83, 101, 140, 0.04); } .table.table-lightfont td { font-weight: 300; } .table.table-lightfonty td { font-weight: 300; font-size: 0.70rem; color: rgba(0, 0, 0, 0.5); } .table th, .table td { vertical-align: middle; } .table th img, .table td img { max-width: 100%; } .table thead th { border-bottom: 1px solid #999; } .table tfoot th { border-top: 1px solid #999; } .table tfoot th, .table thead th { font-size: 0.63rem; text-transform: uppercase; border-top: none; } .table tbody + tbody { border-top: 1px solid rgba(83, 101, 140, 0.33); } .table td.nowrap { white-space: nowrap; } .table .row-actions { text-align: center; } .table .row-actions .os-icon { font-size: 16px; } .table .row-actions a { margin-right: 0.8rem; color: #3E4B5B; } .table .row-actions a.danger { color: #9d1818; } .table .row-actions a:last-child { margin-right: 0px; } .table .cell-image-list { position: relative; display: inline-block; white-space: nowrap; } .table .cell-image-list .cell-img { display: inline-block; width: 30px; height: 30px; background-size: cover; background-position: center center; border-radius: 2px; box-shadow: 0px 0px 0px 2px #fff, 1px 1px 5px rgba(0, 0, 0, 0.8); vertical-align: middle; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-transform: scale(1); transform: scale(1); position: relative; } .table .cell-image-list .cell-img:nth-child(1) { z-index: 5; } .table .cell-image-list .cell-img:nth-child(2) { z-index: 4; } .table .cell-image-list .cell-img:nth-child(3) { z-index: 3; } .table .cell-image-list .cell-img:nth-child(4) { z-index: 2; } .table .cell-image-list .cell-img:nth-child(5) { z-index: 1; } .table .cell-image-list .cell-img + .cell-img { margin-left: -15px; } .table .cell-image-list .cell-img + .cell-img:hover { -webkit-transform: translateX(5px); transform: translateX(5px); } .table .cell-image-list .cell-img-more { font-size: 0.63rem; display: inline-block; vertical-align: middle; margin-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -70%; background-color: #fff; padding: 3px 5px; border-radius: 4px; z-index: 7; white-space: nowrap; } .table-lg td { padding: 1.2rem 1.5rem; } .table.table-v2 thead tr th, .table.table-v2 tfoot tr th { text-align: center; border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: rgba(0, 0, 0, 0.05); } .table.table-v2 thead tr th:first-child, .table.table-v2 tfoot tr th:first-child { border-left: 1px solid #999; } .table.table-v2 thead tr th:last-child, .table.table-v2 tfoot tr th:last-child { border-right: 1px solid #999; } .table.table-v2 tbody tr td { border-color: #d1d8e6; } .controls-above-table { margin-bottom: 1rem; } .controls-above-table .btn, .controls-above-table .all-wrapper .fc-button, .all-wrapper .controls-above-table .fc-button { margin-right: 0.5rem; } .controls-above-table .form-control { margin-right: 1rem; } .controls-above-table .form-control:last-child { margin-right: 0px; } .controls-below-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.81rem; } .controls-below-table .table-records-info { color: rgba(0, 0, 0, 0.5); } .controls-below-table .table-records-pages ul { list-style: none; } .controls-below-table .table-records-pages ul li { display: inline-block; margin: 0px 10px; } .controls-below-table .table-records-pages ul li a.current { color: #3E4B5B; } .all-wrapper table.dataTable { border-collapse: collapse !important; } /* 3c. Override bootstrap form styles */ button, input, optgroup, select, textarea { font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; } .form-control.rounded { border-radius: 30px; } select.form-control.rounded { -webkit-appearance: none; -moz-appearance: none; padding-right: 40px; padding-left: 15px; background-position: right 5px top 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); } .form-text { font-size: 0.81rem; } .has-danger .form-control-feedback.text-muted, .has-danger .invoice-body .invoice-desc .form-control-feedback.desc-value, .invoice-body .invoice-desc .has-danger .form-control-feedback.desc-value { color: #008d3b !important; } .form-control { font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .form-control.bright { border-color: #334652; } .form-control[type="checkbox"] { width: auto; display: inline-block; } .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4); } .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.4); } .form-control::placeholder { color: rgba(0, 0, 0, 0.4); } .form-check-input { margin-right: 0.5rem; } .form-buttons-w { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); } label.bigger { font-size: 1.08rem; margin-bottom: 1rem; margin-top: 1rem; } fieldset { margin-top: 2rem; } legend { font-size: 0.99rem; display: block; margin-bottom: 1.5rem; position: relative; color: #4c4c4c; } legend span { padding: 0px 0.5rem 0 0; background-color: #fff; display: inline-block; z-index: 2; position: relative; } legend:before { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; top: 50%; background-color: rgba(0, 0, 0, 0.1); z-index: 1; } .legendy { font-size: 0.99rem; display: block; margin-bottom: 2.5rem; margin-top: 0.75rem; position: relative; color: #4c4c4c; } .legendy span { padding: 0px 0px 0 0.5rem; background-color: #fff; display: inline-block; z-index: 2; position: absolute; right: 8px;} .legendy:before { content: ""; position: absolute; left: 2px; right: 8px; height: 1px; top: 15px; background-color: rgba(140, 140, 140, 0.2); z-index: 1; } .form-header { margin-bottom: 1rem; padding-top: 0.5rem; display: block; } .form-desc { color: #999; margin-bottom: 1.5rem; font-weight: 300; font-size: 0.81rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: block; } /* 3d. Override bootstrap navigation styles */ .nav.smaller { font-size: 0.72rem; } .nav.smaller.nav-tabs .nav-link { padding: 0.7em 1.1em; } .nav.smaller.nav-pills .nav-link { padding: 0.2em 1.1em; } .nav.bigger { font-size: 1.25rem; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 500; } .nav.bigger.nav-tabs .nav-link.active:after, .nav.bigger.nav-tabs .nav-item.show .nav-link:after { height: 6px; bottom: -3px; border-radius: 2px; } .nav.bigger.nav-tabs .nav-link { padding-left: 0px; padding-right: 0px; margin-right: 2rem; } .nav.upper { font-size: 0.9rem; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } .nav.upper.nav-tabs .nav-link.active:after, .nav.upper.nav-tabs .nav-item.show .nav-link:after { height: 3px; bottom: -2px; border-radius: 2px; } .nav.upper.nav-tabs .nav-link { padding-left: 0px; padding-right: 0px; padding-bottom: 15px; margin-right: 2rem; } .nav.upper.centered.nav-tabs .nav-link { padding-left: 0px; padding-right: 0px; padding-bottom: 5px; margin-left: 1rem; margin-right: 1rem; } .nav.upper.centered.nav-tabs .nav-item { margin-right: 0px; } .nav.centered { text-align: center; -ms-flex-pack: distribute; justify-content: space-around; } .nav-link i { display: inline-block; color: #636c72; font-size: 26px; margin-bottom: 5px; } .nav-link span { display: block; font-size: 0.72rem; } .nav-link.active i { color: #008d3b; } .nav-tabs .nav-item { margin-bottom: 0px; margin-right: 1rem; } .nav-tabs .nav-link { border: none; color: rgba(0, 0, 0, 0.3); } .nav-tabs .nav-link.disabled { color: #636c72; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link, .nav-tabs .nav-item .nav-link { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; } .nav-tabs .nav-link:after, .nav-tabs .nav-item .nav-link:after { content: ""; width: 0%; height: 3px; background-color: #008d3b; position: absolute; bottom: -2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-item:hover .nav-link { color: #464a4c; background-color: transparent; border-color: #ddd #ddd transparent; position: relative; } .nav-tabs .nav-link.active:after, .nav-tabs .nav-item.show .nav-link:after, .nav-tabs .nav-link:hover:after, .nav-tabs .nav-item:hover .nav-link:after { width: 100%; } .nav-pills .nav-link { border-radius: 30px; color: rgba(0, 0, 0, 0.4); } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #fff; cursor: default; background-color: #008d3b; } /* 3e. Override bootstrap button styles */ .btn-sm, .btn-group-sm > .btn, .all-wrapper .btn-group-sm > .fc-button { padding: 0.2rem 0.5rem; font-size: 0.675rem; border-radius: 0.2rem; text-transform: uppercase; } .btn-white, .all-wrapper .fc-button { color: #333; background-color: #fff; border-color: rgba(0, 0, 0, 0.5); } .btn-white:hover, .all-wrapper .fc-button:hover { color: #333; background-color: #e6e5e5; border-color: rgba(0, 0, 0, 0.5); } .btn-white:focus, .all-wrapper .fc-button:focus, .btn-white.focus, .all-wrapper .focus.fc-button { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5); } .btn-white.disabled, .all-wrapper .disabled.fc-button, .btn-white:disabled, .all-wrapper .fc-button:disabled { background-color: #fff; border-color: rgba(0, 0, 0, 0.5); } .btn-white:active, .all-wrapper .fc-button:active, .btn-white.active, .all-wrapper .active.fc-button, .show > .btn-white.dropdown-toggle, .all-wrapper .show > .dropdown-toggle.fc-button { color: #333; background-color: #e6e5e5; background-image: none; border-color: rgba(0, 0, 0, 0.5); } .btn, .all-wrapper .fc-button { font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; } .btn .os-icon, .all-wrapper .fc-button .os-icon { font-size: 18px; margin-right: 1.2rem; display: inline-block; vertical-align: middle; } .btn .os-icon + span, .all-wrapper .fc-button .os-icon + span { display: inline-block; vertical-align: middle; } .btn.btn-sm .os-icon, .btn-group-sm > .btn .os-icon, .all-wrapper .btn-group-sm > .fc-button .os-icon, .all-wrapper .btn-sm.fc-button .os-icon { font-size: 14px; margin-right: 0.5rem; } .btn.btn-rounded, .all-wrapper .btn-rounded.fc-button { border-radius: 40px; } /* 3f. Override bootstrap breadcrumbs styles */ .breadcrumb { list-style: none; margin: 0px; padding: 10px 30px 10px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); background-color: transparent; } .breadcrumb li { margin-bottom: 0px; display: inline-block; text-transform: uppercase; font-size: 0.585rem; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .breadcrumb li a { color: #3E4B5B; } .breadcrumb li span { color: rgba(0, 0, 0, 0.4); } .breadcrumbs + .content-box { padding-top: 0px; } /* 3g. Override bootstrap typography styles */ .text-muted, .invoice-body .invoice-desc .desc-value { font-weight: 300; } /* 3h. Override bootstrap modal styles */ .modal-content { box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.5); } /* 3h. Override bootstrap popover styles */ .popover { font-size: 0.99rem; box-shadow: 0 5px 50px rgba(4, 123, 248, 0.3); } .popover-title { text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; color: #fff; } /* 4. Overrides for various plugins that are included with this template */ /* DROPZONE */ .dropzone { border: 2px dashed #d3d3d3; } /* SELECT 2 */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border-color: #cecece; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e2ebff; border: 1px solid #4771d2; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #474a50; margin-right: 4px; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #eff2ff; } .form-control { font-weight: 300; } .select2 { font-weight: 300; } /* DATERANGEPICKER */ body .daterangepicker { box-shadow: 3px 3px 40px rgba(0, 0, 0, 0.2); font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } body .daterangepicker td.in-range { background-color: #bdd5ff; } body .daterangepicker td.active, body .daterangepicker td.active:hover { background-color: #008d3b; } body .daterangepicker th { font-weight: 500; } body .daterangepicker:before { border-bottom-color: #3E4B5B; } body .daterangepicker .calendar td { font-weight: 300; font-size: 0.81rem; } body .daterangepicker .calendar th.month { color: #008d3b; } body .daterangepicker thead tr:first-child th { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 5px; } body .daterangepicker thead tr:first-child + tr th { padding-top: 10px; } body .daterangepicker .daterangepicker_input i { left: 4px; top: 3px; font-size: 18px; } body .daterangepicker .fa.fa-calendar.glyphicon.glyphicon-calendar:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e926"; } body .daterangepicker .fa.fa-chevron-left.glyphicon.glyphicon-chevron-left:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e919"; font-size: 10px; } body .daterangepicker .fa.fa-chevron-right.glyphicon.glyphicon-chevron-right:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e910"; font-size: 10px; } /* DATATABLES */ .dataTables_length select { display: inline-block; width: 50px; margin: 0px 5px; vertical-align: middle; } .dataTables_filter input { display: inline-block; width: 130px; margin: 0px 5px; vertical-align: middle; } .dataTables_wrapper .row:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1rem; margin-top: 1rem; padding-bottom: 0.5rem; } .dataTables_wrapper .row:last-child { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 1rem; margin-bottom: 1rem; padding-top: 0.5rem; } /* CALENDAR */ .fc-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .fc-header td { padding: 10px 0px; } .fc-header h2 { text-transform: uppercase; font-size: 18px; } .fc-content { color: #fff; } .fc-event { background-color: #3584ff; box-shadow: 5px 5px 10px 0px #bdd4ff; border: none; padding: 6px; padding-left: 9px; color: #fff; border-radius: 4px; } .fc-day-number { color: #6B6862; } .fc-day-header { font-weight: 300; color: #6B6862; text-transform: uppercase; font-size: 12px; } .fc-other-month { background-color: #eee; } .all-wrapper .fc-button { padding: 5px 10px; height: auto; margin: 0px 5px; background-image: none; box-shadow: none; } .all-wrapper .fc-button.fc-state-active { outline: none; text-shadow: none; } /* Datatables for Bootstrap 4 */ table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; } table.dataTable td, table.dataTable th { box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 0.85em; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; } table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 0.9em; display: block; opacity: 0.3; } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { right: 1em; content: "\2191"; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { right: 0.5em; content: "\2193"; } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1; } table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity: 0; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } } table.dataTable.table-condensed > thead > tr > th { padding-right: 20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; } /* 5. Handy Animations */ @-webkit-keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeLeft { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeUp { 0% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes jumpUp { 0% { -webkit-transform: scale(0.5) translate(70px, 70px); transform: scale(0.5) translate(70px, 70px); } 80% { -webkit-transform: scale(1.1) translate(-10px, -10px); transform: scale(1.1) translate(-10px, -10px); } 100% { -webkit-transform: scale(1) translate(0px); transform: scale(1) translate(0px); } } @keyframes jumpUp { 0% { -webkit-transform: scale(0.5) translate(70px, 70px); transform: scale(0.5) translate(70px, 70px); } 80% { -webkit-transform: scale(1.1) translate(-10px, -10px); transform: scale(1.1) translate(-10px, -10px); } 100% { -webkit-transform: scale(1) translate(0px); transform: scale(1) translate(0px); } } .floated-chat-btn { -webkit-animation-name: jumpUp; animation-name: jumpUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .element-box, .invoice-w, .big-error-w, .rcard-w { -webkit-animation-name: fadeUp; animation-name: fadeUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .project-box { -webkit-animation-name: fadeUp; animation-name: fadeUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .aec-full-message-w { -webkit-animation-name: fadeUp; animation-name: fadeUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .user-profile { -webkit-animation-name: fadeUp; animation-name: fadeUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .content-panel { -webkit-animation-name: fadeLeft; animation-name: fadeLeft; -webkit-animation-duration: 1s; animation-duration: 1s; } /* 6. User Profile */ .user-profile .up-head-w { background-size: cover; background-position: center center; position: relative; color: #fff; border-radius: 4px 4px 0px 0px; } .user-profile .up-head-w .decor { position: absolute; bottom: -1px; right: 0px; max-width: 100%; z-index: 3; } .user-profile .up-head-w .decor .decor-path { fill: #fff; } .user-profile .up-head-w:before { z-index: 1; content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2), 70%, rgba(0, 0, 0, 0.5)); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2), 70%, rgba(0, 0, 0, 0.5)); } .user-profile .up-head-w .up-social { position: absolute; top: 15px; right: 25px; z-index: 5; } .user-profile .up-head-w .up-social a { color: rgba(255, 255, 255, 0.8); display: inline-block; font-size: 30px; margin-left: 10px; } .user-profile .up-head-w .up-social a:hover { color: white; text-decoration: none; } .user-profile .up-main-info { padding: 5% 5% 5% 5%; position: relative; z-index: 4; } .user-profile .up-main-info .user-avatar-w { margin-bottom: 1rem; } .user-profile .up-main-info .user-avatar-w .user-avatar { width: 100px; height: 100px; border-radius: 60px; border: 3px solid #fff; overflow: hidden; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); } .user-profile .up-main-info .user-avatar-w .user-avatar img { max-width: 100%; height: auto; } .user-profile .up-header { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); color: #fff; font-size: 3.75rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 10px; display: inline-block; margin-bottom: 10px; } .user-profile .up-sub-header { text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.8); } .user-profile .up-controls { padding: 20px 5%; } .user-profile .btn + .btn, .user-profile .all-wrapper .fc-button + .btn, .all-wrapper .user-profile .fc-button + .btn, .user-profile .all-wrapper .btn + .fc-button, .all-wrapper .user-profile .btn + .fc-button, .user-profile .all-wrapper .fc-button + .fc-button, .all-wrapper .user-profile .fc-button + .fc-button { margin-left: 20px; } .user-profile .up-controls + .up-contents { border-top: 1px solid rgba(0, 0, 0, 0.05); } .user-profile .up-contents { padding: 20px 5%; padding-top: 3rem; } .user-profile.compact .up-contents { padding-top: 0px; } .user-profile.compact .up-main-info { padding-top: 35%; } .user-profile.compact .up-head-w .up-social a { font-size: 20px; } .user-profile.compact .up-header { font-size: 1.5rem; margin-bottom: 10px; padding-bottom: 5px; } .user-profile.compact .up-sub-header { font-size: 0.81rem; } .user-profile + .element-wrapper { margin-top: 2rem; } .value-pair { display: inline-block; } .value-pair .label { color: rgba(0, 0, 0, 0.4); font-size: 0.63rem; text-transform: uppercase; display: inline-block; } .value-pair .value { display: inline-block; font-size: 0.63rem; text-transform: uppercase; } .value-pair + .value-pair { margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.1); } /* 7. Layout styles */ html { height: 100%; } body { min-height: 100%; position: relative; padding: 50px; } body:before { content: ""; position: absolute; z-index: -1; background-color: #065A26; top: 0px; left: 0px; bottom: 0px; right: 0px; } body.login { min-height: 100%; position: relative; } body.login:before { content: ""; position: absolute; z-index: -1; background-color: transparent; top: 0px; left: 0px; bottom: 0px; right: 0px; } b, strong { font-weight: 500; } .all-wrapper #B { box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); border-radius: 4px; max-width: 1600px; margin: 0px auto; position: relative; min-height: 100%; } .all-wrapper.with-pattern { box-shadow: none; border-radius: 0px; background-image: url("../img/bg-pattern2.png"); background-size: contain; background-repeat: repeat; background-position: 0 0; } .all-wrapper.no-padding-content .content-box { padding: 0px; } .all-wrapper.white-bg-content .content-w { background-color: #fff; background-image: none; } .auth-wrapper .all-wrapper { padding: 100px; } .section-heading { padding: 5% 10%; font-size: 1.26rem; color: rgba(0, 0, 0, 0.5); } .section-heading.centered { text-align: center; } .section-heading h1 { position: relative; margin-bottom: 40px; } .section-heading h1:after { position: absolute; bottom: -25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; background-color: #008d3b; height: 5px; width: 40px; border-radius: 4px; } /* Layout settings based on menu position */ /* MENU ON A SIDE */ .menu-side .layout-w { display: table; width: 100%; table-layout: fixed; } .menu-side .content-w { border-radius: 0px 4px 4px 0px; display: table-cell; } /* MENU ON TOP */ .menu-top .content-w { border-radius: 0px 0px 4px 4px; } .menu-side-w { display: table-cell; vertical-align: top; } .menu-side-compact-w { display: table-cell; vertical-align: top; } .content-w { background-color: #fff; background-repeat: no-repeat; background-position: 20px 50px; vertical-align: top; } .content-box { vertical-align: top; padding: 2rem 3rem; } .content-panel { vertical-align: top; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.05); padding: 2rem 3rem; display: table-cell; } .content-panel .content-panel-close { display: none; position: absolute; top: 10px; right: 10px; font-size: 14px; color: #008d3b; z-index: 999; } .content-panel-toggler { background-color: #008d3b; padding: 4px 10px; border-radius: 4px; color: #fff; font-size: 0.72rem; text-transform: uppercase; display: none; position: absolute; top: 4px; right: 4px; z-index: 4; } .content-panel-toggler i { display: inline-block; vertical-align: middle; font-size: 12px; } .content-panel-toggler span { margin-left: 10px; display: inline-block; vertical-align: middle; } /* SIDE PANEL IS ACTIVE - ADD STYLES */ .with-side-panel .content-box { display: table-cell; } .with-side-panel .content-i { display: table; width: 100%; table-layout: fixed; } .with-side-panel .menu-mobile .mm-logo-buttons-w .content-panel-open { display: block; } /* ICONS LIST FOR DEMO */ .demo-icons-list { list-style: none; padding: 0px; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .demo-icons-list li { width: 80px; text-align: center; display: inline-block; font-size: 24px; vertical-align: middle; padding: 20px 15px; border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .demo-icons-list li a { position: relative; color: #333; } .demo-icons-list li a i { font-style: normal; } .demo-icons-list li a span { display: inline-block; position: absolute; background-color: #008d3b; color: #fff; padding: 4px 7px; border-radius: 4px; font-size: 0.81rem; white-space: nowrap; top: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; } .demo-icons-list li a:hover { text-decoration: none; } .demo-icons-list li a:hover span { display: block; } /* 8. Menu styles */ /* STYLE NAVIGATION #1. Mobile Menu #2. Side Menu Default #3. Side Menu Compact #4. Top Menu Default #5. Top Menu Image #6. Top Menu Secondary */ /* #1. Mobile Menu */ .menu-mobile { background-color: #fff; box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1); position: relative; display: none; /* Styles for sub menu */ } .menu-mobile .mm-logo-buttons-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; } .menu-mobile .mm-logo-buttons-w .mm-logo { vertical-align: middle; text-align: center; text-decoration: none; } .menu-mobile .mm-logo-buttons-w .mm-logo img { width: 100px; display: inline-block; } .menu-mobile .mm-logo-buttons-w .mm-logo span { display: inline-block; color: #fff; margin-left: 1rem; } .menu-mobile .mm-logo-buttons-w .mm-logo:hover { text-decoration: none; } .menu-mobile .mm-logo-buttons-w .mm-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-mobile .mm-logo-buttons-w .content-panel-open { display: none; font-size: 18px; cursor: pointer; margin-right: 20px; padding-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); color: #008d3b; } .menu-mobile .mm-logo-buttons-w .mobile-menu-trigger { vertical-align: middle; text-align: right; font-size: 18px; cursor: pointer; color: #008d3b; } .menu-mobile .menu-and-user { display: none; padding-bottom: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .menu-mobile .logged-user-w { text-align: left; padding: 1rem; padding-left: 35px; } .menu-mobile .logged-user-w .avatar-w { vertical-align: middle; } .menu-mobile .logged-user-w .avatar-w img { width: 40px; } .menu-mobile .logged-user-w .logged-user-info-w { display: inline-block; vertical-align: middle; margin-left: 15px; } .menu-mobile .mobile-menu-magic { background-image: -webkit-linear-gradient(244deg, #1643A3 8%, #2E1170 90%); background-image: linear-gradient(-154deg, #1643A3 8%, #2E1170 90%); border-radius: 6px; padding: 40px; text-align: center; margin: 10px 20px; } .menu-mobile .mobile-menu-magic:last-child { margin-bottom: 0px; } .menu-mobile .mobile-menu-magic h1, .menu-mobile .mobile-menu-magic h2, .menu-mobile .mobile-menu-magic h3, .menu-mobile .mobile-menu-magic h4, .menu-mobile .mobile-menu-magic h5 { color: #fff; margin-bottom: 5px; } .menu-mobile .mobile-menu-magic p { color: rgba(255, 255, 255, 0.6); } .menu-mobile .mobile-menu-magic .btn-w { margin-top: 15px; } .menu-mobile .mobile-menu-magic .btn-white, .menu-mobile .mobile-menu-magic .all-wrapper .fc-button, .all-wrapper .menu-mobile .mobile-menu-magic .fc-button { border: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); } .menu-mobile ul.main-menu { list-style: none; padding: 10px 1rem; margin-bottom: 0px; } .menu-mobile ul.main-menu > li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .menu-mobile ul.main-menu > li:last-child { border-bottom: none; } .menu-mobile ul.main-menu > li.has-sub-menu > a:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e91c"; font-size: 7px; color: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 10px; } .menu-mobile ul.main-menu > li.has-sub-menu.active .sub-menu { display: block; } .menu-mobile ul.main-menu > li > a { color: #3E4B5B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .menu-mobile ul.main-menu > li > a:focus { text-decoration: none; } .menu-mobile ul.main-menu > li > a:hover { text-decoration: none; } @media (min-width: 1025px) { .menu-mobile ul.main-menu > li > a:hover .icon-w { -webkit-transform: translateX(10px); transform: translateX(10px); } .menu-mobile ul.main-menu > li > a:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); } } .menu-mobile ul.main-menu > li .icon-w { color: #0073ff; font-size: 27px; display: block; padding: 1rem; width: 80px; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-mobile ul.main-menu > li span { padding: 1rem; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-mobile ul.main-menu > li .icon-w + span { padding-left: 0px; } .menu-mobile ul.sub-menu { padding: 1rem 0px; padding-left: 55px; border-top: 1px solid rgba(0, 0, 0, 0.05); display: none; } .menu-mobile ul.sub-menu li { padding: 0.4rem 10px 0.4rem 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .menu-mobile ul.sub-menu li:last-child { border-bottom: none; } .menu-mobile ul.sub-menu li a { font-size: 0.81rem; } .menu-mobile.color-scheme-dark { background-color: #008d3b; color: rgba(255, 255, 255, 0.9); } .menu-mobile.color-scheme-dark .side-menu-magic { background-image: -webkit-linear-gradient(244deg, #6d16a3 8%, #5211e6 90%); background-image: linear-gradient(-154deg, #6d16a3 8%, #5211e6 90%); } .menu-mobile.color-scheme-dark ul.sub-menu li { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-mobile.color-scheme-dark ul.sub-menu li a { color: #fff; } .menu-mobile.color-scheme-dark ul.main-menu .icon-w { color: #fff; } .menu-mobile.color-scheme-dark ul.main-menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .menu-mobile.color-scheme-dark ul.main-menu > li > a { color: #fff; } .menu-mobile.color-scheme-dark ul.main-menu > li > a:before { color: #fff; } .menu-mobile.color-scheme-dark .sub-menu-w { box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.2); } .menu-mobile.color-scheme-dark .mm-logo-buttons-w { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-mobile.color-scheme-dark .mm-logo-buttons-w span { color: #fff; } .menu-mobile.color-scheme-dark .mm-logo-buttons-w .content-panel-open { border-right-color: rgba(255, 255, 255, 0.1); } .menu-mobile.color-scheme-dark .mm-logo-buttons-w .content-panel-open, .menu-mobile.color-scheme-dark .mm-logo-buttons-w .mobile-menu-trigger { color: #fff; } .menu-mobile.color-scheme-dark .logged-user-w { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-mobile.color-scheme-dark .logged-user-w .avatar-w { border-color: #fff; } .menu-mobile.color-scheme-dark .logged-user-w .logged-user-role { color: rgba(255, 255, 255, 0.4); } .menu-mobile.color-scheme-dark .mobile-menu-magic { background-image: -webkit-linear-gradient(244deg, #6d16a3 8%, #5211e6 90%); background-image: linear-gradient(-154deg, #6d16a3 8%, #5211e6 90%); } /* #2. Side Menu Default */ .menu-side-w { background-color: #fff; box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1); position: relative; width: 300px; border-radius: 4px 0px 0px 4px; /* Styles for sub menu */ } .menu-side-w .logged-user-w { position: relative; } .menu-side-w .logged-user-w .logged-user-i { display: inline-block; } .menu-side-w .logged-user-w .logged-user-i:hover { cursor: pointer; } .menu-side-w .logged-user-w .logged-user-i:hover .logged-user-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .menu-side-w .logged-user-menu { background: #0061da; box-shadow: 0 2px 30px 0 rgba(45, 130, 255, 0.75); position: absolute; top: 0px; left: -10px; right: -10px; overflow: hidden; padding: 1rem; z-index: 999; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu-side-w .logged-user-menu .avatar-w { border-color: #fff; } .menu-side-w .logged-user-menu .logged-user-info-w { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-side-w .logged-user-menu .logged-user-info-w .logged-user-name { color: #fff; } .menu-side-w .logged-user-menu .logged-user-info-w .logged-user-role { color: rgba(255, 255, 255, 0.6); } .menu-side-w .logged-user-menu ul { list-style: none; text-align: left; margin: 0px; padding: 0px 40px; padding-bottom: 20px; } .menu-side-w .logged-user-menu ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .menu-side-w .logged-user-menu ul li a { display: block; padding: 10px; color: #fff; } .menu-side-w .logged-user-menu ul li a i { vertical-align: middle; margin-right: 15px; font-size: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; } .menu-side-w .logged-user-menu ul li a span { vertical-align: middle; font-size: 0.9rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; } .menu-side-w .logged-user-menu ul li a:hover { text-decoration: none; } .menu-side-w .logged-user-menu ul li a:hover i { -webkit-transform: translateX(5px); transform: translateX(5px); } .menu-side-w .logged-user-menu ul li a:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } .menu-side-w .logged-user-menu ul li:last-child { border-bottom: none; } .menu-side-w .logged-user-menu .bg-icon { font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; bottom: -40px; right: -20px; } .menu-side-w .side-menu-magic { background-image: -webkit-linear-gradient(244deg, #1643A3 8%, #2E1170 90%); background-image: linear-gradient(-154deg, #1643A3 8%, #2E1170 90%); border-radius: 6px; padding: 40px; text-align: center; margin: 20px; } .menu-side-w .side-menu-magic h1, .menu-side-w .side-menu-magic h2, .menu-side-w .side-menu-magic h3, .menu-side-w .side-menu-magic h4, .menu-side-w .side-menu-magic h5 { color: #fff; margin-bottom: 5px; } .menu-side-w .side-menu-magic p { color: rgba(255, 255, 255, 0.6); } .menu-side-w .side-menu-magic .btn-w { margin-top: 15px; } .menu-side-w .side-menu-magic .btn-white, .menu-side-w .side-menu-magic .all-wrapper .fc-button, .all-wrapper .menu-side-w .side-menu-magic .fc-button { border: none; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); } .menu-side-w .logo-w { text-align: center; padding: 2rem 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .menu-side-w .logo-w a { display: inline-block; } .menu-side-w .logo-w .logo { display: inline-block; } .menu-side-w .logo-w img { width: 150px; height: auto; display: inline-block; vertical-align: middle; } .menu-side-w .logo-w span { vertical-align: middle; display: inline-block; color: #334152; margin-left: 1rem; } .menu-side-w ul.main-menu { list-style: none; padding: 2rem; margin-bottom: 0px; } .menu-side-w ul.main-menu > li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .menu-side-w ul.main-menu > li:last-child { border-bottom: none; } .menu-side-w ul.main-menu > li.has-sub-menu > a:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e91c"; font-size: 7px; color: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 10px; } .menu-side-w ul.main-menu > li.has-sub-menu.active .sub-menu { display: block; } .menu-side-w ul.main-menu > li > a { color: #3E4B5B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .menu-side-w ul.main-menu > li.active > a { margin-left: 1.5rem; } .menu-side-w ul.main-menu > li > a:focus { text-decoration: none; } .menu-side-w ul.main-menu > li > a:hover { text-decoration: none; } @media (min-width: 1025px) { .menu-side-w ul.main-menu > li > a:hover .icon-w { -webkit-transform: translateX(10px); transform: translateX(10px); } .menu-side-w ul.main-menu > li > a:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); } } .menu-side-w .main-menu.active { margin-right: -1.5rem; margin-left: -1.5rem; background-color: #065A26; } .menu-side-w ul.main-menu > li .icon-w { color: #008d3b; font-size: 27px; display: block; padding: 1rem; width: 80px; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-side-w ul.main-menu > li span { padding: 1rem; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-side-w ul.main-menu > li .icon-w + span { padding-left: 0px; } .menu-side-w ul.sub-menu { padding: 1rem 0px; padding-left: 55px; border-top: 1px solid rgba(0, 0, 0, 0.05); display: none; list-style: none; } .menu-side-w ul.sub-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .menu-side-w ul.sub-menu li:last-child { border-bottom: none; } .menu-side-w ul.sub-menu li a { padding: 0.4rem 10px 0.4rem 10px; display: block; position: relative; font-size: 0.81rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-side-w ul.sub-menu li a:before { content: ""; width: 5px; height: 5px; border: 1px solid #008d3b; position: absolute; left: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 6px; } .menu-side-w ul.sub-menu li a:hover { text-decoration: none; cursor: pointer; -webkit-transform: translateX(-5px); transform: translateX(-5px); } .menu-side-w ul.sub-menu li a:hover:before { -webkit-transform: translate(-5px, -50%); transform: translate(-5px, -50%); border-radius: 6px; background-color: #065A26; border-color: #065A26; } .menu-side-w.color-scheme-dark { background-color: #008d3b; color: rgba(255, 255, 255, 0.9); } .menu-side-w.color-scheme-dark .logged-user-menu { background-color: #065A26; box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.25); } .menu-side-w.color-scheme-dark .side-menu-magic { background-image: -webkit-linear-gradient(244deg, #6d16a3 8%, #5211e6 90%); background-image: linear-gradient(-154deg, #6d16a3 8%, #5211e6 90%); } .menu-side-w.color-scheme-dark ul.sub-menu li { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-side-w.color-scheme-dark ul.sub-menu li a { color: #fff; } .menu-side-w.color-scheme-dark ul.main-menu .icon-w { color: #fff; } .menu-side-w.color-scheme-dark ul.main-menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .menu-side-w.color-scheme-dark ul.main-menu > li > a { color: #fff; } .menu-side-w.color-scheme-dark ul.main-menu > li > a:before { color: #fff; } .menu-side-w.color-scheme-dark .sub-menu-w { box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.2); } .menu-side-w.color-scheme-dark .logo-w { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-side-w.color-scheme-dark .logo-w span { color: #fff; } .menu-side-w.color-scheme-dark .logged-user-w { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-side-w.color-scheme-dark .logged-user-w .avatar-w { border-color: #fff; } .menu-side-w.color-scheme-dark .logged-user-w .logged-user-role { color: rgba(255, 255, 255, 0.4); } /* Logged user box in the menu */ .logged-user-w { text-align: center; padding: 1rem 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .logged-user-w .avatar-w { padding: 5px; border: 1px solid #262626; border-radius: 50px; overflow: hidden; display: inline-block; } .logged-user-w .avatar-w img { width: 50px; height: auto; border-radius: 50px; } .logged-user-w .logged-user-role { display: block; font-size: 0.63rem; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); } /* #3. Side Menu Compact */ .menu-side-compact-w { background-color: #fff; box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1); position: relative; width: 90px; border-radius: 4px 0px 0px 4px; } .menu-side-compact-w .logo-w { text-align: center; padding: 2rem 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .menu-side-compact-w .logo-w a { display: inline-block; } .menu-side-compact-w .logo-w .logo { display: inline-block; } .menu-side-compact-w .logo-w img { width: 40px; height: auto; display: inline-block; vertical-align: middle; } .menu-side-compact-w .logo-w span { vertical-align: middle; display: block; color: #334152; margin-top: 10px; } .menu-side-compact-w a { text-decoration: none; } .menu-side-compact-w .menu-and-user { padding-bottom: 50px; } .menu-side-compact-w ul.main-menu { list-style: none; padding: 0px; text-align: center; } .menu-side-compact-w ul.main-menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; } .menu-side-compact-w ul.main-menu > li > a { display: block; padding: 15px 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .menu-side-compact-w ul.main-menu > li > a .icon-w { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .menu-side-compact-w ul.main-menu > li:last-child { border-bottom: none; } .menu-side-compact-w ul.main-menu > li.active > a { background-color: #0061da; } .menu-side-compact-w ul.main-menu > li.active > a .icon-w { color: #fff; } .menu-side-compact-w ul.main-menu > li.active .sub-menu-w { visibility: visible; opacity: 1; -webkit-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); } .menu-side-compact-w ul.main-menu .icon-w { font-size: 30px; color: #0073ff; } .menu-side-compact-w .sub-menu-w { z-index: 9999; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px) scale(0.95); transform: translateX(40px) scale(0.95); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; background-color: #0061da; color: #fff; left: 100%; top: -100px; overflow: hidden; text-align: left; box-shadow: 0px 2px 40px 0px rgba(26, 138, 255, 0.5); padding-bottom: 20px; } .menu-side-compact-w .sub-menu-w .sub-menu-title { font-size: 2.4rem; color: rgba(255, 255, 255, 0.2); padding: 5px 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 15px; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 500; } .menu-side-compact-w .sub-menu-w .sub-menu-icon { position: absolute; font-size: 120px; color: rgba(255, 255, 255, 0.1); bottom: -50px; right: -10px; } .menu-side-compact-w .sub-menu-w .sub-menu-i { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-side-compact-w .sub-menu-w .sub-menu-i .sub-menu + .sub-menu { border-left: 1px solid rgba(255, 255, 255, 0.1); } .menu-side-compact-w .sub-menu-w > ul, .menu-side-compact-w .sub-menu-w .sub-menu-i > ul { list-style: none; padding: 0px; min-width: 250px; } .menu-side-compact-w .sub-menu-w > ul > li, .menu-side-compact-w .sub-menu-w .sub-menu-i > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-side-compact-w .sub-menu-w > ul > li:last-child, .menu-side-compact-w .sub-menu-w .sub-menu-i > ul > li:last-child { border-bottom: none; } .menu-side-compact-w .sub-menu-w > ul > li > a, .menu-side-compact-w .sub-menu-w .sub-menu-i > ul > li > a { color: #fff; display: block; padding: 12px 50px; font-size: 0.99rem; position: relative; white-space: nowrap; } .menu-side-compact-w .sub-menu-w > ul > li > a:before, .menu-side-compact-w .sub-menu-w .sub-menu-i > ul > li > a:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 10px; background-color: #FBB463; position: absolute; left: 25px; top: 50%; -webkit-transform: translate(-10px, -50%); transform: translate(-10px, -50%); opacity: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-side-compact-w .sub-menu-w > ul > li > a:hover:before, .menu-side-compact-w .sub-menu-w .sub-menu-i > ul > li > a:hover:before { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } .menu-side-compact-w .logged-user-w { position: relative; } .menu-side-compact-w .logged-user-w .avatar-w img { width: 40px; } .menu-side-compact-w .logged-user-w .logged-user-i { display: inline-block; } .menu-side-compact-w .logged-user-w .logged-user-i:hover { cursor: pointer; } .menu-side-compact-w .logged-user-w .logged-user-i:hover .logged-user-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .menu-side-compact-w .logged-user-w .logged-user-menu { background: #0061da; box-shadow: 0 2px 30px 0 rgba(45, 130, 255, 0.75); position: absolute; top: 0px; left: -10px; overflow: hidden; padding: 1rem; z-index: 999; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; } .menu-side-compact-w .logged-user-w .logged-user-menu .logged-user-avatar-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; padding: 0px 30px 20px 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-side-compact-w .logged-user-w .logged-user-menu .avatar-w { border-color: #fff; vertical-align: middle; margin-right: 20px; } .menu-side-compact-w .logged-user-w .logged-user-menu .logged-user-info-w { vertical-align: middle; } .menu-side-compact-w .logged-user-w .logged-user-menu .logged-user-info-w .logged-user-name { color: #fff; white-space: nowrap; } .menu-side-compact-w .logged-user-w .logged-user-menu .logged-user-info-w .logged-user-role { color: rgba(255, 255, 255, 0.6); white-space: nowrap; } .menu-side-compact-w .logged-user-w .logged-user-menu ul { list-style: none; text-align: left; margin: 0px; padding: 0px; padding-bottom: 20px; } .menu-side-compact-w .logged-user-w .logged-user-menu ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .menu-side-compact-w .logged-user-w .logged-user-menu ul li a { display: block; padding: 10px 20px; color: #fff; } .menu-side-compact-w .logged-user-w .logged-user-menu ul li a i { vertical-align: middle; margin-right: 15px; font-size: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; } .menu-side-compact-w .logged-user-w .logged-user-menu ul li a span { vertical-align: middle; font-size: 0.9rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; } .menu-side-compact-w .logged-user-w .logged-user-menu ul li a:hover { text-decoration: none; } .menu-side-compact-w .logged-user-w .logged-user-menu ul li a:hover i { -webkit-transform: translateX(5px); transform: translateX(5px); } .menu-side-compact-w .logged-user-w .logged-user-menu ul li a:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } .menu-side-compact-w .logged-user-w .logged-user-menu ul li:last-child { border-bottom: none; } .menu-side-compact-w .logged-user-w .logged-user-menu .bg-icon { font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; bottom: -40px; right: -20px; } .menu-side-compact-w.color-scheme-dark { color: rgba(255, 255, 255, 0.9); background-image: -webkit-linear-gradient(top, #1c4cc3 0%, #1c2e7b 100%); background-image: linear-gradient(to bottom, #1c4cc3 0%, #1c2e7b 100%); background-repeat: repeat-x; } .menu-side-compact-w.color-scheme-dark ul.main-menu .icon-w { color: #9db2ff; } .menu-side-compact-w.color-scheme-dark ul.main-menu > li { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-side-compact-w.color-scheme-dark .sub-menu-w { box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.2); } .menu-side-compact-w.color-scheme-dark .logo-w { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-side-compact-w.color-scheme-dark .logged-user-w { border-bottom-color: rgba(255, 255, 255, 0.05); } .menu-side-compact-w.color-scheme-dark .logged-user-w .avatar-w { border-color: #fff; } /* #4. Top Menu Default */ .menu-top-w { box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1); background-color: #fff; border-radius: 4px 4px 0px 0px; position: relative; } .menu-top-w.color-scheme-dark { background-color: #242B3F; } .menu-top-w.color-scheme-dark .menu-top-i ul.main-menu > li { border-right-color: rgba(255, 255, 255, 0.1); } .menu-top-w.color-scheme-dark .menu-top-i ul.main-menu > li .icon-w { color: rgba(255, 255, 255, 0.7); } .menu-top-w.color-scheme-dark .menu-top-i ul.main-menu > li > a { color: #fff; } .menu-top-w.color-scheme-dark .menu-top-i ul.main-menu > li.has-sub-menu > a:before { color: rgba(255, 255, 255, 0.7); } .menu-top-w .menu-top-i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-top-w .menu-top-i .sub-menu { position: absolute; left: 0px; right: 0px; list-style: none; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; top: 100%; padding: 15px 20px; background-color: #0061da; box-shadow: 0 2px 40px 0 rgba(26, 138, 255, 0.5); } .menu-top-w .menu-top-i .sub-menu li { border-right: 1px solid rgba(255, 255, 255, 0.1); } .menu-top-w .menu-top-i .sub-menu li a { color: #fff; display: inline-block; padding: 5px 25px; position: relative; } .menu-top-w .menu-top-i .sub-menu li a:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 10px; background-color: #FBB463; position: absolute; left: 10px; top: 50%; -webkit-transform: translate(-10px, -50%); transform: translate(-10px, -50%); opacity: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-top-w .menu-top-i .sub-menu li a:hover { text-decoration: none; } .menu-top-w .menu-top-i .sub-menu li a:hover:before { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } .menu-top-w .menu-top-i .sub-menu li:last-child { border-right: none; } .menu-top-w .menu-top-i .logged-user-w { white-space: nowrap; border-bottom: none; padding: 0px 2rem 0px 1rem; } .menu-top-w .menu-top-i .logged-user-w .avatar-w, .menu-top-w .menu-top-i .logged-user-w .logged-user-info-w { display: inline-block; vertical-align: middle; } .menu-top-w .menu-top-i .logged-user-w .avatar-w { padding: 3px; } .menu-top-w .menu-top-i .logged-user-w .avatar-w img { width: 30px; } .menu-top-w .menu-top-i .logged-user-w .logged-user-info-w { margin-left: 20px; text-align: left; } .menu-top-w .menu-top-i .logo-w { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; text-align: center; padding: 0rem 2rem; border-right: 1px solid rgba(0, 0, 0, 0.05); } .menu-top-w .menu-top-i .logo-w a { display: inline-block; white-space: nowrap; } .menu-top-w .menu-top-i .logo-w .logo { display: inline-block; } .menu-top-w .menu-top-i .logo-w img { width: 40px; height: auto; display: inline-block; vertical-align: middle; } .menu-top-w .menu-top-i .logo-w span { vertical-align: middle; display: inline-block; color: #334152; margin-left: 1rem; } .menu-top-w .menu-top-i ul.main-menu { list-style: none; padding: 0px 1rem; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-top-w .menu-top-i ul.main-menu > li { display: block; border-right: 1px solid rgba(0, 0, 0, 0.05); } .menu-top-w .menu-top-i ul.main-menu > li:last-child { border-bottom: none; } .menu-top-w .menu-top-i ul.main-menu > li.has-sub-menu > a:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e91c"; font-size: 7px; color: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 15px; } .menu-top-w .menu-top-i ul.main-menu > li.has-sub-menu.active .sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-top-w .menu-top-i ul.main-menu > li.has-sub-menu.active > a { background-color: #0061da; color: #fff; } .menu-top-w .menu-top-i ul.main-menu > li.has-sub-menu.active > a .icon-w { color: #9db2ff; } .menu-top-w .menu-top-i ul.main-menu > li > a { color: #3E4B5B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .menu-top-w .menu-top-i ul.main-menu > li > a:focus { text-decoration: none; } .menu-top-w .menu-top-i ul.main-menu > li > a:hover { text-decoration: none; background-color: #0061da; color: #fff; } .menu-top-w .menu-top-i ul.main-menu > li > a:hover .icon-w { color: #9db2ff; } .menu-top-w .menu-top-i ul.main-menu > li .icon-w { color: #0073ff; font-size: 20px; display: block; padding: 1rem; width: 45px; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-top-w .menu-top-i ul.main-menu > li span { padding: 10px; padding-right: 30px; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; white-space: nowrap; } .menu-top-w .menu-top-i ul.main-menu > li .icon-w + span { padding-left: 0px; } /* #5. Top Menu Image */ .menu-top-image-w { min-height: 300px; background-size: cover; background-position: center center; position: relative; } .menu-top-image-w:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(95, 95, 95, 0.06) 63%, rgba(0, 0, 0, 0.73) 100%); background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(95, 95, 95, 0.06) 63%, rgba(0, 0, 0, 0.73) 100%); z-index: 1; } .menu-top-image-w .top-part-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; } .menu-top-image-w .top-part-w .logo-w { text-align: center; padding: 1rem 2rem; } .menu-top-image-w .top-part-w .logo-w a { display: inline-block; } .menu-top-image-w .top-part-w .logo-w .logo { display: inline-block; } .menu-top-image-w .top-part-w .logo-w img { width: 40px; height: auto; display: inline-block; vertical-align: middle; } .menu-top-image-w .top-part-w .logo-w span { vertical-align: middle; display: inline-block; color: #fff; margin-left: 1rem; } .menu-top-image-w .top-part-w .user-and-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-top-image-w .top-part-w .element-search { position: relative; } .menu-top-image-w .top-part-w .element-search:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; content: "\e92c"; color: rgba(0, 0, 0, 0.4); } .menu-top-image-w .top-part-w .element-search input { border: none; box-shadow: none; background-color: transparent; border-radius: 30px; padding: 8px 15px 8px 40px; display: block; width: 250px; outline: none; border: none; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05); background: #fff; } .menu-top-image-w .top-part-w .element-search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .menu-top-image-w .top-part-w .element-search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .menu-top-image-w .top-part-w .element-search input::placeholder { color: rgba(0, 0, 0, 0.5); } .menu-top-image-w .top-part-w .logged-user-w { padding: 1rem 2rem; border-bottom: none; } .menu-top-image-w .top-part-w .logged-user-w .avatar-w img { width: 40px; display: block; } .menu-top-image-w .page-menu-header { position: relative; z-index: 2; font-size: 3.75rem; color: #fff; padding: 2rem; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); margin: 0px; } .menu-top-image-w .menu-top-image-i { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; bottom: 0px; left: 0px; right: 0px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-top-image-w .sub-menu { position: absolute; left: 0px; right: 0px; list-style: none; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; top: 100%; padding: 25px 20px; background-color: #0061da; box-shadow: 0 2px 40px 0 rgba(26, 138, 255, 0.5); } .menu-top-image-w .sub-menu li { border-right: 1px solid rgba(255, 255, 255, 0.1); } .menu-top-image-w .sub-menu li a { color: #fff; display: inline-block; padding: 5px 25px; position: relative; } .menu-top-image-w .sub-menu li a:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 10px; background-color: #FBB463; position: absolute; left: 10px; top: 50%; -webkit-transform: translate(-10px, -50%); transform: translate(-10px, -50%); opacity: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-top-image-w .sub-menu li a:hover { text-decoration: none; } .menu-top-image-w .sub-menu li a:hover:before { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } .menu-top-image-w .sub-menu li:last-child { border-right: none; } .menu-top-image-w ul.main-menu { list-style: none; padding: 0rem; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-top-image-w ul.main-menu > li { display: block; font-size: 1rem; } .menu-top-image-w ul.main-menu > li:last-child { border-bottom: none; } .menu-top-image-w ul.main-menu > li.has-sub-menu > a:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e91c"; font-size: 7px; color: rgba(255, 255, 255, 0.5); color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 15px; } .menu-top-image-w ul.main-menu > li.has-sub-menu.active .sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-top-image-w ul.main-menu > li.has-sub-menu.active > a { background-color: #0061da; color: #fff; } .menu-top-image-w ul.main-menu > li.has-sub-menu.active > a .icon-w { color: #9db2ff; } .menu-top-image-w ul.main-menu > li > a { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .menu-top-image-w ul.main-menu > li > a:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0px; background-color: rgba(255, 255, 255, 0.3); content: ""; height: 16px; width: 1px; } .menu-top-image-w ul.main-menu > li > a:focus { text-decoration: none; } .menu-top-image-w ul.main-menu > li > a:hover { text-decoration: none; background-color: #0061da; color: #fff; } .menu-top-image-w ul.main-menu > li > a:hover:after { background-color: transparent; } .menu-top-image-w ul.main-menu > li > a:hover .icon-w { color: #9db2ff; } .menu-top-image-w ul.main-menu > li .icon-w { color: #fff; font-size: 22px; display: block; padding: 15px 15px 15px 30px; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .menu-top-image-w ul.main-menu > li span { padding: 10px; padding-right: 30px; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; white-space: nowrap; } .menu-top-image-w ul.main-menu > li .icon-w + span { padding-left: 0px; } /* #6. Top Menu Secondary */ .top-menu-secondary { background-color: #fff; box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1); padding: 0px 20px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-menu-secondary > ul { list-style: none; margin: 0px; padding: 0px; text-transform: uppercase; color: #3E4B5B; font-weight: 500; letter-spacing: 2px; font-size: 0.99rem; } .top-menu-secondary > ul li { display: inline-block; } .top-menu-secondary > ul li a { display: inline-block; padding: 20px 25px; color: rgba(0, 0, 0, 0.25); position: relative; transition: all 0.2s ease; } .top-menu-secondary > ul li a:after { content: ""; background-color: #047bf8; position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0px; height: 5px; transition: all 0.2s ease; } .top-menu-secondary > ul li.active a, .top-menu-secondary > ul li:hover a { color: #3E4B5B; text-decoration: none; } .top-menu-secondary > ul li.active a:after, .top-menu-secondary > ul li:hover a:after { width: 100%; } .top-menu-secondary .top-menu-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-menu-secondary .top-menu-controls .element-search { position: relative; margin: 0px 1rem; } .top-menu-secondary .top-menu-controls .element-search:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; content: "\e92c"; color: rgba(0, 0, 0, 0.4); } .top-menu-secondary .top-menu-controls .element-search input { border: none; box-shadow: none; background-color: transparent; border-radius: 30px; padding: 8px 15px 8px 40px; display: block; width: 220px; outline: none; border: none; box-shadow: none; background: #eee; } .top-menu-secondary .top-menu-controls .element-search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .top-menu-secondary .top-menu-controls .element-search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .top-menu-secondary .top-menu-controls .element-search input::placeholder { color: rgba(0, 0, 0, 0.5); } .top-menu-secondary .messages-notifications { margin: 0px 1rem; position: relative; font-size: 24px; color: #047bf8; } .top-menu-secondary .messages-notifications .new-messages-count { background-color: #008d3b; color: #fff; border-radius: 6px; font-weight: 500; position: absolute; top: -5px; right: -12px; padding: 4px 4px; vertical-align: middle; font-size: 0.72rem; line-height: 1; } .top-menu-secondary .top-icon { margin: 0px 1rem; color: #047bf8; font-size: 26px; } .top-menu-secondary .logged-user-w { position: relative; padding: 0px 1rem; border-bottom: none; } .top-menu-secondary .logged-user-w .avatar-w { padding: 0px; border: none; } .top-menu-secondary .logged-user-w .avatar-w img { width: 40px; } .top-menu-secondary .logged-user-w .logged-user-i { display: inline-block; } .top-menu-secondary .logged-user-w .logged-user-i:hover { cursor: pointer; } .top-menu-secondary .logged-user-w .logged-user-i:hover .logged-user-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .top-menu-secondary .logged-user-w .logged-user-menu { background: #0061da; box-shadow: 0 2px 30px 0 rgba(45, 130, 255, 0.75); position: absolute; top: -10px; right: -20px; overflow: hidden; padding: 1rem; z-index: 999; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all 0.3s ease; text-align: left; } .top-menu-secondary .logged-user-w .logged-user-menu .logged-user-avatar-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px; padding: 0px 30px 10px 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .top-menu-secondary .logged-user-w .logged-user-menu .avatar-w { border-color: #fff; vertical-align: middle; margin-right: 20px; } .top-menu-secondary .logged-user-w .logged-user-menu .logged-user-info-w { vertical-align: middle; } .top-menu-secondary .logged-user-w .logged-user-menu .logged-user-info-w .logged-user-name { color: #fff; white-space: nowrap; } .top-menu-secondary .logged-user-w .logged-user-menu .logged-user-info-w .logged-user-role { color: rgba(255, 255, 255, 0.6); white-space: nowrap; } .top-menu-secondary .logged-user-w .logged-user-menu ul { list-style: none; text-align: left; margin: 0px; padding: 0px; padding-bottom: 0px; } .top-menu-secondary .logged-user-w .logged-user-menu ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .top-menu-secondary .logged-user-w .logged-user-menu ul li a { display: block; padding: 10px 20px; color: #fff; } .top-menu-secondary .logged-user-w .logged-user-menu ul li a i { vertical-align: middle; margin-right: 15px; font-size: 20px; transition: all 0.2s ease; display: inline-block; } .top-menu-secondary .logged-user-w .logged-user-menu ul li a span { vertical-align: middle; font-size: 0.9rem; transition: all 0.2s ease; display: inline-block; } .top-menu-secondary .logged-user-w .logged-user-menu ul li a:hover { text-decoration: none; } .top-menu-secondary .logged-user-w .logged-user-menu ul li a:hover i { -webkit-transform: translateX(5px); transform: translateX(5px); } .top-menu-secondary .logged-user-w .logged-user-menu ul li a:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } .top-menu-secondary .logged-user-w .logged-user-menu ul li:last-child { border-bottom: none; } .top-menu-secondary .logged-user-w .logged-user-menu .bg-icon { font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; bottom: -40px; right: -20px; } .menu-shad { box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1); padding: 20px 30px 0px 30px; text-align: center; margin-bottom: -1.5rem; } /* 9. Styles for all element blocks */ /* # -- STYLES NAVIGATION: #1. Element Wrapper Styles #2. Tablo Element #3. Charts & Legends #4. Profile Tiles #5. Users list element #6. Tabs Controls #7. Activity Boxes #8. Note box #9. Steps #10. Invoice #11. Error Page #12. Authorization styles #13. Timed Activities Element #14. Progress Bar Element */ /* #1. Element Wrapper Styles */ .element-wrapper { padding-bottom: 4rem; } .element-wrapper .element-info { padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .element-wrapper .element-info .element-info-with-icon { margin-bottom: 0px; } .element-wrapper .element-info-with-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .element-wrapper .element-info-with-icon .element-info-icon { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; color: #008d3b; font-size: 30px; } .element-wrapper .element-info-with-icon.smaller .element-info-icon { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; font-size: 20px; } .element-wrapper .element-info-with-icon.smaller .element-info-text .element-inner-header { margin-bottom: 0px; } .element-wrapper .element-actions { float: right; position: relative; z-index: 2; } .element-wrapper .element-header { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 1rem; margin-bottom: 2rem; position: relative; z-index: 1; } .element-wrapper .element-header:after { content: ""; background-color: #008d3b; width: 22px; height: 6px; border-radius: 2px; display: block; position: absolute; bottom: -3px; left: 0px; } .element-wrapper .element-inner-header { margin-bottom: 0.5rem; margin-top: 0px; display: block; } .element-wrapper .element-inner-desc { color: #999; font-weight: 300; font-size: 0.81rem; display: block; } .element-wrapper .element-search { position: relative; } .element-wrapper .element-search:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; content: "\e92c"; color: rgba(0, 0, 0, 0.2); } .element-wrapper .element-search input { border: none; box-shadow: none; background-color: #f1f1f1; border-radius: 30px; padding: 10px 15px 10px 50px; display: block; width: 100%; outline: none; } .element-wrapper .element-search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .element-wrapper .element-search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .element-wrapper .element-search input::placeholder { color: rgba(0, 0, 0, 0.3); } .box-style, .user-profile, .element-box, .invoice-w, .big-error-w, .activity-boxes-w .activity-box, .projects-list .project-box, .rcard-w { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; background-color: #fff; } .shadow { box-shadow: 0 2px 15px 0 rgba(16, 37, 133, 0.1); border-style:none } .element-box, .invoice-w, .big-error-w, .rcard-w { padding: 1.5rem 2rem; margin-bottom: 1rem; } .element-box .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls, .rcard-w .os-tabs-controls { margin-left: -2rem; margin-right: -2rem; overflow:auto; overflow-y: hidden; } .element-box .os-tabs-controls .nav, .invoice-w .os-tabs-controls .nav, .big-error-w .os-tabs-controls .nav, .rcard-w .os-tabs-controls .nav { padding-left: 2rem; padding-right: 2rem; } .element-box .centered-header, .invoice-w .centered-header, .big-error-w .centered-header, .rcard-w .centered-header { text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-bottom: 1rem; } .element-box + .element-box, .invoice-w + .element-box, .rcard-w + .element-box, .big-error-w + .element-box, .element-box + .invoice-w, .element-box + .rcard-w, .invoice-w + .invoice-w, .rcard-w + .rcard-w, .big-error-w + .invoice-w, .big-error-w + .rcard-w, .element-box + .big-error-w, .invoice-w + .big-error-w, .rcard-w + .big-error-w, .big-error-w + .big-error-w { margin-top: 2rem; } .element-box-tp .input-search-w, .element-box .input-search-w, .invoice-w .input-search-w, .rcard-w .input-search-w, .big-error-w .input-search-w { margin-bottom: 1rem; } /* Vertical Carousel */ .vertical .carousel-inner { height: 100%; position: relative; } .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .carousel.vertical .active { top: 0; } .carousel.vertical .next { top: 400px; } .carousel.vertical .prev { top: -400px; } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; } .carousel.vertical .active.left { top: -400px; } .carousel.vertical .active.right { top: 400px; } .carousel.vertical .item { left: 0; } .twi-user img { margin-right: 20px; width: 50px; } .twi-user { margin: 18px 0; } .carousel-inner h3 { height: 112px; overflow: hidden; } .carousel-control { width: 8%; } .carousel-control span { position: absolute; top: 50%; /********** pushes the icon in the middle of the height **********/ z-index: 5; display: inline-block; font-size: 30px; } /* #2. Tablo Element */ .el-tablo { padding-right: 5px; } .el-tablo .label { display: block; font-size: 0.63rem; text-transform: uppercase; color: #fff; } .el-tablo .value { font-size: 2.43rem; font-weight: 500; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: -1px; line-height: 1.2; display: inline-block; vertical-align: middle; } .el-tablo .icon { padding: 3px 10px; border-radius: 30px; display: inline-block; font-size: 0.72rem; vertical-align: middle; margin-right: 1rem; } .el-tablo .trending { padding: 3px 10px; border-radius: 30px; display: inline-block; font-size: 0.72rem; vertical-align: middle; margin-left: 1rem; } .el-tablo .trending .os-icon { margin-left: 5px; vertical-align: middle; font-size: 14px; } .el-tablo .trending span { display: inline-block; vertical-align: middle; } .el-tablo .trending-up { color: #fff; background-color: #00579D; } .el-tablo .trending-down { color: #fff; background-color: #008d3b; } .el-tablo .trending-up-basic { color: #00579D; padding: 0px; } .el-tablo .trending-down-basic { color: #008d3b; padding: 0px; } .el-tablo.centered { text-align: center; } .el-tablo.padded { padding: 2rem; } .el-tablo.bigger .value { font-size: 3.33rem; } .el-tablo.bigger .label { font-size: 0.9rem; } .el-tablo.highlight .value { color: #008d3b; } .el-buttons-list .btn, .el-buttons-list .all-wrapper .fc-button, .all-wrapper .el-buttons-list .fc-button { margin-bottom: 0.5rem; } .el-buttons-list.full-width .btn, .el-buttons-list.full-width .all-wrapper .fc-button, .all-wrapper .el-buttons-list.full-width .fc-button { display: block; } .el-tablo + .el-chart-w { margin-top: 1rem; } .infodash { padding: 5px; } .infodash .label { display: block; font-size: 0.63rem; text-transform: uppercase; color: #fff; } .infodash .value { font-size: 2.43rem; font-weight: 500; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: -1px; line-height: 1.2; display: inline-block; vertical-align: middle; } .infodash .icon { display: inline-block; font-size: 2rem; vertical-align: middle; } .infodash .trending { padding: 3px 10px; border-radius: 30px; display: inline-block; font-size: 0.72rem; vertical-align: middle; margin-left: 1rem; } .infodash .trending .os-icon { margin-left: 5px; vertical-align: middle; font-size: 14px; } .infodash .trending span { display: inline-block; vertical-align: middle; } .infodash.primary { color: #fff; background-color: #008d3b; } .infodash.secondary { color: #fff; background-color: #e23c38; } .infodash.green { color: #fff; background-color: #00579D; } .infodash.pink { color: #fff; background-color: #dd2979 } .infodash.orange { color: #fff; background-color: #f5b008; } .infodash.centered { text-align: center; } .infodash.padded { padding: 2rem; } .infodash.bigger .value { font-size: 3.33rem; } .infodash.bigger .label { font-size: 0.9rem; } .infodash.highlight .value { color: #008d3b; } .infodash .bg-icon { font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; bottom: -35px; right: -10px; } /* #3. Charts & Legend */ .el-chart-w { position: relative; text-align: center; } .el-chart-w .inside-donut-chart-label { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-size: 0.63rem; text-transform: uppercase; z-index: 1; } .el-chart-w .inside-donut-chart-label strong { display: block; font-size: 1.26rem; } .el-chart-w .inside-donut-chart-label span { display: block; color: rgba(0, 0, 0, 0.4); } .el-chart-w canvas { position: relative; z-index: 2; } .el-chart-w + .el-legend { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 1.5rem; margin-top: 2rem; } .el-legend .legend-value-w { margin-bottom: 0.5rem; } .el-legend .legend-pin { width: 10px; height: 10px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 0.7rem; } .el-legend .legend-value { display: inline-block; vertical-align: middle; } /* #4. Profile Tile */ .profile-tile { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.5rem; } .profile-tile .profile-tile-box { width: 100%; text-align: center; border-radius: 4px; padding: 0.5rem 0.5rem 0.5rem; } .profile-tile .pt-avatar-w { display: inline-block; border-radius: 50px; overflow: hidden; } .profile-tile .pt-avatar-w img { width: 80px; height: auto; } .profile-tile .pt-user-name { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 0.5rem; margin-top: 0.5rem; font-size: 0.63rem; text-transform: uppercase; } .profile-tile .profile-tile-meta { min-width: 120px; padding-left: 30px; } .profile-tile .profile-tile-meta ul { list-style: none; font-size: 0.63rem; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); margin: 0px; padding: 0px; } .profile-tile .profile-tile-meta ul li { margin-bottom: 0.3rem; } .profile-tile .profile-tile-meta ul strong { color: #3E4B5B; margin-left: 5px; } .status-pill { width: 12px; height: 12px; border-radius: 30px; background-color: #eee; display: inline-block; } .status-pill.yellow { background-color: #f8bc34; } .status-pill.red { background-color: #E23C38; } .status-pill.green { background-color: #008d3b; } .status-pilli { width: 10px; height: 10px; border-radius: 30px; background-color: #eee; display: inline-block; margin: 0px; padding: 0px; } .status-pilli.yellow { background-color: #f8bc34; } .status-pilli.red { background-color: #E23C38 } .status-pilli.green { background-color: #008d3b; } .status-pilli .nows { border-style: solid; border-color: #008D3B; } /* #5. Users list element */ .users-list-w .user-w { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .users-list-w .user-w .user-avatar-w { width: 50px; } .users-list-w .user-w .user-avatar-w.min { width: 35px; } .users-list-w .user-w .user-avatar-w .user-avatar { border-radius: 40px; overflow: hidden; } .users-list-w .user-w .user-avatar-w .user-avatar img { max-width: 100%; height: auto; } .users-list-w .user-w.with-status .user-avatar-w { position: relative; } .users-list-w .user-w.with-status .user-avatar-w:before { content: ""; width: 10px; height: 10px; position: absolute; top: 2px; right: 2px; border-radius: 10px; box-shadow: 0px 0px 0px 3px #fff; } .users-list-w .user-w.with-status.min .user-avatar-w:before { content: ""; width: 8px; height: 8px; position: absolute; top: 1px; right: 1px; border-radius: 8px; box-shadow: 0px 0px 0px 2px #fff; } .users-list-w .user-w.with-status.status-green .user-avatar-w:before { background-color: #00579D; } .users-list-w .user-w.with-status.status-red .user-avatar-w:before { background-color: #008d3b; } .users-list-w .user-w .user-name { padding-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .users-list-w .user-w .user-title { margin-bottom: 4px; } .users-list-w .user-w .user-title.min { padding-right: 10px; margin-bottom: 4px; font-size: 0.90rem; display:inline-block; } .users-list-w .user-w .user-role { font-size: 0.63rem; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); } .users-list-w .user-w .user-role.min { display:inline-block; } .users-list-w .user-w .user-action { width: 50px; color: #008d3b; font-size: 18px; } .users-list-w .user-w .user-action.min { width: 35px; color: #008d3b; font-size: 18px; } /* #6. Tabs Controls */ .os-tabs-controls { margin-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; overflow:auto; overflow-y: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .os-tabs-controls .nav-pills { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .os-tabs-controls .nav-tabs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* #7. Activity Boxes */ .activity-boxes-w .activity-box-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.8rem 0px; position: relative; } .activity-boxes-w .activity-box-w:before { content: ""; display: block; width: 1px; background-color: #cccccc; top: 0px; bottom: 0px; left: 75px; position: absolute; } .activity-boxes-w .activity-box-w:after { content: ""; display: block; width: 20px; background-color: #cccccc; top: 50%; height: 1px; left: 80px; position: absolute; z-index: 1; } .activity-boxes-w .activity-box-w:first-child:before { top: 50%; } .activity-boxes-w .activity-box-w:last-child:before { bottom: 50%; } .activity-boxes-w .activity-time { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; font-size: 0.63rem; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); text-align: right; padding-right: 40px; } .activity-boxes-w .activity-box { padding: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .activity-boxes-w .activity-box:before { position: absolute; top: 50%; left: -30px; content: ""; width: 12px; height: 12px; border: 2px solid #008d3b; background-color: #f2f4f8; border-radius: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .activity-boxes-w .activity-avatar { width: 35px; border-radius: 35px; overflow: hidden; margin-right: 0.5rem; } .activity-boxes-w .activity-avatar img { max-width: 100%; height: auto; } .activity-boxes-w .activity-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .activity-boxes-w .activity-role { font-size: 0.63rem; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); margin-bottom: 0.2rem; } .activity-boxes-w .activity-title { font-size: 0.63rem; text-transform: uppercase; display: block; } /* #8. Note box */ .note-box { padding: 15%; background-color: #F8ECC7; margin-bottom: 2rem; } .note-box .note-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; margin-bottom: 1rem; } .note-box .note-content { font-weight: 300; color: rgba(0, 0, 0, 0.6); font-size: 0.81rem; } /* #9. Steps */ .step-contents .step-content { padding: 0px 5%; display: none; } .step-contents .step-content.active { display: block; } .step-triggers { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .step-triggers .step-trigger { padding-bottom: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 1.08rem; color: rgba(0, 0, 0, 0.3); position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .step-triggers .step-trigger:focus { text-decoration: none; } .step-triggers .step-trigger:hover { text-decoration: none; color: #3E4B5B; cursor: pointer; } .step-triggers .step-trigger:before { position: absolute; content: ""; height: 4px; background-color: #008d3b; left: 0px; right: 100%; bottom: -2px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .step-triggers .step-trigger.complete:before { right: 0px; } .step-triggers .step-trigger.active { color: #3E4B5B; } .step-triggers .step-trigger.active:before { right: 0px; } /* #10. Invoice */ .invoice-w { font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; max-width: 800px; position: relative; overflow: hidden; padding: 100px; padding-bottom: 20px; } .invoice-w:before { width: 140%; height: 450px; background-color: #A1D1B4; position: absolute; top: -15%; left: -24%; -webkit-transform: rotate(-27deg); transform: rotate(-27deg); content: ""; z-index: 1; } .invoice-w .infos { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .invoice-w .infos .info-1 { font-size: 1.08rem; } .invoice-w .infos .info-1 .company-name { font-size: 2.25rem; margin-bottom: 0.5rem; margin-top: 10px; } .invoice-w .infos .info-1 .company-extra { font-size: 0.81rem; color: rgba(0, 0, 0, 0.4); margin-top: 1rem; } .invoice-w .infos .info-2 { padding-top: 140px; text-align: right; } .invoice-w .infos .info-2 .company-name { margin-bottom: 1rem; font-size: 1.26rem; } .invoice-w .infos .info-2 .company-address { color: rgba(0, 0, 0, 0.6); } .invoice-w .terms { font-size: 0.81rem; margin-top: 2.5rem; } .invoice-w .terms .terms-header { font-size: 0.9rem; margin-bottom: 10px; } .invoice-w .terms .terms-content { color: rgba(0, 0, 0, 0.4); } .invoice-table thead th { border-bottom: 2px solid #333; } .invoice-table tbody tr td { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .invoice-table tbody tr:last-child td { padding-bottom: 40px; } .invoice-table tfoot tr td { border-top: 3px solid #333; font-size: 1.26rem; } .invoice-heading { margin-bottom: 4rem; margin-top: 7rem; position: relative; z-index: 2; } .invoice-heading h3 { margin-bottom: 0px; } .invoice-footer { padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 6rem; } .invoice-footer .invoice-logo img { vertical-align: middle; height: 20px; width: auto; display: inline-block; } .invoice-footer .invoice-logo span { vertical-align: middle; margin-left: 10px; display: inline-block; } .invoice-footer .invoice-info span { display: inline-block; } .invoice-footer .invoice-info span + span { margin-left: 1rem; padding-left: 1rem; border-left: 1px solid rgba(0, 0, 0, 0.1); } .invoice-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .invoice-body .invoice-desc { -webkit-box-flex: 0; -ms-flex: 0 1 250px; flex: 0 1 250px; font-size: 1.17rem; } /* #11. Error Page */ .big-error-w { width: 450px; text-align: center; padding: 50px; margin: 0px auto; margin-top: 100px; } .big-error-w h1 { font-size: 4.75rem; margin-bottom: 0px; } .big-error-w h5 { color: #008d3b; margin-bottom: 3rem; } .big-error-w h4 { margin-bottom: 0px; } .big-error-w form { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 1.5rem; margin-top: 1.5rem; } /* #12. Authorization styles */ .auth-box-w { max-width: 450px; margin: 10px auto; background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); } .auth-box-w.wider { max-width: 700px; } .auth-box-w .logged-user-w { padding-top: 0px; padding-bottom: 10px; } .auth-box-w .logo-w { text-align: center; padding: 20%; } .auth-box-w .logo-wy { text-align: center; padding: 10% 10% 2% 10%; } .auth-box-w .auth-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; margin-bottom: 2rem; position: relative; z-index: 1; padding-left: 80px; } .auth-box-w .auth-header:after { content: ""; background-color: #008d3b; width: 32px; height: 7px; border-radius: 2px; display: block; position: absolute; bottom: -4px; left: 80px; } .auth-box-w .auth-headery { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 1rem; margin-bottom: 1rem; position: relative; z-index: 1; padding-left: 30px; } .auth-box-w .auth-headery:after { content: ""; background-color: #008d3b; width: 32px; height: 7px; border-radius: 2px; display: block; position: absolute; bottom: -4px; left: 35px; } .auth-box-w form { padding: 20px 65px 100px 85px; } .auth-box-w.register form { padding: 0px 10px 10px 10px;} .auth-box-w.wider form { padding: 20px;} .auth-box-w form .form-check-inline { margin-left: 1rem; } .auth-box-w form .form-group { position: relative; } .auth-box-w form .form-group .pre-icon { position: absolute; bottom: 5px; font-size: 24px; color: #008d3b; left: -38px; } .auth-box-w .buttons-w { padding-top: 1rem; margin-top: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.05); } .auth-box-w.centered { text-align: center; } .auth-box-w.centered .auth-header { padding-left: 0px; } .auth-box-w.centered .auth-header:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .infopadd { margin-bottom: 5px; } .infogg { font-size: 14px; color: rgba(0, 0, 0, 0.6); text-align: left; margin-left: 30px; } .infogi { font-size: 10px; color: rgba(0, 0, 0, 0.4); text-align: left; text-transform: uppercase; } .gi { font-size: 0.75rem; color: rgba(0, 0, 0, 0.5); text-align: left; text-transform: uppercase; margin-right: 15px; } .gigo { font-size: 0.70rem; color: rgba(0, 0, 0, 0.5); text-align: center; } .com { font-size: 0.85rem; color: rgba(0, 0, 0, 0.5); text-align: left; } .alcen { padding: 0px auto; text-align: center; } /* #13. Timed Activities Element */ .timed-activities { margin-bottom: 1rem; } .timed-activity { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; font-size: 1.08rem; } .timed-activity .ta-date { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; color: rgba(0, 0, 0, 0.4); position: relative; text-align: center; } .timed-activity .ta-date span { position: relative; display: inline-block; } .timed-activity .ta-date span:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -30px; width: 16px; height: 16px; border: 3px solid #C76DC8; border-radius: 8px; background-color: #fff; } .timed-activity .ta-date:before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; width: 1px; top: 70px; background-color: rgba(0, 0, 0, 0.1); } .timed-activity .ta-record-w { padding-left: 40px; } .timed-activity .ta-record { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .timed-activity .ta-timestamp { position: relative; padding-right: 40px; color: rgba(0, 0, 0, 0.4); width: 110px; white-space: nowrap; } .timed-activity .ta-timestamp strong { color: #3E4B5B; } .timed-activity .ta-timestamp:after { content: '\e910'; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgba(0, 0, 0, 0.3); font-size: 10px; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-40%); transform: translateY(-40%); display: block; } .timed-activity .ta-activity a { display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #3b75e3; } .timed-activity .ta-activity a:hover { text-decoration: none; color: #1747a1; border-bottom-color: #1747a1; } .timed-activities.compact .timed-activity { display: block; padding-left: 30px; position: relative; } .timed-activities.compact .timed-activity:before { position: absolute; width: 1px; background-color: rgba(0, 0, 0, 0.1); bottom: 0px; top: 45px; content: ""; left: 8px; } .timed-activities.compact .timed-activity .ta-date { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; text-align: left; margin-bottom: 1.5rem; } .timed-activities.compact .timed-activity .ta-date:before { display: none; } .timed-activities.compact .timed-activity .ta-date span:after { left: -30px; top: 50%; bottom: auto; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .timed-activities.compact .timed-activity .ta-record-w { padding-left: 20px; } .timed-activities.compact .timed-activity .ta-record { display: block; } .timed-activities.compact .timed-activity .ta-timestamp { font-size: 0.81rem; margin-bottom: 5px; } .timed-activities.compact .timed-activity .ta-timestamp:after { right: auto; left: -20px; font-size: 8px; } .timed-activities.compact .timed-activity .ta-activity { font-size: 0.9rem; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } /* #14. Progress Bar Element */ .os-progress-bar { margin-bottom: 1rem; } .os-progress-bar .bar-labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; } .os-progress-bar .bar-labels span { font-size: 0.72rem; } .os-progress-bar .bar-label-left span { margin-right: 5px; } .os-progress-bar .bar-label-left span.positive { color: #619B2E; } .os-progress-bar .bar-label-left span.negative { color: #D83536; } .os-progress-bar .bar-label-right span { margin-left: 5px; } .os-progress-bar .bar-label-right span.info { color: #456CF9; } .os-progress-bar .bar-level-1, .os-progress-bar .bar-level-2, .os-progress-bar .bar-level-3 { border-radius: 12px; height: 6px; } .os-progress-bar.blue .bar-level-1 { background-color: #F2F2F2; } .os-progress-bar.blue .bar-level-2 { background-color: #8CBDED; } .os-progress-bar.blue .bar-level-3 { background-color: #2B88EA; } .os-progress-bar.floated { float: right; width: 220px; } /* 10. Helpful little styles */ .relative { position: relative; } .padded-v { padding: 1rem 10px; } .padded-v-big { padding: 2rem 10px; } .padded { padding: 1rem 2rem; } .b-l { border-left: 1px solid rgba(0, 0, 0, 0.1); } .b-r { border-right: 1px solid rgba(0, 0, 0, 0.1); } .b-t { border-top: 1px solid rgba(0, 0, 0, 0.1); } .b-b { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .m-t { margin-top: 1rem; } .m-tt { margin-top: 0.5rem; } .m-b { margin-bottom: 1rem; } @media (min-width: 992px) { .padded-lg { padding: 1rem 2rem; } .b-l-lg { border-left: 1px solid rgba(0, 0, 0, 0.1); } .b-r-lg { border-right: 1px solid rgba(0, 0, 0, 0.1); } .b-t-lg { border-top: 1px solid rgba(0, 0, 0, 0.1); } .b-b-lg { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } /* 11. Icon Fonts */ @font-face { font-family: 'osfont'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight: normal; font-style: normal; } .os-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .os-icon-search:before { content: "\e92c"; } .os-icon-arrow-right:before { content: "\e90e"; } .os-icon-arrow-right2:before { content: "\e90f"; } .os-icon-arrow-right3:before { content: "\e910"; } .os-icon-arrow-right4:before { content: "\e911"; } .os-icon-arrow-right5:before { content: "\e912"; } .os-icon-arrow-left:before { content: "\e913"; } .os-icon-arrow-left2:before { content: "\e914"; } .os-icon-arrow-left3:before { content: "\e915"; } .os-icon-arrow-left4:before { content: "\e916"; } .os-icon-arrow-up:before { content: "\e917"; } .os-icon-arrow-down:before { content: "\e918"; } .os-icon-arrow-left5:before { content: "\e919"; } .os-icon-arrow-down2:before { content: "\e91a"; } .os-icon-arrow-down3:before { content: "\e91b"; } .os-icon-arrow-down4:before { content: "\e91c"; } .os-icon-arrow-up2:before { content: "\e91d"; } .os-icon-arrow-up3:before { content: "\e91e"; } .os-icon-arrow-down5:before { content: "\e91f"; } .os-icon-arrow-up4:before { content: "\e920"; } .os-icon-arrow-up5:before { content: "\e921"; } .os-icon-basic-1-138-quotes:before { content: "\e966"; color: #474a56; } .os-icon-ui-07:before { content: "\e962"; } .os-icon-social-09:before { content: "\e963"; } .os-icon-finance-28:before { content: "\e964"; } .os-icon-finance-29:before { content: "\e965"; } .os-icon-checkmark:before { content: "\e961"; } .os-icon-ui-93:before { content: "\e95d"; } .os-icon-mail-14:before { content: "\e95e"; } .os-icon-phone-15:before { content: "\e95f"; } .os-icon-phone-18:before { content: "\e960"; } .os-icon-ui-55:before { content: "\e95c"; } .os-icon-mail-19:before { content: "\e95a"; } .os-icon-mail-18:before { content: "\e95b"; } .os-icon-grid-18:before { content: "\e950"; } .os-icon-ui-02:before { content: "\e951"; } .os-icon-ui-37:before { content: "\e952"; } .os-icon-common-07:before { content: "\e953"; } .os-icon-ui-54:before { content: "\e954"; } .os-icon-ui-44:before { content: "\e955"; } .os-icon-ui-15:before { content: "\e956"; } .os-icon-documents-03:before { content: "\e957"; } .os-icon-ui-92:before { content: "\e958"; } .os-icon-phone-21:before { content: "\e959"; } .os-icon-documents-07:before { content: "\e94c"; } .os-icon-others-29:before { content: "\e94d"; } .os-icon-ui-65:before { content: "\e94e"; } .os-icon-ui-51:before { content: "\e94f"; } .os-icon-mail-07:before { content: "\e94b"; } .os-icon-mail-01:before { content: "\e949"; } .os-icon-others-43:before { content: "\e94a"; } .os-icon-signs-11:before { content: "\e946"; } .os-icon-coins-4:before { content: "\e947"; } .os-icon-user-male-circle2:before { content: "\e948"; } .os-icon-emoticon-smile:before { content: "\e943"; } .os-icon-robot-2:before { content: "\e944"; } .os-icon-robot-1:before { content: "\e945"; } .os-icon-crown:before { content: "\e942"; } .os-icon-cancel-circle:before { content: "\e93f"; } .os-icon-cancel-square:before { content: "\e940"; } .os-icon-close:before { content: "\e941"; } .os-icon-grid-circles:before { content: "\e93c"; } .os-icon-grid-squares-22:before { content: "\e93d"; } .os-icon-grid-squares2:before { content: "\e93e"; } .os-icon-tasks-checked:before { content: "\e93a"; } .os-icon-hierarchy-structure-2:before { content: "\e93b"; } .os-icon-agenda-1:before { content: "\e935"; } .os-icon-cv-2:before { content: "\e936"; } .os-icon-grid-squares-2:before { content: "\e937"; } .os-icon-grid-squares:before { content: "\e938"; } .os-icon-calendar-time:before { content: "\e939"; } .os-icon-twitter:before { content: "\e933"; } .os-icon-facebook:before { content: "\e934"; } .os-icon-pie-chart-2:before { content: "\e92d"; } .os-icon-pie-chart-1:before { content: "\e92e"; } .os-icon-pie-chart-3:before { content: "\e92f"; } .os-icon-donut-chart-1:before { content: "\e930"; } .os-icon-bar-chart-up:before { content: "\e931"; } .os-icon-bar-chart-stats-up:before { content: "\e932"; } .os-icon-hamburger-menu-2:before { content: "\e92a"; } .os-icon-hamburger-menu-1:before { content: "\e92b"; } .os-icon-email-2-at:before { content: "\e928"; } .os-icon-email-2-at2:before { content: "\e929"; } .os-icon-fingerprint:before { content: "\e927"; } .os-icon-basic-2-259-calendar:before { content: "\e926"; color: #474a56; } .os-icon-arrow-2-up:before { content: "\e924"; } .os-icon-arrow-2-down:before { content: "\e925"; } .os-icon-bar-chart-down:before { content: "\e922"; } .os-icon-graph-down:before { content: "\e923"; } .os-icon-pencil-1:before { content: "\e90b"; } .os-icon-edit-3:before { content: "\e90c"; } .os-icon-edit-1:before { content: "\e90d"; } .os-icon-database-remove:before { content: "\e908"; } .os-icon-pencil-2:before { content: "\e909"; } .os-icon-link-3:before { content: "\e90a"; } .os-icon-email-forward:before { content: "\e907"; } .os-icon-delivery-box-2:before { content: "\e900"; } .os-icon-wallet-loaded:before { content: "\e901"; } .os-icon-newspaper:before { content: "\e902"; } .os-icon-window-content:before { content: "\e903"; } .os-icon-donut-chart-2:before { content: "\e904"; } .os-icon-text-input:before { content: "\e905"; } .os-icon-user-male-circle:before { content: "\e906"; } /* 12. Chat */ /* Chat Styles #1. Popup chat on a side */ /* #1. Popup chat on a side */ .floated-chat-btn { z-index: 9999; position: fixed; bottom: 10px; right: 10px; background: #097CFF; box-shadow: 0 2px 20px 0 rgba(46, 130, 255, 0.75); border-radius: 75px; color: #fff; padding: 12px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; font-size: 1.08rem; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .floated-chat-btn i { vertical-align: middle; display: inline-block; font-size: 24px; } .floated-chat-btn span { vertical-align: middle; display: inline-block; font-weight: 500; } .floated-chat-btn i + span { margin-left: 15px; } .floated-chat-btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); background-color: #0064d5; box-shadow: 0 2px 30px 0 rgba(46, 130, 255, 0.8); } .floated-chat-w { z-index: 9999; position: fixed; bottom: 70px; right: 10px; visibility: hidden; opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .floated-chat-w.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .floated-chat-w .floated-chat-i { background-color: #fff; /* Rectangle: */ box-shadow: 0 2px 40px 0 rgba(43, 132, 210, 0.41); border-radius: 10px; width: 320px; position: relative; } .floated-chat-w .floated-chat-i .chat-close { position: absolute; top: 10px; right: 10px; color: rgba(0, 0, 0, 0.8); font-size: 10px; cursor: pointer; } .floated-chat-w .chat-head { padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .floated-chat-w .chat-head .user-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .floated-chat-w .chat-head .user-w .user-avatar-w { width: 50px; } .floated-chat-w .chat-head .user-w .user-avatar-w .user-avatar { border-radius: 40px; overflow: hidden; } .floated-chat-w .chat-head .user-w .user-avatar-w .user-avatar img { max-width: 100%; height: auto; } .floated-chat-w .chat-head .user-w.with-status .user-avatar-w { position: relative; } .floated-chat-w .chat-head .user-w.with-status .user-avatar-w:before { content: ""; width: 10px; height: 10px; position: absolute; top: 2px; right: 2px; border-radius: 10px; box-shadow: 0px 0px 0px 3px #fff; } .floated-chat-w .chat-head .user-w.with-status.status-green .user-avatar-w:before { background-color: #00579D; } .floated-chat-w .chat-head .user-w.with-status.status-red .user-avatar-w:before { background-color: #008d3b; } .floated-chat-w .chat-head .user-w .user-name { padding-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .floated-chat-w .chat-head .user-w .user-title { margin-bottom: 2px; color: #008d3b; } .floated-chat-w .chat-head .user-w .user-role { font-weight: 500; font-size: 0.81rem; } .floated-chat-w .chat-head .user-w .user-action { width: 50px; color: #008d3b; font-size: 18px; } .floated-chat-w .chat-messages { padding: 20px; height: 300px; position: relative; overflow: hidden; } .floated-chat-w .chat-messages .message { margin-bottom: 12px; } .floated-chat-w .chat-messages .message .message-content { color: #594939; padding: 10px 20px; background-color: #fcf6ee; border-radius: 20px 20px 20px 0px; max-width: 80%; display: inline-block; text-align: left; } .floated-chat-w .chat-messages .message.self { text-align: right; } .floated-chat-w .chat-messages .message.self .message-content { border-radius: 20px 20px 0px 20px; background-color: #e2efff; color: #2A4E7F; } .floated-chat-w .chat-messages .date-break { text-align: center; margin-bottom: 10px; color: rgba(0, 0, 0, 0.4); } .floated-chat-w .chat-controls { padding: 10px; padding-top: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .floated-chat-w .chat-controls .message-input { border: 1px solid transparent; background-color: #fff; padding: 10px; width: 100%; display: block; border-radius: 0px; } .floated-chat-w .chat-controls .message-input:focus { outline: none; border-bottom: 1px solid #008d3b; } .floated-chat-w .chat-controls .chat-extra { text-align: left; padding-left: 0px; padding-top: 10px; } .floated-chat-w .chat-controls .chat-extra a { display: inline-block; margin-left: 10px; font-size: 16px; position: relative; } .floated-chat-w .chat-controls .chat-extra a .extra-tooltip { background-color: rgba(0, 0, 0, 0.9); color: #fff; font-weight: 500; font-size: 0.63rem; text-transform: uppercase; display: inline-block; padding: 2px 7px; border-radius: 4px; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; display: none; } .floated-chat-w .chat-controls .chat-extra a:hover { text-decoration: none; } .floated-chat-w .chat-controls .chat-extra a:hover .extra-tooltip { display: block; } /* 13. App - Email */ /* Email App styles #1. EMAIL APP WRAPPER #2. LEFT MENU #3. MESSAGES LIST #4. CONTENT BOX #5. MESSAGE BOX #6. REPLY #7. FOLDED STYLES */ /* #1. EMAIL APP WRAPPER */ .app-email-w a:focus, .app-email-w a:hover { text-decoration: none; } .app-email-i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #fff; border-radius: 4px; } /* #2. LEFT MENU */ .ae-side-menu { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; border-right: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .ae-side-menu .aem-head { padding: 10px 20px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 10px; } .ae-side-menu .ae-main-menu { list-style: none; padding: 0px; margin: 0px; } .ae-side-menu .ae-main-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; } .ae-side-menu .ae-main-menu li a { display: block; padding: 20px; } .ae-side-menu .ae-main-menu li a i { font-size: 20px; display: inline-block; vertical-align: middle; color: #008d3b; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .ae-side-menu .ae-main-menu li a span { margin-left: 20px; display: inline-block; vertical-align: middle; color: #3E4B5B; font-weight: 500; text-transform: uppercase; } .ae-side-menu .ae-main-menu li:after { content: ""; position: absolute; right: 0px; top: -1px; bottom: -1px; width: 5px; opacity: 0; background-color: #008d3b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ae-side-menu .ae-main-menu li:hover a i { -webkit-transform: translateX(5px); transform: translateX(5px); } .ae-side-menu .ae-main-menu li:hover:after, .ae-side-menu .ae-main-menu li.active:after { opacity: 1; } .ae-labels { margin-top: 20px; } .ae-labels .ae-labels-header { padding: 20px; } .ae-labels .ae-labels-header i { color: #008d3b; font-size: 20px; vertical-align: middle; display: inline-block; } .ae-labels .ae-labels-header span { margin-left: 20px; text-transform: uppercase; font-weight: 500; vertical-align: middle; display: inline-block; } .ae-labels .ae-label { display: block; padding: 10px; padding-left: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; color: #3E4B5B; white-space: nowrap; } .ae-labels .ae-label .label-pin { display: inline-block; width: 8px; height: 8px; border-radius: 10px; background-color: #008d3b; vertical-align: middle; } .ae-labels .ae-label .label-value { display: inline-block; vertical-align: middle; margin-left: 10px; } .ae-labels .ae-label:before { content: ""; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ae-labels .ae-label.ae-label-red .label-pin { background-color: #008d3b; } .ae-labels .ae-label.ae-label-green .label-pin { background-color: #00579D; } .ae-labels .ae-label.ae-label-yellow .label-pin { background-color: #f5b008; } /* #3. MESSAGES LIST */ .ae-list-w { -webkit-box-flex: 0; -ms-flex: 0 0 370px; flex: 0 0 370px; border-right: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .ae-list-w .ael-head { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ae-list-w .ael-head a { display: inline-block; vertical-align: middle; } .ae-list-w .ael-head a i { color: #008d3b; font-size: 20px; } .ae-list-w .ael-head a:hover { text-decoration: none; } .ae-list-w .ael-head a + a { margin-left: 15px; } .ae-list-w .ae-list .ae-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; cursor: pointer; } .ae-list-w .ae-list .ae-item:after { content: ""; position: absolute; right: 0px; top: -1px; bottom: -1px; width: 5px; opacity: 0; background-color: #008d3b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .ae-list-w .ae-list .ae-item:hover:after, .ae-list-w .ae-list .ae-item.active:after { opacity: 1; } .ae-list-w .ae-list .ae-item.with-status .user-avatar-w { position: relative; } .ae-list-w .ae-list .ae-item.with-status .user-avatar-w:before { content: ""; width: 10px; height: 10px; position: absolute; top: 2px; right: 2px; border-radius: 10px; box-shadow: 0px 0px 0px 3px #fff; } .ae-list-w .ae-list .ae-item.with-status.status-green .user-avatar-w:before { background-color: #00579D; } .ae-list-w .ae-list .ae-item.with-status.status-red .user-avatar-w:before { background-color: #008d3b; } .ae-list-w .ae-list .ae-item.with-status.status-blue .user-avatar-w:before { background-color: #008d3b; } .ae-list-w .ae-list .ae-item.with-status.status-yellow .user-avatar-w:before { background-color: #f5b008; } .ae-list-w .ae-list .aei-image { margin-right: 20px; } .ae-list-w .ae-list .aei-image .user-avatar-w { width: 50px; } .ae-list-w .ae-list .aei-image .user-avatar-w img { border-radius: 50px; display: block; width: 50px; height: auto; } .ae-list-w .ae-list .aei-content { position: relative; } .ae-list-w .ae-list .aei-content .aei-timestamp { position: absolute; top: -10px; right: 0px; color: rgba(0, 0, 0, 0.3); font-size: 0.63rem; } .ae-list-w .ae-list .aei-content .aei-sub-title { color: #008d3b; text-transform: uppercase; font-size: 0.72rem; font-weight: 500; } .ae-list-w .ae-list .aei-content .aei-text { color: rgba(0, 0, 0, 0.5); font-size: 0.81rem; } /* #4. CONTENT BOX */ .ae-content-w { background-color: #f6f7f8; } .ae-content-w .aec-head { height: 50px; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; } .ae-content-w .aec-head .separate { border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 15px; margin-right: 5px; } .ae-content-w .aec-head a { display: inline-block; vertical-align: middle; } .ae-content-w .aec-head a i { color: #008d3b; font-size: 20px; } .ae-content-w .aec-head a.highlight i { color: #CB9E48; } .ae-content-w .aec-head a:hover { text-decoration: none; } .ae-content-w .aec-head a + a { margin-left: 15px; } .ae-content-w .aec-head .actions-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .ae-content-w .aec-head .actions-right { display: -webkit-box; display: -ms-flexbox; display: flex; } .ae-content-w .aec-head .user-avatar { margin-left: 40px; padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .ae-content-w .aec-head .user-avatar img { display: block; width: 30px; height: auto; border-radius: 40px; } .ae-content { padding: 40px; } /* #5. MESSAGE BOX */ .aec-full-message-w { position: relative; z-index: 2; margin-bottom: 40px; } .aec-full-message-w .more-messages { position: absolute; left: 50%; top: -55px; color: rgba(0, 0, 0, 0.4); font-size: 0.72rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; border-bottom: 1px solid transparent; padding-bottom: 1px; } .aec-full-message-w .more-messages:hover { cursor: pointer; color: #008d3b; border-bottom: 1px solid #008d3b; } .aec-full-message-w.show-pack { margin-top: 40px; } .aec-full-message-w.show-pack:before { z-index: -1; content: ""; position: absolute; bottom: 30px; left: 30px; right: 30px; top: -30px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; } .aec-full-message-w.show-pack:after { z-index: -1; content: ""; position: absolute; bottom: 15px; left: 15px; right: 15px; top: -15px; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; } .aec-full-message-w .aec-full-message { background-color: #fff; box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; } .aec-full-message-w .message-head { padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .aec-full-message-w .message-head .user-w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .aec-full-message-w .message-head .user-w .user-avatar-w { width: 50px; } .aec-full-message-w .message-head .user-w .user-avatar-w .user-avatar { border-radius: 40px; overflow: hidden; } .aec-full-message-w .message-head .user-w .user-avatar-w .user-avatar img { max-width: 100%; height: auto; } .aec-full-message-w .message-head .user-w.with-status .user-avatar-w { position: relative; } .aec-full-message-w .message-head .user-w.with-status .user-avatar-w:before { content: ""; width: 10px; height: 10px; position: absolute; top: 2px; right: 2px; border-radius: 10px; box-shadow: 0px 0px 0px 3px #fff; } .aec-full-message-w .message-head .user-w.with-status.status-green .user-avatar-w:before { background-color: #00579D; } .aec-full-message-w .message-head .user-w.with-status.status-red .user-avatar-w:before { background-color: #008d3b; } .aec-full-message-w .message-head .user-w .user-name { padding-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .aec-full-message-w .message-head .user-w .user-title { margin-bottom: 2px; color: #008d3b; } .aec-full-message-w .message-head .user-w .user-role { font-weight: 500; font-size: 0.81rem; } .aec-full-message-w .message-head .user-w .user-role span { display: inline-block; margin-left: 5px; color: rgba(0, 0, 0, 0.4); } .aec-full-message-w .message-head .user-w .user-action { width: 50px; color: #008d3b; font-size: 18px; } .aec-full-message-w .message-head .message-info { color: rgba(0, 0, 0, 0.3); font-size: 0.72rem; text-align: right; } .aec-full-message-w .message-content { padding: 6% 10% 8% 10%; } .aec-full-message-w .message-attachments { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; margin-top: 20px; } .aec-full-message-w .message-attachments .attachments-heading { text-transform: uppercase; font-size: 0.72rem; color: rgba(0, 0, 0, 0.4); } .aec-full-message-w .message-attachments .attachments-docs { margin-top: 15px; } .aec-full-message-w .message-attachments .attachments-docs a { display: inline-block; } .aec-full-message-w .message-attachments .attachments-docs a i { display: inline-block; vertical-align: middle; margin-right: 10px; } .aec-full-message-w .message-attachments .attachments-docs a span { display: inline-block; vertical-align: middle; } .aec-full-message-w .message-attachments .attachments-docs a:hover { text-decoration: none; } .aec-full-message-w .message-attachments .attachments-docs a + a { padding-left: 15px; margin-left: 15px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .older-pack { display: none; } /* #6. REPLY */ .aec-reply { padding: 40px; background-color: #fff; box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; overflow: hidden; } .aec-reply .reply-header { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 30px; margin-bottom: 0px; } .aec-reply .reply-header i { font-size: 130px; color: rgba(0, 86, 255, 0.05); position: absolute; top: -70px; left: -70px; } .aec-reply .reply-header h5 { margin: 0px; font-size: 1.08rem; } .aec-reply .reply-header h5 span { color: #008d3b; border-bottom: 1px dotted #008d3b; display: inline-block; } .aec-reply .buttons-w { padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aec-reply .buttons-w .btn, .aec-reply .buttons-w .all-wrapper .fc-button, .all-wrapper .aec-reply .buttons-w .fc-button { text-transform: uppercase; padding: 5px 10px; font-size: 0.7rem; } .aec-reply .buttons-w .btn .os-icon, .aec-reply .buttons-w .all-wrapper .fc-button .os-icon, .all-wrapper .aec-reply .buttons-w .fc-button .os-icon { margin-right: 10px; } .aec-reply .cke_chrome { border: none; } .aec-reply .cke_bottom { border: none; } /* #7. FOLDED STYLES */ .app-email-w.compact-side-menu .ae-side-menu { -webkit-box-flex: 0; -ms-flex: 0 1 60px; flex: 0 1 60px; text-align: center; } .app-email-w.compact-side-menu .ae-side-menu .aem-head { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .app-email-w.compact-side-menu .ae-side-menu li a span { display: none; } .app-email-w.compact-side-menu .ae-side-menu .ae-labels .ae-label { padding-left: 10px; } .app-email-w.compact-side-menu .ae-side-menu .ae-labels .ae-label span.label-value { display: none; } .app-email-w.compact-side-menu .ae-side-menu .ae-labels-header span { display: none; } /* 14. App - Projects */ .projects-list { margin-bottom: 2rem; } .projects-list .project-head { padding: 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .projects-list .project-head .project-title { text-transform: uppercase; letter-spacing: 2px; } .projects-list .project-head .project-title h5 { margin-bottom: 0; } .projects-list .project-head .project-users { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; text-align: right; } .projects-list .project-head .project-users .avatar { width: 35px; border-radius: 35px; box-shadow: 0px 0px 0px 5px #fff; display: inline-block; overflow: hidden; vertical-align: middle; } .projects-list .project-head .project-users .avatar img { height: auto; width: 35px; } .projects-list .project-head .project-users .more { background-color: #008d3b; display: inline-block; vertical-align: middle; position: relative; left: -10px; padding: 2px 7px; border-radius: 12px; color: #fff; font-size: 0.63rem; } .projects-list .project-info { padding: 20px 40px; } .projects-list .project-info .os-progress-bar { margin-bottom: 0px; } .projects-list .project-info .os-progress-bar + .os-progress-bar { margin-top: 1rem; } .projects-list .project-box + .project-box { margin-top: 2rem; } /* 15. App - Full Chat */ .full-chat-w { /* #3. Middle Section */ } .full-chat-w .full-chat-i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #fff; padding: 0px; } .full-chat-w .full-chat-left { -webkit-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; background-color: #f6f7f8; border-radius: 4px 0px 0px 4px; padding: 20px 0px; } .full-chat-w .full-chat-left .inbox { text-align:left; color: gray; font-size: 16px; margin-left:10px;} .full-chat-w .full-chat-left .inbox i { margin-right:5px;} .full-chat-w .full-chat-left .create { text-align:right; color:#065A26; font-size:20px; } .full-chat-w .full-chat-left .os-tabs-w .nav { padding: 0px 20px; } .full-chat-w .full-chat-left .chat-search { padding: 20px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .full-chat-w .full-chat-left .element-search { position: relative; } .full-chat-w .full-chat-left .element-search:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; content: "\e92c"; color: rgba(0, 0, 0, 0.2); } .full-chat-w .full-chat-left .element-search input { border: none; box-shadow: none; background-color: #fff; border-radius: 30px; padding: 10px 15px 10px 50px; display: block; width: 100%; outline: none; } .full-chat-w .full-chat-left .element-search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .full-chat-w .full-chat-left .element-search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .full-chat-w .full-chat-left .element-search input::placeholder { color: rgba(0, 0, 0, 0.3); } .full-chat-w .full-chat-left .user-list .user-w { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .full-chat-w .full-chat-left .user-list .user-w .avatar { margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } .full-chat-w .full-chat-left .user-list .user-w .avatar img { width: 50px; height: auto; border-radius: 50px; display: block; } .full-chat-w .full-chat-left .user-list .user-w .user-info { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .full-chat-w .full-chat-left .user-list .user-w .user-name { font-weight: 500; font-size: 0.99rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .full-chat-w .full-chat-left .user-list .user-w .last-message { color: rgba(0, 0, 0, 0.4); font-size: 0.81rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .full-chat-w .full-chat-left .user-list .user-w .user-date { float: right; padding: 2px 7px; color: #fff; background-color: #00579D; border: solid rgba(255, 255, 255, 0.5); border-radius: 12px; font-size: 0.72rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .full-chat-w .full-chat-left .user-list .user-w:hover { background-color: #008d3b; cursor: pointer; } .full-chat-w .full-chat-left .user-list .user-w:hover .user-name { color: #fff; } .full-chat-w .full-chat-left .user-list .user-w:hover .last-message { color: rgba(255, 255, 255, 0.5); } .full-chat-w .full-chat-left .user-list .user-w:hover .user-date { background-color: #046fdf; color: rgba(255, 255, 255, 0.8); } .full-chat-w .full-chat-left .user-list .user-w.active { background-color: #008d3b; } .full-chat-w .full-chat-left .user-list .user-w.active .user-name { color: #fff; } .full-chat-w .full-chat-left .user-list .user-w.active .last-message { color: rgba(255, 255, 255, 0.5); } .full-chat-w .full-chat-left .user-list .user-w.active .user-date { background-color: #046fdf; color: rgba(255, 255, 255, 0.8); } .full-chat-w .full-chat-middle { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #fff; } .full-chat-w .full-chat-middle .chat-head { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .full-chat-w .full-chat-middle .user-info { font-size: 1.08rem; } .full-chat-w .full-chat-middle .user-info span { display: inline-block; vertical-align: middle; margin-right: 5px; } .full-chat-w .full-chat-middle .user-info a { display: inline-block; vertical-align: middle; border-bottom: 1px dotted #008d3b; } .full-chat-w .full-chat-middle .user-info a:hover { text-decoration: none; } .full-chat-w .full-chat-middle .user-actions a { margin-left: 1rem; font-size: 24px; display: inline-block; vertical-align: middle; } .full-chat-w .chat-content-w { height: 600px; overflow: hidden; position: relative; } .full-chat-w .chat-content-w.min { height: 315px; overflow: hidden; position: relative; } .full-chat-w .chat-content-w .chat-content { padding: 50px; min-height: 600px; } .full-chat-w .chat-content-w .chat-content.min { padding: 5px; min-height: 315px; } .full-chat-w .chat-content-w .chat-date-separator { text-align: center; color: rgba(0, 0, 0, 0.3); font-size: 0.81rem; position: relative; margin: 40px 0px; } .full-chat-w .chat-content-w .chat-date-separator:before { content: ""; background-color: rgba(0, 0, 0, 0.1); height: 1px; width: 100%; position: absolute; top: 50%; left: 0px; right: 0px; } .full-chat-w .chat-content-w .chat-date-separator span { display: inline-block; background-color: #fff; padding: 0px 10px; position: relative; } .full-chat-w .chat-content-w .chat-message { margin-bottom: 20px; } .full-chat-w .chat-content-w .chat-message .chat-message-content { padding: 15px 35px; background-color: #065A26; color: #fff; max-width: 400px; display: inline-block; margin-bottom: -20px; margin-left: 20px; border-radius: 20px; text-align: left; } .full-chat-w .chat-content-w .chat-message .chat-message-avatar { display: inline-block; vertical-align: bottom; } .full-chat-w .chat-content-w .chat-message .chat-message-avatar img { width: 40px; height: auto; background: #fff; border-radius: 30px; display: inline-block; box-shadow: 0px 0px 0px 10px #fff; } .full-chat-w .chat-content-w .chat-message .chat-message-date { display: inline-block; vertical-align: bottom; margin-left: 10px; margin-right: 10px; font-size: 0.72rem; color: rgba(0, 0, 0, 0.3); } .full-chat-w .chat-content-w .chat-message.self { text-align: right; } .full-chat-w .chat-content-w .chat-message.self .chat-message-content { background-color: #008d3b; color: #fff; margin-right: 20px; margin-left: 0px; } .full-chat-w .chat-controls { padding: 20px; padding-top: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .full-chat-w .chat-input input[type="text"] { padding: 20px 20px 20px 0px; border: none; display: block; width: 100%; outline: none; } .full-chat-w .chat-input-extra { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .full-chat-w .chat-input-extra .chat-extra-actions a { margin-right: 10px; display: inline-block; } .full-chat-w .full-chat-right { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; background-color: #fff; border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; } .full-chat-w .user-intro { padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } .full-chat-w .user-intro .avatar { width: 90px; height: 90px; display: inline-block; } .full-chat-w .user-intro .avatar img { width: 90px; border-radius: 60px; height: auto; } .full-chat-w .user-intro .user-intro-info { margin-top: 1rem; } .full-chat-w .user-intro .user-intro-info .user-name { margin-top: 0px; margin-bottom: 0px; color: #008d3b; } .full-chat-w .user-intro .user-intro-info .user-sub { color: rgba(0, 0, 0, 0.3); text-transform: uppercase; letter-spacing: 1px; font-size: 0.72rem; margin-top: 5px; } .full-chat-w .user-intro .user-intro-info .user-social { margin-top: 1rem; } .full-chat-w .user-intro .user-intro-info .user-social a { display: inline-block; margin: 0px 6px; font-size: 24px; } .full-chat-w .user-intro .user-intro-info .user-social a:hover { text-decoration: none; } .full-chat-w .user-intro .user-intro-info .user-social i.os-icon.os-icon-twitter { color: #31a7f3; } .full-chat-w .user-intro .user-intro-info .user-social i.os-icon.os-icon-facebook { color: #175dc5; } .full-chat-w .chat-info-section { padding: 20px; } .full-chat-w .chat-info-section .ci-header i { color: #008d3b; font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: middle; } .full-chat-w .chat-info-section .ci-header span { text-transform: uppercase; color: rgba(0, 0, 0, 0.5); letter-spacing: 2px; display: inline-block; vertical-align: middle; } .full-chat-w .chat-info-section .ci-content { padding: 20px; } .full-chat-w .chat-info-section .ci-content .ci-file-list ul { list-style-type: square; color: #98c9fd; margin-left: 0px; margin-bottom: 0px; padding-left: 10px; } .full-chat-w .chat-info-section .ci-content .ci-file-list ul li { margin: 5px; } .full-chat-w .chat-info-section .ci-content .ci-file-list ul li a { font-size: 0.81rem; border-bottom: 1px solid #008d3b; } .full-chat-w .chat-info-section .ci-content .ci-file-list ul li a:hover { text-decoration: none; } .full-chat-w .chat-info-section .ci-content .ci-photos-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .full-chat-w .chat-info-section .ci-content .ci-photos-list img { margin: 2%; border-radius: 6px; width: 45%; display: inline-block; height: auto; } .full-chat-w .chat-info-section + .chat-info-section { border-top: 1px solid rgba(0, 0, 0, 0.1); } /* 17. Pipelines */ /* Pipeline Styles*/ .pipeline { border-radius: 4px; background-color: #fff; box-shadow: 0 2px 15px 0 rgba(16, 37, 133, 0.1); padding: 20px; margin-bottom: 20px; -webkit-animation-name: fadeUp; animation-name: fadeUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .pipeline.blue { background-color: #1D54EF; background-image: linear-gradient(-180deg, #1D54EF 0%, #4327DF 100%); box-shadow: 0 2px 30px 0 rgba(16, 37, 133, 0.5); } .pipeline.teal { background-color: #07B77F; background-image: linear-gradient(-180deg, #07B77F 0%, #2767DF 98%); box-shadow: 0 2px 30px 0 rgba(7, 186, 171, 0.5); } .pipeline.purple { background-color: #F5B008; background-image: linear-gradient(-180deg, #F5B008 0%, #510d8c 100%); box-shadow: 0 2px 30px 0 rgba(42, 16, 133, 0.5); } .pipeline.green { background-color: #7BC10C; background-image: linear-gradient(-180deg, #7BC10C 0%, #057051 95%); box-shadow: 0 2px 30px 0 rgba(31, 219, 78, 0.5); } .pipeline.red { background-color: #960644; background-image: linear-gradient(-180deg, #960644 0%, #af760b 95%); box-shadow: 0 2px 30px 0 rgba(154, 7, 58, 0.5); } .pipeline.pink { background-color: #a0008f; background-image: linear-gradient(-180deg, #a0008f 0%, #2767DF 98%); box-shadow: 0 2px 30px 0 rgba(7, 8, 186, 0.5); } .pipeline.white { background-color: #fff; box-shadow: 0 2px 30px 0 rgba(200, 200, 200, 0.2); } .pipeline.white .pipeline-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; } .pipeline.white .pipeline-header .pipeline-name { color: #334152; } .pipeline.white .pipeline-header .pipeline-count { color: rgba(0, 0, 0, 0.5); } .pipeline.white .pipeline-header .pipeline-settings { color: rgba(0, 0, 0, 0.4); } .pipeline.white .pipeline-header .pipeline-value { color: #008d3b; } .pipeline.white .pipeline-item { box-shadow: none; border-radius: 4px; margin-bottom: 15px; border: 1px solid #d1d4e8; transition: all 0.2s ease; } .pipeline.white .pipeline-item:last-child { margin-bottom: 0px; } .pipeline.white .pipeline-item:hover { border: 1px solid #9ea4cf; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); } .pipeline.white .pipeline-item .pi-foot { border-radius: 0px 0px 4px 4px; } .pipeline.white.lined-primary { border-top: 5px solid #008d3b; border-radius: 0px 0px 4px 4px; } .pipeline.white.lined-success { border-top: 5px solid #00579D; border-radius: 0px 0px 4px 4px; } .pipeline.white.lined-danger { border-top: 5px solid #008d3b; border-radius: 0px 0px 4px 4px; } .pipeline.white.lined-warning { border-top: 5px solid #f5b008; border-radius: 0px 0px 4px 4px; } /* Pipeline Header Styles */ .pipeline-header { position: relative; margin-bottom: 20px; } .pipeline-header .pipeline-header-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pipeline-header .pipeline-name { text-transform: uppercase; letter-spacing: 2px; color: #fff; margin-bottom: 5px; line-height: 1; padding-right: 30px; } .pipeline-header .pipeline-value { color: #FFD038; letter-spacing: 3px; font-size: 1.17rem; } .pipeline-header .pipeline-count { font-size: 0.81rem; color: rgba(255, 255, 255, 0.7); } .pipeline-header .pipeline-settings { color: rgba(255, 255, 255, 0.7); font-size: 12px; position: absolute; top: 0px; right: 0px; } .optins { text-align: right; color: rgba(255, 255, 255, 0.7); font-size: 12px; top: 0px; right: 0px; } .pipeline-body { min-height: 100px; } .pipeline-body.empty { border: 1px dashed rgba(0, 0, 0, 0.2); } .pipeline-name { text-transform: uppercase; letter-spacing: 3px; margin-bottom: 5px; line-height: 1; padding-right: 30px; } .pipeline-count { font-size: 0.81rem; color: rgba(255, 255, 255, 0.7); } .logout { float:right; } .logout a { font-size: 0.65rem; text-transform: uppercase; color: #b5b5b5; } .logout span { margin-right: 5px; } .logout i { font-size: 16px; color: #b5b5b5; vertical-align: middle; } .logoutleft { float:left; } .logoutleft span { font-size: 0.65rem; text-transform: uppercase; color: #b5b5b5; margin-right: 10px; } .logoutleft i { font-size: 16px; color: #b5b5b5; vertical-align: middle; } .footy { padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -1rem; } .footy .schoollogo img { vertical-align: middle; height: 20px; width: auto; display: inline-block; } .footy .schoollogo span { vertical-align: middle; margin-left: 10px; display: inline-block; font-size: 0.75rem; text-transform: uppercase; color: #b5b5b5; } .footy .schoolinfo span { margin-right: 1rem; padding-right: 1rem; display: inline-block; font-size: 0.75rem; text-transform: uppercase; color: #b5b5b5; border-right: 1px solid rgba(0, 0, 0, 0.1); } .footy .schoolinfo i { font-size:16px; margin-left: 0.5rem; padding-left: 0.5rem; } /* Pipeline Item Styles */ .pipeline-item { background-color: #fff; margin-bottom: 20px; border-radius: 4px; position: relative; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); } .pipeline-item:last-child { margin-bottom: 0px; } .pipeline-item .pi-controls { position: absolute; top: 5px; right: 10px; line-height: 1; } .pipeline-item .pi-controls a { font-size: 16px; line-height: 14px; color: #fff; display: inline-block; vertical-align: middle; } .pipeline-item .pi-controls .pi-settings { display: inline-block; color: #008d3b; vertical-align: middle; } .pipeline-item .pi-controls .pi-settings > i { font-size: 15px; } .pipeline-item .pi-controls .status { display: inline-block; vertical-align: middle; margin-left: 5px; width: 11px; height: 11px; border-radius: 10px; cursor: pointer; } .pipeline-item .pi-controls .status.status-green { background-color: #00579D; } .pipeline-item .pi-controls .status.status-red { background-color: #008d3b; } .pipeline-item .pi-controls .status.status-yellow { background-color: #f5b008; } .pipeline-item .pi-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 20px; } .pipeline-item .pi-body .avatar { width: 70px; margin-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } .pipeline-item .pi-body .avatar img { width: 70px; height: 70px; border-radius: 50%; } .pipeline-item .pi-body .pi-name { margin-bottom: 0px; } .pipeline-item .pi-body .pi-sub { color: rgba(0, 0, 0, 0.5); font-size: 0.81rem; } .pipeline-item .pi-foot { background-color: #F1F4F8; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0px 0px 4px 4px; } .pipeline-item .pi-foot .tags { line-height: 1; } .pipeline-item .pi-foot .tags .tag { padding: 3px 6px; line-height: 1; display: inline-block; background-color: #fff; border: 1px solid #047bf8; color: #047bf8; margin-right: 2px; font-size: 0.72rem; border-radius: 4px; margin-bottom: 2px; margin-top: 2px; } .pipeline-item .pi-foot .extra-info { margin-right: 5px; white-space: nowrap; text-transform: uppercase; color: rgba(0, 0, 0, 0.6); font-size: 0.63rem; letter-spacing: 1px; } .pipeline-item .pi-foot .extra-info i { margin-right: 5px; font-size: 16px; vertical-align: middle; color: #047bf8; display: inline-block; } .pipeline-item .pi-foot .extra-info span { vertical-align: middle; display: inline-block; } .deledb { position: absolute; top: 10px; right: 25px; line-height: 1; display: inline-block; color: #008d3b; vertical-align: middle; } .control-header { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .control-header select.form-control { font-weight: 400; border-color: rgba(0, 0, 0, 0.5); } .control-header label { text-transform: uppercase; font-size: 0.72rem; letter-spacing: 2px; } .control-header .form-group { margin-bottom: 0px; } .pipi { display: inline-block; color: #047bf8; vertical-align: middle; } .pipi > i { font-size: 15px; } .lined-primary { border-top: 5px solid #008d3b; border-radius: 0px 0px 4px 4px; } .lined-secondary { border-top: 5px solid #065A26; border-radius: 0px 0px 4px 4px; } .lined-success { border-top: 5px solid #00579D; border-radius: 0px 0px 4px 4px; } .lined-purple { border-top: 5px solid #F5B008; border-radius: 0px 0px 4px 4px; } .lined-orange { border-top: 5px solid #ea791c; border-radius: 0px 0px 4px 4px; } .lined-danger { border-top: 5px solid #008d3b; border-radius: 0px 0px 4px 4px; } .lined-warning { border-top: 5px solid #f5b008; border-radius: 0px 0px 4px 4px; } /* 18. Dropdowns */ .os-dropdown-trigger { position: relative; cursor: pointer; } .os-dropdown-trigger.over .os-dropdown { visibility: visible; opacity: 1; -webkit-transform: translate(0%, 99%); transform: translate(0%, 99%); } .os-dropdown-trigger.os-dropdown-center .os-dropdown { right: 50%; -webkit-transform: translate(0%, 115%); transform: translate(0%, 115%); } .os-dropdown-trigger.os-dropdown-center.over .os-dropdown { -webkit-transform: translate(0%, 99%); transform: translate(0%, 99%); } .os-dropdown { background-color: #008d3b; color: #fff; padding: 10px 20px; position: absolute; z-index: 999; bottom: 0px; right: 0px; visibility: hidden; transition: all 0.2s ease; -webkit-transform: translate(0%, 115%); transform: translate(0%, 115%); opacity: 0; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); overflow: hidden; font-size: 0.9rem; text-align: left; } .os-dropdown > .icon-w { position: absolute; top: -30px; right: -30px; color: rgba(0, 0, 0, 0.1); font-size: 100px; } .os-dropdown ul { list-style: none; margin: 0px; padding: 0px; position: relative; } .os-dropdown ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .os-dropdown ul li:last-child { border-bottom: none; } .os-dropdown ul li a { display: block; white-space: nowrap; padding: 10px 10px 10px 0px; line-height: 1; color: #fff; font-size: 0.9rem; } .os-dropdown ul li a:hover { text-decoration: none; } .os-dropdown ul li a i { color: rgba(255, 255, 255); display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 18px; } .os-dropdown ul li a span { display: inline-block; vertical-align: middle; color: #fff; font-size: 0.9rem; } .os-dropdown ul li a:hover i { color: #065A26; } .os-dropdown.message-list { padding: 10px 0px; } .os-dropdown.message-list li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .os-dropdown.message-list li:last-child { border-bottom: none; } .os-dropdown.message-list li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 25px; } .os-dropdown.message-list li > a:hover { background-color: rgba(0, 0, 0, 0.05); } .os-dropdown.message-list li > a .user-avatar-w { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-right: 20px; } .os-dropdown.message-list li > a .user-avatar-w img { width: 45px; border-radius: 30px; height: auto; } .os-dropdown.message-list li > a .message-content .message-from { color: #fff; } .os-dropdown.message-list li > a .message-content .message-title { color: rgba(255, 255, 255, 0.6); font-size: 0.675rem; text-transform: uppercase; margin-top: 2px; margin-bottom: 0px; } .os-dropdown.light { background-color: #fff; } .os-dropdown.light.message-list > .icon-w { color: rgba(4, 123, 248, 0.1); } .os-dropdown.light.message-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .os-dropdown.light.message-list li:last-child { border-bottom: none; } .os-dropdown.light.message-list li > a .message-content .message-from { color: #334152; } .os-dropdown.light.message-list li > a .message-content .message-title { color: #047bf8; } .bglogo { background-repeat: no-repeat; background-size: contain; background-position: 115% 0%; } /* 16. Pricing Plans */ /* Pricing Plans Styles #1. #2. #3. #4. #5. #6. */ /* #1. */ .pricing-plans { background-color: #fff; } .pricing-plan + .pricing-plan { border-left: 1px solid rgba(0, 0, 0, 0.1); } .pricing-plan { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; padding-bottom: 20px; background-color: #f9f9f9; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .pricing-plan.with-hover-effect:hover, .pricing-plan.highlight { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; box-shadow: 0 2px 30px 0 rgba(54, 88, 206, 0.2); } .pricing-plan.with-hover-effect:hover .plan-price-w .price-value, .pricing-plan.highlight .plan-price-w .price-value { color: #008d3b; } .pricing-plan.with-hover-effect:hover .plan-head, .pricing-plan.highlight .plan-head { box-shadow: inset 0px 5px 0px #008d3b; } .pricing-plan.with-hover-effect:hover .plan-name { color: #3E4B5B; } .pricing-plan.highlight { margin-top: -20px; margin-bottom: -20px; } .pricing-plan .plan-image img { width: 80px; } .pricing-plan .plan-head { background-color: #fff; padding-top: 40px; } .pricing-plan .plan-body { background-color: #fff; } .pricing-plan .plan-name { text-transform: uppercase; letter-spacing: 2px; font-size: 1.5rem; color: #008d3b; font-weight: 500; font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; padding-bottom: 40px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-plan .plan-image + .plan-name { margin-top: 20px; } .pricing-plan .plan-price-w { padding-top: 40px; margin-bottom: 40px; } .pricing-plan .plan-price-w .price-value { font-size: 3.6rem; line-height: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .pricing-plan .plan-price-w .price-label { text-transform: uppercase; letter-spacing: 2px; color: rgba(0, 0, 0, 0.3); padding-top: 5px; margin-top: 5px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; } .pricing-plan .plan-btn-w { padding-bottom: 40px; } .pricing-plan .plan-description { text-align: left; padding: 30px 15%; border-top: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); } .pricing-plan .plan-description h6 { text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; font-size: 0.9rem; } .pricing-plan .plan-description ul { list-style: none; padding-left: 30px; margin-top: 20px; } .pricing-plan .plan-description ul li { position: relative; margin-bottom: 10px; } .pricing-plan .plan-description ul li:before { content: '\e961'; color: #008d3b; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'osfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: -30px; top: 5px; } /* #2. */ /* #3. */ /* #4. */ /* #5. */ /* 17. Responsive Styles */ /* Contents: #1. Screen size <= 1650px #2. Screen size <= 1550px #3. Screen size <= 1350px #4. Screen size between 1100px - 1350px #5. Screen size <= 1400px #6. Screen size <= 1150px #7. Screen size <= 1250px #8. Tablets and phones (< 1024px) #9. Tablets (768px - 1024px) #10. Phones (< 767px) */ /* #1. Screen size <= 1650px */ @media (max-width: 1650px) { body, body.auth-wrapper .all-wrapper { padding: 40px; } .content-panel { padding: 2rem; width: 350px; } .content-box { padding: 2rem; } .all-wrapper { max-width: 100%; } } /* #2. Screen size <= 1550px */ @media (max-width: 1550px) { body, body.auth-wrapper .all-wrapper { padding: 20px; } .menu-side-w ul.main-menu { padding: 1.5rem 1rem; } .menu-side-w ul.main-menu > li .icon-w { padding-left: 1rem; width: 75px; } .menu-side-w ul.sub-menu { padding-left: 45px; } .menu-side-w { width: 260px; } .menu-side-w .logged-user-menu ul { padding-left: 30px; padding-right: 30px; } } /* #3. Screen size <= 1350px */ @media (max-width: 1350px) { .menu-side-w .logo-w { padding: 1.5rem 1rem; } .menu-top-w .menu-top-i .logo-w { padding: 0rem 1rem; width: 50px; } .menu-top-w .menu-top-i ul.main-menu { padding-left: 0px; } } /* #4. Screen size between 1100px - 1350px */ @media (min-width: 1100px) and (max-width: 1350px) { .content-panel { width: 300px; padding: 1.5rem; } .padded { padding: 0.5rem 1rem; } .content-box { padding: 1.5rem; } .activity-boxes-w .activity-avatar { margin-right: 1rem; width: 40px; } .activity-boxes-w .activity-time { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } .activity-boxes-w .activity-box-w:before { left: 65px; } .activity-boxes-w .activity-box-w:after { left: 70px; } .profile-tile .profile-tile-box { width: 95px; } .profile-tile .pt-avatar-w img { width: 50px; } .profile-tile .profile-tile-meta { padding-left: 15px; } } /* #5. Screen size <= 1400px */ @media (max-width: 1400px) { .menu-side-w { width: 230px; } .menu-side-w .side-menu-magic { padding: 30px 20px; } .menu-side-w .logged-user-menu ul { padding-left: 15px; padding-right: 15px; } .menu-top-image-w ul.main-menu > li .icon-w { padding-left: 20px; } .menu-top-image-w ul.main-menu > li span { padding-right: 20px; } .full-chat-w .chat-content-w .chat-message .chat-message-content { max-width: 320px; } } /* #6. Screen size <= 1150px */ @media (max-width: 1150px) { .ae-content { padding: 0px; } .aec-full-message-w { margin-bottom: 0px; } .ae-content-w { background-image: none; background-color: #fff; } .aec-full-message-w .more-messages { top: -32px; background-color: #fff; padding: 3px 5px; border-radius: 4px; color: #008d3b; } .ae-list-w { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .ae-list-w .ae-list .aei-image { display: none; } .layout-w { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .content-box:after { display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(4, 36, 113, 0.6); content: ""; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .content-panel { position: absolute; top: 0px; bottom: 0px; right: 0px; background-color: #fff; background-image: -webkit-linear-gradient(right, #EFF2F9 8%, #fff 90%); background-image: linear-gradient(-90deg, #EFF2F9 8%, #fff 90%); z-index: 4; border: none; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; visibility: hidden; z-index: 11; } .content-panel .content-panel-close { display: block; } .content-panel-toggler { display: block; } .content-i, .with-side-panel .content-i { display: block; } .content-i .content-box, .with-side-panel .content-i .content-box { display: block; } .content-panel-active .content-panel { -webkit-transform: translateX(80px); transform: translateX(80px); visibility: visible; box-shadow: 0 2px 80px 0 rgba(0, 0, 0, 0.4); } .content-panel-active .layout-w { -webkit-transform: translateX(-80px); transform: translateX(-80px); } .content-panel-active .content-box:after { opacity: 1; visibility: visible; } } /* #7. Screen size <= 1250px */ @media (max-width: 1250px) { .element-box, .invoice-w, .big-error-w, .invoice-w, .big-error-w { padding: 1rem 1.5rem; } .element-box .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls { margin-left: -1.5rem; margin-right: -1.5rem; overflow:auto; overflow-y: hidden; } body, body.auth-wrapper .all-wrapper { padding: 0px; } .content-w, .menu-side-w, .all-wrapper { border-radius: 0px; overflow: hidden; } .menu-side-w .logged-user-menu { left: 0px; right: 0px; } } /* #8. Tablets and phones (< 1024px) */ @media (max-width: 1024px) { .invoice-w { padding: 50px; } .ae-list-w { -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } .ae-list-w .ae-list .ae-item { padding: 15px; } .table th, .table td { padding: 0.7rem 0.5rem; } .content-w { border-radius: 0px !important; } .desktop-menu { display: none; } } /* #9. Tablets (768px - 1024px) */ @media (min-width: 768px) and (max-width: 1024px) { .full-chat-w .full-chat-right { display: none; } .full-chat-w .chat-content-w .chat-content { padding: 30px; } .top-menu-secondary { overflow: scroll; padding: 0px; } .top-menu-secondary ul { white-space: nowrap; } .top-menu-secondary ul li a { padding: 15px 10px; margin: 0px 10px; } .nav.upper.nav-tabs .nav-link { margin-right: 0.7rem; padding-bottom: 10px; font-size: 0.72rem; } .display-type { content: "tablet"; } .content-box { padding: 1.5rem; } .padded { padding: 0.3rem 0.8rem; } .element-box, .invoice-w, .big-error-w, .invoice-w, .big-error-w { padding: 1rem 1rem; } .element-box .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls { margin-left: -1rem; margin-right: -1rem; overflow:auto; overflow-y: hidden; } .layout-w { display: table; table-layout: fixed; width: 100%; } .content-w { display: table-cell; } .menu-mobile { width: 92px; display: table-cell; } .menu-mobile .menu-and-user { display: block; } .menu-mobile ul.sub-menu { padding: 1rem 1.5rem; } .menu-mobile .mobile-menu-magic { display: none; } .menu-mobile .logged-user-w { padding: 1rem; text-align: center; } .menu-mobile .logged-user-w .avatar-w img { width: 35px; } .menu-mobile .logged-user-w .logged-user-info-w { display: none; } .menu-mobile ul.main-menu { padding: 1rem 0.5rem; } .menu-mobile .mm-logo-buttons-w { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-mobile .mm-logo-buttons-w .mm-buttons { display: none; } .menu-mobile .mm-logo-buttons-w .logy-user { display: none; } .menu-mobile .mm-logo-buttons-w .mm-logo { display: block; text-align: center; } .menu-mobile .mm-logo-buttons-w .mm-logo span { display: none; } .menu-mobile.color-scheme-dark ul.main-menu > li > a > span { background-color: #008d3b; color: #fff; } .menu-mobile.color-scheme-dark .main-menu.active { margin-right: -0.75rem; margin-left: -0.75rem; background-color: #065A26; } .menu-mobile.color-scheme-dark ul.main-menu > li.active { padding-left: 0.75rem; } .menu-mobile.color-scheme-dark ul.sub-menu { background-color: #065A26; } .menu-mobile.color-scheme-dark ul.sub-menu:before { border-right-color: #203c9b; } .menu-mobile ul.main-menu > li > a > span { position: absolute; top: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; color: #fff; font-size: 0.81rem; padding: 1px 5px !important; display: none; white-space: nowrap; } .menu-mobile ul.main-menu li { position: relative; } .menu-mobile .sub-menu { position: absolute; top: 50%; left: 100px; background-color: #065A26; min-width: 200px; z-index: 999; list-style: none; padding: 1rem 1.5rem; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .menu-mobile .sub-menu:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .menu-mobile .main-menu li > a:hover > span { display: block; } .menu-mobile .has-sub-menu.active .icon-w { color: #3E4B5B; } .menu-mobile .has-sub-menu.active .sub-menu { display: block; } .user-profile .up-header { font-size: 2.5rem; } .user-profile .up-sub-header { font-size: 1rem; } } /* #10. Phones (< 767px) */ @media (max-width: 767px) { body.login { min-height: 100%; } body.login:before { background-color: #fff; } .auth-box-w { height:100%; margin: 0% auto; background-color: #fff; box-shadow: none; } .full-chat-w .full-chat-i { display: block; } .projects-list .project-head { padding: 20px 30px; display: block; text-align: center; } .projects-list .project-head .project-users { text-align: center; margin-top: 2rem; } .projects-list .project-info { padding: 20px 30px; } .projects-list .project-info .el-tablo { text-align: center; margin-bottom: 0.5rem; } .display-type { content: "phone"; } .ae-list-w { -webkit-box-flex: 1; -ms-flex: 1 1 230px; flex: 1 1 230px; } .ae-content-w { display: none; } .top-menu-secondary { overflow: scroll; padding: 0px; } .top-menu-secondary ul { white-space: nowrap; } .top-menu-secondary ul li a { padding: 15px 10px; margin: 0px 10px; } .nav.upper.nav-tabs .nav-link { margin-right: 0.7rem; padding-bottom: 10px; font-size: 0.72rem; } .app-email-w.forse-show-content .ae-content-w { display: block; } .app-email-w.forse-show-content .ae-list-w { display: none; } .aec-full-message-w .message-content { padding: 15px; } .aec-full-message-w .message-attachments { text-align: center; } .aec-full-message-w .message-head .user-w .user-role span { margin-left: 0; } .aec-reply { padding: 15px; } .aec-reply .reply-header { padding-bottom: 15px; padding-top: 15px; text-align: center; } .aec-reply .buttons-w { display: block; text-align: center; } .aec-reply .buttons-w .btn, .aec-reply .buttons-w .all-wrapper .fc-button, .all-wrapper .aec-reply .buttons-w .fc-button { margin-bottom: 10px; } .floated-chat-btn i + span { display: none; } .floated-chat-btn { padding: 10px 12px; } .padded { padding: 1rem; } .user-profile .up-head-w .up-social { top: 5px; right: 10px; } .user-profile .up-head-w .up-social a { font-size: 24px; } .user-profile .up-main-info { padding-bottom: 10%; } .user-profile .up-header { font-size: 1.75rem; margin-bottom: 5px; padding-bottom: 5px; } .user-profile .up-sub-header { font-size: 1rem; } .user-profile .up-controls { text-align: center; } .user-profile .up-controls .value-pair { margin-bottom: 1rem; } .user-profile .up-controls .text-right { text-align: center !important; } .timed-activities { padding: 0; } .timed-activity { display: block; font-size: 0.9rem; } .timed-activity .ta-date { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 3rem; text-align: left; } .timed-activity .ta-date span:after { -webkit-transform: none; transform: none; left: 0px; } .timed-activity .ta-record-w { padding-left: 0px; } .timed-activity .ta-record { display: block; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .timed-activity .ta-activity { font-size: 0.81rem; } .content-panel-toggler { display: none; } .menu-mobile { display: block; } .element-info .element-search { margin-top: 1rem; } .element-box .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls, .invoice-w .os-tabs-controls, .big-error-w .os-tabs-controls { display: block; margin-left: -1rem; margin-right: -1rem; overflow:auto; overflow-y: hidden; } .element-box .os-tabs-controls .nav + .nav, .invoice-w .os-tabs-controls .nav + .nav, .big-error-w .os-tabs-controls .nav + .nav, .invoice-w .os-tabs-controls .nav + .nav, .big-error-w .os-tabs-controls .nav + .nav { margin-top: 1rem; } .element-box.el-tablo, .el-tablo.invoice-w, .el-tablo.big-error-w { text-align: center; } .invoice-w .infos { display: block; } .invoice-w .infos .info-2 { text-align: left; padding-top: 30px; } .invoice-heading { margin-bottom: 2rem; margin-top: 4rem; } .invoice-body { display: block; } .invoice-body .invoice-desc { margin-bottom: 2rem; } .invoice-footer { display: block; text-align: center; } .invoice-footer .invoice-logo { margin-bottom: 1rem; } .logs { display: block; text-align: center; } .logs .reg { margin-top: 1rem; } .footy { display: block; text-align: center; } .footy .schoollogo { margin-bottom: 1rem; } .controls-above-table .form-control { width: 110px; display: inline-block; } .controls-above-table .btn, .controls-above-table .all-wrapper .fc-button, .all-wrapper .controls-above-table .fc-button { margin-bottom: 0.5rem; } .layout-w { display: block; } .content-w, .menu-side .content-w { display: block; } .content-i { display: block; } .content-i .content-box { display: block; padding: 15px; } .content-i .content-panel { padding: 15px; border-left: none; display: block; width: auto; } .big-error-w { padding: 1rem; } .element-wrapper { padding-bottom: 1.5rem; } .element-box, .invoice-w, .big-error-w { padding: 1rem; } canvas { max-width: 100%; } table { max-width: 100%; } .invoice-w { padding: 30px; } .breadcrumb { margin-bottom: 0.5rem; } } .carousel { position: relative; padding: 0px; } .carousel-inner { position: relative; width: 100%; overflow: hidden; padding: 0px; margin: 0px; border-radius: 4px; } .carousel-inner>.item { position: relative; display: none; padding: 0px; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=15); opacity: .5 } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1 } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .masonry { margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em; } .item { display: inline-block; background: #fff; padding: 0; margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; } @media only screen and (min-width: 400px) { .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 700px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 900px) { .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1100px) { .masonry { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } @media only screen and (min-width: 1280px) { .wrapper { width: 1260px; } } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; -webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; -webkit-opacity: 0.4; -moz-opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-full-width { top: 0; right: 0; width: 100%; margin-top: 10px; margin-bottom: 10px; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; color: #ffffff; -webkit-opacity: 0.8; -moz-opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; filter: alpha(opacity=80); } #toast-container > :hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } #toast-container .toast-success.black, #toast-container .toast-error.black, #toast-container .toast-info.black, #toast-container .toast-warning.black { background-color: rgba(0, 0, 0, 0.7); color: #fff; } .toast { background-color: #030303; } .toast-success { background-color: #00a651; } .toast-error { background-color: #cc2424; } .toast-info { background-color: #21a9e1; } .toast-warning { background-color: #f89406; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } .pagicod { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagicod > li { display: inline; } .pagicod > li > a, .pagicod > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagicod > li:first-child > a, .pagicod > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagicod > li:last-child > a, .pagicod > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagicod > li > a:hover, .pagicod > li > span:hover, .pagicod > li > a:focus, .pagicod > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagicod > .active > a, .pagicod > .active > span, .pagicod > .active > a:hover, .pagicod > .active > span:hover, .pagicod > .active > a:focus, .pagicod > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagicod > .disabled > span, .pagicod > .disabled > span:hover, .pagicod > .disabled > span:focus, .pagicod > .disabled > a, .pagicod > .disabled > a:hover, .pagicod > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagicod-lg > li > a, .pagicod-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagicod-lg > li:first-child > a, .pagicod-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagicod-lg > li:last-child > a, .pagicod-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagicod-sm > li > a, .pagicod-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagicod-sm > li:first-child > a, .pagicod-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagicod-sm > li:last-child > a, .pagicod-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .newsevent > .row { overflow-x: auto; white-space: nowrap; } .newsevent > .row > .col-sm-4 { display: inline-block; float: none; } .logy-user { position: relative; padding: 0px 0.5rem; border-bottom: none; } .logy-user .avatar-w { padding: 3px; border: 1px solid #fff; border-radius: 50%; } .logy-user .avatar-w img { width: 30px; border-radius: 30px;} .logy-user .logged-user-i { display: inline-block; } .logy-user .logged-user-i:hover { cursor: pointer; } .logy-user .logged-user-i:hover .logged-user-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .logy-user .logged-user-menu { background: #065A26; box-shadow: 0 2px 15px 0 rgba(45, 130, 255, 0.15); position: absolute; top: 48px; right: 0px; overflow: hidden; padding: 1rem; z-index: 999; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all 0.3s ease; text-align: left; } .logy-user .logged-user-menu .logged-user-avatar-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px; padding: 0px 30px 10px 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .logy-user .logged-user-menu .avatar-w { border-color: #fff; vertical-align: middle; margin-right: 20px; } .logy-user .logged-user-menu .logged-user-info-w { vertical-align: middle; } .logy-user .logged-user-menu .logged-user-info-w .logged-user-name { color: #fff; white-space: nowrap; } .logy-user .logged-user-menu .logged-user-info-w .logged-user-role { color: rgba(255, 255, 255, 0.6); white-space: nowrap; } .logy-user .logged-user-menu ul { list-style: none; text-align: left; margin: 0px; padding: 0px; padding-bottom: 0px; } .logy-user .logged-user-menu ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .logy-user .logged-user-menu ul li a { display: block; padding: 10px 20px; color: #fff; } .logy-user .logged-user-menu ul li a i { vertical-align: middle; margin-right: 15px; font-size: 20px; transition: all 0.2s ease; display: inline-block; } .logy-user .logged-user-menu ul li a span { vertical-align: middle; font-size: 0.9rem; transition: all 0.2s ease; display: inline-block; } .logy-user .logged-user-menu ul li a:hover { text-decoration: none; } .logy-user .logged-user-menu ul li a:hover i { -webkit-transform: translateX(5px); transform: translateX(5px); } .logy-user .logged-user-menu ul li a:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } .logy-user .logged-user-menu ul li:last-child { border-bottom: none; } .logy-user .logged-user-menu .bg-icon { font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; bottom: -40px; right: -20px; } .logy-user-m { position: relative; padding: 0.5px 1.25rem; border-bottom: none; } .logy-user-m .avatar-w { padding: 3px; border: 1px solid #fff; border-radius: 50%; } .logy-user-m .avatar-w img { width: 50px; border-radius: 50%;} .logy-user-m .logged-user-i { display: inline-block; } .logy-user-m .logged-user-i:hover { cursor: pointer; } .logy-user-m .logged-user-i:hover .logged-user-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .logy-user-m .logged-user-menu { background: #065A26; box-shadow: 0 2px 15px 0 rgba(45, 130, 255, 0.15); position: absolute; top: 0px; left: 85px; overflow: hidden; padding: 1rem; z-index: 999; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); transition: all 0.3s ease; text-align: left; } .logy-user-m .logged-user-menu .logged-user-avatar-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px; padding: 0px 30px 10px 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .logy-user-m .logged-user-menu .avatar-w { border-color: #fff; vertical-align: middle; margin-right: 20px; } .logy-user-m .logged-user-menu .logged-user-info-w { vertical-align: middle; } .logy-user-m .logged-user-menu .logged-user-info-w .logged-user-name { color: #fff; white-space: nowrap; } .logy-user-m .logged-user-menu .logged-user-info-w .logged-user-role { color: rgba(255, 255, 255, 0.6); white-space: nowrap; } .logy-user-m .logged-user-menu ul { list-style: none; text-align: left; margin: 0px; padding: 0px; padding-bottom: 0px; } .logy-user-m .logged-user-menu ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .logy-user-m .logged-user-menu ul li a { display: block; padding: 10px 20px; color: #fff; } .logy-user-m .logged-user-menu ul li a i { vertical-align: middle; margin-right: 15px; font-size: 20px; transition: all 0.2s ease; display: inline-block; } .logy-user-m .logged-user-menu ul li a span { vertical-align: middle; font-size: 0.9rem; transition: all 0.2s ease; display: inline-block; } .logy-user-m .logged-user-menu ul li a:hover { text-decoration: none; } .logy-user-m .logged-user-menu ul li a:hover i { -webkit-transform: translateX(5px); transform: translateX(5px); } .logy-user-m .logged-user-menu ul li a:hover span { -webkit-transform: translateX(8px); transform: translateX(8px); } .logy-user-m .logged-user-menu ul li:last-child { border-bottom: none; } .logy-user-m .logged-user-menu .bg-icon { font-size: 100px; color: rgba(255, 255, 255, 0.1); position: absolute; bottom: -40px; right: -20px; } .navbar-toggle { float: none; padding: 0 15px; line-height: 60px; border: 0px; color: rgba(255, 255, 255, 0.5); margin: 0px; display: inline-block; border-radius: 0px; } .navbar-toggle:hover, .navbar-toggle:focus { background: rgba(0, 0, 0, 0.3); color: #ffffff; } /* Report Card */ .rcard-wy { border-radius: 4px; max-width: 800px; background: #001B3D; padding: 10px; } .rcard-w { font-family: "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0 auto; max-width: 780px; position: relative; overflow: hidden; padding: 50px; padding-bottom: 20px; } .rcard-w:before { width: 130%; height: 330px; background-color: #e6f7ff; position: absolute; top: -15%; left: -24%; -webkit-transform: rotate(-27deg); transform: rotate(-27deg); content: ""; z-index: 1; } .rcard-w .infos { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rcard-w .infos .info-1 { font-size: 1.08rem; } .rcard-w .infos .info-1 .rcard-logo-w img { height: 100px; } .rcard-w .infos .info-1 .company-name { font-size: 2rem; margin-bottom: 0.5rem; margin-top: 10px; } .rcard-w .infos .info-1 .company-extra { font-size: 0.81rem; color: rgba(0, 0, 0, 0.4); margin-top: 1rem; } .rcard-w .infos .info-2 { padding-top: 5px; text-align: right; } .rcard-w .infos .info-2 .rcard-profile img { height: 70px; border-radius: 50%; margin-bottom: 1rem; } .rcard-w .infos .info-2 .company-name { margin-bottom: 1rem; font-size: 1.26rem; } .rcard-w .infos .info-2 .company-address { color: rgba(0, 0, 0, 0.6); } .rcard-w .terms { font-size: 0.81rem; margin-top: 2.5rem; } .rcard-w .terms .terms-header { font-size: 0.9rem; margin-bottom: 10px; } .rcard-w .terms .terms-content { color: rgba(0, 0, 0, 0.4); } .rcard-table { border: 3px solid #001B3D; } .rcard-table thead th { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid #001B3D; } .rcard-table tbody tr td { border: 1px solid rgba(0, 0, 0, 0.1); } .rcard-table tbody tr:last-child td { padding-bottom: 15px; } .rcard-table tfoot tr td { font-size: 1.05rem; } .rcard-heading { text-align: center; margin-bottom: 2.5rem; margin-top: 2.5rem; position: relative; z-index: 2; } .rcard-heading h5 { margin-bottom: 0px; } .rcard-footer { padding-top: 1rem; padding-bottom: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 4rem; } .rcard-footer .rcard-logo img { vertical-align: middle; height: 20px; width: auto; display: inline-block; } .rcard-footer .rcard-logo span { vertical-align: middle; margin-left: 10px; display: inline-block; } .rcard-footer .rcard-info span { display: inline-block; } .rcard-footer .rcard-info span + span { margin-left: 1rem; padding-left: 1rem; border-left: 1px solid rgba(0, 0, 0, 0.1); } .rcard-body { display: -webkit-box; display: -ms-flexbox; display: flex; } .rcard-body .rcard-desc { -webkit-box-flex: 0; -ms-flex: 0 1 250px; flex: 0 1 250px; font-size: 1.17rem; } .dropdown { position: relative; display: inline-block; } @media (max-width: 767px) { .table-responsive .dropdown-menu { position: static !important; } } @media (min-width: 768px) { .table-responsive { position: static !important;} } } .dropdown-content { display: none; position: absolute; background-color: #097CFF; min-width: 180px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); z-index: 999; } .dropdown-content a { color: white; padding: 5px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #008d3b; } .dropdown:hover .dropdown-content { display: block; } /* pull-right on all except xs devices */ @media (min-width: 992px) { .pull-right { float: right; } } .js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile + label { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem; /* 10px 20px */ } .no-js .inputfile + label { display: none; } .inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .inputfile + label * { /* pointer-events: none; */ /* in case of FastClick lib use */ } .inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; /* 4px */ margin-right: 0.25em; /* 4px */ } /* style 1 */ .inputfile-1 + label { color: #f1e5e6; background-color: #d3394c; } .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover { background-color: #722040; } /* style 2 */ .inputfile-2 + label { color: #d3394c; border: 2px solid currentColor; } .inputfile-2:focus + label, .inputfile-2.has-focus + label, .inputfile-2 + label:hover { color: #722040; } /* style 3 */ .inputfile-3 + label { color: #008d3b; } .inputfile-3:focus + label, .inputfile-3.has-focus + label, .inputfile-3 + label:hover { color: #065A26; } /* style 4 */ .inputfile-4 + label { color: #d3394c; } .inputfile-4:focus + label, .inputfile-4.has-focus + label, .inputfile-4 + label:hover { color: #722040; } .inputfile-4 + label figure { width: 100px; height: 100px; border-radius: 50%; background-color: #d3394c; display: block; padding: 20px; margin: 0 auto 10px; } .inputfile-4:focus + label figure, .inputfile-4.has-focus + label figure, .inputfile-4 + label:hover figure { background-color: #722040; } .inputfile-4 + label svg { width: 100%; height: 100%; fill: #f1e5e6; } /* style 5 */ .inputfile-5 + label { color: #d3394c; } .inputfile-5:focus + label, .inputfile-5.has-focus + label, .inputfile-5 + label:hover { color: #722040; } .inputfile-5 + label figure { width: 100px; height: 135px; background-color: #d3394c; display: block; position: relative; padding: 30px; margin: 0 auto 10px; } .inputfile-5:focus + label figure, .inputfile-5.has-focus + label figure, .inputfile-5 + label:hover figure { background-color: #722040; } .inputfile-5 + label figure::before, .inputfile-5 + label figure::after { width: 0; height: 0; content: ''; position: absolute; top: 0; right: 0; } .inputfile-5 + label figure::before { border-top: 20px solid #dfc8ca; border-left: 20px solid transparent; } .inputfile-5 + label figure::after { border-bottom: 20px solid #722040; border-right: 20px solid transparent; } .inputfile-5:focus + label figure::after, .inputfile-5.has-focus + label figure::after, .inputfile-5 + label:hover figure::after { border-bottom-color: #d3394c; } .inputfile-5 + label svg { width: 100%; height: 100%; fill: #f1e5e6; } /* style 6 */ .inputfile-6 + label { color: #d3394c; } .inputfile-6 + label { border: 1px solid #d3394c; background-color: #f1e5e6; padding: 0; } .inputfile-6:focus + label, .inputfile-6.has-focus + label, .inputfile-6 + label:hover { border-color: #722040; } .inputfile-6 + label span, .inputfile-6 + label strong { padding: 0.625rem 1.25rem; /* 10px 20px */ } .inputfile-6 + label span { width: 200px; min-height: 2em; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; } .inputfile-6 + label strong { height: 100%; color: #f1e5e6; background-color: #d3394c; display: inline-block; } .inputfile-6:focus + label strong, .inputfile-6.has-focus + label strong, .inputfile-6 + label:hover strong { background-color: #722040; } @media screen and (max-width: 50em) { .inputfile-6 + label strong { display: block; } .inputfile + label { width: 200px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; } } .chat-heady { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0px 20px 6px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .chat-heady .usery { font-size: 1.04rem; } .chat-heady .usery span { display: inline-block; vertical-align: middle; margin-left: 5px; } .chat-heady .usery i { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .chat-heady .userty a { margin-left: 1rem; font-size: 20px; display: inline-block; vertical-align: middle; } .nc { cursor: default; } .profile-side-user { text-align: center; padding: 28px 15px 15px; } .profile-side-user .avatar-preview { display: block; border: none; background: none; position: relative; color: #fff; text-align: center; overflow: hidden; cursor: pointer; } .profile-side-user .avatar-preview input[type="file"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 100rem; opacity: 0; cursor: pointer; } .profile-side-user .avatar-preview .update { display: block; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.4); font-size: .875rem; padding: 35% 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profile-side-user .avatar-preview .font-icon { display: block; font-size: 1rem; } .profile-side-user .avatar-preview:hover .update { opacity: 1; } .avatar-preview { display: inline-block; vertical-align: middle; } .avatar-preview img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .avatar-preview.avatar-preview-24 { width: 24px; height: 24px; } .avatar-preview.avatar-preview-32 { width: 32px; height: 32px; } .avatar-preview.avatar-preview-48 { width: 48px; height: 48px; } .avatar-preview.avatar-preview-64 { width: 64px; height: 64px; } .avatar-preview.avatar-preview-100 { width: 100px; height: 100px; } .avatar-preview.avatar-preview-128 { width: 128px; height: 128px; } .profile-header-photo { width: 1920; height: 570px; width: 100%; height: 100%; margin: -27px -15px 20px; background: #232936 no-repeat 50% 50%; background-size: cover; position: relative; color: #fff; } .profile-header-photo .profile-header-photo-in { display: table; width: 100%; height: 100%; border-collapse: collapse; } .profile-header-photo .profile-header-photo-in > .tbl-cell { vertical-align: bottom; } .profile-header-photo .change-cover { position: absolute; right: 30px; top: 20px; text-decoration: none; color: #fff; border: none; background: rgba(0, 0, 0, 0.4); font-size: .875rem; padding: 6px 8px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .profile-header-photo .change-cover:hover { color: #00a8ff; } .profile-header-photo .change-cover input[type="file"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 100rem; opacity: 0; cursor: pointer; } .profile-header-photo .change-cover .font-icon { font-size: 1rem; margin: 0 4px 0 0; position: relative; top: 1px; } .profile-header-photo .info-block { padding: 0 15px; } .profile-header-photo .info-tbl p { margin: 0; } .profile-header-photo .info-tbl .tbl-cell { vertical-align: bottom; padding: 15px 0; } .profile-header-photo .info-tbl .tbl-cell-stat { width: 15%; text-align: right; } .profile-header-photo .info-tbl .title { font-size: 1.5rem; font-weight: 600; } .profile-header-photo .info-tbl .inline-block { display: inline-block; text-align: center; } .profile-header-photo.gradient .info-block { background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#000000)); background: -o-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #000000 100%); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#000000', GradientType=0); } .profile-header-photo.opacity .info-block { background: rgba(0, 0, 0, 0.4); } .prom { color:#00579D } .average { background: #065A26; color: #fff; } .newsfe { position:relative; } .newsfe .change-cover { position: absolute; right: 30px; top: 20px; text-decoration: none; color: #fff; border: none; background: rgba(0, 0, 0, 0.4); font-size: .875rem; padding: 6px 8px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .newsfe .change-cover.perso { position: absolute; right: 10px; top: 10px; background: rgba(0, 0, 0, 0.2); } .newsfe .change-cover:hover { color: #00a8ff; } .newsfe .change-cover input[type="file"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 100rem; opacity: 0; cursor: pointer; } .newsfe .change-cover .font-icon { font-size: 1rem; margin: 0 4px 0 0; position: relative; top: 1px; } .back { font-size: 1.25rem; color: #008d3b; } .centry { max-width:300px; max-height:300px; padding:15%; border:solid 1px #ddd; margin:0 auto; } .eactivy { color: #fff; background-color: #065A26; } .actyivy li a span { color: #fff; } .themesy { max-width: 300px; width: 100%; height: 100%; position: relative; color: #fff; } .checky { position: absolute; right: 25px; top: 45px;} .form-check-input:only-child { position: static; }